braid-ui 1.0.3 → 1.0.5

package/dist/index.js

@@ -1,12 +1,12 @@
 import * as React13 from 'react';
 import { useState, useEffect, useCallback, useMemo } from 'react';
-import { createPortal } from 'react-dom';
-import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, ChevronUp, Check, X, PanelLeft, Edit, Home, Globe, CreditCard, Building, MoreVertical, Minus, TrendingDown, TrendingUp, ChevronRight, Eye, Trash2, Upload, FileText, Download, Plus, MessageSquare, Copy, LayoutDashboard, Bell, Briefcase, FileCheck, Receipt, ArrowLeftRight, Users, Building2, Zap, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Box, Settings, BarChart3, Key, Heart, User, AlertTriangle, XCircle, CheckCircle, Clock, Filter, ChevronLeft, Calendar as Calendar$1, CalendarIcon, CheckCircle2, Circle, UserPlus, ChevronsUpDown } from 'lucide-react';
+import { Slot } from '@radix-ui/react-slot';
+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, Zap, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Box, Settings, BarChart3, Key, Heart, User, AlertTriangle, XCircle, CheckCircle, Clock, Filter, ChevronLeft, Calendar as Calendar$1, CalendarIcon, CheckCircle2, Circle, UserPlus, ChevronsUpDown } from 'lucide-react';
+import { createPortal } from 'react-dom';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { NavLink, useLocation, useParams, useNavigate } from 'react-router-dom';
@@ -26,10 +26,218 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { format } from 'date-fns';
 
