braid-ui 1.0.3 → 1.0.4

package/dist/index.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
 var React13 = require('react');
-var reactDom = require('react-dom');
-var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
+var reactSlot = require('@radix-ui/react-slot');
 var lucideReact = require('lucide-react');
+var reactDom = require('react-dom');
 var SelectPrimitive = require('@radix-ui/react-select');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var reactRouterDom = require('react-router-dom');
@@ -56,10 +56,218 @@ var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitiv
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 var ToastPrimitives__namespace = /*#__PURE__*/_interopNamespace(ToastPrimitives);
 
-// src/components/alerts/AlertDocuments.tsx
+// src/components/ui/form-card.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+var cardVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, variant, size, fullHeight, interactive, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardVariants({ variant, size, fullHeight, interactive }), className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var cardHeaderVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, size, align, direction, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardHeaderVariants({ size, align, direction }), className),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+var cardTitleVariants = classVarianceAuthority.cva(
+  "font-semibold leading-none tracking-tight",
+  {
+    variants: {
+      size: {
+        sm: "text-base",
+        md: "text-lg",
+        lg: "text-xl"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var CardTitle = React13__namespace.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "h3",
+    {
+      ref,
+      className: cn(cardTitleVariants({ size }), className),
+      ...props
+    }
+  )
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var cardContentVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, size, fullHeight, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardContentVariants({ size, fullHeight }), className),
+      ...props
+    }
+  )
+);
+CardContent.displayName = "CardContent";
+var cardFooterVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, size, justify, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardFooterVariants({ size, justify }), className),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+var FormCard = React13__namespace.forwardRef(
+  ({ title, description, children, headerActions, className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    Card,
+    {
+      ref,
+      variant,
+      fullHeight: true,
+      className: cn("", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          CardHeader,
+          {
+            direction: headerActions ? "row" : "column",
+            size: "md",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { size: "md", children: title }) }),
+              headerActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: headerActions })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(CardContent, { size: "md", fullHeight: true, children })
+      ]
+    }
+  )
+);
+FormCard.displayName = "FormCard";
 var buttonVariants = classVarianceAuthority.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",
   {
@@ -99,171 +307,92 @@ var Button = React13__namespace.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__namespace.useState(memoryState);
-  React13__namespace.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 = classVarianceAuthority.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 = classVarianceAuthority.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__namespace.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__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-      label && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: [
-        label,
-        props.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive ml-1", children: "*" })
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+var AlertTimeline = ({ events }) => {
+  const getIcon = (action) => {
+    if (action.includes("Created")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-4 w-4" });
+    if (action.includes("Assigned")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlus, { className: "h-4 w-4" });
+    if (action.includes("Updated") || action.includes("Modified")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4" });
+    if (action.includes("Closed") || action.includes("Resolved")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "h-4 w-4" });
+    if (action.includes("Rejected")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-4 w-4" });
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsx("div", { className: "text-center py-8 text-muted-foreground", children: "No timeline events yet" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: events.map((event, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative pl-6 pb-3", children: [
+    index !== events.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-[7px] top-5 bottom-0 w-[2px] bg-border" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
+      "absolute left-0 top-0 flex-none",
+      getStatusColor2(event.status)
+    ), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-4", children: getIcon(event.action) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-foreground", children: event.action }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        "by ",
+        event.user
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            className: cn(inputVariants({ variant: inputVariant, size, className })),
-            ref,
-            ...props
-          }
-        ),
-        isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-primary border-t-transparent" }) })
+      event.details && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: event.details }),
+      event.status && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("text-xs font-medium", getStatusColor2(event.status)), children: [
+        "Status: ",
+        event.status
       ] }),
-      hint && !error && !success && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: hint }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: error }),
-      success && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-success", children: success })
-    ] });
-  }
-);
-EnhancedInput.displayName = "EnhancedInput";
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground/70 pt-0.5", children: event.timestamp })
+    ] })
+  ] }, event.id)) });
+};
 var textareaVariants = classVarianceAuthority.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",
   {
@@ -360,179 +489,208 @@ var EnhancedSelect = React13__namespace.forwardRef(({ variant, label, hint, erro
   ] });
 });
 EnhancedSelect.displayName = "EnhancedSelect";
