@wealthx/shadcn 1.4.1 → 1.5.0

package/dist/components/ui/kanban-column.js

@@ -62,6 +62,7 @@ __export(kanban_column_exports, {
   KanbanColumn: () => KanbanColumn
 });
 module.exports = __toCommonJS(kanban_column_exports);
+var React3 = __toESM(require("react"));
 var import_lucide_react7 = require("lucide-react");
 
 // src/lib/utils.ts
@@ -564,18 +565,65 @@ function Checkbox(_a) {
   );
 }
 
-// src/components/ui/pipeline-primitives.tsx
+// src/components/ui/switch.tsx
+var import_react4 = require("react");
+var import_switch = require("@base-ui/react/switch");
 var import_jsx_runtime9 = require("react/jsx-runtime");
+function Switch(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_switch.Switch.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[size=default]:h-[1.15rem] data-[size=default]:w-8",
+        "data-[size=sm]:h-3.5 data-[size=sm]:w-6",
+        "data-checked:bg-primary data-unchecked:bg-input",
+        "aria-invalid:data-checked:bg-destructive aria-invalid:border-destructive",
+        "dark:data-unchecked:bg-input/80",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "switch"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        import_switch.Switch.Thumb,
+        {
+          className: cn(
+            "pointer-events-none block rounded-full bg-background ring-0 transition-transform",
+            "group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3",
+            "data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0",
+            "dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground"
+          ),
+          "data-slot": "switch-thumb"
+        }
+      )
+    })
+  );
+}
+
+// src/components/ui/pipeline-primitives.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function TaskCheckItem({
   title,
   completed,
   aiAgentName,
+  autoCompleteEnabled,
+  onAutoCompleteToggle,
   onToggle,
   disabled = false,
   size = "xs",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "div",
     {
       className: cn(
@@ -586,7 +634,7 @@ function TaskCheckItem({
       onClick: () => onToggle == null ? void 0 : onToggle(),
       "data-slot": "task-check-item",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { onClick: (e) => e.stopPropagation(), className: "mt-0.5 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { onClick: (e) => e.stopPropagation(), className: "mt-0.5 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           Checkbox,
           {
             checked: completed,
@@ -594,8 +642,8 @@ function TaskCheckItem({
             disabled
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "span",
             {
               className: cn(
@@ -606,8 +654,8 @@ function TaskCheckItem({
               children: title
             }
           ),
-          aiAgentName && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Badge, { variant: "secondary", className: "gap-1 text-[10px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          aiAgentName && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Badge, { variant: "secondary", className: "gap-1 text-[10px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               "span",
               {
                 className: "size-1.5 rounded-full bg-primary",
@@ -615,15 +663,93 @@ function TaskCheckItem({
               }
             ),
             aiAgentName
-          ] })
+          ] }),
+          aiAgentName && autoCompleteEnabled !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            "span",
+            {
+              className: "flex items-center gap-1.5",
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  Switch,
+                  {
+                    checked: autoCompleteEnabled,
+                    onCheckedChange: () => onAutoCompleteToggle == null ? void 0 : onAutoCompleteToggle(),
+                    disabled,
+                    className: "scale-75 origin-left",
+                    "aria-label": "Allow agent to auto complete"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-[10px] text-muted-foreground", children: "Allow Agent to Auto Complete" })
+              ]
+            }
+          )
         ] })
       ]
     }
   );
 }
 
+// src/components/ui/tooltip.tsx
+var import_tooltip = require("@base-ui/react/tooltip");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function TooltipProvider(_a) {
+  var _b = _a, {
+    delay = 0
+  } = _b, props = __objRest(_b, [
+    "delay"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_tooltip.Tooltip.Provider,
+    __spreadValues({
+      "data-slot": "tooltip-provider",
+      delay
+    }, props)
+  );
+}
+function Tooltip(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+}
+function TooltipTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 8,
+    side,
+    children,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "side",
+    "children",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tooltip.Tooltip.Positioner, { sideOffset, side, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    import_tooltip.Tooltip.Popup,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative z-50 w-fit animate-in overflow-visible bg-brand-secondary px-3 py-1.5 text-caption text-balance text-brand-secondary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
+        className
+      ),
+      "data-slot": "tooltip-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style)
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 bg-brand-secondary data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1 data-[side=top]:-bottom-1" })
+      ]
+    })
+  ) }) });
+}
+
 // src/components/ui/opportunity-card.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var PRIORITY_COLORS = {
   HIGH: "var(--color-destructive)",
   MEDIUM: "var(--color-warning)",