-// src/components/alerts/AlertDocuments.tsx
+// src/components/ui/form-card.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+var cardVariants = cva(
+  "rounded-lg border bg-card text-card-foreground transition-all duration-200",
+  {
+    variants: {
+      variant: {
+        default: "shadow-sm",
+        elevated: "shadow-md hover:shadow-lg",
+        outlined: "border-2 shadow-none",
+        ghost: "border-transparent shadow-none bg-transparent",
+        subtle: "border-border/75 shadow-none"
+      },
+      size: {
+        sm: "p-3",
+        md: "p-4",
+        lg: "p-6",
+        none: "p-0"
+      },
+      fullHeight: {
+        true: "h-full flex flex-col",
+        false: ""
+      },
+      interactive: {
+        true: "cursor-pointer hover:shadow-md hover:scale-[1.02]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "none",
+      fullHeight: false,
+      interactive: false
+    }
+  }
+);
+var Card = React13.forwardRef(
+  ({ className, variant, size, fullHeight, interactive, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardVariants({ variant, size, fullHeight, interactive }), className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var cardHeaderVariants = cva(
+  "flex flex-col space-y-1.5",
+  {
+    variants: {
+      size: {
+        sm: "px-3 pt-3 pb-2",
+        md: "px-4 pt-4 pb-3",
+        lg: "px-6 pt-6 pb-4"
+      },
+      align: {
+        start: "items-start",
+        center: "items-center",
+        end: "items-end"
+      },
+      direction: {
+        row: "flex-row justify-between items-center space-y-0 space-x-4",
+        column: "flex-col space-y-1.5"
+      }
+    },
+    defaultVariants: {
+      size: "lg",
+      align: "start",
+      direction: "column"
+    }
+  }
+);
+var CardHeader = React13.forwardRef(
+  ({ className, size, align, direction, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardHeaderVariants({ size, align, direction }), className),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+var cardTitleVariants = cva(
+  "font-semibold leading-none tracking-tight",
+  {
+    variants: {
+      size: {
+        sm: "text-base",
+        md: "text-lg",
+        lg: "text-xl"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var CardTitle = React13.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    "h3",
+    {
+      ref,
+      className: cn(cardTitleVariants({ size }), className),
+      ...props
+    }
+  )
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var cardContentVariants = cva(
+  "",
+  {
+    variants: {
+      size: {
+        sm: "px-3 pb-2",
+        md: "px-4 pb-3",
+        lg: "px-6 pb-4"
+      },
+      fullHeight: {
+        true: "flex-1",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "lg",
+      fullHeight: false
+    }
+  }
+);
+var CardContent = React13.forwardRef(
+  ({ className, size, fullHeight, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardContentVariants({ size, fullHeight }), className),
+      ...props
+    }
+  )
+);
+CardContent.displayName = "CardContent";
+var cardFooterVariants = cva(
+  "flex items-center pt-0",
+  {
+    variants: {
+      size: {
+        sm: "p-3 pt-0",
+        md: "p-4 pt-0",
+        lg: "p-6 pt-0"
+      },
+      justify: {
+        start: "justify-start",
+        center: "justify-center",
+        end: "justify-end",
+        between: "justify-between"
+      }
+    },
+    defaultVariants: {
+      size: "lg",
+      justify: "start"
+    }
+  }
+);
+var CardFooter = React13.forwardRef(
+  ({ className, size, justify, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardFooterVariants({ size, justify }), className),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+var FormCard = React13.forwardRef(
+  ({ title, description, children, headerActions, className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsxs(
+    Card,
+    {
+      ref,
+      variant,
+      fullHeight: true,
+      className: cn("", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(
+          CardHeader,
+          {
+            direction: headerActions ? "row" : "column",
+            size: "md",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "space-y-1", children: /* @__PURE__ */ jsx(CardTitle, { size: "md", children: title }) }),
+              headerActions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: headerActions })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(CardContent, { size: "md", fullHeight: true, children })
+      ]
+    }
+  )
+);
+FormCard.displayName = "FormCard";
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
@@ -69,171 +277,92 @@ var Button = React13.forwardRef(
   }
 );
 Button.displayName = "Button";
-var TOAST_LIMIT = 1;
-var TOAST_REMOVE_DELAY = 1e6;
-var count = 0;
-function genId() {
-  count = (count + 1) % Number.MAX_SAFE_INTEGER;
-  return count.toString();
-}
-var toastTimeouts = /* @__PURE__ */ new Map();
-var addToRemoveQueue = (toastId) => {
-  if (toastTimeouts.has(toastId)) {
-    return;
-  }
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId);
-    dispatch({
-      type: "REMOVE_TOAST",
-      toastId
-    });
-  }, TOAST_REMOVE_DELAY);
-  toastTimeouts.set(toastId, timeout);
-};
-var reducer = (state, action) => {
-  switch (action.type) {
-    case "ADD_TOAST":
-      return {
-        ...state,
-        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
-      };
-    case "UPDATE_TOAST":
-      return {
-        ...state,
-        toasts: state.toasts.map(
-          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
-        )
-      };
-    case "DISMISS_TOAST": {
-      const { toastId } = action;
-      if (toastId) {
-        addToRemoveQueue(toastId);
-      } else {
-        state.toasts.forEach((toast4) => {
-          addToRemoveQueue(toast4.id);
-        });
-      }
-      return {
-        ...state,
-        toasts: state.toasts.map(
-          (t) => t.id === toastId || toastId === void 0 ? {
-            ...t,
-            open: false
-          } : t
-        )
-      };
-    }
-    case "REMOVE_TOAST":
-      if (action.toastId === void 0) {
-        return {
-          ...state,
-          toasts: []
-        };
-      }
-      return {
-        ...state,
-        toasts: state.toasts.filter((t) => t.id !== action.toastId)
-      };
-  }
-};
-var listeners = [];
-var memoryState = { toasts: [] };
-function dispatch(action) {
-  memoryState = reducer(memoryState, action);
-  listeners.forEach((listener) => {
-    listener(memoryState);
-  });
-}
-function toast({ ...props }) {
-  const id = genId();
-  const update = (props2) => dispatch({
-    type: "UPDATE_TOAST",
-    toast: { ...props2, id }
-  });
-  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
-  dispatch({
-    type: "ADD_TOAST",
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open) => {
-        if (!open) dismiss();
-      }
-    }
-  });
-  return {
-    id,
-    dismiss,
-    update
-  };
-}
-function useToast() {
-  const [state, setState] = React13.useState(memoryState);
-  React13.useEffect(() => {
-    listeners.push(setState);
-    return () => {
-      const index = listeners.indexOf(setState);
-      if (index > -1) {
-        listeners.splice(index, 1);
-      }
-    };
-  }, [state]);
-  return {
-    ...state,
-    toast,
-    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
-  };
-}
-var inputVariants = cva(
-  "flex w-full rounded-md bg-form-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground transition-form",
+var badgeVariants = cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
       variant: {
-        default: "border border-form-border focus-visible:border-form-border-focus focus-visible:outline-none focus-visible:shadow-form-focus",
-        error: "border border-form-border-error focus-visible:border-form-border-error focus-visible:outline-none focus-visible:shadow-form-error",
-        success: "border border-form-border-success focus-visible:border-form-border-success focus-visible:outline-none",
-        disabled: "border border-form-border bg-muted cursor-not-allowed opacity-50",
-        readonly: "border border-form-border bg-muted/50 cursor-default"
-      },
-      size: {
-        default: "h-10",
-        sm: "h-9",
-        lg: "h-11"
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground",
+        success: "border-transparent bg-success text-success-foreground hover:bg-success/80",
+        warning: "border-transparent bg-warning text-warning-foreground hover:bg-warning/80",
+        // Business type specific variants
+        business: "border-blue-200 bg-blue-50 text-blue-700 hover:bg-blue-100 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-300",
+        individual: "border-green-200 bg-green-50 text-green-700 hover:bg-green-100 dark:border-green-800 dark:bg-green-950 dark:text-green-300",
+        government: "border-purple-200 bg-purple-50 text-purple-700 hover:bg-purple-100 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-300",
+        nonprofit: "border-orange-200 bg-orange-50 text-orange-700 hover:bg-orange-100 dark:border-orange-800 dark:bg-orange-950 dark:text-orange-300",
+        // Business entity type variants
+        corporation: "border-slate-200 bg-slate-50 text-slate-700 hover:bg-slate-100 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-300",
+        llc: "border-teal-200 bg-teal-50 text-teal-700 hover:bg-teal-100 dark:border-teal-800 dark:bg-teal-950 dark:text-teal-300",
+        partnership: "border-indigo-200 bg-indigo-50 text-indigo-700 hover:bg-indigo-100 dark:border-indigo-800 dark:bg-indigo-950 dark:text-indigo-300",
+        sole_proprietorship: "border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-100 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-300",
+        // Status variants
+        active: "border-green-200 bg-green-50 text-green-700 hover:bg-green-100 dark:border-green-800 dark:bg-green-950 dark:text-green-300",
+        inactive: "border-red-200 bg-red-50 text-red-700 hover:bg-red-100 dark:border-red-800 dark:bg-red-950 dark:text-red-300",
+        pending: "border-yellow-200 bg-yellow-50 text-yellow-700 hover:bg-yellow-100 dark:border-yellow-800 dark:bg-yellow-950 dark:text-yellow-300",
+        suspended: "border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300",
+        // Alert type subtle variants
+        "alert-ofac": "border-red-200 bg-red-50 text-red-700 hover:bg-red-100 dark:border-red-800 dark:bg-red-950 dark:text-red-300 font-medium",
+        "alert-dual": "border-emerald-200 bg-emerald-50 text-emerald-700 hover:bg-emerald-100 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-300 font-medium",
+        "alert-monitoring": "border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-100 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-300 font-medium",
+        "alert-error": "border-rose-200 bg-rose-50 text-rose-700 hover:bg-rose-100 dark:border-rose-800 dark:bg-rose-950 dark:text-rose-300 font-medium"
       }
     },
     defaultVariants: {
-      variant: "default",
-      size: "default"
+      variant: "default"
     }
   }
 );
-var EnhancedInput = React13.forwardRef(
-  ({ className, variant, size, label, hint, error, success, isLoading, ...props }, ref) => {
-    const inputVariant = error ? "error" : success ? "success" : props.disabled ? "disabled" : props.readOnly ? "readonly" : variant;
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      label && /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: [
-        label,
-        props.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+var AlertTimeline = ({ events }) => {
+  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")) return /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4" });
+    if (action.includes("Closed") || action.includes("Resolved")) return /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4" });
+    if (action.includes("Rejected")) return /* @__PURE__ */ jsx(XCircle, { className: "h-4 w-4" });
+    return /* @__PURE__ */ jsx(Circle, { className: "h-4 w-4" });
+  };
+  const getStatusColor2 = (status) => {
+    switch (status) {
+      case "Unassigned":
+        return "text-destructive";
+      case "Closed":
+        return "text-success";
+      case "In Progress":
+        return "text-warning";
+      default:
+        return "text-muted-foreground";
+    }
+  };
+  if (events.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "text-center py-8 text-muted-foreground", children: "No timeline events yet" });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: events.map((event, index) => /* @__PURE__ */ jsxs("div", { className: "relative pl-6 pb-3", children: [
+    index !== events.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
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            className: cn(inputVariants({ variant: inputVariant, size, className })),
-            ref,
-            ...props
-          }
-        ),
-        isLoading && /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-primary border-t-transparent" }) })
+      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
       ] }),
-      hint && !error && !success && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: hint }),
-      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error }),
-      success && /* @__PURE__ */ jsx("p", { className: "text-xs text-success", children: success })
-    ] });
-  }
-);
-EnhancedInput.displayName = "EnhancedInput";
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70 pt-0.5", children: event.timestamp })
+    ] })
+  ] }, event.id)) });
+};
 var textareaVariants = cva(
   "flex min-h-[80px] w-full rounded-md bg-form-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground transition-form resize-y",
   {
@@ -330,179 +459,208 @@ var EnhancedSelect = React13.forwardRef(({ variant, label, hint, error, success,
   ] });
 });
 EnhancedSelect.displayName = "EnhancedSelect";