-var AlertDocuments = ({ alertId, documents }) => {
-  const [isUploading, setIsUploading] = React13.useState(false);
-  const [showUploadDialog, setShowUploadDialog] = React13.useState(false);
-  const [selectedFile, setSelectedFile] = React13.useState(null);
-  const [documentName, setDocumentName] = React13.useState("");
-  const [description, setDescription] = React13.useState("");
-  const [documentType, setDocumentType] = React13.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__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5" });
-  };
-  const getFileTypeColor = (type) => {
-    switch (type.toUpperCase()) {
-      case "PDF":
-        return "text-red-500";
-      case "DOCX":
-      case "DOC":
-        return "text-blue-500";
-      case "XLSX":
-      case "XLS":
-        return "text-green-500";
-      case "JPG":
-      case "JPEG":
-      case "PNG":
-        return "text-purple-500";
-      default:
-        return "text-muted-foreground";
+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__namespace.useState(memoryState);
+  React13__namespace.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] = React13.useState(false);
+  const [newNote, setNewNote] = React13.useState("");
+  const [noteType, setNoteType] = React13.useState("RFI Note");
+  const [isSubmitting, setIsSubmitting] = React13.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__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-    showUploadDialog && reactDom.createPortal(
+    showNoteDialog && reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: "fixed inset-0 bg-background/80 backdrop-blur-sm",
-            onClick: handleCancelUpload
+            onClick: handleCancelNote
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative bg-card border rounded-lg shadow-lg max-w-lg w-full p-6 z-[101]", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold", children: "Upload Document" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold", children: "Add Note" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 className: "h-8 w-8 p-0",
-                onClick: handleCancelUpload,
+                onClick: handleCancelNote,
                 children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
               }
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-2 border-dashed rounded-lg p-6 text-center hover:border-primary/50 transition-colors", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  type: "file",
-                  id: "file-upload-dialog",
-                  className: "hidden",
-                  onChange: handleFileSelect,
-                  disabled: isUploading
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "label",
-                {
-                  htmlFor: "file-upload-dialog",
-                  className: cn(
-                    "cursor-pointer flex flex-col items-center gap-2",
-                    isUploading && "opacity-50 cursor-not-allowed"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "h-8 w-8 text-muted-foreground" }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: selectedFile ? "Change file" : "Click to upload or drag and drop" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "PDF, DOC, DOCX, JPG, PNG up to 10MB" })
-                    ] })
-                  ]
-                }
-              )
-            ] }),
-            selectedFile && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 bg-muted/50 rounded-lg", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Selected file:" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: selectedFile.name }),
-              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-                (selectedFile.size / 1024 / 1024).toFixed(2),
-                " MB"
-              ] })
-            ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedInput,
+              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__ */ jsxRuntime.jsx(
               EnhancedTextarea,
               {
-                label: "Description",
-                value: description,
-                onChange: (e) => setDescription(e.target.value),
-                placeholder: "Enter document description (optional)",
-                rows: 3
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedSelect,
-              {
-                label: "Document type",
-                value: documentType,
-                onValueChange: setDocumentType,
-                placeholder: "Select document type",
-                options: documentTypeOptions
+                label: "Note",
+                placeholder: "Enter your note here...",
+                value: newNote,
+                onChange: (e) => setNewNote(e.target.value),
+                rows: 6
               }
             )
           ] }),
@@ -541,8 +699,8 @@ var AlertDocuments = ({ alertId, documents }) => {
               Button,
               {
                 variant: "outline",
-                onClick: handleCancelUpload,
-                disabled: isUploading,
+                onClick: handleCancelNote,
+                disabled: isSubmitting,
                 className: "flex-1",
                 children: "Cancel"
               }
@@ -550,10 +708,10 @@ var AlertDocuments = ({ alertId, documents }) => {
             /* @__PURE__ */ jsxRuntime.jsx(
               Button,
               {
-                onClick: handleUploadSubmit,
-                disabled: isUploading,
+                onClick: handleAddNote,
+                disabled: isSubmitting || !newNote.trim(),
                 className: "flex-1",
-                children: isUploading ? "Uploading..." : "Upload"
+                children: isSubmitting ? "Adding..." : "Add Note"
               }
             )
           ] })
@@ -561,224 +719,280 @@ var AlertDocuments = ({ alertId, documents }) => {
       ] }),
       document.body
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-medium text-foreground", children: "Uploaded Documents" }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-medium text-foreground", children: "Note History" }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
-            onClick: () => setShowUploadDialog(true),
+            onClick: () => setShowNoteDialog(true),
             variant: "ghost",
             size: "sm",
             className: "gap-2 text-primary hover:text-primary",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "h-4 w-4" }),
