braid-ui 1.0.38 → 1.0.40

package/dist/index.js

@@ -1,10 +1,10 @@
 import * as React15 from 'react';
-import React15__default, { useState, useEffect, useCallback, useMemo } from 'react';
+import { useState, useEffect, useCallback, useMemo } from 'react';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, ChevronUp, Check, X, PanelLeft, Edit, Home, Globe, CreditCard, Building, MoreVertical, Minus, TrendingDown, TrendingUp, Wallet, ChevronRight, Eye, Trash2, Plus, MessageSquare, Upload, FileText, Download, Copy, LayoutDashboard, Bell, Briefcase, FileCheck, Receipt, ArrowLeftRight, Users, Building2, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Zap, Box, Settings, BarChart3, Key, ChevronLeft, AlertTriangle, XCircle, CheckCircle, Clock, Ban, Circle, Filter, User, Loader2, ArrowDownRight, ArrowUpRight, CheckCircle2, StickyNote, FileUp, RotateCcw, Send, PlayCircle, UserPlus, ChevronsUpDown, UserCheck, CalendarIcon, Package, FileJson, DollarSign } from 'lucide-react';
+import { ChevronDown, ChevronUp, Check, X, PanelLeft, Edit, Home, Globe, CreditCard, Building, MoreVertical, Minus, TrendingDown, TrendingUp, ChevronRight, Eye, Trash2, Plus, MessageSquare, Upload, FileText, Download, Copy, LayoutDashboard, Bell, Briefcase, FileCheck, Receipt, ArrowLeftRight, Users, Building2, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Zap, Box, Settings, BarChart3, Key, ChevronLeft, AlertTriangle, XCircle, CheckCircle, Clock, Ban, Circle, Wallet, Filter, User, Loader2, ArrowDownRight, ArrowUpRight, CheckCircle2, StickyNote, FileUp, RotateCcw, Send, PlayCircle, UserPlus, ChevronsUpDown, UserCheck, CalendarIcon, Package, FileJson, DollarSign } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { Slot } from '@radix-ui/react-slot';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -18,14 +18,14 @@ import { z } from 'zod';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@radix-ui/react-collapsible';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { format } from 'date-fns';
+import { parseISO, isBefore, startOfDay, isAfter, endOfDay, format } from 'date-fns';
 import { DayPicker } from 'react-day-picker';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { Toaster as Toaster$1, toast as toast$1 } from 'sonner';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { useTheme } from 'next-themes';
-import { Toaster as Toaster$1, toast as toast$1 } from 'sonner';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 
@@ -524,8 +524,8 @@ var reducer = (state, action) => {
       if (toastId) {
         addToRemoveQueue(toastId);
       } else {
-        state.toasts.forEach((toast4) => {
-          addToRemoveQueue(toast4.id);
+        state.toasts.forEach((toast5) => {
+          addToRemoveQueue(toast5.id);
         });
       }
       return {
@@ -3556,24 +3556,26 @@ var BusinessProfileCard = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: /* @__PURE__ */ jsx(
-      FormInput,
-      {
-        name: "achCompanyId",
-        label: "ACH Company ID",
-        placeholder: "10-digit company ID"
-      }
-    ) }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: /* @__PURE__ */ jsx(
-      FormInput,
-      {
-        name: "productId",
-        label: "Product ID",
-        type: "number",
-        placeholder: "Product ID",
-        disabled: true
-      }
-    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          name: "achCompanyId",
+          label: "ACH Company ID",
+          placeholder: "10-digit company ID"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          name: "productId",
+          label: "Product ID",
+          type: "number",
+          placeholder: "Product ID",
+          disabled: true
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-muted-foreground mt-6", children: "Contact Person" }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
       /* @__PURE__ */ jsx(
@@ -3632,6 +3634,34 @@ var BusinessProfileCard = ({
         /* @__PURE__ */ jsx(InfoField, { label: "Website", value: formValues?.website || "-", layout: "horizontal" })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsx(InfoField, { label: "Business Phone", value: formValues?.mobilePhone || "-", layout: "horizontal" }) }),
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Address",
+          value: formValues?.address ? (() => {
+            const parts = [];
+            if (formValues.address.line1) parts.push(formValues.address.line1);
+            if (formValues.address.line2) parts.push(formValues.address.line2);
+            const cityStateZip = [
+              formValues.address.city,
+              formValues.address.state,
+              formValues.address.postalCode
+            ].filter(Boolean).join(" ");
+            if (cityStateZip) parts.push(cityStateZip);
+            if (formValues.address.countryCode) parts.push(formValues.address.countryCode);
+            return parts.length > 0 ? parts.join(", ") : "-";
+          })() : "-",
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx(InfoField, { label: "MCC", value: formValues?.mcc || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsx(InfoField, { label: "NAICS", value: formValues?.naics || "-", layout: "horizontal" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx(InfoField, { label: "ACH Company ID", value: formValues?.achCompanyId || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsx(InfoField, { label: "Product ID", value: formValues?.productId?.toString() || "-", layout: "horizontal" })
+      ] }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsx(
           InfoField,
@@ -3657,32 +3687,6 @@ var BusinessProfileCard = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(
-        InfoField,
-        {
-          label: "Address",
-          value: formValues?.address ? (() => {
-            const parts = [];
-            if (formValues.address.line1) parts.push(formValues.address.line1);
-            if (formValues.address.line2) parts.push(formValues.address.line2);
-            const cityStateZip = [
-              formValues.address.city,
-              formValues.address.state,
-              formValues.address.postalCode
-            ].filter(Boolean).join(" ");
-            if (cityStateZip) parts.push(cityStateZip);
-            if (formValues.address.countryCode) parts.push(formValues.address.countryCode);
-            return parts.length > 0 ? parts.join(", ") : "-";
-          })() : "-",
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsx(InfoField, { label: "MCC", value: formValues?.mcc || "-", layout: "horizontal" }),
-        /* @__PURE__ */ jsx(InfoField, { label: "NAICS", value: formValues?.naics || "-", layout: "horizontal" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsx(InfoField, { label: "ACH Company ID", value: formValues?.achCompanyId || "-", layout: "horizontal" }) }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsx(InfoField, { label: "Product ID", value: formValues?.productId?.toString() || "-", layout: "horizontal" }) }),
       /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-muted-foreground mt-6", children: "Contact Person" }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsx(InfoField, { label: "First Name", value: formValues?.contactPersonFirstName || "-", layout: "horizontal" }),
@@ -4256,1109 +4260,1970 @@ var PageLayout = React15.forwardRef(
   }
 );
 PageLayout.displayName = "PageLayout";
-var UBOCard = ({ ubos, onUBOClick }) => {
-  const columns3 = [
-    {
-      key: "name",
-      title: "Name",
-      sortable: true,
-      width: "40%",
-      render: (value, row) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => onUBOClick(row.customerId),
-          className: "text-primary hover:underline font-medium text-left",
-          children: value
-        }
-      )
-    },
-    {
-      key: "title",
-      title: "Title",
-      sortable: true,
-      width: "40%"
-    },
-    {
-      key: "ownershipPercentage",
-      title: "Ownership %",
-      sortable: true,
-      width: "20%",
-      align: "right",
-      render: (value) => `${value}%`
-    }
-  ];
-  return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
-      /* @__PURE__ */ jsx(CardTitle, { children: "Ultimate Beneficial Owners (UBO)" }),
-      /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", children: [
-        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
-        "Add UBO"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(CardContent, { children: ubos.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(Users, { className: "h-5 w-5 opacity-50" }),
-      /* @__PURE__ */ jsx("p", { children: "No UBOs recorded" })
-    ] }) : /* @__PURE__ */ jsx(
-      DataTable,
+var FormField = React15.forwardRef(
+  ({ label, description, error, required, children, className, layout = "vertical" }, ref) => {
+    const isHorizontal = layout === "horizontal";
+    return /* @__PURE__ */ jsxs(
+      "div",
       {
-        columns: columns3,
-        data: ubos
+        ref,
+        className: cn(
+          "space-y-2",
+          isHorizontal && "grid grid-cols-1 md:grid-cols-3 gap-4 items-start space-y-0",
+          className
+        ),
+        children: [
+          label && /* @__PURE__ */ jsxs("div", { className: cn("space-y-1", isHorizontal && "pt-2"), children: [
+            /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium text-foreground", children: [
+              label,
+              required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+            ] }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: description })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: cn(isHorizontal && "md:col-span-2"), children: [
+            children,
+            error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: error })
+          ] })
+        ]
       }
-    ) })
-  ] });
+    );
+  }
+);
+FormField.displayName = "FormField";
+var spacingClasses = {
+  sm: "space-y-3",
+  md: "space-y-4",
+  lg: "space-y-6"
 };
-var BusinessDocuments = ({ businessId, documents, onDocumentUpload }) => {
-  const [isUploading, setIsUploading] = useState(false);
-  const [showUploadDialog, setShowUploadDialog] = useState(false);
-  const [selectedFile, setSelectedFile] = useState(null);
-  const [documentName, setDocumentName] = useState("");
-  const [description, setDescription] = useState("");
-  const [documentType, setDocumentType] = useState("");
-  const handleFileSelect = (e) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-    setSelectedFile(file);
-    setDocumentName(file.name);
-  };
-  const handleUploadSubmit = async () => {
-    if (!selectedFile || !documentName || !documentType) {
-      toast({
-        title: "Missing Information",
-        description: "Please fill in all required fields",
-        variant: "destructive"
-      });
-      return;
+var gridClasses = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 md:grid-cols-2",
+  3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+  4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
+};
+var FormSection = React15.forwardRef(
+  ({
+    title,
+    description,
+    children,
+    className,
+    spacing: spacing2 = "md",
+    layout = "vertical",
+    columns: columns3 = 2
+  }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("space-y-4", className), children: [
+      (title || description) && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        title && /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: cn(
+        layout === "grid" ? `grid gap-4 ${gridClasses[columns3]}` : spacingClasses[spacing2]
+      ), children })
+    ] });
+  }
+);
+FormSection.displayName = "FormSection";
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("p-3 pointer-events-auto", className),
+      classNames: {
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        button_previous: "absolute left-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+        button_next: "absolute right-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+        month_grid: "w-full border-collapse space-y-1",
+        weekdays: "flex",
+        weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+        week: "flex w-full mt-2",
+        day: "h-9 w-9 text-center text-sm p-0 relative hover:bg-accent hover:text-accent-foreground rounded-md",
+        day_button: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-9 w-9 p-0 font-normal"
+        ),
+        selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground",
+        today: "bg-accent text-accent-foreground",
+        outside: "text-muted-foreground opacity-50",
+        disabled: "text-muted-foreground opacity-50",
+        hidden: "invisible",
+        ...classNames
+      },
+      ...props
     }