-var AlertDocuments = ({ alertId, documents }) => {
-  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 = () => {
-    if (!selectedFile || !documentName || !documentType) {
-      toast({
-        title: "Missing Information",
-        description: "Please fill in all required fields",
-        variant: "destructive"
-      });
-      return;
-    }
-    setIsUploading(true);
-    setTimeout(() => {
-      ({
-        size: `${(selectedFile.size / 1024 / 1024).toFixed(1)} MB`,
-        uploadedAt: (/* @__PURE__ */ new Date()).toISOString()
-      });
-      toast({
-        title: "Upload Successful",
-        description: `${documentName} uploaded successfully`
-      });
-      setIsUploading(false);
-      setShowUploadDialog(false);
-      resetForm();
-    }, 1e3);
-  };
-  const resetForm = () => {
-    setSelectedFile(null);
-    setDocumentName("");
-    setDescription("");
-    setDocumentType("");
-    const fileInput = document.getElementById("file-upload");
-    if (fileInput) fileInput.value = "";
-  };
-  const handleCancelUpload = () => {
-    setShowUploadDialog(false);
-    resetForm();
-  };
-  const isImageType = (name) => {
-    const imageExtensions = [".jpg", ".jpeg", ".png", ".gif", ".webp", ".bmp"];
-    return imageExtensions.some((ext) => name.toLowerCase().endsWith(ext));
-  };
-  const getFileIcon = (type) => {
-    return /* @__PURE__ */ 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";
+var TOAST_LIMIT = 1;
+var TOAST_REMOVE_DELAY = 1e6;
+var count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
+}
+var toastTimeouts = /* @__PURE__ */ new Map();
+var addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId
+    });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+var reducer = (state, action) => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast4) => {
+          addToRemoveQueue(toast4.id);
+        });
+      }
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === toastId || toastId === void 0 ? {
+            ...t,
+            open: false
+          } : t
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === void 0) {
+        return {
+          ...state,
+          toasts: []
+        };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
+      };
+  }
+};
+var listeners = [];
+var memoryState = { toasts: [] };
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
+  });
+}
+function toast({ ...props }) {
+  const id = genId();
+  const update = (props2) => dispatch({
+    type: "UPDATE_TOAST",
+    toast: { ...props2, id }
+  });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss();
+      }
     }
+  });
+  return {
+    id,
+    dismiss,
+    update
+  };
+}
+function useToast() {
+  const [state, setState] = React13.useState(memoryState);
+  React13.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state]);
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
+  };
+}
+var NOTE_TYPE_OPTIONS = [
+  { value: "RFI Note", label: "RFI Note" },
+  { value: "Internal Note", label: "Internal Note" }
+];
+var AlertNotes = ({ alertId, notes }) => {
+  const [showNoteDialog, setShowNoteDialog] = useState(false);
+  const [newNote, setNewNote] = useState("");
+  const [noteType, setNoteType] = useState("RFI Note");
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const resetForm = () => {
+    setNewNote("");
+    setNoteType("RFI Note");
+  };
+  const handleCancelNote = () => {
+    setShowNoteDialog(false);
+    resetForm();
+  };
+  const handleAddNote = async () => {
+    if (!newNote.trim()) {
+      toast({
+        title: "Error",
+        description: "Please enter a note before submitting",
+        variant: "destructive"
+      });
+      return;
+    }
+    setIsSubmitting(true);
+    setTimeout(() => {
+      toast({
+        title: "Note Added",
+        description: "Your note has been added successfully"
+      });
+      setShowNoteDialog(false);
+      resetForm();
+      setIsSubmitting(false);
+    }, 500);
+  };
+  const handleDeleteNote = (noteId, noteContent) => {
+    toast({
+      title: "Note Deleted",
+      description: `Note deleted successfully`
+    });
+    console.log("Deleting note:", noteId);
   };
-  const documentTypeOptions = [
-    { value: "ID_DOCUMENT_FRONT", label: "ID Document (Front)" },
-    { value: "ID_DOCUMENT_BACK", label: "ID Document (Back)" },
-    { value: "PASSPORT", label: "Passport" },
-    { value: "PROOF_OF_ADDRESS", label: "Proof of Address" },
-    { value: "BANK_STATEMENT", label: "Bank Statement" },
-    { value: "BUSINESS_LICENSE", label: "Business License" },
-    { value: "TAX_DOCUMENT", label: "Tax Document" },
-    { value: "OTHER", label: "Other" }
-  ];
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    showUploadDialog && createPortal(
+    showNoteDialog && 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
+            onClick: handleCancelNote
           }
         ),
         /* @__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("h2", { className: "text-2xl font-bold", children: "Add Note" }),
             /* @__PURE__ */ jsx(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 className: "h-8 w-8 p-0",
-                onClick: handleCancelUpload,
+                onClick: handleCancelNote,
                 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,
+              EnhancedSelect,
               {
-                label: "Document name",
-                value: documentName,
-                onChange: (e) => setDocumentName(e.target.value),
-                placeholder: "Enter document name"
+                label: "Note Type",
+                value: noteType,
+                onValueChange: (value) => setNoteType(value),
+                options: NOTE_TYPE_OPTIONS
               }
             ),
             /* @__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
+                label: "Note",
+                placeholder: "Enter your note here...",
+                value: newNote,
+                onChange: (e) => setNewNote(e.target.value),
+                rows: 6
               }
             )
           ] }),
@@ -511,8 +669,8 @@ var AlertDocuments = ({ alertId, documents }) => {
               Button,
               {
                 variant: "outline",
-                onClick: handleCancelUpload,
-                disabled: isUploading,
+                onClick: handleCancelNote,
+                disabled: isSubmitting,
                 className: "flex-1",
                 children: "Cancel"
               }
@@ -520,10 +678,10 @@ var AlertDocuments = ({ alertId, documents }) => {
             /* @__PURE__ */ jsx(
               Button,
               {
-                onClick: handleUploadSubmit,
-                disabled: isUploading,
+                onClick: handleAddNote,
+                disabled: isSubmitting || !newNote.trim(),
                 className: "flex-1",
-                children: isUploading ? "Uploading..." : "Upload"
+                children: isSubmitting ? "Adding..." : "Add Note"
               }
             )
           ] })