-              "Upload"
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" }),
+              "Add Note"
             ]
           }
         )
       ] }),
-      documents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-8 text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No documents uploaded yet" })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: documents.map((doc) => /* @__PURE__ */ jsxRuntime.jsxs(
+      notes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-8 text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No notes yet" })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: notes.map((note) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "w-full bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                src: doc.url,
-                alt: doc.name,
-                className: "w-full h-48 object-cover"
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-                !isImageType(doc.name) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(getFileTypeColor(doc.type)), children: getFileIcon(doc.type) }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium text-sm truncate", children: doc.name }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-xs px-2 py-0.5 rounded-full bg-muted", getFileTypeColor(doc.type)), children: doc.type })
-                  ] }),
-                  doc.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground mt-1", children: doc.description }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: [
-                    doc.size,
-                    " \u2022 Uploaded by ",
-                    doc.uploadedBy,
-                    " \u2022 ",
-                    new Date(doc.uploadedAt).toLocaleDateString()
-                  ] })
-                ] })
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 mb-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-sm text-foreground", children: note.user }),
+                /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: note.type === "RFI Note" ? "default" : "outline", children: note.type })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    className: "h-8 w-8 p-0",
-                    onClick: () => toast({ title: "Preview", description: `Viewing ${doc.name}` }),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "h-4 w-4" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    className: "h-8 w-8 p-0",
-                    onClick: () => toast({ title: "Download", description: `Downloading ${doc.name}` }),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-4 w-4" })
-                  }
-                ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: note.timestamp }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Button,
                   {
                     variant: "ghost",
                     size: "sm",
                     className: "h-8 w-8 p-0 text-muted-foreground hover:text-foreground",
-                    onClick: () => toast({ title: "Delete", description: `Deleted ${doc.name}` }),
+                    onClick: () => handleDeleteNote(note.id, note.content),
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" })
                   }
                 )
               ] })
-            ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground", children: note.content })
           ]
         },
-        doc.id
+        note.id
       )) })
     ] })
   ] });
 };
-var badgeVariants = classVarianceAuthority.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 = classVarianceAuthority.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__ */ jsxRuntime.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] = React13.useState(false);
-  const [newNote, setNewNote] = React13.useState("");
-  const [noteType, setNoteType] = React13.useState("RFI Note");
-  const [isSubmitting, setIsSubmitting] = React13.useState(false);
-  const resetForm = () => {
-    setNewNote("");
-    setNoteType("RFI Note");
-  };
-  const handleCancelNote = () => {
-    setShowNoteDialog(false);
-    resetForm();
+var EnhancedInput = React13__namespace.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__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      label && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: [
+        label,
+        props.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive ml-1", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            className: cn(inputVariants({ variant: inputVariant, size, className })),
+            ref,
+            ...props
+          }
+        ),
+        isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-primary border-t-transparent" }) })
+      ] }),
+      hint && !error && !success && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: hint }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: error }),
+      success && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-success", children: success })
+    ] });
+  }
+);
+EnhancedInput.displayName = "EnhancedInput";
+var AlertDocuments = ({ alertId, documents }) => {
+  const [isUploading, setIsUploading] = React13.useState(false);
+  const [showUploadDialog, setShowUploadDialog] = React13.useState(false);
+  const [selectedFile, setSelectedFile] = React13.useState(null);
+  const [documentName, setDocumentName] = React13.useState("");
+  const [description, setDescription] = React13.useState("");
+  const [documentType, setDocumentType] = React13.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__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5" });
+  };
+  const getFileTypeColor = (type) => {
+    switch (type.toUpperCase()) {
+      case "PDF":
+        return "text-red-500";
+      case "DOCX":
+      case "DOC":
+        return "text-blue-500";
+      case "XLSX":
+      case "XLS":
+        return "text-green-500";
+      case "JPG":
+      case "JPEG":
+      case "PNG":
+        return "text-purple-500";
+      default:
+        return "text-muted-foreground";
+    }
   };