-    setIsUploading(true);
-    try {
-      await onDocumentUpload(selectedFile, {
-        name: documentName,
-        description,
-        type: documentType
-      });
-      toast({
-        title: "Upload Successful",
-        description: `${documentName} uploaded successfully`
-      });
-      setShowUploadDialog(false);
-      resetForm();
-    } catch (error) {
-      toast({
-        title: "Upload Failed",
-        description: "Failed to upload document. Please try again.",
-        variant: "destructive"
-      });
+  );
+}
+Calendar.displayName = "Calendar";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React15.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+function DatePicker({
+  date,
+  onDateChange,
+  placeholder = "Pick a date",
+  disabled = false,
+  className,
+  buttonClassName,
+  calendarClassName,
+  align = "start",
+  disabledDates,
+  label,
+  wrapperClassName
+}) {
+  const [open, setOpen] = React15.useState(false);
+  const handleSelect = (selectedDate) => {
+    onDateChange?.(selectedDate);
+    setOpen(false);
+  };
+  const picker = /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        disabled,
+        className: cn(
+          "justify-start text-left font-normal",
+          !date && "text-muted-foreground",
+          buttonClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }),
+          date ? format(date, "MM/dd/yyyy") : placeholder
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: cn("w-auto p-0", className), align, children: /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        mode: "single",
+        selected: date,
+        onSelect: handleSelect,
+        disabled: disabledDates,
+        initialFocus: true,
+        className: cn("pointer-events-auto", calendarClassName)
+      }
+    ) })
+  ] });
+  if (label) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", wrapperClassName), children: [
+      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
+      picker
+    ] });
+  }
+  return picker;
+}
+var uboSchema = z.object({
+  legalFirstName: z.string().min(1, "Legal first name is required"),
+  legalLastName: z.string().min(1, "Legal last name is required"),
+  email: z.string().email("Invalid email address"),
+  title: z.string().min(1, "Title is required"),
+  ownershipPercentage: z.number().min(0).max(100, "Must be between 0 and 100"),
+  idNumber: z.string().min(1, "ID number is required"),
+  ssn: z.string().min(1, "SSN is required"),
+  dateOfBirth: z.date({
+    message: "Date of birth is required"
+  }),
+  street: z.string().min(1, "Street is required"),
+  apartment: z.string().optional(),
+  city: z.string().min(1, "City is required"),
+  state: z.string().min(1, "State is required"),
+  country: z.string().min(1, "Country is required")
+});
+var titleOptions = [
+  { value: "CEO", label: "CEO" },
+  { value: "CFO", label: "CFO" },
+  { value: "CTO", label: "CTO" },
+  { value: "COO", label: "COO" },
+  { value: "President", label: "President" },
+  { value: "Vice President", label: "Vice President" },
+  { value: "Director", label: "Director" },
+  { value: "Manager", label: "Manager" },
+  { value: "Board Member", label: "Board Member" },
+  { value: "Partner", label: "Partner" },
+  { value: "Other", label: "Other" }
+];
+var AddUBODialog = ({ open, onOpenChange, onSubmit }) => {
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const form = useForm({
+    resolver: zodResolver(uboSchema),
+    defaultValues: {
+      legalFirstName: "",
+      legalLastName: "",
+      email: "",
+      title: "",
+      ownershipPercentage: 0,
+      idNumber: "",
+      ssn: "",
+      street: "",
+      apartment: "",
+      city: "",
+      state: "",
+      country: "US"
+    }
+  });
+  const handleSubmit = async (data) => {
+    setIsSubmitting(true);
+    try {
+      await onSubmit(data);
+      form.reset();
+      onOpenChange(false);
+    } catch (error) {
+      console.error("Error adding UBO:", error);
     } finally {
-      setIsUploading(false);
+      setIsSubmitting(false);
     }
   };
-  const resetForm = () => {
-    setSelectedFile(null);
-    setDocumentName("");
-    setDescription("");
-    setDocumentType("");
-    const fileInput = document.getElementById("file-upload");
-    if (fileInput) fileInput.value = "";
-  };
-  const handleCancelUpload = () => {
-    setShowUploadDialog(false);
-    resetForm();
-  };
-  const isImageType = (name) => {
-    const imageExtensions = [".jpg", ".jpeg", ".png", ".gif", ".webp", ".bmp"];
-    return imageExtensions.some((ext) => name.toLowerCase().endsWith(ext));
-  };
-  const getFileIcon = (type) => {
-    return /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5" });
-  };
-  const getFileTypeColor = (type) => {
-    switch (type.toUpperCase()) {
-      case "PDF":
-        return "text-red-500";
-      case "DOCX":
-      case "DOC":
-        return "text-blue-500";
-      case "XLSX":
-      case "XLS":
-        return "text-green-500";
-      case "JPG":
-      case "JPEG":
-      case "PNG":
-        return "text-purple-500";
-      default:
-        return "text-muted-foreground";
-    }
+  const handleCancel = () => {
+    form.reset();
+    onOpenChange(false);
   };
-  const documentTypeOptions = [
-    { value: "BUSINESS_LICENSE", label: "Business License" },
-    { value: "TAX_DOCUMENT", label: "Tax Document" },
-    { value: "PROOF_OF_ADDRESS", label: "Proof of Address" },
-    { value: "BANK_STATEMENT", label: "Bank Statement" },
-    { value: "INCORPORATION_DOCS", label: "Incorporation Documents" },
-    { value: "OPERATING_AGREEMENT", label: "Operating Agreement" },
-    { value: "OTHER", label: "Other" }
-  ];
-  return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
-      /* @__PURE__ */ jsx(CardTitle, { children: "Documents" }),
-      /* @__PURE__ */ jsxs(
-        Button,
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-3xl max-h-[90vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Add Ultimate Beneficial Owner" }) }),
+    /* @__PURE__ */ jsx(FormProvider$1, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs(FormSection, { layout: "grid", columns: 2, spacing: "md", children: [
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "legalFirstName",
+            label: "Legal first name",
+            placeholder: "Enter first name"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "legalLastName",
+            label: "Legal last name",
+            placeholder: "Enter last name"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(FormSection, { layout: "vertical", spacing: "md", children: /* @__PURE__ */ jsx(
+        FormInput,
         {
-          onClick: () => setShowUploadDialog(true),
-          size: "sm",
-          variant: "ghost",
-          className: "gap-2",
-          children: [
-            /* @__PURE__ */ jsx(Upload, { className: "h-4 w-4" }),
-            "Upload"
-          ]
+          name: "email",
+          label: "Email",
+          type: "email",
+          placeholder: "Enter email address"
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(CardContent, { children: [
-      showUploadDialog && createPortal(
-        /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4", children: [
+      ) }),
+      /* @__PURE__ */ jsxs(FormSection, { layout: "grid", columns: 2, spacing: "md", children: [
+        /* @__PURE__ */ jsx(
+          FormSelect,
+          {
+            name: "title",
+            label: "Title",
+            placeholder: "Select title",
+            options: titleOptions
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "ownershipPercentage",
+            label: "Ownership %",
+            type: "number",
+            placeholder: "Enter ownership percentage"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(FormSection, { layout: "grid", columns: 2, spacing: "md", children: [
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "idNumber",
+            label: "ID Number",
+            placeholder: "Enter ID number"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "ssn",
+            label: "SSN",
+            placeholder: "Enter SSN"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(FormSection, { layout: "vertical", spacing: "md", children: /* @__PURE__ */ jsx(FormField, { label: "Date of birth", children: /* @__PURE__ */ jsx(
+        Controller,
+        {
+          name: "dateOfBirth",
+          control: form.control,
+          render: ({ field }) => /* @__PURE__ */ jsx(
+            DatePicker,
+            {
+              date: field.value,
+              onDateChange: field.onChange,
+              placeholder: "MM/DD/YYYY"
+            }
+          )
+        }
+      ) }) }),
+      /* @__PURE__ */ jsxs(FormSection, { title: "Address Details", layout: "vertical", spacing: "md", children: [
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "street",
+            label: "Street",
+            placeholder: "Enter street address"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "apartment",
+            label: "Apartment, suite, or floor",
+            placeholder: "Enter apartment, suite, or floor (optional)"
+          }
+        ),
+        /* @__PURE__ */ jsxs(FormSection, { layout: "grid", columns: 2, spacing: "md", children: [
           /* @__PURE__ */ jsx(
-            "div",
+            FormInput,
             {
-              className: "fixed inset-0 bg-background/80 backdrop-blur-sm",
-              onClick: handleCancelUpload
+              name: "city",
+              label: "City",
+              placeholder: "Enter city"
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "relative bg-card border rounded-lg shadow-lg max-w-lg w-full p-6 z-[101]", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-6", children: [
-              /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold", children: "Upload Document" }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  className: "h-8 w-8 p-0",
-                  onClick: handleCancelUpload,
-                  children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-              /* @__PURE__ */ jsxs("div", { className: "border-2 border-dashed rounded-lg p-6 text-center hover:border-primary/50 transition-colors", children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "file",
-                    id: "file-upload-dialog",
-                    className: "hidden",
-                    onChange: handleFileSelect,
-                    disabled: isUploading
-                  }
-                ),
-                /* @__PURE__ */ 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__ */ jsx(Upload, { className: "h-8 w-8 text-muted-foreground" }),
-                      /* @__PURE__ */ jsxs("div", { children: [
-                        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: selectedFile ? "Change file" : "Click to upload or drag and drop" }),
-                        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "PDF, DOC, DOCX, JPG, PNG up to 10MB" })
-                      ] })
-                    ]
-                  }
-                )
-              ] }),
-              selectedFile && /* @__PURE__ */ jsxs("div", { className: "p-3 bg-muted/50 rounded-lg", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Selected file:" }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: selectedFile.name }),
-                /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-                  (selectedFile.size / 1024 / 1024).toFixed(2),
-                  " MB"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx(
-                EnhancedInput,
-                {
-                  label: "Document name",
-                  value: documentName,
-                  onChange: (e) => setDocumentName(e.target.value),
-                  placeholder: "Enter document name"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                EnhancedTextarea,
-                {
-                  label: "Description",
-                  value: description,
-                  onChange: (e) => setDescription(e.target.value),
-                  placeholder: "Enter document description (optional)",
-                  rows: 3
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                EnhancedSelect,
-                {
-                  label: "Document type",
-                  value: documentType,
-                  onValueChange: setDocumentType,
-                  placeholder: "Select document type",
-                  options: documentTypeOptions
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex gap-3 mt-6", children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "outline",
-                  onClick: handleCancelUpload,
-                  disabled: isUploading,
-                  className: "flex-1",
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  onClick: handleUploadSubmit,
-                  disabled: isUploading,
-                  className: "flex-1",
-                  children: isUploading ? "Uploading..." : "Upload"
-                }
-              )
-            ] })
-          ] })
+          /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              name: "state",
+              label: "State",
+              placeholder: "Enter state"
+            }
+          )
         ] }),
-        document.body
-      ),
-      documents.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 opacity-50" }),
-        /* @__PURE__ */ jsx("p", { children: "No documents uploaded yet" })
-      ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: documents.map((doc) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "border rounded-lg hover:bg-muted/30 transition-colors overflow-hidden",
-          children: [
-            isImageType(doc.name) && doc.url && /* @__PURE__ */ jsx("div", { className: "w-full bg-muted/50", children: /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: doc.url,
-                alt: doc.name,
-                className: "w-full h-48 object-cover"
-              }
-            ) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-                !isImageType(doc.name) && /* @__PURE__ */ jsx("div", { className: cn(getFileTypeColor(doc.type)), children: getFileIcon(doc.type) }),
-                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx("h4", { className: "font-medium text-sm truncate", children: doc.name }),
-                  /* @__PURE__ */ 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__ */ jsx("p", { className: "text-sm text-foreground mt-1", children: doc.description }),
-                  /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    className: "h-8 w-8 p-0",
-                    onClick: () => toast({ title: "Preview", description: `Viewing ${doc.name}` }),
-                    children: /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" })
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    className: "h-8 w-8 p-0",
-                    onClick: () => toast({ title: "Download", description: `Downloading ${doc.name}` }),
-                    children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
-                  }
-                ),
-                /* @__PURE__ */ 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__ */ jsx(Trash2, { className: "h-4 w-4" })
-                  }
-                )
-              ] })
-            ] })
-          ]
-        },
-        doc.id
-      )) })
-    ] })
-  ] });
-};
-var accountColumns = [
-  {
-    key: "number",
-    title: "Account Number",
-    sortable: true,
-    width: "40%"
-  },
-  {
-    key: "routingNumber",
-    title: "Routing Number",
-    sortable: true,
-    width: "40%"
-  },
-  {
-    key: "type",
-    title: "Account Type",
-    sortable: true,
-    width: "20%",
-    align: "right",
-    render: (value) => /* @__PURE__ */ jsx("span", { className: "capitalize", children: value })
-  }
-];
-var BusinessDetailView = ({
-  business,
-  businessProfile,
-  identityVerification,
-  businessUBOs,
-  businessDocuments,
-  businessAccounts,
-  currentStatus,
-  isEditingProfile,
-  onStatusChange,
-  onProfileDataChange,
-  onToggleProfileEdit,
-  onNavigateToAccounts,
-  onNavigateToCounterparty,
-  onAddAccount,
-  onUBOClick,
-  onDocumentUpload
-}) => {
-  return /* @__PURE__ */ jsx(
-    PageLayout,
-    {
-      title: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("span", { children: business.businessName }),
         /* @__PURE__ */ jsx(
-          EditableInfoField,
+          FormInput,
           {
-            label: "",
-            value: currentStatus,
-            options: [
-              { value: "active", label: "Active" },
-              { value: "inactive", label: "Inactive" },
-              { value: "suspended", label: "Suspended" }
-            ],
-            onChange: onStatusChange,
-            renderValue: (value) => /* @__PURE__ */ jsx(StatusBadge, { status: value.toUpperCase() }),
-            className: "inline-block"
+            name: "country",
+            label: "Country",
+            placeholder: "Enter country"
           }
-        ),
-        /* @__PURE__ */ jsx(CIPStatusBadge, { status: business.cipStatus }),
-        /* @__PURE__ */ jsx(EntityTypeBadge, { type: business.type }),
-        /* @__PURE__ */ jsx(SubTypeBadge, { subType: business.subType })
+        )
       ] }),
-      actions: [
-        {
-          label: "Account",
-          variant: "outline",
-          onClick: onNavigateToAccounts,
-          icon: Wallet
-        },
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: handleCancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Adding..." : "Add UBO" })
+      ] })
+    ] }) })
+  ] }) });
+};
+var UBOCard = ({ ubos, onUBOClick }) => {
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const handleAddUBO = (data) => {
+    console.log("New UBO data:", data);
+    toast$1.success("UBO added successfully");
+  };
+  const columns3 = [
+    {
+      key: "name",
+      title: "Name",
+      sortable: true,
+      width: "40%",
+      render: (value, row) => /* @__PURE__ */ jsx(
+        "button",
         {
-          label: "Counterparty",
-          variant: "outline",
-          onClick: onNavigateToCounterparty,
-          icon: Users
+          onClick: () => onUBOClick(row.customerId),
+          className: "text-primary hover:underline font-medium text-left",
+          children: value
         }
-      ],
-      maxWidth: "full",
-      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4", children: [
-          /* @__PURE__ */ jsx(
-            BusinessProfileCard,
-            {
-              data: businessProfile,
-              identityVerification,
-              isEditing: isEditingProfile,
-              onToggleEdit: onToggleProfileEdit,
-              onDataChange: onProfileDataChange
-            }
-          ),
-          /* @__PURE__ */ jsx(UBOCard, { ubos: businessUBOs, onUBOClick }),
-          /* @__PURE__ */ jsxs(Card, { children: [
-            /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
-              /* @__PURE__ */ jsx(CardTitle, { children: "External Accounts" }),
-              /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: onAddAccount, children: [
-                /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
-                "Account"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(CardContent, { children: businessAccounts.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
-              /* @__PURE__ */ jsx(Wallet, { className: "h-5 w-5 opacity-50" }),
-              /* @__PURE__ */ jsx("p", { children: "No external accounts found" })
-            ] }) : /* @__PURE__ */ jsx(
-              DataTable,
-              {
-                columns: accountColumns,
-                data: businessAccounts
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx(
-            BusinessDocuments,
-            {
-              businessId: business.id,
-              documents: businessDocuments,
-              onDocumentUpload
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsx(BusinessStatusCard, { isEditing: false, onToggleEdit: () => {
-        } }) })
-      ] })
-    }
-  );
-};
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DayPicker,
+      )
+    },
     {
-      showOutsideDays,
-      className: cn("p-3 pointer-events-auto", className),
-      classNames: {
-        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
-        month: "space-y-4",
-        caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "text-sm font-medium",
-        nav: "space-x-1 flex items-center",
-        button_previous: "absolute left-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
-        button_next: "absolute right-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
-        month_grid: "w-full border-collapse space-y-1",
-        weekdays: "flex",
-        weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
-        week: "flex w-full mt-2",
-        day: "h-9 w-9 text-center text-sm p-0 relative hover:bg-accent hover:text-accent-foreground rounded-md",
-        day_button: cn(
-          buttonVariants({ variant: "ghost" }),
-          "h-9 w-9 p-0 font-normal"
-        ),
-        selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground",
-        today: "bg-accent text-accent-foreground",
-        outside: "text-muted-foreground opacity-50",
-        disabled: "text-muted-foreground opacity-50",
-        hidden: "invisible",
-        ...classNames
-      },
-      ...props
+      key: "title",
+      title: "Title",
+      sortable: true,
+      width: "40%"
+    },
+    {
+      key: "ownershipPercentage",
+      title: "Ownership %",
+      sortable: true,
+      width: "20%",
+      align: "right",
+      render: (value) => `${value}%`
     }
-  );
-}
-Calendar.displayName = "Calendar";
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React15.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-function DatePicker({
-  date,
-  onDateChange,
-  placeholder = "Pick a date",
-  disabled = false,
-  className,
-  buttonClassName,
-  calendarClassName,
-  align = "start",
-  disabledDates,
-  label,
-  wrapperClassName
-}) {
-  const [open, setOpen] = React15.useState(false);
-  const handleSelect = (selectedDate) => {
-    onDateChange?.(selectedDate);
-    setOpen(false);
-  };
-  const picker = /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
+  ];
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: "Ultimate Beneficial Owners (UBO)" }),
+      /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: () => setIsDialogOpen(true), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
+        "Add UBO"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: ubos.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Users, { className: "h-5 w-5 opacity-50" }),
+      /* @__PURE__ */ jsx("p", { children: "No UBOs recorded" })
+    ] }) : /* @__PURE__ */ jsx(
+      DataTable,
       {
-        variant: "outline",
-        disabled,
-        className: cn(
-          "justify-start text-left font-normal",
-          !date && "text-muted-foreground",
-          buttonClassName
-        ),
-        children: [
-          /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }),
-          date ? format(date, "MM/dd/yyyy") : placeholder
-        ]
+        columns: columns3,
+        data: ubos
       }
     ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: cn("w-auto p-0", className), align, children: /* @__PURE__ */ jsx(
-      Calendar,
+    /* @__PURE__ */ jsx(
+      AddUBODialog,
       {
-        mode: "single",
-        selected: date,
-        onSelect: handleSelect,
-        disabled: disabledDates,
-        initialFocus: true,
-        className: cn("pointer-events-auto", calendarClassName)
+        open: isDialogOpen,
+        onOpenChange: setIsDialogOpen,
+        onSubmit: handleAddUBO
       }
-    ) })
+    )
   ] });