@@ -663,6 +789,7 @@ function OpportunityCard({
   isModifyCompletedLoan,
   tasks = [],
   nextTask,
+  onCardClick,
   onViewDetails,
   onTaskToggle,
   onMarkAsDone,
@@ -672,6 +799,8 @@ function OpportunityCard({
   onDelete,
   onPutOnHold,
   isSubmitting = false,
+  draggable = false,
+  onDragStart,
   className
 }) {
   const resolvedPriority = resolvePriority(
@@ -686,29 +815,35 @@ function OpportunityCard({
   const hasTasks = tasks.length > 0;
   const hasActions = onMarkAsDone || onMoveToNextStage;
   const hasMenu = onViewDetails || onChangePriority || onPutOnHold || onDelete;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  const stopProp = (e) => e.stopPropagation();
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
       className: cn(
         "flex flex-col gap-2 border border-border bg-background p-4 text-foreground shadow-sm",
+        onCardClick && "cursor-pointer",
+        draggable && "cursor-grab active:cursor-grabbing",
         isSubmitting && "opacity-60",
         className
       ),
       "data-slot": "opportunity-card",
+      draggable,
+      onDragStart,
+      onClick: onCardClick,
       children: [
-        onHoldTo && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        onHoldTo && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
           "div",
           {
             className: "flex items-center gap-1.5 rounded border border-warning/30 bg-warning/10 px-2 py-1 text-xs font-medium",
             style: { color: "var(--color-warning-text)" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.Clock, { className: "size-3 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Clock, { className: "size-3 shrink-0" }),
               "On hold until ",
               formatDateDayMonth(onHoldTo)
             ]
           }
         ),
-        isModifyCompletedLoan && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        isModifyCompletedLoan && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "div",
           {
             className: "flex items-center gap-1.5 rounded border border-info/30 bg-info/10 px-2 py-1 text-xs font-medium",
@@ -716,27 +851,29 @@ function OpportunityCard({
             children: "Modify completed loan"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            (loanPurposeLabel || loanType) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Badge, { variant: "outline", className: "self-start", children: loanPurposeLabel != null ? loanPurposeLabel : formatLoanType(loanType) }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-base font-bold tabular-nums text-foreground", children: formatCurrency(amount) })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            (loanPurposeLabel || loanType) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Badge, { variant: "outline", className: "self-start", children: loanPurposeLabel != null ? loanPurposeLabel : formatLoanType(loanType) }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-base font-bold tabular-nums text-foreground", children: formatCurrency(amount) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-1 -mr-1 -mt-1", children: [
-            onLaunchAssistant && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                className: "size-7 shrink-0",
-                onClick: onLaunchAssistant,
-                "aria-label": "Launch AI Assistant",
-                title: "Launch AI Assistant",
-                children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.Bot, { className: "size-4" })
-              }
-            ),
-            hasMenu && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DropdownMenu, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-1 -mr-1 -mt-1", onClick: stopProp, children: [
+            onLaunchAssistant && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipProvider, { delay: 0, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  className: "size-7 shrink-0",
+                  onClick: onLaunchAssistant,
+                  "aria-label": "Launch AI",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Bot, { className: "size-4" })
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipContent, { children: "Launch AI" })
+            ] }) }),
+            hasMenu && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DropdownMenu, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                 DropdownMenuTrigger,
                 {
                   className: cn(
@@ -744,51 +881,51 @@ function OpportunityCard({
                     "size-7 shrink-0"
                   ),
                   "aria-label": "Opportunity actions",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.MoreVertical, { className: "size-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.MoreVertical, { className: "size-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DropdownMenuContent, { align: "end", children: [
-                onViewDetails && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuItem, { onClick: onViewDetails, children: "View details" }),
-                onChangePriority && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuItem, { onClick: onChangePriority, children: "Change priority" }),
-                onPutOnHold && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuItem, { onClick: onPutOnHold, children: "Put on hold" }),
-                onDelete && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuSeparator, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuItem, { onClick: onDelete, variant: "destructive", children: "Delete" })
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DropdownMenuContent, { align: "end", children: [
+                onViewDetails && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuItem, { onClick: onViewDetails, children: "View details" }),
+                onChangePriority && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuItem, { onClick: onChangePriority, children: "Change priority" }),
+                onPutOnHold && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuItem, { onClick: onPutOnHold, children: "Put on hold" }),
+                onDelete && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuSeparator, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuItem, { onClick: onDelete, variant: "destructive", children: "Delete" })
                 ] })
               ] })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Separator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "truncate text-sm font-semibold text-foreground", children: customerName }),