+  const documentTypeOptions = [
+    { value: "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__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-    showNoteDialog && reactDom.createPortal(
+    showUploadDialog && reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: "fixed inset-0 bg-background/80 backdrop-blur-sm",
-            onClick: handleCancelNote
+            onClick: handleCancelUpload
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative bg-card border rounded-lg shadow-lg max-w-lg w-full p-6 z-[101]", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold", children: "Add Note" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold", children: "Upload Document" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 className: "h-8 w-8 p-0",
-                onClick: handleCancelNote,
+                onClick: handleCancelUpload,
                 children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
               }
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-2 border-dashed rounded-lg p-6 text-center hover:border-primary/50 transition-colors", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "file",
+                  id: "file-upload-dialog",
+                  className: "hidden",
+                  onChange: handleFileSelect,
+                  disabled: isUploading
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "label",
+                {
+                  htmlFor: "file-upload-dialog",
+                  className: cn(
+                    "cursor-pointer flex flex-col items-center gap-2",
+                    isUploading && "opacity-50 cursor-not-allowed"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "h-8 w-8 text-muted-foreground" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: selectedFile ? "Change file" : "Click to upload or drag and drop" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "PDF, DOC, DOCX, JPG, PNG up to 10MB" })
+                    ] })
+                  ]
+                }
+              )
+            ] }),
+            selectedFile && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 bg-muted/50 rounded-lg", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Selected file:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: selectedFile.name }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                (selectedFile.size / 1024 / 1024).toFixed(2),
+                " MB"
+              ] })
+            ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+              EnhancedSelect,
+              {
+                label: "Document type",
+                value: documentType,
+                onValueChange: setDocumentType,
+                placeholder: "Select document type",
+                options: documentTypeOptions
               }
             )
           ] }),
@@ -787,8 +1001,8 @@ var AlertNotes = ({ alertId, notes }) => {
               Button,
               {
                 variant: "outline",
-                onClick: handleCancelNote,
-                disabled: isSubmitting,
+                onClick: handleCancelUpload,
+                disabled: isUploading,
                 className: "flex-1",
                 children: "Cancel"
               }
@@ -796,10 +1010,10 @@ var AlertNotes = ({ alertId, notes }) => {
             /* @__PURE__ */ jsxRuntime.jsx(
               Button,
               {
-                onClick: handleAddNote,
-                disabled: isSubmitting || !newNote.trim(),
+                onClick: handleUploadSubmit,
+                disabled: isUploading,
                 className: "flex-1",
-                children: isSubmitting ? "Adding..." : "Add Note"
+                children: isUploading ? "Uploading..." : "Upload"
               }
             )
           ] })
@@ -807,311 +1021,97 @@ var AlertNotes = ({ alertId, notes }) => {
       ] }),
       document.body
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-medium text-foreground", children: "Note History" }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-medium text-foreground", children: "Uploaded Documents" }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
-            onClick: () => setShowNoteDialog(true),
+            onClick: () => setShowUploadDialog(true),
             variant: "ghost",
             size: "sm",
             className: "gap-2 text-primary hover:text-primary",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" }),
-              "Add Note"
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "h-4 w-4" }),
+              "Upload"
             ]
           }
         )
       ] }),
-      notes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-8 text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No notes yet" })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: notes.map((note) => /* @__PURE__ */ jsxRuntime.jsxs(
+      documents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-8 text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No documents uploaded yet" })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: documents.map((doc) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: "border rounded-lg p-4 bg-muted/30",
+          className: "border rounded-lg hover:bg-muted/30 transition-colors overflow-hidden",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 mb-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-sm text-foreground", children: note.user }),
-                /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: note.type === "RFI Note" ? "default" : "outline", children: note.type })
+            isImageType(doc.name) && doc.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: doc.url,
+                alt: doc.name,
+                className: "w-full h-48 object-cover"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+                !isImageType(doc.name) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(getFileTypeColor(doc.type)), children: getFileIcon(doc.type) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium text-sm truncate", children: doc.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-xs px-2 py-0.5 rounded-full bg-muted", getFileTypeColor(doc.type)), children: doc.type })
+                  ] }),
+                  doc.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground mt-1", children: doc.description }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: [
+                    doc.size,
+                    " \u2022 Uploaded by ",
+                    doc.uploadedBy,
+                    " \u2022 ",
+                    new Date(doc.uploadedAt).toLocaleDateString()
+                  ] })
+                ] })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: note.timestamp }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Button,
                   {
                     variant: "ghost",
                     size: "sm",
-                    className: "h-8 w-8 p-0 text-muted-foreground hover:text-foreground",
-                    onClick: () => handleDeleteNote(note.id, note.content),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" })
+                    className: "h-8 w-8 p-0",
+                    onClick: () => toast({ title: "Preview", description: `Viewing ${doc.name}` }),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "h-4 w-4" })
                   }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground", children: note.content })