-  if (label) {
-    return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", wrapperClassName), children: [
-      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
-      picker
-    ] });
-  }
-  return picker;
-}
-var BusinessFiltersSheet = ({
-  filters,
-  onFilterChange,
-  onResetFilters
+};
+var accountSchema = z.object({
+  accountName: z.string().min(1, "Account name is required"),
+  accountType: z.string().min(1, "Account type is required"),
+  fundingFromAccount: z.string().optional(),
+  sweepToAccount: z.string().optional()
+});
+var AddAccountDialog = ({
+  open,
+  onOpenChange,
+  onSubmit,
+  existingAccounts = []
 }) => {
-  const [localFilters, setLocalFilters] = useState(filters);
-  const [open, setOpen] = useState(false);
-  useEffect(() => {
-    setLocalFilters(filters);
-  }, [filters]);
-  const handleLocalFilterChange = (field, value) => {
-    setLocalFilters((prev) => ({ ...prev, [field]: value }));
-  };
-  const handleApplyFilters = () => {
-    Object.entries(localFilters).forEach(([key, value]) => {
-      onFilterChange(key, value);
-    });
-    setOpen(false);
-  };
-  const handleResetFilters = () => {
-    const resetFilters = {
-      name: "",
-      productName: "",
-      status: "",
-      createdDateStart: void 0,
-      createdDateEnd: void 0
-    };
-    setLocalFilters(resetFilters);
-    onResetFilters();
-    setOpen(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const form = useForm({
+    resolver: zodResolver(accountSchema),
+    defaultValues: {
+      accountName: "",
+      accountType: void 0,
+      fundingFromAccount: "",
+      sweepToAccount: ""
+    }
+  });
+  const handleSubmit = async (data) => {
+    setIsLoading(true);
+    try {
+      await onSubmit?.(data);
+      form.reset();
+      onOpenChange(false);
+    } catch (error) {
+      console.error("Error creating account:", error);
+    } finally {
+      setIsLoading(false);
+    }
   };
-  return /* @__PURE__ */ jsxs(Sheet, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "gap-2", children: [
-      /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4" }),
-      "Filters"
-    ] }) }),
-    /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-xl overflow-y-auto", children: [
-      /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: "Business Filters" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-6 py-6", children: [
+  existingAccounts.map((acc) => ({
+    value: acc.id,
+    label: `${acc.number}${acc.type ? ` (${acc.type})` : ""}`
+  }));
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[600px] max-h-[90vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Add Account" }) }),
+    /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs(FormSection, { spacing: "md", children: [
         /* @__PURE__ */ jsx(
-          EnhancedInput,
+          FormInput,
           {
-            label: "Name",
-            value: localFilters.name,
-            onChange: (e) => handleLocalFilterChange("name", e.target.value),
-            placeholder: "Enter business name"
+            name: "accountName",
+            label: "Account Name",
+            placeholder: "Enter account name",
+            required: true
           }
         ),
         /* @__PURE__ */ jsx(
-          EnhancedInput,
+          FormSelect,
           {
-            label: "Product Name",
-            value: localFilters.productName,
-            onChange: (e) => handleLocalFilterChange("productName", e.target.value),
-            placeholder: "Enter product name"
+            name: "accountType",
+            label: "Account Type",
+            placeholder: "Select account type",
+            options: [
+              { value: "CHECKING", label: "Checking" },
+              { value: "SAVINGS", label: "Savings" }
+            ]
           }
         ),
         /* @__PURE__ */ jsx(
-          EnhancedSelect,
+          FormInput,
           {
-            label: "Status",
-            value: localFilters.status,
-            onValueChange: (value) => handleLocalFilterChange("status", value),
-            placeholder: "Select status",
-            options: [
-              { value: "ACTIVE", label: "Active" },
-              { value: "INACTIVE", label: "Inactive" },
-              { value: "BLOCKED", label: "Blocked" },
-              { value: "PENDING_APPROVAL", label: "Pending Approval" },
-              { value: "PENDING", label: "Pending" },
-              { value: "INITIALIZED", label: "Initialized" },
-              { value: "PENDING_UNBLOCKED", label: "Pending Unblocked" }
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Created Date Start" }),
-            /* @__PURE__ */ jsx(
-              DatePicker,
-              {
-                date: localFilters.createdDateStart,
-                onDateChange: (date) => handleLocalFilterChange("createdDateStart", date),
-                placeholder: "MM/DD/YYYY",
-                buttonClassName: "w-full",
-                className: "bg-background z-50"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Created Date End" }),
-            /* @__PURE__ */ jsx(
-              DatePicker,
-              {
-                date: localFilters.createdDateEnd,
-                onDateChange: (date) => handleLocalFilterChange("createdDateEnd", date),
-                placeholder: "MM/DD/YYYY",
-                buttonClassName: "w-full",
-                className: "bg-background z-50"
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(SheetFooter, { className: "gap-2", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleResetFilters, children: "Reset Filters" }),
-        /* @__PURE__ */ jsx(Button, { onClick: handleApplyFilters, children: "Apply Filters" })
-      ] })
-    ] })
-  ] });
-};
-var BusinessForm = ({
-  form,
-  businessType,
-  onBusinessTypeChange,
-  onSubmit
-}) => {
-  return /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs(Card, { className: "p-6", children: [
-      /* @__PURE__ */ jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Business Information" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "name",
-            label: "Business Name",
-            placeholder: "Enter business name",
-            required: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "productId",
-            label: "Product ID",
-            placeholder: "Enter product ID",
-            type: "number",
-            required: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormSelect,
-          {
-            name: "businessIdType",
-            label: "ID Number Type",
-            placeholder: "Select ID type",
-            options: [
-              { value: "EIN", label: "EIN" },
-              { value: "SSN", label: "SSN" },
-              { value: "TIN", label: "TIN" },
-              { value: "OTHER_ID", label: "Other ID" }
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "idNumber",
-            label: "ID Number",
-            placeholder: "Enter ID number",
-            required: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "dba",
-            label: "DBA Name",
-            placeholder: "Enter DBA name",
-            hint: "Doing Business As name"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormSelect,
-          {
-            name: "businessEntityType",
-            label: "Business Entity Type",
-            placeholder: "Select business type",
-            options: [
-              { value: "SOLE_PROPRIETOR", label: "Sole Proprietor" },
-              { value: "LIMITED_LIABILITY_COMPANY", label: "Limited Liability Company (LLC)" },
-              { value: "CORPORATION", label: "S or C Corporation" },
-              { value: "GENERAL_PARTNERSHIP", label: "General Partnership" },
-              { value: "LIMITED_LIABILITY_PARTNERSHIP", label: "Limited Liability Partnership" },
-              { value: "NON_PROFIT", label: "Non-Profit Corporation" },
-              { value: "GOVERNMENT_ORGANIZATION", label: "Government Organization" },
-              { value: "PUBLICLY_TRADED_COMPANY", label: "Publicly Traded Company" },
-              { value: "TRUSTS", label: "Trusts" }
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "incorporationState",
-            label: "Incorporation State",
-            placeholder: "Enter state"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "formationDate",
-            label: "Formation Date",
-            placeholder: "YYYY-MM-DD",
-            type: "date"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "website",
-            label: "Website",
-            placeholder: "https://www.business.com"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "mobilePhone",
-            label: "Mobile Phone",
-            placeholder: "+1 (555) 123-4567",
-            hint: "Format: +1 (555) 123-4567"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "mcc",
-            label: "MCC",
-            placeholder: "1234",
-            hint: "4-digit Merchant Category Code"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "naics",
-            label: "NAICS",
-            placeholder: "123456",
-            hint: "6-digit industry classification"
+            name: "fundingFromAccount",
+            label: "Funding from Account",
+            placeholder: "Enter funding account"
           }
         ),
         /* @__PURE__ */ jsx(
           FormInput,
           {
-            name: "achCompanyId",
-            label: "ACH Company ID",
-            placeholder: "Enter ACH company ID"
+            name: "sweepToAccount",
+            label: "Sweep to Account",
+            placeholder: "Enter sweep account"
           }
         )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Card, { className: "p-6", children: [
-      /* @__PURE__ */ jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Business Address" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "address.line1",
-            label: "Street Address",
-            placeholder: "Enter street address"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "address.line2",
-            label: "Apartment/Suite",
-            placeholder: "Enter apartment or suite number"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "address.city",
-            label: "City",
-            placeholder: "Enter city"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "address.state",
-            label: "State",
-            placeholder: "Enter state"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "address.postalCode",
-            label: "Postal Code",
-            placeholder: "12345"
-          }
-        ),
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
         /* @__PURE__ */ jsx(
-          FormInput,
+          Button,
           {
-            name: "address.countryCode",
-            label: "Country Code",
-            placeholder: "e.g., US",
-            required: true
+            type: "button",
+            variant: "outline",
+            onClick: () => onOpenChange(false),
+            disabled: isLoading,
+            children: "Cancel"
           }
         ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "address.type",
-            label: "Address Type",
-            placeholder: "e.g., MAILING"
-          }
-        )
+        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isLoading, children: isLoading ? "Creating..." : "Create Account" })
       ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Card, { className: "p-6", children: [
-      /* @__PURE__ */ jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Contact Information" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "contactPersonFirstName",
-            label: "Contact First Name",
-            placeholder: "Enter first name"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "contactPersonLastName",
-            label: "Contact Last Name",
-            placeholder: "Enter last name"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "contactPersonEmail",
-            label: "Contact Email",
-            placeholder: "contact@business.com",
-            type: "email"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            name: "contactPersonPhone",
+    ] }) })
+  ] }) });
+};
+var BusinessDocuments = ({ businessId, documents, onDocumentUpload }) => {
+  const [isUploading, setIsUploading] = useState(false);
+  const [showUploadDialog, setShowUploadDialog] = useState(false);
+  const [selectedFile, setSelectedFile] = useState(null);
+  const [documentName, setDocumentName] = useState("");
+  const [description, setDescription] = useState("");
+  const [documentType, setDocumentType] = useState("");
+  const handleFileSelect = (e) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    setSelectedFile(file);
+    setDocumentName(file.name);
+  };
+  const handleUploadSubmit = async () => {
+    if (!selectedFile || !documentName || !documentType) {
+      toast({
+        title: "Missing Information",
+        description: "Please fill in all required fields",
+        variant: "destructive"
+      });
+      return;
+    }
+    setIsUploading(true);
+    try {
+      await onDocumentUpload(selectedFile, {
+        name: documentName,
+        description,
+        type: documentType
+      });
+      toast({
+        title: "Upload Successful",
+        description: `${documentName} uploaded successfully`
+      });
+      setShowUploadDialog(false);
+      resetForm();
+    } catch (error) {
+      toast({
+        title: "Upload Failed",
+        description: "Failed to upload document. Please try again.",
+        variant: "destructive"
+      });
+    } finally {
+      setIsUploading(false);
+    }
+  };
+  const resetForm = () => {
+    setSelectedFile(null);
+    setDocumentName("");
+    setDescription("");
+    setDocumentType("");
+    const fileInput = document.getElementById("file-upload");
+    if (fileInput) fileInput.value = "";
+  };
+  const handleCancelUpload = () => {
+    setShowUploadDialog(false);
+    resetForm();
+  };
+  const isImageType = (name) => {
+    const imageExtensions = [".jpg", ".jpeg", ".png", ".gif", ".webp", ".bmp"];
+    return imageExtensions.some((ext) => name.toLowerCase().endsWith(ext));
+  };
+  const getFileIcon = (type) => {
+    return /* @__PURE__ */ jsx(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__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: "Documents" }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          onClick: () => setShowUploadDialog(true),
+          size: "sm",
+          variant: "ghost",
+          className: "gap-2",
+          children: [
+            /* @__PURE__ */ jsx(Upload, { className: "h-4 w-4" }),
+            "Upload"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { children: [
+      showUploadDialog && createPortal(
+        /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "fixed inset-0 bg-background/80 backdrop-blur-sm",
+              onClick: handleCancelUpload
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "relative bg-card border rounded-lg shadow-lg max-w-lg w-full p-6 z-[101]", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-6", children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold", children: "Upload Document" }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-8 w-8 p-0",
+                  onClick: handleCancelUpload,
+                  children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "border-2 border-dashed rounded-lg p-6 text-center hover:border-primary/50 transition-colors", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "file",
+                    id: "file-upload-dialog",
+                    className: "hidden",
+                    onChange: handleFileSelect,
+                    disabled: isUploading
+                  }
+                ),
+                /* @__PURE__ */ 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__ */ jsx(Upload, { className: "h-8 w-8 text-muted-foreground" }),
+                      /* @__PURE__ */ jsxs("div", { children: [
+                        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: selectedFile ? "Change file" : "Click to upload or drag and drop" }),
+                        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "PDF, DOC, DOCX, JPG, PNG up to 10MB" })
+                      ] })
+                    ]
+                  }
+                )
+              ] }),
+              selectedFile && /* @__PURE__ */ jsxs("div", { className: "p-3 bg-muted/50 rounded-lg", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Selected file:" }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: selectedFile.name }),
+                /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                  (selectedFile.size / 1024 / 1024).toFixed(2),
+                  " MB"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                EnhancedInput,
+                {
+                  label: "Document name",
+                  value: documentName,
+                  onChange: (e) => setDocumentName(e.target.value),
+                  placeholder: "Enter document name"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                EnhancedTextarea,
+                {
+                  label: "Description",
+                  value: description,
+                  onChange: (e) => setDescription(e.target.value),
+                  placeholder: "Enter document description (optional)",
+                  rows: 3
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                EnhancedSelect,
+                {
+                  label: "Document type",
+                  value: documentType,
+                  onValueChange: setDocumentType,
+                  placeholder: "Select document type",
+                  options: documentTypeOptions
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-3 mt-6", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "outline",
+                  onClick: handleCancelUpload,
+                  disabled: isUploading,
+                  className: "flex-1",
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: handleUploadSubmit,
+                  disabled: isUploading,
+                  className: "flex-1",
+                  children: isUploading ? "Uploading..." : "Upload"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        document.body
+      ),
+      documents.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 opacity-50" }),
+        /* @__PURE__ */ jsx("p", { children: "No documents uploaded yet" })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: documents.map((doc) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "border rounded-lg hover:bg-muted/30 transition-colors overflow-hidden",
+          children: [
+            isImageType(doc.name) && doc.url && /* @__PURE__ */ jsx("div", { className: "w-full bg-muted/50", children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: doc.url,
+                alt: doc.name,
+                className: "w-full h-48 object-cover"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+                !isImageType(doc.name) && /* @__PURE__ */ jsx("div", { className: cn(getFileTypeColor(doc.type)), children: getFileIcon(doc.type) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx("h4", { className: "font-medium text-sm truncate", children: doc.name }),
+                  /* @__PURE__ */ 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__ */ jsx("p", { className: "text-sm text-foreground mt-1", children: doc.description }),
+                  /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-8 w-8 p-0",
+                    onClick: () => toast({ title: "Preview", description: `Viewing ${doc.name}` }),
+                    children: /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-8 w-8 p-0",
+                    onClick: () => toast({ title: "Download", description: `Downloading ${doc.name}` }),
+                    children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ 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__ */ jsx(Trash2, { className: "h-4 w-4" })
+                  }
+                )
+              ] })
+            ] })
+          ]
+        },
+        doc.id
+      )) })
+    ] })
+  ] });
+};
+var accountColumns = [
+  {
+    key: "number",
+    title: "Account Number",
+    sortable: true,
+    width: "40%"
+  },
+  {
+    key: "routingNumber",
+    title: "Routing Number",
+    sortable: true,
+    width: "40%"
+  },
+  {
+    key: "type",
+    title: "Account Type",
+    sortable: true,
+    width: "20%",
+    align: "right",
+    render: (value) => /* @__PURE__ */ jsx("span", { className: "capitalize", children: value })
+  }
+];
+var BusinessDetailView = ({
+  business,
+  businessProfile,
+  identityVerification,
+  businessUBOs,
+  businessDocuments,
+  businessAccounts,
+  currentStatus,
+  isEditingProfile,
+  onStatusChange,
+  onProfileDataChange,
+  onToggleProfileEdit,
+  onNavigateToAccounts,
+  onNavigateToCounterparty,
+  onAddAccount,
+  onUBOClick,
+  onDocumentUpload
+}) => {
+  const [showAddAccountDialog, setShowAddAccountDialog] = useState(false);
+  const handleAddAccount = (data) => {
+    console.log("New account data:", data);
+  };
+  return /* @__PURE__ */ jsxs(
+    PageLayout,
+    {
+      title: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("span", { children: business.businessName }),
+        /* @__PURE__ */ jsx(
+          EditableInfoField,
+          {
+            label: "",
+            value: currentStatus,
+            options: [
+              { value: "active", label: "Active" },
+              { value: "inactive", label: "Inactive" },
+              { value: "suspended", label: "Suspended" }
+            ],
+            onChange: onStatusChange,
+            renderValue: (value) => /* @__PURE__ */ jsx(StatusBadge, { status: value.toUpperCase() }),
+            className: "inline-block"
+          }
+        ),
+        /* @__PURE__ */ jsx(CIPStatusBadge, { status: business.cipStatus }),
+        /* @__PURE__ */ jsx(EntityTypeBadge, { type: business.type }),
+        /* @__PURE__ */ jsx(SubTypeBadge, { subType: business.subType })
+      ] }),
+      actions: [
+        {
+          label: "Account",
+          variant: "outline",
+          onClick: onNavigateToAccounts,
+          icon: Wallet
+        },
+        {
+          label: "Counterparty",
+          variant: "outline",
+          onClick: onNavigateToCounterparty,
+          icon: Users
+        }
+      ],
+      maxWidth: "full",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4", children: [
+            /* @__PURE__ */ jsx(
+              BusinessProfileCard,
+              {
+                data: businessProfile,
+                identityVerification,
+                isEditing: isEditingProfile,
+                onToggleEdit: onToggleProfileEdit,
+                onDataChange: onProfileDataChange
+              }
+            ),
+            /* @__PURE__ */ jsx(UBOCard, { ubos: businessUBOs, onUBOClick }),
+            /* @__PURE__ */ jsxs(Card, { children: [
+              /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
+                /* @__PURE__ */ jsx(CardTitle, { children: "External Accounts" }),
+                /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: () => setShowAddAccountDialog(true), children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
+                  "Account"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(CardContent, { children: businessAccounts.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(Wallet, { className: "h-5 w-5 opacity-50" }),
+                /* @__PURE__ */ jsx("p", { children: "No external accounts found" })
+              ] }) : /* @__PURE__ */ jsx(
+                DataTable,
+                {
+                  columns: accountColumns,
+                  data: businessAccounts
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx(
+              BusinessDocuments,
+              {
+                businessId: business.id,
+                documents: businessDocuments,
+                onDocumentUpload
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsx(BusinessStatusCard, { isEditing: false, onToggleEdit: () => {
+          } }) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          AddAccountDialog,
+          {
+            open: showAddAccountDialog,
+            onOpenChange: setShowAddAccountDialog,
+            onSubmit: handleAddAccount,
+            existingAccounts: businessAccounts
+          }
+        )
+      ]
+    }
+  );
+};
+var BusinessFiltersSheet = ({
+  filters,
+  onFilterChange,
+  onResetFilters
+}) => {
+  const [localFilters, setLocalFilters] = useState(filters);
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    setLocalFilters(filters);
+  }, [filters]);
+  const handleLocalFilterChange = (field, value) => {
+    setLocalFilters((prev) => ({ ...prev, [field]: value }));
+  };
+  const handleApplyFilters = () => {
+    Object.entries(localFilters).forEach(([key, value]) => {
+      onFilterChange(key, value);
+    });
+    setOpen(false);
+  };
+  const handleResetFilters = () => {
+    const resetFilters = {
+      name: "",
+      productName: "",
+      status: "",
+      createdDateStart: void 0,
+      createdDateEnd: void 0
+    };
+    setLocalFilters(resetFilters);
+    onResetFilters();
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(Sheet, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "gap-2", children: [
+      /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4" }),
+      "Filters"
+    ] }) }),
+    /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-xl overflow-y-auto", children: [
+      /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: "Business Filters" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-6 py-6", children: [
+        /* @__PURE__ */ jsx(
+          EnhancedInput,
+          {
+            label: "Name",
+            value: localFilters.name,
+            onChange: (e) => handleLocalFilterChange("name", e.target.value),
+            placeholder: "Enter business name"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          EnhancedInput,
+          {
+            label: "Product Name",
+            value: localFilters.productName,
+            onChange: (e) => handleLocalFilterChange("productName", e.target.value),
+            placeholder: "Enter product name"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          EnhancedSelect,
+          {
+            label: "Status",
+            value: localFilters.status,
+            onValueChange: (value) => handleLocalFilterChange("status", value),
+            placeholder: "Select status",
+            options: [
+              { value: "ACTIVE", label: "Active" },
+              { value: "INACTIVE", label: "Inactive" },
+              { value: "BLOCKED", label: "Blocked" },
+              { value: "PENDING_APPROVAL", label: "Pending Approval" },
+              { value: "PENDING", label: "Pending" },
+              { value: "INITIALIZED", label: "Initialized" },
+              { value: "PENDING_UNBLOCKED", label: "Pending Unblocked" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Created Date Start" }),
+            /* @__PURE__ */ jsx(
+              DatePicker,
+              {
+                date: localFilters.createdDateStart,
+                onDateChange: (date) => handleLocalFilterChange("createdDateStart", date),
+                placeholder: "MM/DD/YYYY",
+                buttonClassName: "w-full",
+                className: "bg-background z-50"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Created Date End" }),
+            /* @__PURE__ */ jsx(
+              DatePicker,
+              {
+                date: localFilters.createdDateEnd,
+                onDateChange: (date) => handleLocalFilterChange("createdDateEnd", date),
+                placeholder: "MM/DD/YYYY",
+                buttonClassName: "w-full",
+                className: "bg-background z-50"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(SheetFooter, { className: "gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleResetFilters, children: "Reset Filters" }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleApplyFilters, children: "Apply Filters" })
+      ] })
+    ] })
+  ] });
+};
+var BusinessForm = ({
+  form,
+  businessType,
+  onBusinessTypeChange,
+  onSubmit
+}) => {
+  return /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs(Card, { className: "p-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Business Information" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "name",
+            label: "Business Name",
+            placeholder: "Enter business name",
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "productId",
+            label: "Product ID",
+            placeholder: "Enter product ID",
+            type: "number",
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormSelect,
+          {
+            name: "businessIdType",
+            label: "ID Number Type",
+            placeholder: "Select ID type",
+            options: [
+              { value: "EIN", label: "EIN" },
+              { value: "SSN", label: "SSN" },
+              { value: "TIN", label: "TIN" },
+              { value: "OTHER_ID", label: "Other ID" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "idNumber",
+            label: "ID Number",
+            placeholder: "Enter ID number",
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "dba",
+            label: "DBA Name",
+            placeholder: "Enter DBA name",
+            hint: "Doing Business As name"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormSelect,
+          {
+            name: "businessEntityType",
+            label: "Business Entity Type",
+            placeholder: "Select business type",
+            options: [
+              { value: "SOLE_PROPRIETOR", label: "Sole Proprietor" },
+              { value: "LIMITED_LIABILITY_COMPANY", label: "Limited Liability Company (LLC)" },
+              { value: "CORPORATION", label: "S or C Corporation" },
+              { value: "GENERAL_PARTNERSHIP", label: "General Partnership" },
+              { value: "LIMITED_LIABILITY_PARTNERSHIP", label: "Limited Liability Partnership" },
+              { value: "NON_PROFIT", label: "Non-Profit Corporation" },
+              { value: "GOVERNMENT_ORGANIZATION", label: "Government Organization" },
+              { value: "PUBLICLY_TRADED_COMPANY", label: "Publicly Traded Company" },
+              { value: "TRUSTS", label: "Trusts" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "incorporationState",
+            label: "Incorporation State",
+            placeholder: "Enter state"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "formationDate",
+            label: "Formation Date",
+            placeholder: "YYYY-MM-DD",
+            type: "date"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "website",
+            label: "Website",
+            placeholder: "https://www.business.com"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "mobilePhone",
+            label: "Mobile Phone",
+            placeholder: "+1 (555) 123-4567",
+            hint: "Format: +1 (555) 123-4567"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "mcc",
+            label: "MCC",
+            placeholder: "1234",
+            hint: "4-digit Merchant Category Code"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "naics",
+            label: "NAICS",
+            placeholder: "123456",
+            hint: "6-digit industry classification"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "achCompanyId",
+            label: "ACH Company ID",
+            placeholder: "Enter ACH company ID"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { className: "p-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Business Address" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "address.line1",
+            label: "Street Address",
+            placeholder: "Enter street address"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "address.line2",
+            label: "Apartment/Suite",
+            placeholder: "Enter apartment or suite number"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "address.city",
+            label: "City",
+            placeholder: "Enter city"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "address.state",
+            label: "State",
+            placeholder: "Enter state"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "address.postalCode",
+            label: "Postal Code",
+            placeholder: "12345"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "address.countryCode",
+            label: "Country Code",
+            placeholder: "e.g., US",
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "address.type",
+            label: "Address Type",
+            placeholder: "e.g., MAILING"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { className: "p-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Contact Information" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "contactPersonFirstName",
+            label: "Contact First Name",
+            placeholder: "Enter first name"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "contactPersonLastName",
+            label: "Contact Last Name",
+            placeholder: "Enter last name"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "contactPersonEmail",
+            label: "Contact Email",
+            placeholder: "contact@business.com",
+            type: "email"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            name: "contactPersonPhone",
             label: "Contact Phone",
             placeholder: "+1 (555) 123-4567"
           }
-        )
+        )
+      ] })
+    ] })
+  ] }) });
+};
+var CreateBusinessView = ({
+  form,
+  businessType,
+  onBusinessTypeChange,
+  onSubmit,
+  onCancel
+}) => {
+  return /* @__PURE__ */ jsx(
+    PageLayout,
+    {
+      title: "Create Business",
+      actions: [
+        { label: "Cancel", variant: "outline", onClick: onCancel },
+        { label: "Create Business", variant: "default", onClick: form.handleSubmit(onSubmit) }
+      ],
+      children: /* @__PURE__ */ jsx(
+        BusinessForm,
+        {
+          form,
+          businessType,
+          onBusinessTypeChange,
+          onSubmit
+        }
+      )
+    }
+  );
+};
+var CounterpartyFiltersSheet = ({
+  filters,
+  onFilterChange,
+  onResetFilters
+}) => {
+  const [localFilters, setLocalFilters] = useState(filters);
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    setLocalFilters(filters);
+  }, [filters]);
+  const handleLocalFilterChange = (field, value) => {
+    setLocalFilters((prev) => ({ ...prev, [field]: value }));
+  };
+  const handleApplyFilters = () => {
+    Object.entries(localFilters).forEach(([key, value]) => {
+      onFilterChange(key, value);
+    });
+    setOpen(false);
+  };
+  const handleResetFilters = () => {
+    const resetFilters = {
+      name: "",
+      type: "",
+      status: "",
+      createdDateStart: void 0,
+      createdDateEnd: void 0
+    };
+    setLocalFilters(resetFilters);
+    onResetFilters();
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(Sheet, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "gap-2", children: [
+      /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4" }),
+      "Filters"
+    ] }) }),
+    /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-xl overflow-y-auto", children: [
+      /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: "Counterparty Filters" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-6 py-6", children: [
+        /* @__PURE__ */ jsx(
+          EnhancedInput,
+          {
+            label: "Name",
+            value: localFilters.name,
+            onChange: (e) => handleLocalFilterChange("name", e.target.value),
+            placeholder: "Enter counterparty name"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          EnhancedSelect,
+          {
+            label: "Type",
+            value: localFilters.type,
+            onValueChange: (value) => handleLocalFilterChange("type", value),
+            placeholder: "Select type",
+            options: [
+              { value: "BUSINESS", label: "Business" },
+              { value: "INDIVIDUAL", label: "Individual" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          EnhancedSelect,
+          {
+            label: "Status",
+            value: localFilters.status,
+            onValueChange: (value) => handleLocalFilterChange("status", value),
+            placeholder: "Select status",
+            options: [
+              { value: "ACTIVE", label: "Active" },
+              { value: "INACTIVE", label: "Inactive" },
+              { value: "PENDING", label: "Pending" },
+              { value: "SUSPENDED", label: "Suspended" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Created Date Start" }),
+            /* @__PURE__ */ jsx(
+              DatePicker,
+              {
+                date: localFilters.createdDateStart,
+                onDateChange: (date) => handleLocalFilterChange("createdDateStart", date),
+                placeholder: "MM/DD/YYYY",
+                buttonClassName: "w-full",
+                className: "bg-background z-50"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Created Date End" }),
+            /* @__PURE__ */ jsx(
+              DatePicker,
+              {
+                date: localFilters.createdDateEnd,
+                onDateChange: (date) => handleLocalFilterChange("createdDateEnd", date),
+                placeholder: "MM/DD/YYYY",
+                buttonClassName: "w-full",
+                className: "bg-background z-50"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(SheetFooter, { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleResetFilters, className: "flex-1", children: "Reset Filters" }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleApplyFilters, className: "flex-1", children: "Apply Filters" })
+      ] })
+    ] })
+  ] });
+};
+var CounterpartiesView = ({
+  table,
+  filters,
+  onFilterChange,
+  onResetFilters,
+  onCreateCounterparty
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-screen bg-gradient-subtle", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-6 max-w-none", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-foreground", children: "Counterparties" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          CounterpartyFiltersSheet,
+          {
+            filters,
+            onFilterChange,
+            onResetFilters
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { onClick: onCreateCounterparty, children: "Create Counterparty" })
       ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "flex-1 mt-4 overflow-auto", children: table }) }) })