@@ -531,224 +689,280 @@ var AlertDocuments = ({ alertId, documents }) => {
       ] }),
       document.body
     ),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-foreground", children: "Uploaded Documents" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-foreground", children: "Note History" }),
         /* @__PURE__ */ jsxs(
           Button,
           {
-            onClick: () => setShowUploadDialog(true),
+            onClick: () => setShowNoteDialog(true),
             variant: "ghost",
             size: "sm",
             className: "gap-2 text-primary hover:text-primary",
             children: [
-              /* @__PURE__ */ jsx(Upload, { className: "h-4 w-4" }),
-              "Upload"
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+              "Add Note"
             ]
           }
         )
       ] }),
-      documents.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-8 text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(FileText, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-        /* @__PURE__ */ jsx("p", { children: "No documents uploaded yet" })
-      ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: documents.map((doc) => /* @__PURE__ */ jsxs(
+      notes.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-8 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(MessageSquare, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+        /* @__PURE__ */ jsx("p", { children: "No notes yet" })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: notes.map((note) => /* @__PURE__ */ jsxs(
         "div",
         {
-          className: "border rounded-lg hover:bg-muted/30 transition-colors overflow-hidden",
+          className: "border rounded-lg p-4 bg-muted/30",
           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__ */ jsxs("div", { className: "flex items-center gap-2", 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", 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-start justify-between gap-4 mb-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("p", { className: "font-medium text-sm text-foreground", children: note.user }),
+                /* @__PURE__ */ jsx(Badge, { variant: note.type === "RFI Note" ? "default" : "outline", children: note.type })
               ] }),
-              /* @__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__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: note.timestamp }),
                 /* @__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}` }),
+                    onClick: () => handleDeleteNote(note.id, note.content),
                     children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
                   }
                 )
               ] })
-            ] })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: note.content })
           ]
         },
-        doc.id
+        note.id
       )) })
     ] })
   ] });
 };
-var badgeVariants = cva(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+var inputVariants = cva(
+  "flex w-full rounded-md bg-form-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground transition-form",
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground",
-        success: "border-transparent bg-success text-success-foreground hover:bg-success/80",
-        warning: "border-transparent bg-warning text-warning-foreground hover:bg-warning/80",
-        // Business type specific variants
-        business: "border-blue-200 bg-blue-50 text-blue-700 hover:bg-blue-100 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-300",
-        individual: "border-green-200 bg-green-50 text-green-700 hover:bg-green-100 dark:border-green-800 dark:bg-green-950 dark:text-green-300",
-        government: "border-purple-200 bg-purple-50 text-purple-700 hover:bg-purple-100 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-300",
-        nonprofit: "border-orange-200 bg-orange-50 text-orange-700 hover:bg-orange-100 dark:border-orange-800 dark:bg-orange-950 dark:text-orange-300",
-        // Business entity type variants
-        corporation: "border-slate-200 bg-slate-50 text-slate-700 hover:bg-slate-100 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-300",
-        llc: "border-teal-200 bg-teal-50 text-teal-700 hover:bg-teal-100 dark:border-teal-800 dark:bg-teal-950 dark:text-teal-300",
-        partnership: "border-indigo-200 bg-indigo-50 text-indigo-700 hover:bg-indigo-100 dark:border-indigo-800 dark:bg-indigo-950 dark:text-indigo-300",
-        sole_proprietorship: "border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-100 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-300",
-        // Status variants
-        active: "border-green-200 bg-green-50 text-green-700 hover:bg-green-100 dark:border-green-800 dark:bg-green-950 dark:text-green-300",
-        inactive: "border-red-200 bg-red-50 text-red-700 hover:bg-red-100 dark:border-red-800 dark:bg-red-950 dark:text-red-300",
-        pending: "border-yellow-200 bg-yellow-50 text-yellow-700 hover:bg-yellow-100 dark:border-yellow-800 dark:bg-yellow-950 dark:text-yellow-300",
-        suspended: "border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300",
-        // Alert type subtle variants
-        "alert-ofac": "border-red-200 bg-red-50 text-red-700 hover:bg-red-100 dark:border-red-800 dark:bg-red-950 dark:text-red-300 font-medium",
-        "alert-dual": "border-emerald-200 bg-emerald-50 text-emerald-700 hover:bg-emerald-100 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-300 font-medium",
-        "alert-monitoring": "border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-100 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-300 font-medium",
-        "alert-error": "border-rose-200 bg-rose-50 text-rose-700 hover:bg-rose-100 dark:border-rose-800 dark:bg-rose-950 dark:text-rose-300 font-medium"
+        default: "border border-form-border focus-visible:border-form-border-focus focus-visible:outline-none focus-visible:shadow-form-focus",
+        error: "border border-form-border-error focus-visible:border-form-border-error focus-visible:outline-none focus-visible:shadow-form-error",
+        success: "border border-form-border-success focus-visible:border-form-border-success focus-visible:outline-none",
+        disabled: "border border-form-border bg-muted cursor-not-allowed opacity-50",
+        readonly: "border border-form-border bg-muted/50 cursor-default"
+      },
+      size: {
+        default: "h-10",
+        sm: "h-9",
+        lg: "h-11"
       }
     },
     defaultVariants: {
-      variant: "default"
+      variant: "default",
+      size: "default"
     }
   }
 );
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-var NOTE_TYPE_OPTIONS = [
-  { value: "RFI Note", label: "RFI Note" },
-  { value: "Internal Note", label: "Internal Note" }
-];
-var AlertNotes = ({ alertId, notes }) => {
-  const [showNoteDialog, setShowNoteDialog] = useState(false);
-  const [newNote, setNewNote] = useState("");
-  const [noteType, setNoteType] = useState("RFI Note");
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const resetForm = () => {
-    setNewNote("");
-    setNoteType("RFI Note");
-  };
-  const handleCancelNote = () => {
-    setShowNoteDialog(false);
-    resetForm();
+var EnhancedInput = React13.forwardRef(
+  ({ className, variant, size, label, hint, error, success, isLoading, ...props }, ref) => {
+    const inputVariant = error ? "error" : success ? "success" : props.disabled ? "disabled" : props.readOnly ? "readonly" : variant;
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      label && /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: [
+        label,
+        props.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: cn(inputVariants({ variant: inputVariant, size, className })),
+            ref,
+            ...props
+          }
+        ),
+        isLoading && /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-primary border-t-transparent" }) })
+      ] }),
+      hint && !error && !success && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: hint }),
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error }),
+      success && /* @__PURE__ */ jsx("p", { className: "text-xs text-success", children: success })
+    ] });
+  }
+);
+EnhancedInput.displayName = "EnhancedInput";
+var AlertDocuments = ({ alertId, documents }) => {
+  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 handleAddNote = async () => {
-    if (!newNote.trim()) {
+  const handleUploadSubmit = () => {
+    if (!selectedFile || !documentName || !documentType) {
       toast({
-        title: "Error",
-        description: "Please enter a note before submitting",
+        title: "Missing Information",
+        description: "Please fill in all required fields",
         variant: "destructive"
       });
       return;
     }
-    setIsSubmitting(true);
+    setIsUploading(true);
     setTimeout(() => {
+      ({
+        size: `${(selectedFile.size / 1024 / 1024).toFixed(1)} MB`,
+        uploadedAt: (/* @__PURE__ */ new Date()).toISOString()
+      });
       toast({
-        title: "Note Added",
-        description: "Your note has been added successfully"
+        title: "Upload Successful",
+        description: `${documentName} uploaded successfully`
       });
-      setShowNoteDialog(false);
+      setIsUploading(false);
+      setShowUploadDialog(false);
       resetForm();
-      setIsSubmitting(false);
-    }, 500);
+    }, 1e3);
   };
-  const handleDeleteNote = (noteId, noteContent) => {
-    toast({
-      title: "Note Deleted",
-      description: `Note deleted successfully`
-    });
-    console.log("Deleting note:", noteId);
+  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: "ID_DOCUMENT_FRONT", label: "ID Document (Front)" },
+    { value: "ID_DOCUMENT_BACK", label: "ID Document (Back)" },
+    { value: "PASSPORT", label: "Passport" },
+    { value: "PROOF_OF_ADDRESS", label: "Proof of Address" },
+    { value: "BANK_STATEMENT", label: "Bank Statement" },
+    { value: "BUSINESS_LICENSE", label: "Business License" },
+    { value: "TAX_DOCUMENT", label: "Tax Document" },
+    { value: "OTHER", label: "Other" }
+  ];
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    showNoteDialog && createPortal(
+    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: handleCancelNote
+            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: "Add Note" }),
+            /* @__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: handleCancelNote,
+                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(
-              EnhancedSelect,
+              EnhancedInput,
               {
-                label: "Note Type",
-                value: noteType,
-                onValueChange: (value) => setNoteType(value),
-                options: NOTE_TYPE_OPTIONS
+                label: "Document name",
+                value: documentName,
+                onChange: (e) => setDocumentName(e.target.value),
+                placeholder: "Enter document name"
               }
             ),
             /* @__PURE__ */ jsx(
               EnhancedTextarea,
               {
-                label: "Note",
-                placeholder: "Enter your note here...",
-                value: newNote,
-                onChange: (e) => setNewNote(e.target.value),
-                rows: 6
+                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
               }
             )
           ] }),