-          ]
-        },
-        note.id
-      )) })
-    ] })
-  ] });
-};
-var AlertTimeline = ({ events }) => {
-  const getIcon = (action) => {
-    if (action.includes("Created")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-4 w-4" });
-    if (action.includes("Assigned")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlus, { className: "h-4 w-4" });
-    if (action.includes("Updated") || action.includes("Modified")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4" });
-    if (action.includes("Closed") || action.includes("Resolved")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "h-4 w-4" });
-    if (action.includes("Rejected")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-4 w-4" });
-    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsx("div", { className: "text-center py-8 text-muted-foreground", children: "No timeline events yet" });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: events.map((event, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative pl-6 pb-3", children: [
-    index !== events.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-[7px] top-5 bottom-0 w-[2px] bg-border" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
-      "absolute left-0 top-0 flex-none",
-      getStatusColor2(event.status)
-    ), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-4", children: getIcon(event.action) }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-foreground", children: event.action }),
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-        "by ",
-        event.user
-      ] }),
-      event.details && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: event.details }),
-      event.status && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("text-xs font-medium", getStatusColor2(event.status)), children: [
-        "Status: ",
-        event.status
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground/70 pt-0.5", children: event.timestamp })
-    ] })
-  ] }, event.id)) });
-};
-var cardVariants = classVarianceAuthority.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__namespace.forwardRef(
-  ({ className, variant, size, fullHeight, interactive, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      className: cn(cardVariants({ variant, size, fullHeight, interactive }), className),
-      ...props
-    }
-  )
-);
-Card.displayName = "Card";
-var cardHeaderVariants = classVarianceAuthority.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__namespace.forwardRef(
-  ({ className, size, align, direction, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      className: cn(cardHeaderVariants({ size, align, direction }), className),
-      ...props
-    }
-  )
-);
-CardHeader.displayName = "CardHeader";
-var cardTitleVariants = classVarianceAuthority.cva(
-  "font-semibold leading-none tracking-tight",
-  {
-    variants: {
-      size: {
-        sm: "text-base",
-        md: "text-lg",
-        lg: "text-xl"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var CardTitle = React13__namespace.forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "h3",
-    {
-      ref,
-      className: cn(cardTitleVariants({ size }), className),
-      ...props
-    }
-  )
-);
-CardTitle.displayName = "CardTitle";
-var CardDescription = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "p",
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-var cardContentVariants = classVarianceAuthority.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__namespace.forwardRef(
-  ({ className, size, fullHeight, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      className: cn(cardContentVariants({ size, fullHeight }), className),
-      ...props
-    }
-  )
-);
-CardContent.displayName = "CardContent";
-var cardFooterVariants = classVarianceAuthority.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__namespace.forwardRef(
-  ({ className, size, justify, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      className: cn(cardFooterVariants({ size, justify }), className),
-      ...props
-    }
-  )
-);
-CardFooter.displayName = "CardFooter";
-var FormCard = React13__namespace.forwardRef(
-  ({ title, description, children, headerActions, className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-    Card,
-    {
-      ref,
-      variant,
-      fullHeight: true,
-      className: cn("", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          CardHeader,
-          {
-            direction: headerActions ? "row" : "column",
-            size: "md",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { size: "md", children: title }) }),
-              headerActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: headerActions })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(CardContent, { size: "md", fullHeight: true, children })
-      ]
-    }
-  )
-);
-FormCard.displayName = "FormCard";
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-8 w-8 p-0",
+                    onClick: () => toast({ title: "Download", description: `Downloading ${doc.name}` }),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-8 w-8 p-0 text-muted-foreground hover:text-foreground",
+                    onClick: () => toast({ title: "Delete", description: `Deleted ${doc.name}` }),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" })
+                  }
+                )
+              ] })
+            ] })
+          ]
+        },
+        doc.id
+      )) })
+    ] })
+  ] });
+};
 var InfoField = ({ label, value, layout = "vertical", className }) => {
   if (layout === "horizontal") {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-start gap-3 ${className || ""}`, children: [
@@ -1424,6 +1424,184 @@ var ContextSection = ({ alert }) => {
     ] }) })
   ] });
 };
+var EditableInfoField = ({
+  label,
+  value,
+  options,
+  onChange,
+  placeholder = "Select...",
+  renderValue,
+  className
+}) => {
+  const [isEditing, setIsEditing] = React13.useState(false);
+  const handleChange = (newValue) => {
+    onChange(newValue);
+    setIsEditing(false);
+  };
+  if (isEditing) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedSelect,
+      {
+        label,
+        value: value || "",
+        onValueChange: handleChange,
+        options,
+        placeholder
+      }
+    ) });
+  }
+  const displayValue = value ? renderValue ? renderValue(value) : value : placeholder;
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row gap-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormCard,
+        {
+          title: "Alert Information",
+          headerActions: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4" }) }),
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Alert ID", value: alert.id }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              InfoField,
+              {
+                label: "Type",
+                value: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getTypeBadgeVariant(alert.type), children: alert.type })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              InfoField,
+              {
+                label: "Status",
+                value: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("font-medium", getStatusColor(alert.status)), children: alert.status })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Created At", value: alert.createdAt }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              InfoField,
+              {
+                label: "Context Type",
+                value: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", children: alert.contextType })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Context ID", value: alert.contextId || "N/A" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EditableInfoField,
+              {
+                label: "Assignee",
+                value: assignee,
+                options: ASSIGNEE_OPTIONS,
+                onChange: onAssigneeChange,
+                placeholder: "Unassigned"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EditableInfoField,
+              {
+                label: "RFI Status",
+                value: rfiStatus,
+                options: RFI_STATUS_OPTIONS,
+                onChange: onRfiStatusChange,
+                placeholder: "Select status",
+                renderValue: (value) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "success", children: value })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Description", value: alert.description }) })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(ContextSection, { alert }),
+      /* @__PURE__ */ jsxRuntime.jsx(FormCard, { title: "Notes", children: /* @__PURE__ */ jsxRuntime.jsx(AlertNotes, { alertId: alert.id, notes: alert.notes || [] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(FormCard, { title: "Documents", children: /* @__PURE__ */ jsxRuntime.jsx(AlertDocuments, { alertId: alert.id, documents: alert.documents || [] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsxRuntime.jsx(FormCard, { title: "Status Timeline", className: "h-full", children: /* @__PURE__ */ jsxRuntime.jsx(AlertTimeline, { events: alert.timeline || [] }) }) })
+  ] });
+};
 
 // src/assets/braid-logo.png
 var braid_logo_default = "./braid-logo-343BOQZ2.png";
@@ -3092,41 +3270,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,
@@ -4824,6 +4967,75 @@ var ListPage = React13__namespace.forwardRef(
   }
 );
 ListPage.displayName = "ListPage";
+var StatementHeader = ({ data, onEdit }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { direction: "row", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { size: "md", children: "Statement Summary" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: onEdit, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4 mr-2" }),
+        "Edit"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Account",
+          value: data.account,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Product ID",
+          value: data.productId,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Program ID",
+          value: data.programId,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Start Date",
+          value: data.startDate,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "End Date",
+          value: data.endDate,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Starting Balance",
+          value: data.startingBalance,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Ending Balance",
+          value: data.endingBalance,
+          layout: "horizontal"
+        }
+      )
+    ] }) })
+  ] });
+};
 var ACHDetailsSection = ({ data }) => {
   const formatCurrency = (value) => {
     return new Intl.NumberFormat("en-US", {
@@ -5368,50 +5580,6 @@ var DropdownMenuSeparator = React13__namespace.forwardRef(({ className, ...props
   }
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
-var EditableInfoField = ({
-  label,
-  value,
-  options,
-  onChange,
-  placeholder = "Select...",
-  renderValue,
-  className
-}) => {
-  const [isEditing, setIsEditing] = React13.useState(false);
-  const handleChange = (newValue) => {
-    onChange(newValue);
-    setIsEditing(false);
-  };
-  if (isEditing) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(
-      EnhancedSelect,
-      {
-        label,
-        value: value || "",
-        onValueChange: handleChange,
-        options,
-        placeholder
-      }
-    ) });
-  }
-  const displayValue = value ? renderValue ? renderValue(value) : value : placeholder;
-  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(InfoField, { label, value: displayValue })
-    }
-  );
-};
 var EntityCard = React13__namespace.forwardRef(
   ({
     entity,
@@ -6557,105 +6725,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__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row gap-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormCard,
-        {
-          title: "Alert Information",
-          headerActions: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4" }) }),
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Alert ID", value: alert.id }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              InfoField,
-              {
-                label: "Type",
-                value: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getTypeBadgeVariant(alert.type), children: alert.type })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              InfoField,
-              {
-                label: "Status",
-                value: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("font-medium", getStatusColor(alert.status)), children: alert.status })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Created At", value: alert.createdAt }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              InfoField,
-              {
-                label: "Context Type",
-                value: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", children: alert.contextType })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Context ID", value: alert.contextId || "N/A" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EditableInfoField,
-              {
-                label: "Assignee",
-                value: assignee,
-                options: ASSIGNEE_OPTIONS,
-                onChange: onAssigneeChange,
-                placeholder: "Unassigned"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EditableInfoField,
-              {
-                label: "RFI Status",
-                value: rfiStatus,
-                options: RFI_STATUS_OPTIONS,
-                onChange: onRfiStatusChange,
-                placeholder: "Select status",
-                renderValue: (value) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "success", children: value })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Description", value: alert.description }) })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(ContextSection, { alert }),
-      /* @__PURE__ */ jsxRuntime.jsx(FormCard, { title: "Notes", children: /* @__PURE__ */ jsxRuntime.jsx(AlertNotes, { alertId: alert.id, notes: alert.notes || [] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(FormCard, { title: "Documents", children: /* @__PURE__ */ jsxRuntime.jsx(AlertDocuments, { alertId: alert.id, documents: alert.documents || [] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsxRuntime.jsx(FormCard, { title: "Status Timeline", className: "h-full", children: /* @__PURE__ */ jsxRuntime.jsx(AlertTimeline, { events: alert.timeline || [] }) }) })
-  ] });
-};
 var AlertDetail = () => {
   const { id } = reactRouterDom.useParams();
   const navigate = reactRouterDom.useNavigate();
@@ -7860,75 +7929,6 @@ var NotFound = () => {
   ] }) });
 };
 var NotFound_default = NotFound;
-var StatementHeader = ({ data, onEdit }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { direction: "row", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { size: "md", children: "Statement Summary" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: onEdit, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4 mr-2" }),
-        "Edit"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        InfoField,
-        {
-          label: "Account",
-          value: data.account,
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        InfoField,
-        {
-          label: "Product ID",
-          value: data.productId,
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        InfoField,
-        {
-          label: "Program ID",
-          value: data.programId,
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        InfoField,
-        {
-          label: "Start Date",
-          value: data.startDate,
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        InfoField,
-        {
-          label: "End Date",
-          value: data.endDate,
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        InfoField,
-        {
-          label: "Starting Balance",
-          value: data.startingBalance,
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        InfoField,
-        {
-          label: "Ending Balance",
-          value: data.endingBalance,
-          layout: "horizontal"
-        }
-      )
-    ] }) })
-  ] });
-};
 
 // src/lib/mock-data/statement-data.ts
 var mockStatementHeader = {
@@ -9598,6 +9598,7 @@ exports.ACHTransferSection = ACHTransferSection;
 exports.AccountCard = AccountCard;
 exports.AddressForm = AddressForm;
 exports.AlertDetail = AlertDetail_default;
+exports.AlertDetailView = AlertDetailView;
 exports.AlertDocuments = AlertDocuments;
 exports.AlertNotes = AlertNotes;
 exports.AlertTimeline = AlertTimeline;
@@ -9728,6 +9729,7 @@ exports.SidebarSeparator = SidebarSeparator;
 exports.SidebarTrigger = SidebarTrigger;
 exports.Stack = Stack;
 exports.Statement = Statement;
+exports.StatementHeader = StatementHeader;
 exports.StatusBadge = StatusBadge;
 exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
@@ -9758,6 +9760,7 @@ exports.inputVariants = inputVariants;
 exports.reducer = reducer;
 exports.textareaVariants = textareaVariants;
 exports.toast = toast;
+exports.useAlertDetail = useAlertDetail;
 exports.useEditState = useEditState;
 exports.useFormWithEditState = useFormWithEditState;
 exports.useIsMobile = useIsMobile;