+  ] });
+};
+
+// src/lib/mock-data/counterparty-data.ts
+var defaultCounterpartyDetail = {
+  email: "contact@acme.com",
+  phone: "+1 (555) 123-4567",
+  dateOfBirth: "1985-03-15",
+  idNumber: "ID-123456789",
+  idType: "product_id",
+  idValue: "PROD-001",
+  address: {
+    line1: "123 Business Ave",
+    line2: "Suite 100",
+    city: "New York",
+    state: "NY",
+    postalCode: "10001",
+    countryCode: "US",
+    type: "MAILING"
+  }
+};
+var CounterpartyProfileCard = ({
+  data,
+  onDataChange,
+  isEditing = false,
+  onToggleEdit,
+  hideActions = false,
+  className
+}) => {
+  const navigate = useNavigate();
+  const form = useFormWithEditState({
+    schema: counterpartyDetailSchema,
+    defaultValues: { ...defaultCounterpartyDetail, ...data },
+    initialEditing: isEditing,
+    onToggleEdit,
+    onSave: onDataChange
+  });
+  const editContent = /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsx(
+        FormSelect,
+        {
+          name: "idType",
+          label: "Associated with",
+          placeholder: "Select association type",
+          options: [
+            { value: "product_id", label: "Product ID" },
+            { value: "business_id", label: "Business ID" },
+            { value: "individual_id", label: "Individual ID" },
+            { value: "account_number", label: "Account Number" }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          name: "idValue",
+          label: form.watch("idType") === "product_id" ? "Product ID" : form.watch("idType") === "business_id" ? "Business ID" : form.watch("idType") === "individual_id" ? "Individual ID" : "Account Number",
+          placeholder: "Enter ID value"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          name: "email",
+          label: "Email",
+          type: "email",
+          placeholder: "Enter email address"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          name: "phone",
+          label: "Phone Number",
+          type: "tel",
+          placeholder: "Enter phone number"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          name: "dateOfBirth",
+          label: "Date of Birth",
+          type: "date",
+          placeholder: "Select date of birth"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          name: "idNumber",
+          label: "ID Number",
+          placeholder: "Enter ID number"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          name: "address.line1",
+          label: "Street Address",
+          placeholder: "Enter street address"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          name: "address.line2",
+          label: "Apartment, suite, or floor",
+          placeholder: "Enter apartment, suite, or floor"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          name: "address.city",
+          label: "City",
+          placeholder: "Enter city"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          name: "address.state",
+          label: "State",
+          placeholder: "Enter state"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          name: "address.postalCode",
+          label: "Postal Code",
+          placeholder: "Enter postal code"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          name: "address.countryCode",
+          label: "Country Code",
+          placeholder: "e.g., US"
+        }
+      )
     ] })
   ] }) });