@@ -757,8 +971,8 @@ var AlertNotes = ({ alertId, notes }) => {
               Button,
               {
                 variant: "outline",
-                onClick: handleCancelNote,
-                disabled: isSubmitting,
+                onClick: handleCancelUpload,
+                disabled: isUploading,
                 className: "flex-1",
                 children: "Cancel"
               }
@@ -766,10 +980,10 @@ var AlertNotes = ({ alertId, notes }) => {
             /* @__PURE__ */ jsx(
               Button,
               {
-                onClick: handleAddNote,
-                disabled: isSubmitting || !newNote.trim(),
+                onClick: handleUploadSubmit,
+                disabled: isUploading,
                 className: "flex-1",
-                children: isSubmitting ? "Adding..." : "Add Note"
+                children: isUploading ? "Uploading..." : "Upload"
               }
             )
           ] })
@@ -777,311 +991,97 @@ var AlertNotes = ({ alertId, notes }) => {
       ] }),
       document.body
     ),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-foreground", children: "Note History" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-foreground", children: "Uploaded Documents" }),
         /* @__PURE__ */ jsxs(
           Button,
           {
-            onClick: () => setShowNoteDialog(true),
+            onClick: () => setShowUploadDialog(true),
             variant: "ghost",
             size: "sm",
             className: "gap-2 text-primary hover:text-primary",
             children: [
-              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
-              "Add Note"
+              /* @__PURE__ */ jsx(Upload, { className: "h-4 w-4" }),
+              "Upload"
             ]
           }
         )
       ] }),