-            additionalContacts && additionalContacts > 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Badge, { variant: "secondary", className: "shrink-0 gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.Users, { className: "size-3", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "truncate text-sm font-semibold text-foreground", children: customerName }),
+            additionalContacts && additionalContacts > 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Badge, { variant: "secondary", className: "shrink-0 gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Users, { className: "size-3", "aria-hidden": "true" }),
               "Joint"
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Badge, { variant: "secondary", className: "shrink-0 gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.User, { className: "size-3", "aria-hidden": "true" }),
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Badge, { variant: "secondary", className: "shrink-0 gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.User, { className: "size-3", "aria-hidden": "true" }),
               "Individual"
             ] })
           ] }),
-          customerPhone && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+          customerPhone && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
             customerPhone
           ] }),
-          customerEmail && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "truncate", children: customerEmail })
+          customerEmail && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "truncate", children: customerEmail })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Separator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.Calendar, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Calendar, { className: "size-3 shrink-0", "aria-hidden": "true" }),
             formatDateShort(date)
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-            daysSinceColumnChanged !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+            daysSinceColumnChanged !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                 import_lucide_react6.Clock,
                 {
                   className: "size-3 shrink-0",
@@ -796,7 +933,7 @@ function OpportunityCard({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
                 "span",
                 {
                   className: "text-xs font-medium tabular-nums",
@@ -808,7 +945,7 @@ function OpportunityCard({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "span",
               {
                 role: "img",
@@ -819,8 +956,9 @@ function OpportunityCard({
             )
           ] })
         ] }),
-        hasTasks && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        hasTasks && // stopPropagation: accordion expand/collapse + task checkboxes must not bubble to onCardClick
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { onClick: stopProp, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "div",
             {
               className: "flex gap-0.5",
@@ -829,7 +967,7 @@ function OpportunityCard({
               "aria-valuemin": 0,
               "aria-valuemax": tasks.length,
               "aria-label": `${completedCount} of ${tasks.length} tasks complete`,
-              children: tasks.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              children: tasks.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                 "div",
                 {
                   className: cn(
@@ -841,15 +979,15 @@ function OpportunityCard({
               ))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Accordion, { type: "single", collapsible: true, className: "-mx-4", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(AccordionItem, { value: "tasks", className: "border-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(AccordionTrigger, { className: "px-4 py-1.5 text-xs font-normal text-muted-foreground hover:no-underline hover:text-foreground [&>svg]:size-3.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Accordion, { type: "single", collapsible: true, className: "-mx-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(AccordionItem, { value: "tasks", className: "border-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(AccordionTrigger, { className: "px-4 py-1.5 text-xs font-normal text-muted-foreground hover:no-underline hover:text-foreground [&>svg]:size-3.5", children: [
               "Tasks (",
               completedCount,
               "/",
               tasks.length,
               ")"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AccordionContent, { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex flex-col", children: tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AccordionContent, { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-col", children: tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               TaskCheckItem,
               {
                 title: task.title,
@@ -861,22 +999,23 @@ function OpportunityCard({
               task.id
             )) }) })
           ] }) }),
-          nextTask && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-start gap-1.5 border border-primary/30 bg-primary/5 px-2 py-1.5 text-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          nextTask && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-start gap-1.5 border border-primary/30 bg-primary/5 px-2 py-1.5 text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               import_lucide_react6.ArrowRight,
               {
                 className: "mt-0.5 size-3 shrink-0 text-primary",
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "font-medium", children: "Next:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-muted-foreground", children: nextTask })
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "font-medium", children: "Next:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-muted-foreground", children: nextTask })
           ] })
         ] }),