+  const formValues = form.watch();
+  const idTypeLabel = formValues?.idType === "product_id" ? "Product ID" : formValues?.idType === "business_id" ? "Business ID" : formValues?.idType === "individual_id" ? "Individual ID" : "Account Number";
+  const getEntityLink = () => {
+    if (!formValues?.idValue) return null;
+    switch (formValues?.idType) {
+      case "business_id":
+        return `/business/${formValues.idValue}`;
+      case "individual_id":
+        return `/individual/${formValues.idValue}`;
+      case "account_number":
+        return `/account/${formValues.idValue}`;
+      default:
+        return null;
+    }
+  };
+  const entityLink = getEntityLink();
+  const viewContent = /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsx(InfoField, { label: "Associated with", value: formValues?.idType === "product_id" ? "Product ID" : formValues?.idType === "business_id" ? "Business ID" : formValues?.idType === "individual_id" ? "Individual ID" : "Account Number", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: idTypeLabel,
+          value: entityLink ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.preventDefault();
+                navigate(entityLink);
+              },
+              className: "text-primary hover:underline font-medium text-left cursor-pointer",
+              children: formValues?.idValue || "-"
+            }
+          ) : formValues?.idValue || "-",
+          layout: "horizontal"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsx(InfoField, { label: "Email", value: formValues?.email || "-", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Phone Number", value: formValues?.phone || "-", layout: "horizontal" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsx(InfoField, { label: "Date of Birth", value: formValues?.dateOfBirth || "-", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "ID Number", value: formValues?.idNumber || "-", layout: "horizontal" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      InfoField,
+      {
+        label: "Address",
+        value: formValues?.address ? `${formValues.address.line1 || ""}${formValues.address.line2 ? ", " + formValues.address.line2 : ""}, ${formValues.address.city || ""}, ${formValues.address.state || ""} ${formValues.address.postalCode || ""}, ${formValues.address.countryCode || ""}` : "-",
+        layout: "horizontal"
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsx(
+    EditableFormCard,
+    {
+      title: "Profile Information",
+      variant: "subtle",
+      className,
+      isEditing: form.isEditing,
+      onToggleEdit: form.handleToggleEdit,
+      onSave: form.handleSave,
+      onCancel: form.handleCancel,
+      hideActions,
+      editContent,
+      viewContent
+    }
+  );
 };
-var CreateBusinessView = ({
-  form,
-  businessType,
-  onBusinessTypeChange,
-  onSubmit,
-  onCancel
-}) => {
+var mockCounterpartyTimeline = [
+  {
+    id: "1",
+    action: "Counterparty Created",
+    user: "admin",
+    details: "Initial counterparty setup",
+    status: "Active",
+    timestamp: "2024-01-15 10:30:00"
+  },
+  {
+    id: "2",
+    action: "Profile Updated",
+    user: "admin",
+    details: "Updated counterparty information",
+    timestamp: "2024-01-20 14:22:00"
+  },
+  {
+    id: "3",
+    action: "OFAC Check Completed",
+    user: "System",
+    details: "Automated compliance check",
+    status: "Verified",
+    timestamp: "2024-01-20 14:30:00"
+  }
+];
+var CounterpartyStatusCard = ({ isEditing, onToggleEdit, className }) => {
+  const getIcon = (action) => {
+    if (action.includes("Created")) return /* @__PURE__ */ jsx(Circle, { className: "h-4 w-4" });
+    if (action.includes("Assigned")) return /* @__PURE__ */ jsx(UserPlus, { className: "h-4 w-4" });
+    if (action.includes("Updated") || action.includes("Modified") || action.includes("Check")) return /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4" });
+    if (action.includes("Completed") || action.includes("Verified")) return /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4" });
+    return /* @__PURE__ */ jsx(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__ */ jsx(
-    PageLayout,
+    FormCard,
     {
-      title: "Create Business",
-      actions: [
-        { label: "Cancel", variant: "outline", onClick: onCancel },
-        { label: "Create Business", variant: "default", onClick: form.handleSubmit(onSubmit) }
-      ],
-      children: /* @__PURE__ */ jsx(
-        BusinessForm,
-        {
-          form,
-          businessType,
-          onBusinessTypeChange,
-          onSubmit
-        }
-      )
+      title: "Timeline",
+      className,
+      children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: mockCounterpartyTimeline.map((event, index) => /* @__PURE__ */ jsxs("div", { className: "relative pl-6 pb-3", children: [
+        index !== mockCounterpartyTimeline.length - 1 && /* @__PURE__ */ jsx("div", { className: "absolute left-[7px] top-5 bottom-0 w-[2px] bg-border" }),
+        /* @__PURE__ */ jsx("div", { className: cn(
+          "absolute left-0 top-0 flex-none",
+          getStatusColor2(event.status)
+        ), children: /* @__PURE__ */ jsx("div", { className: "h-4 w-4", children: getIcon(event.action) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-foreground", children: event.action }),
+          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+            "by ",
+            event.user
+          ] }),
+          event.details && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: event.details }),
+          event.status && /* @__PURE__ */ jsxs("p", { className: cn("text-xs font-medium", getStatusColor2(event.status)), children: [
+            "Status: ",
+            event.status
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70 pt-0.5", children: event.timestamp })
+        ] })
+      ] }, event.id)) })
     }
   );
 };
-var CounterpartyFiltersSheet = ({
-  filters,
-  onFilterChange,
-  onResetFilters
+var typeConfig2 = {
+  BUSINESS: {
+    variant: "business",
+    label: "Business",
+    icon: Building2
+  },
+  INDIVIDUAL: {
+    variant: "individual",
+    label: "Individual",
+    icon: User
+  }
+};
+var CounterpartyTypeBadge = ({ type, className }) => {
+  const config = typeConfig2[type];
+  if (!config) {
+    return /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className, children: [
+      /* @__PURE__ */ jsx(Building2, { className: "w-3 h-3 mr-1" }),
+      type || "Unknown"
+    ] });
+  }
+  const Icon2 = config.icon;
+  return /* @__PURE__ */ jsxs(Badge, { variant: config.variant, className, children: [
+    /* @__PURE__ */ jsx(Icon2, { className: "w-3 h-3 mr-1" }),
+    config.label
+  ] });
+};
+var PaymentMethodCard = ({
+  type,
+  fiId,
+  accountNumber,
+  bankName,
+  accountType,
+  beneficiaryBankName,
+  correspondentBankId,
+  intermediaryBankId,
+  className
 }) => {
-  const [localFilters, setLocalFilters] = useState(filters);
-  const [open, setOpen] = useState(false);
-  useEffect(() => {
-    setLocalFilters(filters);
-  }, [filters]);
-  const handleLocalFilterChange = (field, value) => {
-    setLocalFilters((prev) => ({ ...prev, [field]: value }));
-  };
-  const handleApplyFilters = () => {
-    Object.entries(localFilters).forEach(([key, value]) => {
-      onFilterChange(key, value);
-    });
-    setOpen(false);
-  };
-  const handleResetFilters = () => {
-    const resetFilters = {
-      name: "",
-      type: "",
-      status: "",
-      createdDateStart: void 0,
-      createdDateEnd: void 0
-    };
-    setLocalFilters(resetFilters);
-    onResetFilters();
-    setOpen(false);
+  const getIcon = () => {
+    switch (type) {
+      case "ACH":
+        return Building2;
+      case "Domestic Wire":
+        return Landmark;
+      case "International Wire":
+        return Globe;
+      default:
+        return Building2;
+    }
   };
-  return /* @__PURE__ */ jsxs(Sheet, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "gap-2", children: [
-      /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4" }),
-      "Filters"
-    ] }) }),
-    /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-xl overflow-y-auto", children: [
-      /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: "Counterparty Filters" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-6 py-6", children: [
-        /* @__PURE__ */ jsx(
-          EnhancedInput,
-          {
-            label: "Name",
-            value: localFilters.name,
-            onChange: (e) => handleLocalFilterChange("name", e.target.value),
-            placeholder: "Enter counterparty name"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          EnhancedSelect,
-          {
-            label: "Type",
-            value: localFilters.type,
-            onValueChange: (value) => handleLocalFilterChange("type", value),
-            placeholder: "Select type",
-            options: [
-              { value: "BUSINESS", label: "Business" },
-              { value: "INDIVIDUAL", label: "Individual" }
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          EnhancedSelect,
-          {
-            label: "Status",
-            value: localFilters.status,
-            onValueChange: (value) => handleLocalFilterChange("status", value),
-            placeholder: "Select status",
-            options: [
-              { value: "ACTIVE", label: "Active" },
-              { value: "INACTIVE", label: "Inactive" },
-              { value: "PENDING", label: "Pending" },
-              { value: "SUSPENDED", label: "Suspended" }
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Created Date Start" }),
-            /* @__PURE__ */ jsx(
-              DatePicker,
-              {
-                date: localFilters.createdDateStart,
-                onDateChange: (date) => handleLocalFilterChange("createdDateStart", date),
-                placeholder: "MM/DD/YYYY",
-                buttonClassName: "w-full",
-                className: "bg-background z-50"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Created Date End" }),
-            /* @__PURE__ */ jsx(
-              DatePicker,
-              {
-                date: localFilters.createdDateEnd,
-                onDateChange: (date) => handleLocalFilterChange("createdDateEnd", date),
-                placeholder: "MM/DD/YYYY",
-                buttonClassName: "w-full",
-                className: "bg-background z-50"
-              }
-            )
-          ] })
-        ] })
+  const Icon2 = getIcon();
+  return /* @__PURE__ */ jsxs(Card, { className: cn("hover:bg-muted/50 transition-colors", className), children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: type })
       ] }),
-      /* @__PURE__ */ jsxs(SheetFooter, { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleResetFilters, className: "flex-1", children: "Reset Filters" }),
-        /* @__PURE__ */ jsx(Button, { onClick: handleApplyFilters, className: "flex-1", children: "Apply Filters" })
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" }) })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsx(InfoField, { label: "Beneficiary FI ID", value: fiId }),
+        /* @__PURE__ */ jsx(InfoField, { label: "Account Number", value: accountNumber })
+      ] }),
+      type === "ACH" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        bankName && /* @__PURE__ */ jsx(InfoField, { label: "Bank Name", value: bankName }),
+        accountType && /* @__PURE__ */ jsx(InfoField, { label: "Account Type", value: accountType })
+      ] }),
+      type === "Domestic Wire" && bankName && /* @__PURE__ */ jsx(InfoField, { label: "Bank Name", value: bankName }),
+      type === "International Wire" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        beneficiaryBankName && /* @__PURE__ */ jsx(InfoField, { label: "Beneficiary Bank Name", value: beneficiaryBankName }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          correspondentBankId && /* @__PURE__ */ jsx(InfoField, { label: "Correspondent Bank ID", value: correspondentBankId }),
+          intermediaryBankId && /* @__PURE__ */ jsx(InfoField, { label: "Intermediary Bank ID", value: intermediaryBankId })
+        ] })
       ] })
     ] })
   ] });
 };