-      notes.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-8 text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(MessageSquare, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-        /* @__PURE__ */ jsx("p", { children: "No notes yet" })
-      ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: notes.map((note) => /* @__PURE__ */ jsxs(
+      documents.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-8 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(FileText, { className: "h-8 w-8 mx-auto mb-2 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 p-4 bg-muted/30",
+          className: "border rounded-lg hover:bg-muted/30 transition-colors overflow-hidden",
           children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 mb-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx("p", { className: "font-medium text-sm text-foreground", children: note.user }),
-                /* @__PURE__ */ jsx(Badge, { variant: note.type === "RFI Note" ? "default" : "outline", children: note.type })
+            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__ */ jsxs("div", { className: "flex items-center gap-2", 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", 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-2", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: note.timestamp }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
                     variant: "ghost",
                     size: "sm",
-                    className: "h-8 w-8 p-0 text-muted-foreground hover:text-foreground",
-                    onClick: () => handleDeleteNote(note.id, note.content),
-                    children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+                    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("p", { className: "text-sm text-foreground", children: note.content })
-          ]
-        },
-        note.id
-      )) })
-    ] })
-  ] });
-};
-var AlertTimeline = ({ events }) => {
-  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")) return /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4" });
-    if (action.includes("Closed") || action.includes("Resolved")) return /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4" });
-    if (action.includes("Rejected")) return /* @__PURE__ */ jsx(XCircle, { className: "h-4 w-4" });
-    return /* @__PURE__ */ jsx(Circle, { className: "h-4 w-4" });
-  };
-  const getStatusColor2 = (status) => {
-    switch (status) {
-      case "Unassigned":
-        return "text-destructive";
-      case "Closed":
-        return "text-success";
-      case "In Progress":
-        return "text-warning";
-      default:
-        return "text-muted-foreground";
-    }
-  };
-  if (events.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "text-center py-8 text-muted-foreground", children: "No timeline events yet" });
-  }
-  return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: events.map((event, index) => /* @__PURE__ */ jsxs("div", { className: "relative pl-6 pb-3", children: [
-    index !== events.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 cardVariants = cva(
-  "rounded-lg border bg-card text-card-foreground transition-all duration-200",
-  {
-    variants: {
-      variant: {
-        default: "shadow-sm",
-        elevated: "shadow-md hover:shadow-lg",
-        outlined: "border-2 shadow-none",
-        ghost: "border-transparent shadow-none bg-transparent",
-        subtle: "border-border/75 shadow-none"
-      },
-      size: {
-        sm: "p-3",
-        md: "p-4",
-        lg: "p-6",
-        none: "p-0"
-      },
-      fullHeight: {
-        true: "h-full flex flex-col",
-        false: ""
-      },
-      interactive: {
-        true: "cursor-pointer hover:shadow-md hover:scale-[1.02]",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "none",
-      fullHeight: false,
-      interactive: false
-    }
-  }
-);
-var Card = React13.forwardRef(
-  ({ className, variant, size, fullHeight, interactive, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(cardVariants({ variant, size, fullHeight, interactive }), className),
-      ...props
-    }
-  )
-);
-Card.displayName = "Card";
-var cardHeaderVariants = cva(
-  "flex flex-col space-y-1.5",
-  {
-    variants: {
-      size: {
-        sm: "px-3 pt-3 pb-2",
-        md: "px-4 pt-4 pb-3",
-        lg: "px-6 pt-6 pb-4"
-      },
-      align: {
-        start: "items-start",
-        center: "items-center",
-        end: "items-end"
-      },
-      direction: {
-        row: "flex-row justify-between items-center space-y-0 space-x-4",
-        column: "flex-col space-y-1.5"
-      }
-    },
-    defaultVariants: {
-      size: "lg",
-      align: "start",
-      direction: "column"
-    }
-  }
-);
-var CardHeader = React13.forwardRef(
-  ({ className, size, align, direction, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(cardHeaderVariants({ size, align, direction }), className),
-      ...props
-    }
-  )
-);
-CardHeader.displayName = "CardHeader";
-var cardTitleVariants = cva(
-  "font-semibold leading-none tracking-tight",
-  {
-    variants: {
-      size: {
-        sm: "text-base",
-        md: "text-lg",
-        lg: "text-xl"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var CardTitle = React13.forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
-    "h3",
-    {
-      ref,
-      className: cn(cardTitleVariants({ size }), className),
-      ...props
-    }
-  )
-);
-CardTitle.displayName = "CardTitle";
-var CardDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "p",
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-var cardContentVariants = cva(
-  "",
-  {
-    variants: {
-      size: {
-        sm: "px-3 pb-2",
-        md: "px-4 pb-3",
-        lg: "px-6 pb-4"
-      },
-      fullHeight: {
-        true: "flex-1",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "lg",
-      fullHeight: false
-    }
-  }
-);
-var CardContent = React13.forwardRef(
-  ({ className, size, fullHeight, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(cardContentVariants({ size, fullHeight }), className),
-      ...props
-    }
-  )
-);
-CardContent.displayName = "CardContent";
-var cardFooterVariants = cva(
-  "flex items-center pt-0",
-  {
-    variants: {
-      size: {
-        sm: "p-3 pt-0",
-        md: "p-4 pt-0",
-        lg: "p-6 pt-0"
-      },
-      justify: {
-        start: "justify-start",
-        center: "justify-center",
-        end: "justify-end",
-        between: "justify-between"
-      }
-    },
-    defaultVariants: {
-      size: "lg",
-      justify: "start"
-    }
-  }
-);
-var CardFooter = React13.forwardRef(
-  ({ className, size, justify, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(cardFooterVariants({ size, justify }), className),
-      ...props
-    }
-  )
-);
-CardFooter.displayName = "CardFooter";
-var FormCard = React13.forwardRef(
-  ({ title, description, children, headerActions, className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsxs(
-    Card,
-    {
-      ref,
-      variant,
-      fullHeight: true,
-      className: cn("", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs(
-          CardHeader,
-          {
-            direction: headerActions ? "row" : "column",
-            size: "md",
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "space-y-1", children: /* @__PURE__ */ jsx(CardTitle, { size: "md", children: title }) }),
-              headerActions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: headerActions })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(CardContent, { size: "md", fullHeight: true, children })
-      ]
-    }
-  )
-);
-FormCard.displayName = "FormCard";
+                ),
+                /* @__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 InfoField = ({ label, value, layout = "vertical", className }) => {
   if (layout === "horizontal") {
     return /* @__PURE__ */ jsxs("div", { className: `flex items-start gap-3 ${className || ""}`, children: [
@@ -1394,6 +1394,184 @@ var ContextSection = ({ alert }) => {
     ] }) })
   ] });
 };
+var EditableInfoField = ({
+  label,
+  value,
+  options,
+  onChange,
+  placeholder = "Select...",
+  renderValue,
+  className
+}) => {
+  const [isEditing, setIsEditing] = useState(false);
+  const handleChange = (newValue) => {
+    onChange(newValue);
+    setIsEditing(false);
+  };
+  if (isEditing) {
+    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+      EnhancedSelect,
+      {
+        label,
+        value: value || "",
+        onValueChange: handleChange,
+        options,
+        placeholder
+      }
+    ) });
+  }
+  const displayValue = value ? renderValue ? renderValue(value) : value : placeholder;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("cursor-pointer transition-colors hover:bg-muted/50 rounded-md -mx-2 px-2 -my-1 py-1", className),
+      onClick: () => setIsEditing(true),
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          setIsEditing(true);
+        }
+      },
+      children: /* @__PURE__ */ jsx(InfoField, { label, value: displayValue })
+    }
+  );
+};
+
+// src/lib/utils/alert-utils.ts
+var getTypeBadgeVariant = (type) => {
+  switch (type) {
+    case "Ofac":
+      return "alert-ofac";
+    case "Dual Approval":
+      return "alert-dual";
+    case "Transaction Monitoring":
+      return "alert-monitoring";
+    case "Transaction Processing Error":
+      return "alert-error";
+    default:
+      return "outline";
+  }
+};
+var getStatusColor = (status) => {
+  switch (status) {
+    case "Unassigned":
+      return "text-destructive";
+    case "Closed":
+      return "text-success";
+    case "In Progress":
+      return "text-warning";
+    default:
+      return "";
+  }
+};
+
+// src/lib/constants.ts
+var COUNTRY_OPTIONS = [
+  { value: "US", label: "United States" },
+  { value: "CA", label: "Canada" },
+  { value: "GB", label: "United Kingdom" },
+  { value: "DE", label: "Germany" },
+  { value: "FR", label: "France" }
+];
+var FI_ID_TYPE_OPTIONS = [
+  { value: "bic", label: "BIC" },
+  { value: "swift", label: "SWIFT" },
+  { value: "aba", label: "ABA" },
+  { value: "iban", label: "IBAN" },
+  { value: "routing", label: "Routing Number" }
+];
+var ADDRESS_TYPE_OPTIONS = {
+  FI: [
+    { value: "headquarters", label: "Headquarters" },
+    { value: "branch", label: "Branch Office" },
+    { value: "correspondent", label: "Correspondent Bank" }
+  ]
+};
+var RFI_STATUS_OPTIONS = [
+  { value: "Completed", label: "Completed" },
+  { value: "Provided", label: "Provided" },
+  { value: "Pending", label: "Pending" }
+];
+var ASSIGNEE_OPTIONS = [
+  { value: "John Smith", label: "John Smith" },
+  { value: "Sarah Johnson", label: "Sarah Johnson" },
+  { value: "Michael Chen", label: "Michael Chen" },
+  { value: "approverdev", label: "approverdev" },
+  { value: "Unassigned", label: "Unassigned" }
+];
+var AlertDetailView = ({
+  alert,
+  rfiStatus,
+  assignee,
+  onRfiStatusChange,
+  onAssigneeChange
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row gap-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsx(
+        FormCard,
+        {
+          title: "Alert Information",
+          headerActions: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4" }) }),
+          children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsx(InfoField, { label: "Alert ID", value: alert.id }),
+            /* @__PURE__ */ jsx(
+              InfoField,
+              {
+                label: "Type",
+                value: /* @__PURE__ */ jsx(Badge, { variant: getTypeBadgeVariant(alert.type), children: alert.type })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              InfoField,
+              {
+                label: "Status",
+                value: /* @__PURE__ */ jsx("span", { className: cn("font-medium", getStatusColor(alert.status)), children: alert.status })
+              }
+            ),
+            /* @__PURE__ */ jsx(InfoField, { label: "Created At", value: alert.createdAt }),
+            /* @__PURE__ */ jsx(
+              InfoField,
+              {
+                label: "Context Type",
+                value: /* @__PURE__ */ jsx(Badge, { variant: "outline", children: alert.contextType })
+              }
+            ),
+            /* @__PURE__ */ jsx(InfoField, { label: "Context ID", value: alert.contextId || "N/A" }),
+            /* @__PURE__ */ jsx(
+              EditableInfoField,
+              {
+                label: "Assignee",
+                value: assignee,
+                options: ASSIGNEE_OPTIONS,
+                onChange: onAssigneeChange,
+                placeholder: "Unassigned"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              EditableInfoField,
+              {
+                label: "RFI Status",
+                value: rfiStatus,
+                options: RFI_STATUS_OPTIONS,
+                onChange: onRfiStatusChange,
+                placeholder: "Select status",
+                renderValue: (value) => /* @__PURE__ */ jsx(Badge, { variant: "success", children: value })
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsx(InfoField, { label: "Description", value: alert.description }) })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(ContextSection, { alert }),
+      /* @__PURE__ */ jsx(FormCard, { title: "Notes", children: /* @__PURE__ */ jsx(AlertNotes, { alertId: alert.id, notes: alert.notes || [] }) }),
+      /* @__PURE__ */ jsx(FormCard, { title: "Documents", children: /* @__PURE__ */ jsx(AlertDocuments, { alertId: alert.id, documents: alert.documents || [] }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsx(FormCard, { title: "Status Timeline", className: "h-full", children: /* @__PURE__ */ jsx(AlertTimeline, { events: alert.timeline || [] }) }) })
+  ] });
+};
 
 // src/assets/braid-logo.png
 var braid_logo_default = "./braid-logo-343BOQZ2.png";
@@ -3062,41 +3240,6 @@ var ACHTransferSection = ({ isEditing, onToggleEdit, className, hideActions }) =
     }
   );
 };