-        hasActions && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Separator, {}),
-          (onMoveToNextStage || onMarkAsDone) && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex gap-2", children: [
-            onMoveToNextStage && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        hasActions && // stopPropagation: button clicks must not bubble to onCardClick
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { onClick: stopProp, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Separator, {}),
+          (onMoveToNextStage || onMarkAsDone) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex gap-2 pt-2", children: [
+            onMoveToNextStage && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               Button,
               {
                 variant: "outline",
@@ -887,7 +1026,7 @@ function OpportunityCard({
                 children: "Move to next stage"
               }
             ),
-            onMarkAsDone && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            onMarkAsDone && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               Button,
               {
                 variant: "default",
@@ -914,7 +1053,7 @@ function LeadCard({
   isSubmitting = false,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
       className: cn(
@@ -924,20 +1063,20 @@ function LeadCard({
       ),
       "data-slot": "lead-card",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm font-semibold text-foreground", children: customerName }),
-            customerPhone && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-sm font-semibold text-foreground", children: customerName }),
+            customerPhone && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
               customerPhone
             ] }),
-            customerEmail && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "truncate", children: customerEmail })
+            customerEmail && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "truncate", children: customerEmail })
             ] })
           ] }),
-          onDelete && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DropdownMenu, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          onDelete && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DropdownMenu, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               DropdownMenuTrigger,
               {
                 className: cn(
@@ -945,10 +1084,10 @@ function LeadCard({
                   "-mr-1 -mt-1 size-7 shrink-0"
                 ),
                 "aria-label": "Lead actions",
-                children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.MoreVertical, { className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.MoreVertical, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               DropdownMenuItem,
               {
                 onClick: onDelete,
@@ -958,9 +1097,9 @@ function LeadCard({
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Separator, {}),
-        onSendLoanApplication && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Separator, {}),
+        onSendLoanApplication && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             Button,
             {
               variant: "outline",
@@ -971,10 +1110,10 @@ function LeadCard({
               children: "Send Loan Application Request"
             }
           ),
-          loanApplicationUrl && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+          loanApplicationUrl && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
             "Or the link below to fill out the loan application directly.",
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("br", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "a",
               {
                 href: `https://${loanApplicationUrl.replace(/^https?:\/\//, "")}`,
@@ -992,7 +1131,7 @@ function LeadCard({
 }
 
 // src/components/ui/kanban-column.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function formatTotalValue(value) {
   return formatCurrency(value);
 }
@@ -1015,11 +1154,13 @@ function KanbanColumn({
   onMarkAsDone,
   onMoveToNextStage,
   onSendLoanApplication,
+  onCardClick,
   onViewDetails,
   onChangePriority,
   onLaunchAssistant,
   onPutOnHold,
   onDeleteOpportunity,
+  onCardDrop,
   submittingOpportunityId,
   className
 }) {
@@ -1027,7 +1168,26 @@ function KanbanColumn({
   const themeVars = useThemeVars();
   const accentColor = (_a = stage.accentColor) != null ? _a : "var(--color-border)";
   const hasMenu = onEditColumn || !isDefault && onDeleteColumn;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  const [isDragOver, setIsDragOver] = React3.useState(false);
+  function handleDragOver(e) {
+    if (!onCardDrop) return;
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+    setIsDragOver(true);
+  }
+  function handleDragLeave(e) {
+    if (!e.currentTarget.contains(e.relatedTarget)) {
+      setIsDragOver(false);
+    }
+  }
+  function handleDrop(e) {
+    if (!onCardDrop) return;
+    e.preventDefault();
+    setIsDragOver(false);
+    const cardId = e.dataTransfer.getData("text/plain");
+    if (cardId) onCardDrop(cardId);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "div",
     {
       className: cn(
@@ -1041,15 +1201,15 @@ function KanbanColumn({
       }),
       "data-slot": "kanban-column",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2 border-b border-border bg-background px-3 py-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("h2", { className: "text-sm font-semibold text-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-muted-foreground", children: stage.count }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-2 border-b border-border bg-background px-3 py-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("h2", { className: "text-sm font-semibold text-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-muted-foreground", children: stage.count }),
               " ",
               stage.name
             ] }),
-            hasMenu && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DropdownMenu, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            hasMenu && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DropdownMenu, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 DropdownMenuTrigger,
                 {
                   className: cn(
@@ -1057,14 +1217,14 @@ function KanbanColumn({
                     "-mr-1 size-7 shrink-0"
                   ),
                   "aria-label": "Column actions",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react7.MoreVertical, { className: "size-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.MoreVertical, { className: "size-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DropdownMenuContent, { align: "end", children: [
-                onEditColumn && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuItem, { onClick: onEditColumn, children: "Edit column settings" }),
-                !isDefault && onDeleteColumn && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-                  onEditColumn && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuSeparator, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DropdownMenuContent, { align: "end", children: [
+                onEditColumn && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownMenuItem, { onClick: onEditColumn, children: "Edit column settings" }),
+                !isDefault && onDeleteColumn && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+                  onEditColumn && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownMenuSeparator, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                     DropdownMenuItem,
                     {
                       onClick: onDeleteColumn,
@@ -1076,8 +1236,8 @@ function KanbanColumn({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-            stage.growth != null ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+            stage.growth != null ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
               Badge,
               {
                 variant: "outline",
@@ -1087,56 +1247,74 @@ function KanbanColumn({
                   stage.growth
                 ]
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs font-medium tabular-nums text-muted-foreground", children: formatTotalValue(stage.totalValue) })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-xs font-medium tabular-nums text-muted-foreground", children: formatTotalValue(stage.totalValue) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-1 flex-col gap-2 overflow-y-auto p-2", children: [
-          isDropTarget && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "border border-dashed border-primary/40 bg-primary/5 px-3 py-2 text-center text-xs text-primary", children: [
-            "Drop here \u2192 ",
-            stage.name
-          ] }),
-          isLoading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex flex-1 items-center justify-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Spinner, { className: "size-5 text-muted-foreground" }) }) : opportunities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex flex-1 items-center justify-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-xs text-muted-foreground", children: "No opportunities in this stage" }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-            opportunities.map(
-              (opp) => onSendLoanApplication ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                LeadCard,
-                {
-                  id: opp.id,
-                  customerName: opp.customerName,
-                  customerPhone: opp.customerPhone,
-                  customerEmail: opp.customerEmail,
-                  loanApplicationUrl: opp.loanApplicationUrl,
-                  onSendLoanApplication: () => onSendLoanApplication(opp.id),
-                  onDelete: onDeleteOpportunity ? () => onDeleteOpportunity(opp.id) : void 0,
-                  isSubmitting: submittingOpportunityId === opp.id
-                },
-                opp.id
-              ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                OpportunityCard,
-                __spreadProps(__spreadValues({}, opp), {
-                  onTaskToggle: onTaskToggle ? (taskId) => onTaskToggle(opp.id, taskId) : void 0,
-                  onMarkAsDone: onMarkAsDone ? () => onMarkAsDone(opp.id) : void 0,
-                  onMoveToNextStage: onMoveToNextStage ? () => onMoveToNextStage(opp.id) : void 0,
-                  onViewDetails: onViewDetails ? () => onViewDetails(opp.id) : void 0,
-                  onChangePriority: onChangePriority ? () => onChangePriority(opp.id) : void 0,
-                  onLaunchAssistant: onLaunchAssistant ? () => onLaunchAssistant(opp.id) : void 0,
-                  onPutOnHold: onPutOnHold ? () => onPutOnHold(opp.id) : void 0,
-                  onDelete: onDeleteOpportunity ? () => onDeleteOpportunity(opp.id) : void 0,
-                  isSubmitting: submittingOpportunityId === opp.id
-                }),
-                opp.id
-              )
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          "div",
+          {
+            className: cn(
+              "flex flex-1 flex-col gap-2 overflow-y-auto p-2",
+              isDragOver && "ring-2 ring-primary ring-inset bg-primary/5"
             ),
-            hasMore && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-              "div",
-              {
-                ref: loaderRef,
-                className: "flex min-h-[50px] items-center justify-center",
-                children: isLoadingMore && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Spinner, { className: "size-5 text-muted-foreground" })
-              }
-            )
-          ] })
-        ] })
+            onDragOver: handleDragOver,
+            onDragLeave: handleDragLeave,
+            onDrop: handleDrop,
+            children: [
+              (isDropTarget || isDragOver) && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "border border-dashed border-primary/40 bg-primary/5 px-3 py-2 text-center text-xs text-primary", children: [
+                "Drop here \u2192 ",
+                stage.name
+              ] }),
+              isLoading ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-1 items-center justify-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, { className: "size-5 text-muted-foreground" }) }) : opportunities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-1 items-center justify-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-xs text-muted-foreground", children: "No opportunities in this stage" }) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+                opportunities.map(
+                  (opp) => onSendLoanApplication ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    LeadCard,
+                    {
+                      id: opp.id,
+                      customerName: opp.customerName,
+                      customerPhone: opp.customerPhone,
+                      customerEmail: opp.customerEmail,
+                      loanApplicationUrl: opp.loanApplicationUrl,
+                      onSendLoanApplication: () => onSendLoanApplication(opp.id),
+                      onDelete: onDeleteOpportunity ? () => onDeleteOpportunity(opp.id) : void 0,
+                      isSubmitting: submittingOpportunityId === opp.id
+                    },
+                    opp.id
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    OpportunityCard,
+                    __spreadProps(__spreadValues({}, opp), {
+                      draggable: !!onCardDrop,
+                      onDragStart: onCardDrop ? (e) => {
+                        e.dataTransfer.setData("text/plain", opp.id);
+                        e.dataTransfer.effectAllowed = "move";
+                      } : void 0,
+                      onCardClick: onCardClick ? () => onCardClick(opp.id) : void 0,
+                      onTaskToggle: onTaskToggle ? (taskId) => onTaskToggle(opp.id, taskId) : void 0,
+                      onMarkAsDone: onMarkAsDone ? () => onMarkAsDone(opp.id) : void 0,
+                      onMoveToNextStage: onMoveToNextStage ? () => onMoveToNextStage(opp.id) : void 0,
+                      onViewDetails: onViewDetails ? () => onViewDetails(opp.id) : void 0,
+                      onChangePriority: onChangePriority ? () => onChangePriority(opp.id) : void 0,
+                      onLaunchAssistant: onLaunchAssistant ? () => onLaunchAssistant(opp.id) : void 0,
+                      onPutOnHold: onPutOnHold ? () => onPutOnHold(opp.id) : void 0,
+                      onDelete: onDeleteOpportunity ? () => onDeleteOpportunity(opp.id) : void 0,
+                      isSubmitting: submittingOpportunityId === opp.id
+                    }),
+                    opp.id
+                  )
+                ),
+                hasMore && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                  "div",
+                  {
+                    ref: loaderRef,
+                    className: "flex min-h-[50px] items-center justify-center",
+                    children: isLoadingMore && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, { className: "size-5 text-muted-foreground" })
+                  }
+                )
+              ] })
+            ]
+          }
+        )
       ]
     }
   );