-var CounterpartiesView = ({
-  table,
-  filters,
-  onFilterChange,
-  onResetFilters,
-  onCreateCounterparty
+var typeClasses = {
+  cards: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+  forms: "grid-cols-1 lg:grid-cols-2",
+  data: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+  custom: ""
+};
+var gapClasses = {
+  sm: "gap-3",
+  md: "gap-4",
+  lg: "gap-6",
+  xl: "gap-8"
+};
+var ResponsiveGrid = React15.forwardRef(
+  ({ children, type = "cards", gap = "md", editMode = false, className }, ref) => {
+    const gridClasses2 = editMode ? "grid-cols-1" : typeClasses[type];
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "grid",
+          gridClasses2,
+          gapClasses[gap],
+          className
+        ),
+        children
+      }
+    );
+  }
+);
+ResponsiveGrid.displayName = "ResponsiveGrid";
+var CounterpartyDetailView = ({
+  counterpartyName,
+  counterpartyType,
+  currentStatus,
+  isEditingProfile,
+  mockPaymentMethods: mockPaymentMethods2,
+  documentsTable,
+  onStatusChange,
+  onToggleProfileEdit,
+  onAddPaymentMethod,
+  onAddDocument
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-screen bg-gradient-subtle", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-6 max-w-none", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-foreground", children: "Counterparties" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsx(
+    PageLayout,
+    {
+      title: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("span", { children: counterpartyName }),
         /* @__PURE__ */ jsx(
-          CounterpartyFiltersSheet,
+          EditableInfoField,
           {
-            filters,
-            onFilterChange,
-            onResetFilters
+            label: "",
+            value: currentStatus,
+            options: [
+              { value: "ACTIVE", label: "Active" },
+              { value: "INACTIVE", label: "Inactive" },
+              { value: "PENDING", label: "Pending" },
+              { value: "SUSPENDED", label: "Suspended" }
+            ],
+            onChange: onStatusChange,
+            renderValue: (value) => /* @__PURE__ */ jsx(StatusBadge, { status: value }),
+            className: "inline-block"
           }
         ),
-        /* @__PURE__ */ jsx(Button, { onClick: onCreateCounterparty, children: "Create Counterparty" })
+        /* @__PURE__ */ jsx(CounterpartyTypeBadge, { type: counterpartyType })
+      ] }),
+      maxWidth: "full",
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4", children: [
+          /* @__PURE__ */ jsx(
+            CounterpartyProfileCard,
+            {
+              isEditing: isEditingProfile,
+              onToggleEdit: onToggleProfileEdit
+            }
+          ),
+          /* @__PURE__ */ jsxs(Card, { children: [
+            /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
+              /* @__PURE__ */ jsx(CardTitle, { children: "Payment Methods" }),
+              /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: onAddPaymentMethod, children: [
+                /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
+                "Method"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(CardContent, { children: mockPaymentMethods2.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Wallet, { className: "h-5 w-5 opacity-50" }),
+              /* @__PURE__ */ jsx("p", { children: "No payment methods configured" })
+            ] }) : /* @__PURE__ */ jsx(ResponsiveGrid, { type: "forms", gap: "md", children: mockPaymentMethods2.map((method, index) => /* @__PURE__ */ jsx(PaymentMethodCard, { ...method }, index)) }) })
+          ] }),
+          /* @__PURE__ */ jsxs(Card, { children: [
+            /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
+              /* @__PURE__ */ jsx(CardTitle, { children: "Documents" }),
+              /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: onAddDocument, children: [
+                /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
+                "Document"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(CardContent, { children: documentsTable })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsx(CounterpartyStatusCard, { isEditing: false, onToggleEdit: () => {
+        } }) })
       ] })
-    ] }) }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "flex-1 mt-4 overflow-auto", children: table }) }) })
-  ] });
+    }
+  );
 };
 
 // src/lib/mock-data/banking-data.ts
@@ -5521,37 +6386,6 @@ var ACHBasicInfoCard = ({
     }
   );
 };
-var typeClasses = {
-  cards: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-  forms: "grid-cols-1 lg:grid-cols-2",
-  data: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-  custom: ""
-};
-var gapClasses = {
-  sm: "gap-3",
-  md: "gap-4",
-  lg: "gap-6",
-  xl: "gap-8"
-};
-var ResponsiveGrid = React15.forwardRef(
-  ({ children, type = "cards", gap = "md", editMode = false, className }, ref) => {
-    const gridClasses2 = editMode ? "grid-cols-1" : typeClasses[type];
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "grid",
-          gridClasses2,
-          gapClasses[gap],
-          className
-        ),
-        children
-      }
-    );
-  }
-);
-ResponsiveGrid.displayName = "ResponsiveGrid";
 var BankAddressCard = ({
   data,
   onDataChange,
@@ -5768,329 +6602,84 @@ var BankingDetailsCard = ({ isEditing, onToggleEdit, className }) => {
     }
   );
 };
-var typeConfig2 = {
-  BUSINESS: {
-    variant: "business",
-    label: "Business",
-    icon: Building2
-  },
-  INDIVIDUAL: {
-    variant: "individual",
-    label: "Individual",
-    icon: User
-  }
-};
-var CounterpartyTypeBadge = ({ type, className }) => {
-  const config = typeConfig2[type];
-  if (!config) {
-    return /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className, children: [
-      /* @__PURE__ */ jsx(Building2, { className: "w-3 h-3 mr-1" }),
-      type || "Unknown"
-    ] });
-  }
-  const Icon2 = config.icon;
-  return /* @__PURE__ */ jsxs(Badge, { variant: config.variant, className, children: [
-    /* @__PURE__ */ jsx(Icon2, { className: "w-3 h-3 mr-1" }),
-    config.label
-  ] });
-};
 var BasicInfoCard = ({ isEditing, onToggleEdit, className, hideActions }) => {
   const [name, setName] = useState("John wire hot");
-  const [status, setStatus] = useState("ACTIVE");
-  const editContent = /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-      /* @__PURE__ */ jsx(
-        EnhancedInput,
-        {
-          label: "Name",
-          value: name,
-          onChange: (e) => setName(e.target.value),
-          placeholder: "Enter counterparty name"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        EnhancedSelect,
-        {
-          label: "Status",
-          value: status,
-          onValueChange: setStatus,
-          placeholder: "Select status",
-          options: [
-            { value: "ACTIVE", label: "Active" },
-            { value: "INACTIVE", label: "Inactive" },
-            { value: "PENDING", label: "Pending" },
-            { value: "SUSPENDED", label: "Suspended" }
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 pt-4 border-t border-border", children: [
-      /* @__PURE__ */ jsx(InfoField, { label: "ID", value: "5000541", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Counterparty Type", value: /* @__PURE__ */ jsx(CounterpartyTypeBadge, { type: "BUSINESS" }), layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "ID Number", value: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "ID Type", value: "SSN", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Date of Birth", value: "1985-8-20", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Created By", value: "admin", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Created At", value: "2025-07-14", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Updated By", value: "admin", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Updated At", value: "2025-07-14", layout: "horizontal" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "pt-3 border-t border-border", children: [
-      /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-foreground mb-2", children: "OFAC Details" }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsx(InfoField, { label: "Last OFAC date", value: "2025-07-14", layout: "horizontal" }),
-        /* @__PURE__ */ jsx(InfoField, { label: "Last OFAC status", value: "Verified", layout: "horizontal" })
-      ] })
-    ] })
-  ] });
-  const viewContent = /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsx(InfoField, { label: "ID", value: "5000541", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Name", value: name, layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Counterparty Type", value: /* @__PURE__ */ jsx(CounterpartyTypeBadge, { type: "BUSINESS" }), layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Status", value: /* @__PURE__ */ jsx(StatusBadge, { status }), layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "ID Number", value: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "ID Type", value: "SSN", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Date of Birth", value: "1985-8-20", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Created By", value: "admin", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Created At", value: "2025-07-14", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Updated By", value: "admin", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Updated At", value: "2025-07-14", layout: "horizontal" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "pt-3 border-t border-border", children: [
-      /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-foreground mb-2", children: "OFAC Details" }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsx(InfoField, { label: "Last OFAC date", value: "2025-07-14", layout: "horizontal" }),
-        /* @__PURE__ */ jsx(InfoField, { label: "Last OFAC status", value: "Verified", layout: "horizontal" })
-      ] })
-    ] })
-  ] });
-  return /* @__PURE__ */ jsx(
-    EditableFormCard,
-    {
-      title: "Basic Info",
-      className,
-      isEditing,
-      onToggleEdit,
-      hideActions,
-      editContent,
-      viewContent
-    }
-  );
-};
-
-// src/lib/mock-data/counterparty-data.ts
-var defaultCounterpartyDetail = {
-  email: "contact@acme.com",
-  phone: "+1 (555) 123-4567",
-  dateOfBirth: "1985-03-15",
-  idNumber: "ID-123456789",
-  idType: "product_id",
-  idValue: "PROD-001",
-  address: {
-    line1: "123 Business Ave",
-    line2: "Suite 100",
-    city: "New York",
-    state: "NY",
-    postalCode: "10001",
-    countryCode: "US",
-    type: "MAILING"
-  }
-};
-var CounterpartyProfileCard = ({
-  data,
-  onDataChange,
-  isEditing = false,
-  onToggleEdit,
-  hideActions = false,
-  className
-}) => {
-  const navigate = useNavigate();
-  const form = useFormWithEditState({
-    schema: counterpartyDetailSchema,
-    defaultValues: { ...defaultCounterpartyDetail, ...data },
-    initialEditing: isEditing,
-    onToggleEdit,
-    onSave: onDataChange
-  });
-  const editContent = /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+  const [status, setStatus] = useState("ACTIVE");
+  const editContent = /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
       /* @__PURE__ */ jsx(
-        FormSelect,
-        {
-          name: "idType",
-          label: "Associated with",
-          placeholder: "Select association type",
-          options: [
-            { value: "product_id", label: "Product ID" },
-            { value: "business_id", label: "Business ID" },
-            { value: "individual_id", label: "Individual ID" },
-            { value: "account_number", label: "Account Number" }
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        FormInput,
-        {
-          name: "idValue",
-          label: form.watch("idType") === "product_id" ? "Product ID" : form.watch("idType") === "business_id" ? "Business ID" : form.watch("idType") === "individual_id" ? "Individual ID" : "Account Number",
-          placeholder: "Enter ID value"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        FormInput,
-        {
-          name: "email",
-          label: "Email",
-          type: "email",
-          placeholder: "Enter email address"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        FormInput,
-        {
-          name: "phone",
-          label: "Phone Number",
-          type: "tel",
-          placeholder: "Enter phone number"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        FormInput,
+        EnhancedInput,
         {
-          name: "dateOfBirth",
-          label: "Date of Birth",
-          type: "date",
-          placeholder: "Select date of birth"
+          label: "Name",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          placeholder: "Enter counterparty name"
         }
       ),
       /* @__PURE__ */ jsx(
-        FormInput,
+        EnhancedSelect,
         {
-          name: "idNumber",
-          label: "ID Number",
-          placeholder: "Enter ID number"
+          label: "Status",
+          value: status,
+          onValueChange: setStatus,
+          placeholder: "Select status",
+          options: [
+            { value: "ACTIVE", label: "Active" },
+            { value: "INACTIVE", label: "Inactive" },
+            { value: "PENDING", label: "Pending" },
+            { value: "SUSPENDED", label: "Suspended" }
+          ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
-      /* @__PURE__ */ jsx(
-        FormInput,
-        {
-          name: "address.line1",
-          label: "Street Address",
-          placeholder: "Enter street address"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        FormInput,
-        {
-          name: "address.line2",
-          label: "Apartment, suite, or floor",
-          placeholder: "Enter apartment, suite, or floor"
-        }
-      )
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 pt-4 border-t border-border", children: [
+      /* @__PURE__ */ jsx(InfoField, { label: "ID", value: "5000541", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Counterparty Type", value: /* @__PURE__ */ jsx(CounterpartyTypeBadge, { type: "BUSINESS" }), layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "ID Number", value: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "ID Type", value: "SSN", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Date of Birth", value: "1985-8-20", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Created By", value: "admin", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Created At", value: "2025-07-14", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Updated By", value: "admin", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Updated At", value: "2025-07-14", layout: "horizontal" })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-      /* @__PURE__ */ jsx(
-        FormInput,
-        {
-          name: "address.city",
-          label: "City",
-          placeholder: "Enter city"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        FormInput,
-        {
-          name: "address.state",
-          label: "State",
-          placeholder: "Enter state"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        FormInput,
-        {
-          name: "address.postalCode",
-          label: "Postal Code",
-          placeholder: "Enter postal code"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        FormInput,
-        {
-          name: "address.countryCode",
-          label: "Country Code",
-          placeholder: "e.g., US"
-        }
-      )
+    /* @__PURE__ */ jsxs("div", { className: "pt-3 border-t border-border", children: [
+      /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-foreground mb-2", children: "OFAC Details" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx(InfoField, { label: "Last OFAC date", value: "2025-07-14", layout: "horizontal" }),
+        /* @__PURE__ */ jsx(InfoField, { label: "Last OFAC status", value: "Verified", layout: "horizontal" })
+      ] })
     ] })
-  ] }) });
-  const formValues = form.watch();
-  const idTypeLabel = formValues?.idType === "product_id" ? "Product ID" : formValues?.idType === "business_id" ? "Business ID" : formValues?.idType === "individual_id" ? "Individual ID" : "Account Number";
-  const getEntityLink = () => {
-    if (!formValues?.idValue) return null;
-    switch (formValues?.idType) {
-      case "business_id":
-        return `/business/${formValues.idValue}`;
-      case "individual_id":
-        return `/individual/${formValues.idValue}`;
-      case "account_number":
-        return `/account/${formValues.idValue}`;
-      default:
-        return null;
-    }
-  };
-  const entityLink = getEntityLink();
-  const viewContent = /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsx(InfoField, { label: "Associated with", value: formValues?.idType === "product_id" ? "Product ID" : formValues?.idType === "business_id" ? "Business ID" : formValues?.idType === "individual_id" ? "Individual ID" : "Account Number", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(
-        InfoField,
-        {
-          label: idTypeLabel,
-          value: entityLink ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: (e) => {
-                e.preventDefault();
-                navigate(entityLink);
-              },
-              className: "text-primary hover:underline font-medium text-left cursor-pointer",
-              children: formValues?.idValue || "-"
-            }
-          ) : formValues?.idValue || "-",
-          layout: "horizontal"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsx(InfoField, { label: "Email", value: formValues?.email || "-", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "Phone Number", value: formValues?.phone || "-", layout: "horizontal" })
-    ] }),
+  ] });
+  const viewContent = /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsx(InfoField, { label: "Date of Birth", value: formValues?.dateOfBirth || "-", layout: "horizontal" }),
-      /* @__PURE__ */ jsx(InfoField, { label: "ID Number", value: formValues?.idNumber || "-", layout: "horizontal" })
+      /* @__PURE__ */ jsx(InfoField, { label: "ID", value: "5000541", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Name", value: name, layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Counterparty Type", value: /* @__PURE__ */ jsx(CounterpartyTypeBadge, { type: "BUSINESS" }), layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Status", value: /* @__PURE__ */ jsx(StatusBadge, { status }), layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "ID Number", value: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "ID Type", value: "SSN", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Date of Birth", value: "1985-8-20", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Created By", value: "admin", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Created At", value: "2025-07-14", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Updated By", value: "admin", layout: "horizontal" }),
+      /* @__PURE__ */ jsx(InfoField, { label: "Updated At", value: "2025-07-14", layout: "horizontal" })
     ] }),