-
-// src/lib/constants.ts
-var COUNTRY_OPTIONS = [
-  { value: "US", label: "United States" },
-  { value: "CA", label: "Canada" },
-  { value: "GB", label: "United Kingdom" },
-  { value: "DE", label: "Germany" },
-  { value: "FR", label: "France" }
-];
-var FI_ID_TYPE_OPTIONS = [
-  { value: "bic", label: "BIC" },
-  { value: "swift", label: "SWIFT" },
-  { value: "aba", label: "ABA" },
-  { value: "iban", label: "IBAN" },
-  { value: "routing", label: "Routing Number" }
-];
-var ADDRESS_TYPE_OPTIONS = {
-  FI: [
-    { value: "headquarters", label: "Headquarters" },
-    { value: "branch", label: "Branch Office" },
-    { value: "correspondent", label: "Correspondent Bank" }
-  ]
-};
-var RFI_STATUS_OPTIONS = [
-  { value: "Completed", label: "Completed" },
-  { value: "Provided", label: "Provided" },
-  { value: "Pending", label: "Pending" }
-];
-var ASSIGNEE_OPTIONS = [
-  { value: "John Smith", label: "John Smith" },
-  { value: "Sarah Johnson", label: "Sarah Johnson" },
-  { value: "Michael Chen", label: "Michael Chen" },
-  { value: "approverdev", label: "approverdev" },
-  { value: "Unassigned", label: "Unassigned" }
-];
 var AddressForm = ({
   title,
   description,
@@ -4794,6 +4937,75 @@ var ListPage = React13.forwardRef(
   }
 );
 ListPage.displayName = "ListPage";
+var StatementHeader = ({ data, onEdit }) => {
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { direction: "row", children: [
+      /* @__PURE__ */ jsx(CardTitle, { size: "md", children: "Statement Summary" }),
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onEdit, children: [
+        /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4 mr-2" }),
+        "Edit"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Account",
+          value: data.account,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Product ID",
+          value: data.productId,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Program ID",
+          value: data.programId,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Start Date",
+          value: data.startDate,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "End Date",
+          value: data.endDate,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Starting Balance",
+          value: data.startingBalance,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Ending Balance",
+          value: data.endingBalance,
+          layout: "horizontal"
+        }
+      )
+    ] }) })
+  ] });
+};
 var ACHDetailsSection = ({ data }) => {
   const formatCurrency = (value) => {
     return new Intl.NumberFormat("en-US", {
@@ -5338,50 +5550,6 @@ var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var EditableInfoField = ({
-  label,
-  value,
-  options,
-  onChange,
-  placeholder = "Select...",
-  renderValue,
-  className
-}) => {
-  const [isEditing, setIsEditing] = useState(false);
-  const handleChange = (newValue) => {
-    onChange(newValue);
-    setIsEditing(false);
-  };
-  if (isEditing) {
-    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
-      EnhancedSelect,
-      {
-        label,
-        value: value || "",
-        onValueChange: handleChange,
-        options,
-        placeholder
-      }
-    ) });
-  }
-  const displayValue = value ? renderValue ? renderValue(value) : value : placeholder;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("cursor-pointer transition-colors hover:bg-muted/50 rounded-md -mx-2 px-2 -my-1 py-1", className),
-      onClick: () => setIsEditing(true),
-      role: "button",
-      tabIndex: 0,
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          setIsEditing(true);
-        }
-      },
-      children: /* @__PURE__ */ jsx(InfoField, { label, value: displayValue })
-    }
-  );
-};
 var EntityCard = React13.forwardRef(
   ({
     entity,
@@ -6527,105 +6695,6 @@ var useAlertDetail = (id) => {
     handleAssigneeChange
   };
 };
-
-// src/lib/utils/alert-utils.ts
-var getTypeBadgeVariant = (type) => {
-  switch (type) {
-    case "Ofac":
-      return "alert-ofac";
-    case "Dual Approval":
-      return "alert-dual";
-    case "Transaction Monitoring":
-      return "alert-monitoring";
-    case "Transaction Processing Error":
-      return "alert-error";
-    default:
-      return "outline";
-  }
-};
-var getStatusColor = (status) => {
-  switch (status) {
-    case "Unassigned":
-      return "text-destructive";
-    case "Closed":
-      return "text-success";
-    case "In Progress":
-      return "text-warning";
-    default:
-      return "";
-  }
-};
-var AlertDetailView = ({
-  alert,
-  rfiStatus,
-  assignee,
-  onRfiStatusChange,
-  onAssigneeChange
-}) => {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row gap-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-      /* @__PURE__ */ jsx(
-        FormCard,
-        {
-          title: "Alert Information",
-          headerActions: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4" }) }),
-          children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsx(InfoField, { label: "Alert ID", value: alert.id }),
-            /* @__PURE__ */ jsx(
-              InfoField,
-              {
-                label: "Type",
-                value: /* @__PURE__ */ jsx(Badge, { variant: getTypeBadgeVariant(alert.type), children: alert.type })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              InfoField,
-              {
-                label: "Status",
-                value: /* @__PURE__ */ jsx("span", { className: cn("font-medium", getStatusColor(alert.status)), children: alert.status })
-              }
-            ),
-            /* @__PURE__ */ jsx(InfoField, { label: "Created At", value: alert.createdAt }),
-            /* @__PURE__ */ jsx(
-              InfoField,
-              {
-                label: "Context Type",
-                value: /* @__PURE__ */ jsx(Badge, { variant: "outline", children: alert.contextType })
-              }
-            ),
-            /* @__PURE__ */ jsx(InfoField, { label: "Context ID", value: alert.contextId || "N/A" }),
-            /* @__PURE__ */ jsx(
-              EditableInfoField,
-              {
-                label: "Assignee",
-                value: assignee,
-                options: ASSIGNEE_OPTIONS,
-                onChange: onAssigneeChange,
-                placeholder: "Unassigned"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              EditableInfoField,
-              {
-                label: "RFI Status",
-                value: rfiStatus,
-                options: RFI_STATUS_OPTIONS,
-                onChange: onRfiStatusChange,
-                placeholder: "Select status",
-                renderValue: (value) => /* @__PURE__ */ jsx(Badge, { variant: "success", children: value })
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsx(InfoField, { label: "Description", value: alert.description }) })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsx(ContextSection, { alert }),
-      /* @__PURE__ */ jsx(FormCard, { title: "Notes", children: /* @__PURE__ */ jsx(AlertNotes, { alertId: alert.id, notes: alert.notes || [] }) }),
-      /* @__PURE__ */ jsx(FormCard, { title: "Documents", children: /* @__PURE__ */ jsx(AlertDocuments, { alertId: alert.id, documents: alert.documents || [] }) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsx(FormCard, { title: "Status Timeline", className: "h-full", children: /* @__PURE__ */ jsx(AlertTimeline, { events: alert.timeline || [] }) }) })
-  ] });
-};
 var AlertDetail = () => {
   const { id } = useParams();
   const navigate = useNavigate();
@@ -7830,75 +7899,6 @@ var NotFound = () => {
   ] }) });
 };
 var NotFound_default = NotFound;