-    /* @__PURE__ */ jsx(
-      InfoField,
-      {
-        label: "Address",
-        value: formValues?.address ? `${formValues.address.line1 || ""}${formValues.address.line2 ? ", " + formValues.address.line2 : ""}, ${formValues.address.city || ""}, ${formValues.address.state || ""} ${formValues.address.postalCode || ""}, ${formValues.address.countryCode || ""}` : "-",
-        layout: "horizontal"
-      }
-    )
+    /* @__PURE__ */ jsxs("div", { className: "pt-3 border-t border-border", children: [
+      /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-foreground mb-2", children: "OFAC Details" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx(InfoField, { label: "Last OFAC date", value: "2025-07-14", layout: "horizontal" }),
+        /* @__PURE__ */ jsx(InfoField, { label: "Last OFAC status", value: "Verified", layout: "horizontal" })
+      ] })
+    ] })
   ] });
   return /* @__PURE__ */ jsx(
     EditableFormCard,
     {
-      title: "Profile Information",
-      variant: "subtle",
+      title: "Basic Info",
       className,
-      isEditing: form.isEditing,
-      onToggleEdit: form.handleToggleEdit,
-      onSave: form.handleSave,
-      onCancel: form.handleCancel,
+      isEditing,
+      onToggleEdit,
       hideActions,
       editContent,
       viewContent
@@ -6449,47 +7038,14 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         EnhancedInput,
         {
           label: "ID Number",
-          value: formData.idNumber,
-          onChange: (e) => handleInputChange("idNumber", e.target.value),
-          placeholder: "Enter ID number"
-        }
-      )
-    ] })
-  ] });
-};
-var spacingClasses = {
-  sm: "space-y-3",
-  md: "space-y-4",
-  lg: "space-y-6"
-};
-var gridClasses = {
-  1: "grid-cols-1",
-  2: "grid-cols-1 md:grid-cols-2",
-  3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-  4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
-};
-var FormSection = React15.forwardRef(
-  ({
-    title,
-    description,
-    children,
-    className,
-    spacing: spacing2 = "md",
-    layout = "vertical",
-    columns: columns3 = 2
-  }, ref) => {
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn("space-y-4", className), children: [
-      (title || description) && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        title && /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground", children: title }),
-        description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: cn(
-        layout === "grid" ? `grid gap-4 ${gridClasses[columns3]}` : spacingClasses[spacing2]
-      ), children })
-    ] });
-  }
-);
-FormSection.displayName = "FormSection";
+          value: formData.idNumber,
+          onChange: (e) => handleInputChange("idNumber", e.target.value),
+          placeholder: "Enter ID number"
+        }
+      )
+    ] })
+  ] });
+};
 var IntermediaryFI = () => {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "border-b border-border pb-4", children: [
@@ -7956,36 +8512,6 @@ var EntityCard = React15.forwardRef(
   }
 );
 EntityCard.displayName = "EntityCard";
-var FormField = React15.forwardRef(
-  ({ label, description, error, required, children, className, layout = "vertical" }, ref) => {
-    const isHorizontal = layout === "horizontal";
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "space-y-2",
-          isHorizontal && "grid grid-cols-1 md:grid-cols-3 gap-4 items-start space-y-0",
-          className
-        ),
-        children: [
-          label && /* @__PURE__ */ jsxs("div", { className: cn("space-y-1", isHorizontal && "pt-2"), children: [
-            /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium text-foreground", children: [
-              label,
-              required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
-            ] }),
-            description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: description })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: cn(isHorizontal && "md:col-span-2"), children: [
-            children,
-            error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: error })
-          ] })
-        ]
-      }
-    );
-  }
-);
-FormField.displayName = "FormField";
 var variantStyles = {
   default: "",
   success: "border-success/20 bg-success/5",
@@ -9364,39 +9890,6 @@ var AccountStatusCard = ({ isEditing, onToggleEdit, className }) => {
     }
   );
 };
-var AccountBalanceCard = React15__default.forwardRef(
-  ({ balance, availableBalance, accountNumber, accountType, className }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Card,
-      {
-        ref,
-        className: cn(
-          "border-primary/20 bg-gradient-to-br from-primary/5 via-primary/3 to-background",
-          className
-        ),
-        children: /* @__PURE__ */ jsx(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Wallet, { className: "h-4 w-4 text-primary" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: accountNumber }),
-            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground capitalize", children: accountType })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-8", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Account Balance" }),
-              /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: balance })
-            ] }),
-            availableBalance && /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Available Balance" }),
-              /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: availableBalance })
-            ] })
-          ] })
-        ] }) })
-      }
-    );
-  }
-);
-AccountBalanceCard.displayName = "AccountBalanceCard";
 var accountInfoSchema = z.object({
   accountName: z.string().trim().min(1, "Account name is required").max(100, "Account name must be less than 100 characters"),
   canAcceptSweep: z.enum(["Yes", "No"]),
@@ -9426,7 +9919,7 @@ var AccountDetail = () => {
   }
   const formValues = form.watch();
   const customerPath = account.customerType === "business" ? `/business/${account.customerId}` : `/individual/${account.customerId}`;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     PageLayout,
     {
       title: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -9469,29 +9962,37 @@ var AccountDetail = () => {
         }
       ],
       maxWidth: "full",
-      children: [
-        /* @__PURE__ */ jsx(
-          AccountBalanceCard,
-          {
-            balance: account.balance,
-            availableBalance: account.balance,
-            accountNumber: account.number,
-            accountType: account.type,
-            className: "mb-4"
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4", children: [
-            /* @__PURE__ */ jsx(
-              EditableFormCard,
-              {
-                title: "Account Information",
-                variant: "subtle",
-                isEditing: form.isEditing,
-                onToggleEdit: form.handleToggleEdit,
-                onSave: form.handleSave,
-                onCancel: form.handleCancel,
-                viewContent: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4", children: [
+          /* @__PURE__ */ jsx(
+            EditableFormCard,
+            {
+              title: "Account Information",
+              variant: "subtle",
+              isEditing: form.isEditing,
+              onToggleEdit: form.handleToggleEdit,
+              onSave: form.handleSave,
+              onCancel: form.handleCancel,
+              viewContent: /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs("div", { className: "mb-6 p-6 rounded-lg bg-gradient-to-br from-primary/10 via-primary/5 to-background border border-primary/20", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
+                    /* @__PURE__ */ jsx(Wallet, { className: "h-4 w-4 text-primary" }),
+                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: account.number }),
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
+                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground capitalize", children: account.type })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-8", children: [
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Account Balance" }),
+                      /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Available Balance" }),
+                      /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
                   /* @__PURE__ */ jsx(
                     InfoField,
                     {
@@ -9555,8 +10056,28 @@ var AccountDetail = () => {
                       value: formValues.sweepAccountNumber || "-"
                     }
                   )
+                ] })
+              ] }),
+              editContent: /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs("div", { className: "mb-6 p-6 rounded-lg bg-gradient-to-br from-primary/10 via-primary/5 to-background border border-primary/20", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
+                    /* @__PURE__ */ jsx(Wallet, { className: "h-4 w-4 text-primary" }),
+                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: account.number }),
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
+                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground capitalize", children: account.type })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-8", children: [
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Account Balance" }),
+                      /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Available Balance" }),
+                      /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                    ] })
+                  ] })
                 ] }),
-                editContent: /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
                   /* @__PURE__ */ jsx(
                     InfoField,
                     {
@@ -9628,18 +10149,18 @@ var AccountDetail = () => {
                       placeholder: "Enter sweep account number"
                     }
                   )
-                ] }) })
-              }
-            ),
-            /* @__PURE__ */ jsxs(Card, { children: [
-              /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Fees" }) }),
-              /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "text-center py-8 text-muted-foreground", children: /* @__PURE__ */ jsx("p", { children: "Fees information coming soon" }) }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsx(AccountStatusCard, { isEditing: false, onToggleEdit: () => {
-          } }) })
-        ] })
-      ]
+                ] })
+              ] }) })
+            }
+          ),
+          /* @__PURE__ */ jsxs(Card, { children: [
+            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Fees" }) }),
+            /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "text-center py-8 text-muted-foreground", children: /* @__PURE__ */ jsx("p", { children: "Fees information coming soon" }) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsx(AccountStatusCard, { isEditing: false, onToggleEdit: () => {
+        } }) })
+      ] })
     }
   );
 };
@@ -10932,161 +11453,37 @@ var Counterparties = () => {
     {
       key: "created",
       title: "Created",
-      sortable: true
-    },
-    {
-      key: "modified",
-      title: "Modified",
-      sortable: true
-    }
-  ];
-  const table = useMemo(() => /* @__PURE__ */ jsx(
-    DataTable,
-    {
-      columns: columns3,
-      data: sortedCounterparties,
-      sortBy,
-      sortDirection,
-      onSort: handleSort,
-      onRowClick: handleRowClick
-    }
-  ), [columns3, sortedCounterparties, sortBy, sortDirection, handleSort, handleRowClick]);
-  return /* @__PURE__ */ jsx(
-    CounterpartiesView,
-    {
-      table,
-      filters,
-      onFilterChange: handleFilterChange,
-      onResetFilters: handleResetFilters,
-      onCreateCounterparty: handleCreateCounterparty
-    }
-  );
-};
-var Counterparties_default = Counterparties;
-var mockCounterpartyTimeline = [
-  {
-    id: "1",
-    action: "Counterparty Created",
-    user: "admin",
-    details: "Initial counterparty setup",
-    status: "Active",
-    timestamp: "2024-01-15 10:30:00"
-  },
-  {
-    id: "2",
-    action: "Profile Updated",
-    user: "admin",
-    details: "Updated counterparty information",
-    timestamp: "2024-01-20 14:22:00"
-  },
-  {
-    id: "3",
-    action: "OFAC Check Completed",
-    user: "System",
-    details: "Automated compliance check",
-    status: "Verified",
-    timestamp: "2024-01-20 14:30:00"
-  }
-];
-var CounterpartyStatusCard = ({ isEditing, onToggleEdit, className }) => {
-  const getIcon = (action) => {
-    if (action.includes("Created")) return /* @__PURE__ */ jsx(Circle, { className: "h-4 w-4" });
-    if (action.includes("Assigned")) return /* @__PURE__ */ jsx(UserPlus, { className: "h-4 w-4" });
-    if (action.includes("Updated") || action.includes("Modified") || action.includes("Check")) return /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4" });
-    if (action.includes("Completed") || action.includes("Verified")) return /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4" });
-    return /* @__PURE__ */ jsx(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__ */ jsx(
-    FormCard,
-    {
-      title: "Timeline",
-      className,
-      children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: mockCounterpartyTimeline.map((event, index) => /* @__PURE__ */ jsxs("div", { className: "relative pl-6 pb-3", children: [
-        index !== mockCounterpartyTimeline.length - 1 && /* @__PURE__ */ jsx("div", { className: "absolute left-[7px] top-5 bottom-0 w-[2px] bg-border" }),
-        /* @__PURE__ */ jsx("div", { className: cn(
-          "absolute left-0 top-0 flex-none",
-          getStatusColor2(event.status)
-        ), children: /* @__PURE__ */ jsx("div", { className: "h-4 w-4", children: getIcon(event.action) }) }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-foreground", children: event.action }),
-          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-            "by ",
-            event.user
-          ] }),
-          event.details && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: event.details }),
-          event.status && /* @__PURE__ */ jsxs("p", { className: cn("text-xs font-medium", getStatusColor2(event.status)), children: [
-            "Status: ",
-            event.status
-          ] }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70 pt-0.5", children: event.timestamp })
-        ] })
-      ] }, event.id)) })
-    }
-  );
-};
-var PaymentMethodCard = ({
-  type,
-  fiId,
-  accountNumber,
-  bankName,
-  accountType,
-  beneficiaryBankName,
-  correspondentBankId,
-  intermediaryBankId,
-  className
-}) => {
-  const getIcon = () => {
-    switch (type) {
-      case "ACH":
-        return Building2;
-      case "Domestic Wire":
-        return Landmark;
-      case "International Wire":
-        return Globe;
-      default:
-        return Building2;
-    }
-  };
-  const Icon2 = getIcon();
-  return /* @__PURE__ */ jsxs(Card, { className: cn("hover:bg-muted/50 transition-colors", className), children: [
-    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: type })
-      ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" }) })
-    ] }),
-    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ jsx(InfoField, { label: "Beneficiary FI ID", value: fiId }),
-        /* @__PURE__ */ jsx(InfoField, { label: "Account Number", value: accountNumber })
-      ] }),
-      type === "ACH" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-        bankName && /* @__PURE__ */ jsx(InfoField, { label: "Bank Name", value: bankName }),
-        accountType && /* @__PURE__ */ jsx(InfoField, { label: "Account Type", value: accountType })
-      ] }),
-      type === "Domestic Wire" && bankName && /* @__PURE__ */ jsx(InfoField, { label: "Bank Name", value: bankName }),
-      type === "International Wire" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        beneficiaryBankName && /* @__PURE__ */ jsx(InfoField, { label: "Beneficiary Bank Name", value: beneficiaryBankName }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-          correspondentBankId && /* @__PURE__ */ jsx(InfoField, { label: "Correspondent Bank ID", value: correspondentBankId }),
-          intermediaryBankId && /* @__PURE__ */ jsx(InfoField, { label: "Intermediary Bank ID", value: intermediaryBankId })
-        ] })
-      ] })
-    ] })
-  ] });
+      sortable: true
+    },
+    {
+      key: "modified",
+      title: "Modified",
+      sortable: true
+    }
+  ];
+  const table = useMemo(() => /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      columns: columns3,
+      data: sortedCounterparties,
+      sortBy,
+      sortDirection,
+      onSort: handleSort,
+      onRowClick: handleRowClick
+    }
+  ), [columns3, sortedCounterparties, sortBy, sortDirection, handleSort, handleRowClick]);
+  return /* @__PURE__ */ jsx(
+    CounterpartiesView,
+    {
+      table,
+      filters,
+      onFilterChange: handleFilterChange,
+      onResetFilters: handleResetFilters,
+      onCreateCounterparty: handleCreateCounterparty
+    }
+  );
 };
+var Counterparties_default = Counterparties;
 var mockPaymentMethods = [
   {
     type: "ACH",
@@ -11145,6 +11542,33 @@ var CounterpartyDetail = () => {
       render: (value) => /* @__PURE__ */ jsx("span", { className: "capitalize", children: value })
     }
   ];
+  const handleStatusChange = (newStatus) => {
+    setCurrentStatus(newStatus);
+  };
+  const handleToggleProfileEdit = () => {
+    setIsEditingProfile(!isEditingProfile);
+  };
+  const handleAddPaymentMethod = () => {
+    console.log("Add payment method");
+  };
+  const handleAddDocument = () => {
+    console.log("Add document");
+  };
+  const documentsTable = useMemo(() => {
+    if (counterpartyDocuments.length === 0) {
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 opacity-50" }),
+        /* @__PURE__ */ jsx("p", { children: "No documents found" })
+      ] });
+    }
+    return /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        columns: documentColumns,
+        data: counterpartyDocuments
+      }
+    );
+  }, [counterpartyDocuments, documentColumns]);
   if (!counterparty) {
     return /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-8", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mb-2", children: "Counterparty Not Found" }),
@@ -11152,74 +11576,18 @@ var CounterpartyDetail = () => {
     ] }) });
   }
   return /* @__PURE__ */ jsx(
-    PageLayout,
+    CounterpartyDetailView,
     {
-      title: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("span", { children: counterparty.name }),
-        /* @__PURE__ */ 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__ */ jsx(StatusBadge, { status: value }),
-            className: "inline-block"
-          }
-        ),
-        /* @__PURE__ */ jsx(CounterpartyTypeBadge, { type: counterparty.type })
-      ] }),
-      maxWidth: "full",
-      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4", children: [
-          /* @__PURE__ */ jsx(
-            CounterpartyProfileCard,
-            {
-              isEditing: isEditingProfile,
-              onToggleEdit: () => setIsEditingProfile(!isEditingProfile)
-            }
-          ),
-          /* @__PURE__ */ jsxs(Card, { children: [
-            /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
-              /* @__PURE__ */ jsx(CardTitle, { children: "Payment Methods" }),
-              /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", children: [
-                /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
-                "Method"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(CardContent, { children: mockPaymentMethods.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
-              /* @__PURE__ */ jsx(Wallet, { className: "h-5 w-5 opacity-50" }),
-              /* @__PURE__ */ jsx("p", { children: "No payment methods configured" })
-            ] }) : /* @__PURE__ */ jsx(ResponsiveGrid, { type: "forms", gap: "md", children: mockPaymentMethods.map((method, index) => /* @__PURE__ */ jsx(PaymentMethodCard, { ...method }, index)) }) })
-          ] }),
-          /* @__PURE__ */ jsxs(Card, { children: [
-            /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
-              /* @__PURE__ */ jsx(CardTitle, { children: "Documents" }),
-              /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", children: [
-                /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
-                "Document"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(CardContent, { children: counterpartyDocuments.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
-              /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 opacity-50" }),
-              /* @__PURE__ */ jsx("p", { children: "No documents found" })
-            ] }) : /* @__PURE__ */ jsx(
-              DataTable,
-              {
-                columns: documentColumns,
-                data: counterpartyDocuments
-              }
-            ) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsx(CounterpartyStatusCard, { isEditing: false, onToggleEdit: () => {
-        } }) })
-      ] })
+      counterpartyName: counterparty.name,
+      counterpartyType: counterparty.type,
+      currentStatus,
+      isEditingProfile,
+      mockPaymentMethods,
+      documentsTable,
+      onStatusChange: handleStatusChange,
+      onToggleProfileEdit: handleToggleProfileEdit,
+      onAddPaymentMethod: handleAddPaymentMethod,
+      onAddDocument: handleAddDocument
     }
   );
 };
@@ -13857,7 +14225,7 @@ var TransactionDetail = () => {
       /* @__PURE__ */ jsx(Button, { onClick: () => navigate("/transactions/history"), children: "Back to Transaction History" })
     ] }) });
   }
-  const getStatusVariant = (status) => {
+  const getStatusVariant2 = (status) => {
     switch (status) {
       case "POSTED":
         return "success";
@@ -13913,7 +14281,7 @@ var TransactionDetail = () => {
             isInbound: transaction.isInbound
           }
         ),
-        /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(transaction.status), children: transaction.status }),
+        /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant2(transaction.status), children: transaction.status }),
         /* @__PURE__ */ jsx(Badge, { variant: getProcessingStatusVariant(transaction.processingStatus), children: transaction.processingStatus })
       ] }),
       maxWidth: "full",
@@ -14012,7 +14380,342 @@ function UIKit() {
     ] })
   ] }) }) });
 }
+function OFACFiltersSheet({
+  filters,
+  onFilterChange,
+  onResetFilters
+}) {
+  const hasActiveFilters = filters.status !== "" || filters.entityType !== "" || filters.startDate !== void 0 || filters.endDate !== void 0;
+  return /* @__PURE__ */ jsxs(Sheet, { children: [
+    /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", children: [
+      /* @__PURE__ */ jsx(Filter, { className: "mr-2 h-4 w-4" }),
+      "Filters",
+      hasActiveFilters && /* @__PURE__ */ jsx("span", { className: "ml-2 flex h-5 w-5 items-center justify-center rounded-full bg-primary text-xs text-primary-foreground", children: [filters.status, filters.entityType, filters.startDate, filters.endDate].filter(Boolean).length })
+    ] }) }),
+    /* @__PURE__ */ jsxs(SheetContent, { className: "w-full sm:max-w-md overflow-y-auto", children: [
+      /* @__PURE__ */ jsxs(SheetHeader, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx(SheetTitle, { children: "Filter OFAC Checks" }),
+          hasActiveFilters && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: onResetFilters,
+              className: "h-8 px-2",
+              children: [
+                /* @__PURE__ */ jsx(X, { className: "mr-1 h-4 w-4" }),
+                "Clear all"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(SheetDescription, { children: "Filter OFAC screening results by status, entity type, and date range" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-6 mt-6", children: [
+        /* @__PURE__ */ jsx(
+          EnhancedSelect,
+          {
+            label: "Status",
+            placeholder: "All statuses",
+            options: [
+              { value: "all", label: "All statuses" },
+              { value: "NO MATCH", label: "No Match" },
+              { value: "REVIEW", label: "Review" },
+              { value: "CLEARED", label: "Cleared" },
+              { value: "CONFIRMED", label: "Confirmed" }
+            ],
+            value: filters.status || "all",
+            onValueChange: (value) => onFilterChange("status", value === "all" ? "" : value)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          EnhancedSelect,
+          {
+            label: "Entity Type",
+            placeholder: "All entity types",
+            options: [
+              { value: "all", label: "All entity types" },
+              { value: "Business", label: "Business" },
+              { value: "Individual", label: "Individual" },
+              { value: "Counterparty", label: "Counterparty" }
+            ],
+            value: filters.entityType || "all",
+            onValueChange: (value) => onFilterChange("entityType", value === "all" ? "" : value)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DatePicker,
+          {
+            date: filters.startDate,
+            onDateChange: (date) => onFilterChange("startDate", date),
+            label: "Start Date",
+            placeholder: "MM/DD/YYYY"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DatePicker,
+          {
+            date: filters.endDate,
+            onDateChange: (date) => onFilterChange("endDate", date),
+            label: "End Date",
+            placeholder: "MM/DD/YYYY",
+            disabledDates: (date) => filters.startDate ? date < filters.startDate : false
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/lib/mock-data/ofac-data.ts
+var mockOFACChecks = [
+  {
+    id: "ofac-001",
+    created: "2024-01-15T10:30:00Z",
+    entityId: "8112488",
+    entityName: "Acme Corporation",
+    entityType: "Business",
+    alertId: "ALT-001",
+    status: "CLEARED"
+  },
+  {
+    id: "ofac-002",
+    created: "2024-01-14T14:22:00Z",
+    entityId: "8111609",
+    entityName: "Global Tech Industries",
+    entityType: "Business",
+    alertId: "ALT-002",
+    status: "REVIEW"
+  },
+  {
+    id: "ofac-003",
+    created: "2024-01-14T09:15:00Z",
+    entityId: "IND-001",
+    entityName: "John Smith",
+    entityType: "Individual",
+    alertId: null,
+    status: "NO MATCH"
+  },
+  {
+    id: "ofac-004",
+    created: "2024-01-13T16:45:00Z",
+    entityId: "8111026",
+    entityName: "Innovation Partners LLC",
+    entityType: "Business",
+    alertId: "ALT-003",
+    status: "CONFIRMED"
+  },
+  {
+    id: "ofac-005",
+    created: "2024-01-13T11:20:00Z",
+    entityId: "IND-002",
+    entityName: "Jane Doe",
+    entityType: "Individual",
+    alertId: null,
+    status: "NO MATCH"
+  },
+  {
+    id: "ofac-006",
+    created: "2024-01-12T13:30:00Z",
+    entityId: "CP-001",
+    entityName: "International Suppliers Inc",
+    entityType: "Counterparty",
+    alertId: "ALT-004",
+    status: "REVIEW"
+  },
+  {
+    id: "ofac-007",
+    created: "2024-01-12T08:00:00Z",
+    entityId: "8110892",
+    entityName: "NextGen Solutions",
+    entityType: "Business",
+    alertId: null,
+    status: "NO MATCH"
+  },
+  {
+    id: "ofac-008",
+    created: "2024-01-11T15:10:00Z",
+    entityId: "IND-003",
+    entityName: "Robert Johnson",
+    entityType: "Individual",
+    alertId: "ALT-005",
+    status: "CLEARED"
+  },
+  {
+    id: "ofac-009",
+    created: "2024-01-11T10:45:00Z",
+    entityId: "CP-002",
+    entityName: "Overseas Trading Company",
+    entityType: "Counterparty",
+    alertId: "ALT-006",
+    status: "REVIEW"
+  },
+  {
+    id: "ofac-010",
+    created: "2024-01-10T14:25:00Z",
+    entityId: "8110654",
+    entityName: "Digital Ventures Group",
+    entityType: "Business",
+    alertId: null,
+    status: "NO MATCH"
+  }
+];
+var getStatusVariant = (status) => {
+  switch (status) {
+    case "NO MATCH":
+      return "success";
+    case "REVIEW":
+      return "warning";
+    case "CLEARED":
+      return "active";
+    case "CONFIRMED":
+      return "destructive";
+    default:
+      return "secondary";
+  }
+};
+var getEntityUrl = (entityType, entityId) => {
+  switch (entityType) {
+    case "Business":
+      return `/business/${entityId}`;
+    case "Individual":
+      return `/individual/${entityId}`;
+    case "Counterparty":
+      return `/counterparty/${entityId}`;
+    default:
+      return "#";
+  }
+};
+function OFAC() {
+  const navigate = useNavigate();
+  const [sortField, setSortField] = useState("created");
+  const [sortDirection, setSortDirection] = useState("desc");
+  const [filters, setFilters] = useState({
+    status: "",
+    entityType: "",
+    startDate: void 0,
+    endDate: void 0
+  });
+  const handleFilterChange = (field, value) => {
+    setFilters((prev) => ({ ...prev, [field]: value }));
+  };
+  const handleResetFilters = () => {
+    setFilters({
+      status: "",
+      entityType: "",
+      startDate: void 0,
+      endDate: void 0
+    });
+  };
+  const handleSort = (field) => {
+    if (sortField === field) {
+      setSortDirection(sortDirection === "asc" ? "desc" : "asc");
+    } else {
+      setSortField(field);
+      setSortDirection("desc");
+    }
+  };
+  const filteredChecks = useMemo(() => {
+    return mockOFACChecks.filter((check) => {
+      if (filters.status && check.status !== filters.status) {
+        return false;
+      }
+      if (filters.entityType && check.entityType !== filters.entityType) {
+        return false;
+      }
+      if (filters.startDate || filters.endDate) {
+        const checkDate = parseISO(check.created);
+        if (filters.startDate && isBefore(checkDate, startOfDay(filters.startDate))) {
+          return false;
+        }
+        if (filters.endDate && isAfter(checkDate, endOfDay(filters.endDate))) {
+          return false;
+        }
+      }
+      return true;
+    });
+  }, [filters]);
+  const sortedChecks = [...filteredChecks].sort((a, b) => {
+    const aValue = a[sortField];
+    const bValue = b[sortField];
+    if (aValue == null) return 1;
+    if (bValue == null) return -1;
+    if (sortDirection === "asc") {
+      return aValue > bValue ? 1 : -1;
+    } else {
+      return aValue < bValue ? 1 : -1;
+    }
+  });
+  const columns3 = [
+    {
+      key: "created",
+      title: "Created",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: format(parseISO(value), "MMM d, yyyy h:mm a") })
+    },
+    {
+      key: "entityName",
+      title: "Entity",
+      render: (value, row) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => navigate(getEntityUrl(row.entityType, row.entityId)),
+          className: "text-sm text-primary hover:underline font-medium",
+          children: value
+        }
+      )
+    },
+    {
+      key: "entityType",
+      title: "Entity Type",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: value })
+    },
+    {
+      key: "alertId",
+      title: "Alert ID",
+      render: (value) => value ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => navigate(`/alerts/${value}`),
+          className: "text-sm text-primary hover:underline font-medium",
+          children: value
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "\u2014" })
+    },
+    {
+      key: "status",
+      title: "Status",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(value), children: value })
+    }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-screen bg-gradient-subtle", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-6 max-w-none", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-foreground", children: "OFAC Checks" }) }),
+      /* @__PURE__ */ jsx(
+        OFACFiltersSheet,
+        {
+          filters,
+          onFilterChange: handleFilterChange,
+          onResetFilters: handleResetFilters
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "flex-1 mt-4 overflow-auto", children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        columns: columns3,
+        data: sortedChecks,
+        sortBy: sortField,
+        sortDirection,
+        onSort: handleSort
+      }
+    ) }) }) })
+  ] });
+}
 
-export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, AccountCard, AccountDetail_default as AccountDetail, Accounts_default as Accounts, AddressForm, AlertDetail_default as AlertDetail, AlertDetailRouter, AlertDocuments, AlertHeaderControls, AlertNotes, AlertTimeline, Alerts_default as Alerts, AppSidebar, Badge, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, BusinessDetail_default as BusinessDetail, BusinessDetailView, BusinessFiltersSheet, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses_default as Businesses, Button, CIPStatusBadge, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cases_default as Cases, Checkbox, ContactInfoCard, Container, ContextSection, Counterparties_default as Counterparties, CounterpartiesView, CounterpartyBasicInfo, CounterpartyDetail_default as CounterpartyDetail, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, Create_default as CreateBusiness, CreateBusinessView, Create_default2 as CreateCounterparty, Create_default3 as CreateIndividual, Dashboard_default as Dashboard, DashboardDemo, DataGrid, DataTable, DetailPageLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EditableFormCard, EditableInfoField, EnhancedInput, EnhancedSelect, EnhancedTextarea, EntityCard, FormCard, FormField, FormInput, FormProvider, FormSection, FormSelect, IndividualDetail_default as IndividualDetail, Individuals_default as Individuals, InfoField, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NotFound_default as NotFound, OFACAlertView, OriginatorCard, OriginatorFI, OriginatorFIAddress, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, ResolveAlertDialog, ResponsiveGrid, ScrollArea, ScrollBar, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Stack, Statement, StatementHeader, StatementView, StatusBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail_default as TransactionDetail, TransactionHistory_default as TransactionHistory, TransactionTypeBadge, UIKit, UIKitShowcase, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
+export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, AccountCard, AccountDetail_default as AccountDetail, Accounts_default as Accounts, AddressForm, AlertDetail_default as AlertDetail, AlertDetailRouter, AlertDocuments, AlertHeaderControls, AlertNotes, AlertTimeline, Alerts_default as Alerts, AppSidebar, Badge, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, BusinessDetail_default as BusinessDetail, BusinessDetailView, BusinessFiltersSheet, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses_default as Businesses, Button, CIPStatusBadge, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cases_default as Cases, Checkbox, ContactInfoCard, Container, ContextSection, Counterparties_default as Counterparties, CounterpartiesView, CounterpartyBasicInfo, CounterpartyDetail_default as CounterpartyDetail, CounterpartyDetailView, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, Create_default as CreateBusiness, CreateBusinessView, Create_default2 as CreateCounterparty, Create_default3 as CreateIndividual, Dashboard_default as Dashboard, DashboardDemo, DataGrid, DataTable, DetailPageLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EditableFormCard, EditableInfoField, EnhancedInput, EnhancedSelect, EnhancedTextarea, EntityCard, FormCard, FormField, FormInput, FormProvider, FormSection, FormSelect, IndividualDetail_default as IndividualDetail, Individuals_default as Individuals, InfoField, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NotFound_default as NotFound, OFAC, OFACAlertView, OriginatorCard, OriginatorFI, OriginatorFIAddress, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, ResolveAlertDialog, ResponsiveGrid, ScrollArea, ScrollBar, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Stack, Statement, StatementHeader, StatementView, StatusBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail_default as TransactionDetail, TransactionHistory_default as TransactionHistory, TransactionTypeBadge, UIKit, UIKitShowcase, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map