-var StatementHeader = ({ data, onEdit }) => {
-  return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsxs(CardHeader, { direction: "row", children: [
-      /* @__PURE__ */ jsx(CardTitle, { size: "md", children: "Statement Summary" }),
-      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onEdit, children: [
-        /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4 mr-2" }),
-        "Edit"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
-      /* @__PURE__ */ jsx(
-        InfoField,
-        {
-          label: "Account",
-          value: data.account,
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        InfoField,
-        {
-          label: "Product ID",
-          value: data.productId,
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        InfoField,
-        {
-          label: "Program ID",
-          value: data.programId,
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        InfoField,
-        {
-          label: "Start Date",
-          value: data.startDate,
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        InfoField,
-        {
-          label: "End Date",
-          value: data.endDate,
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        InfoField,
-        {
-          label: "Starting Balance",
-          value: data.startingBalance,
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        InfoField,
-        {
-          label: "Ending Balance",
-          value: data.endingBalance,
-          layout: "horizontal"
-        }
-      )
-    ] }) })
-  ] });
-};
 
 // src/lib/mock-data/statement-data.ts
 var mockStatementHeader = {
@@ -9561,6 +9561,6 @@ function UIKit() {
   ] }) }) });
 }
 
-export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, AccountCard, AddressForm, AlertDetail_default as AlertDetail, AlertDocuments, AlertNotes, AlertTimeline, Alerts_default as Alerts, AppSidebar, Badge, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, BusinessDetail_default as BusinessDetail, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses_default as Businesses, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cases_default as Cases, ContactInfoCard, Container, ContextSection, CounterpartyBasicInfo, DomesticWire_default as CounterpartyDomesticWire, Manage_default as CounterpartyManage, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, Create_default as CreateBusiness, Create_default2 as CreateCounterparty, 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, InfoField, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NotFound_default as NotFound, OriginatorCard, OriginatorFI, OriginatorFIAddress, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, ResponsiveGrid, 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, StatusBadge, Tabs, TabsContent, TabsList, TabsTrigger, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail_default as TransactionDetail, TransactionHistory_default as TransactionHistory, UIKit, UIKitShowcase, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, inputVariants, reducer, textareaVariants, toast, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
+export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, AccountCard, AddressForm, AlertDetail_default as AlertDetail, AlertDetailView, AlertDocuments, AlertNotes, AlertTimeline, Alerts_default as Alerts, AppSidebar, Badge, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, BusinessDetail_default as BusinessDetail, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses_default as Businesses, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cases_default as Cases, ContactInfoCard, Container, ContextSection, CounterpartyBasicInfo, DomesticWire_default as CounterpartyDomesticWire, Manage_default as CounterpartyManage, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, Create_default as CreateBusiness, Create_default2 as CreateCounterparty, 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, InfoField, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NotFound_default as NotFound, OriginatorCard, OriginatorFI, OriginatorFIAddress, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, ResponsiveGrid, 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, StatusBadge, Tabs, TabsContent, TabsList, TabsTrigger, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail_default as TransactionDetail, TransactionHistory_default as TransactionHistory, UIKit, UIKitShowcase, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, inputVariants, reducer, textareaVariants, toast, useAlertDetail, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map