@wealthx/shadcn 1.5.1 → 1.5.2

package/dist/components/ui/pipeline-board.js

@@ -532,6 +532,7 @@ function DropdownMenuSeparator(_a) {
 }
 
 // src/components/ui/opportunity-card.tsx
+var import_react5 = require("react");
 var import_lucide_react6 = require("lucide-react");
 
 // src/lib/format-date.ts
@@ -820,16 +821,48 @@ function TaskCheckItem({
   );
 }
 
+// src/components/ui/progress.tsx
+var import_progress = require("@base-ui/react/progress");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function Progress(_a) {
+  var _b = _a, {
+    className,
+    value
+  } = _b, props = __objRest(_b, [
+    "className",
+    "value"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_progress.Progress.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative h-2 w-full overflow-hidden bg-muted",
+        className
+      ),
+      "data-slot": "progress",
+      value
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_progress.Progress.Track, { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        import_progress.Progress.Indicator,
+        {
+          className: "h-full bg-primary transition-all",
+          "data-slot": "progress-indicator"
+        }
+      ) })
+    })
+  );
+}
+
 // src/components/ui/tooltip.tsx
 var import_tooltip = require("@base-ui/react/tooltip");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function TooltipProvider(_a) {
   var _b = _a, {
     delay = 0
   } = _b, props = __objRest(_b, [
     "delay"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     import_tooltip.Tooltip.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -839,11 +872,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -860,7 +893,7 @@ function TooltipContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tooltip.Tooltip.Positioner, { sideOffset, side, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_tooltip.Tooltip.Positioner, { sideOffset, side, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     import_tooltip.Tooltip.Popup,
     __spreadProps(__spreadValues({
       className: cn(
@@ -872,14 +905,14 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime14.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" })
+        /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var PRIORITY_COLORS = {
   HIGH: "var(--color-destructive)",
   MEDIUM: "var(--color-warning)",
@@ -902,7 +935,233 @@ function resolvePriority(days, warningDays, priorityDays, priority) {
 function formatLoanType(type) {
   return type.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
 }
+function TaskViewCard({
+  customerName,
+  loanType,
+  loanPurposeLabel,
+  amount,
+  priority,
+  daysSinceColumnChanged,
+  warningDays,
+  priorityDays,
+  tasks = [],
+  nextTask,
+  onCardClick,
+  onViewDetails,
+  onTaskToggle,
+  onMarkAsDone,
+  onMoveToNextStage,
+  onChangePriority,
+  onDelete,
+  onPutOnHold,
+  isSubmitting = false,
+  draggable = false,
+  onDragStart,
+  className
+}) {
+  var _a;
+  const resolvedPriority = resolvePriority(
+    daysSinceColumnChanged,
+    warningDays,
+    priorityDays,
+    priority
+  );
+  const priorityColor = PRIORITY_COLORS[resolvedPriority];
+  const completedCount = tasks.filter((t) => t.completed).length;
+  const totalCount = tasks.length;
+  const hasTasks = totalCount > 0;
+  const allDone = hasTasks && completedCount === totalCount;
+  const nextPendingTask = tasks.find((t) => !t.completed);
+  const agentName = (_a = nextPendingTask == null ? void 0 : nextPendingTask.aiAgentName) != null ? _a : null;
+  const [subtasksExpanded, setSubtasksExpanded] = (0, import_react5.useState)(false);
+  const hasMenu = onViewDetails || onChangePriority || onPutOnHold || onDelete;
+  const stopProp = (e) => {
+    e.stopPropagation();
+  };
+  const purposeLabel = loanPurposeLabel != null ? loanPurposeLabel : loanType ? formatLoanType(loanType) : null;
+  const dealRef = [
+    customerName,
+    purposeLabel,
+    amount > 0 ? formatCurrency(amount) : null
+  ].filter(Boolean).join(" \xB7 ");
+  let taskHeader;
+  if (allDone) {
+    taskHeader = /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      "p",
+      {
+        className: "flex items-center gap-1.5 text-sm font-semibold",
+        style: { color: "var(--color-success-text)" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Check, { className: "size-3.5 shrink-0" }),
+          "All tasks complete"
+        ]
+      }
+    );
+  } else if (nextTask) {
+    taskHeader = /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        agentName && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          import_lucide_react6.Bot,
+          {
+            className: "size-3.5 shrink-0 text-primary",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "truncate text-sm font-semibold leading-snug", children: nextTask })
+      ] }),
+      agentName && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: agentName })
+    ] });
+  } else {
+    taskHeader = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs text-muted-foreground", children: "No tasks defined for this stage" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-2.5 border border-border bg-background p-3 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: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "min-w-0 flex-1", children: taskHeader }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "span",
+            {
+              role: "img",
+              className: "mt-0.5 inline-block size-2.5 shrink-0 rounded-full",
+              style: { backgroundColor: priorityColor },
+              "aria-label": `Priority: ${resolvedPriority}`
+            }
+          )
+        ] }),
+        hasTasks && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "shrink-0 tabular-nums text-xs text-muted-foreground", children: [
+            completedCount,
+            "/",
+            totalCount
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            Progress,
+            {
+              value: completedCount / totalCount * 100,
+              className: cn(
+                "h-1.5 flex-1",
+                allDone && "[&_[data-slot=progress-indicator]]:bg-success"
+              )
+            }
+          )
+        ] }),
+        hasTasks && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          "div",
+          {
+            className: "space-y-1 border-t border-border pt-2",
+            onClick: stopProp,
+            role: "presentation",
+            onKeyDown: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setSubtasksExpanded((v) => !v),
+                  className: "flex w-full items-center justify-between text-xs text-muted-foreground hover:text-foreground",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex items-center gap-1", children: [
+                      subtasksExpanded ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.ChevronDown, { className: "size-3" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.ChevronRight, { className: "size-3" }),
+                      "Subtasks"
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { children: [
+                      completedCount,
+                      " / ",
+                      totalCount
+                    ] })
+                  ]
+                }
+              ),
+              subtasksExpanded && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "space-y-1.5 pt-1", children: tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                TaskCheckItem,
+                {
+                  title: task.title,
+                  completed: task.completed,
+                  aiAgentName: task.aiAgentName,
+                  onToggle: () => onTaskToggle == null ? void 0 : onTaskToggle(task.id),
+                  size: "xs"
+                },
+                task.id
+              )) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: dealRef }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-1.5", onClick: stopProp, children: [
+          daysSinceColumnChanged !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Badge, { variant: "secondary", className: "px-1.5 text-[10px] font-normal", children: [
+            daysSinceColumnChanged,
+            "d"
+          ] }),
+          hasMenu && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "ml-auto", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DropdownMenu, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              DropdownMenuTrigger,
+              {
+                className: cn(
+                  buttonVariants({ variant: "ghost", size: "icon" }),
+                  "size-7 shrink-0"
+                ),
+                "aria-label": "Opportunity actions",
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.MoreVertical, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DropdownMenuContent, { align: "end", children: [
+              onViewDetails && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuItem, { onClick: onViewDetails, children: "View details" }),
+              onChangePriority && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuItem, { onClick: onChangePriority, children: "Change priority" }),
+              onPutOnHold && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuItem, { onClick: onPutOnHold, children: "Put on hold" }),
+              onDelete && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuItem, { onClick: onDelete, variant: "destructive", children: "Delete" })
+              ] })
+            ] })
+          ] }) })
+        ] }),
+        allDone && onMoveToNextStage && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { onClick: stopProp, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "w-full text-caption",
+              onClick: onMoveToNextStage,
+              disabled: isSubmitting,
+              children: "Move to next stage"
+            }
+          ) })
+        ] }),
+        !allDone && nextTask && onMarkAsDone && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { onClick: stopProp, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            Button,
+            {
+              variant: "default",
+              size: "sm",
+              className: "w-full text-caption",
+              onClick: onMarkAsDone,
+              disabled: isSubmitting,
+              children: "Mark as done"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
 function OpportunityCard({
+  id,
   customerName,
   customerPhone,
   customerEmail,
@@ -931,8 +1190,42 @@ function OpportunityCard({
   isSubmitting = false,
   draggable = false,
   onDragStart,
-  className
+  className,
+  viewMode = "deal"
 }) {
+  if (viewMode === "task") {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      TaskViewCard,
+      {
+        customerName,
+        customerPhone,
+        customerEmail,
+        additionalContacts,
+        loanType,
+        loanPurposeLabel,
+        amount,
+        date,
+        priority,
+        daysSinceColumnChanged,
+        warningDays,
+        priorityDays,
+        tasks,
+        nextTask,
+        onCardClick,
+        onViewDetails,
+        onTaskToggle,
+        onMarkAsDone,
+        onMoveToNextStage,
+        onChangePriority,
+        onDelete,
+        onPutOnHold,
+        isSubmitting,
+        draggable,
+        onDragStart,
+        className
+      }
+    );
+  }
   const resolvedPriority = resolvePriority(
     daysSinceColumnChanged,
     warningDays,
@@ -945,8 +1238,10 @@ function OpportunityCard({
   const hasTasks = tasks.length > 0;
   const hasActions = onMarkAsDone || onMoveToNextStage;
   const hasMenu = onViewDetails || onChangePriority || onPutOnHold || onDelete;
-  const stopProp = (e) => e.stopPropagation();
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  const stopProp = (e) => {
+    e.stopPropagation();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
       className: cn(
@@ -961,19 +1256,19 @@ function OpportunityCard({
       onDragStart,
       onClick: onCardClick,
       children: [
-        onHoldTo && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        onHoldTo && /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime15.jsx)(import_lucide_react6.Clock, { className: "size-3 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Clock, { className: "size-3 shrink-0" }),
               "On hold until ",
               formatDateDayMonth(onHoldTo)
             ]
           }
         ),
-        isModifyCompletedLoan && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        isModifyCompletedLoan && /* @__PURE__ */ (0, import_jsx_runtime16.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",
@@ -981,14 +1276,14 @@ function OpportunityCard({
             children: "Modify completed loan"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            (loanPurposeLabel || loanType) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Badge, { variant: "outline", className: "self-start", children: loanPurposeLabel != null ? loanPurposeLabel : formatLoanType(loanType) }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-base font-bold tabular-nums text-foreground", children: formatCurrency(amount) })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            (loanPurposeLabel || loanType) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge, { variant: "outline", className: "self-start", children: loanPurposeLabel != null ? loanPurposeLabel : formatLoanType(loanType) }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-base font-bold tabular-nums text-foreground", children: formatCurrency(amount) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-1 -mr-1 -mt-1", onClick: stopProp, children: [
-            onLaunchAssistant && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipProvider, { delay: 0, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-1 -mr-1 -mt-1", onClick: stopProp, children: [
+            onLaunchAssistant && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TooltipProvider, { delay: 0, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 Button,
                 {
                   type: "button",
@@ -997,13 +1292,13 @@ function OpportunityCard({
                   className: "size-7 shrink-0",
                   onClick: onLaunchAssistant,
                   "aria-label": "Launch AI",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Bot, { className: "size-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Bot, { className: "size-4" })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipContent, { children: "Launch AI" })
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TooltipContent, { children: "Launch AI" })
             ] }) }),
-            hasMenu && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            hasMenu && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DropdownMenu, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 DropdownMenuTrigger,
                 {
                   className: cn(
@@ -1011,51 +1306,51 @@ function OpportunityCard({
                     "size-7 shrink-0"
                   ),
                   "aria-label": "Opportunity actions",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.MoreVertical, { className: "size-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.MoreVertical, { className: "size-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenuContent, { align: "end", children: [
-                onViewDetails && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuItem, { onClick: onViewDetails, children: "View details" }),
-                onChangePriority && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuItem, { onClick: onChangePriority, children: "Change priority" }),
-                onPutOnHold && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuItem, { onClick: onPutOnHold, children: "Put on hold" }),
-                onDelete && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuSeparator, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuItem, { onClick: onDelete, variant: "destructive", children: "Delete" })
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DropdownMenuContent, { align: "end", children: [
+                onViewDetails && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuItem, { onClick: onViewDetails, children: "View details" }),
+                onChangePriority && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuItem, { onClick: onChangePriority, children: "Change priority" }),
+                onPutOnHold && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuItem, { onClick: onPutOnHold, children: "Put on hold" }),
+                onDelete && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuSeparator, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuItem, { onClick: onDelete, variant: "destructive", children: "Delete" })
                 ] })
               ] })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Separator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "truncate text-sm font-semibold text-foreground", children: customerName }),
-            additionalContacts && additionalContacts > 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Badge, { variant: "secondary", className: "shrink-0 gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Users, { className: "size-3", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "truncate text-sm font-semibold text-foreground", children: customerName }),
+            additionalContacts && additionalContacts > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Badge, { variant: "secondary", className: "shrink-0 gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Users, { className: "size-3", "aria-hidden": "true" }),
               "Joint"
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Badge, { variant: "secondary", className: "shrink-0 gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.User, { className: "size-3", "aria-hidden": "true" }),
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Badge, { variant: "secondary", className: "shrink-0 gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.User, { className: "size-3", "aria-hidden": "true" }),
               "Individual"
             ] })
           ] }),
-          customerPhone && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+          customerPhone && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
             customerPhone
           ] }),
-          customerEmail && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "truncate", children: customerEmail })
+          customerEmail && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "truncate", children: customerEmail })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Separator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Calendar, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Calendar, { className: "size-3 shrink-0", "aria-hidden": "true" }),
             formatDateShort(date)
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-            daysSinceColumnChanged !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+            daysSinceColumnChanged !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 import_lucide_react6.Clock,
                 {
                   className: "size-3 shrink-0",
@@ -1063,7 +1358,7 @@ function OpportunityCard({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                 "span",
                 {
                   className: "text-xs font-medium tabular-nums",
@@ -1075,7 +1370,7 @@ function OpportunityCard({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               "span",
               {
                 role: "img",
@@ -1087,8 +1382,8 @@ function OpportunityCard({
           ] })
         ] }),
         hasTasks && // stopPropagation: accordion expand/collapse + task checkboxes must not bubble to onCardClick
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { onClick: stopProp, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { onClick: stopProp, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "div",
             {
               className: "flex gap-0.5",
@@ -1097,7 +1392,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_runtime15.jsx)(
+              children: tasks.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 "div",
                 {
                   className: cn(
@@ -1109,15 +1404,15 @@ function OpportunityCard({
               ))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Accordion, { type: "single", collapsible: true, className: "-mx-4", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(AccordionItem, { value: "tasks", className: "border-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime16.jsx)(Accordion, { type: "single", collapsible: true, className: "-mx-4", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(AccordionItem, { value: "tasks", className: "border-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime15.jsx)(AccordionContent, { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex flex-col", children: tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AccordionContent, { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex flex-col", children: tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               TaskCheckItem,
               {
                 title: task.title,
@@ -1129,23 +1424,23 @@ function OpportunityCard({
               task.id
             )) }) })
           ] }) }),
-          nextTask && /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)(
+          nextTask && /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime16.jsx)(
               import_lucide_react6.ArrowRight,
               {
                 className: "mt-0.5 size-3 shrink-0 text-primary",
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "font-medium", children: "Next:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-muted-foreground", children: nextTask })
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "font-medium", children: "Next:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-muted-foreground", children: nextTask })
           ] })
         ] }),
         hasActions && // stopPropagation: button clicks must not bubble to onCardClick
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { onClick: stopProp, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Separator, {}),
-          (onMoveToNextStage || onMarkAsDone) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex gap-2 pt-2", children: [
-            onMoveToNextStage && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { onClick: stopProp, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Separator, {}),
+          (onMoveToNextStage || onMarkAsDone) && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex gap-2 pt-2", children: [
+            onMoveToNextStage && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               Button,
               {
                 variant: "outline",
@@ -1156,7 +1451,7 @@ function OpportunityCard({
                 children: "Move to next stage"
               }
             ),
-            onMarkAsDone && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            onMarkAsDone && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               Button,
               {
                 variant: "default",
@@ -1183,7 +1478,7 @@ function LeadCard({
   isSubmitting = false,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
       className: cn(
@@ -1193,20 +1488,20 @@ function LeadCard({
       ),
       "data-slot": "lead-card",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-semibold text-foreground", children: customerName }),
-            customerPhone && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-semibold text-foreground", children: customerName }),
+            customerPhone && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
               customerPhone
             ] }),
-            customerEmail && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "truncate", children: customerEmail })
+            customerEmail && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "truncate", children: customerEmail })
             ] })
           ] }),
-          onDelete && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          onDelete && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DropdownMenu, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               DropdownMenuTrigger,
               {
                 className: cn(
@@ -1214,10 +1509,10 @@ function LeadCard({
                   "-mr-1 -mt-1 size-7 shrink-0"
                 ),
                 "aria-label": "Lead actions",
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.MoreVertical, { className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.MoreVertical, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               DropdownMenuItem,
               {
                 onClick: onDelete,
@@ -1227,9 +1522,9 @@ function LeadCard({
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Separator, {}),
-        onSendLoanApplication && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Separator, {}),
+        onSendLoanApplication && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             Button,
             {
               variant: "outline",
@@ -1240,10 +1535,10 @@ function LeadCard({
               children: "Send Loan Application Request"
             }
           ),
-          loanApplicationUrl && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+          loanApplicationUrl && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
             "Or the link below to fill out the loan application directly.",
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("br", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               "a",
               {
                 href: `https://${loanApplicationUrl.replace(/^https?:\/\//, "")}`,
@@ -1261,7 +1556,7 @@ function LeadCard({
 }
 
 // src/components/ui/kanban-column.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function formatTotalValue(value) {
   return formatCurrency(value);
 }
@@ -1317,7 +1612,7 @@ function KanbanColumn({
     const cardId = e.dataTransfer.getData("text/plain");
     if (cardId) onCardDrop(cardId);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       className: cn(
@@ -1331,15 +1626,15 @@ function KanbanColumn({
       }),
       "data-slot": "kanban-column",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-2 border-b border-border bg-background px-3 py-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("h2", { className: "text-sm font-semibold text-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-muted-foreground", children: stage.count }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-2 border-b border-border bg-background px-3 py-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("h2", { className: "text-sm font-semibold text-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-muted-foreground", children: stage.count }),
               " ",
               stage.name
             ] }),
-            hasMenu && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DropdownMenu, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            hasMenu && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenu, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 DropdownMenuTrigger,
                 {
                   className: cn(
@@ -1347,14 +1642,14 @@ function KanbanColumn({
                     "-mr-1 size-7 shrink-0"
                   ),
                   "aria-label": "Column actions",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.MoreVertical, { className: "size-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.MoreVertical, { className: "size-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DropdownMenuContent, { align: "end", children: [
-                onEditColumn && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuItem, { onClick: onEditColumn, children: "Edit column settings" }),
-                !isDefault && onDeleteColumn && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-                  onEditColumn && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuSeparator, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuContent, { align: "end", children: [
+                onEditColumn && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuItem, { onClick: onEditColumn, children: "Edit column settings" }),
+                !isDefault && onDeleteColumn && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                  onEditColumn && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuSeparator, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     DropdownMenuItem,
                     {
                       onClick: onDeleteColumn,
@@ -1366,8 +1661,8 @@ function KanbanColumn({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-            stage.growth != null ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+            stage.growth != null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               Badge,
               {
                 variant: "outline",
@@ -1377,11 +1672,11 @@ function KanbanColumn({
                   stage.growth
                 ]
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xs font-medium tabular-nums text-muted-foreground", children: formatTotalValue(stage.totalValue) })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs font-medium tabular-nums text-muted-foreground", children: formatTotalValue(stage.totalValue) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "div",
           {
             className: cn(
@@ -1392,13 +1687,13 @@ function KanbanColumn({
             onDragLeave: handleDragLeave,
             onDrop: handleDrop,
             children: [
-              (isDropTarget || isDragOver) && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "border border-dashed border-primary/40 bg-primary/5 px-3 py-2 text-center text-xs text-primary", children: [
+              (isDropTarget || isDragOver) && /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime16.jsx)("div", { className: "flex flex-1 items-center justify-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Spinner, { className: "size-5 text-muted-foreground" }) }) : opportunities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex flex-1 items-center justify-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs text-muted-foreground", children: "No opportunities in this stage" }) }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+              isLoading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-1 items-center justify-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Spinner, { className: "size-5 text-muted-foreground" }) }) : opportunities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-1 items-center justify-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-xs text-muted-foreground", children: "No opportunities in this stage" }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
                 opportunities.map(
-                  (opp) => onSendLoanApplication ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  (opp) => onSendLoanApplication ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     LeadCard,
                     {
                       id: opp.id,
@@ -1411,7 +1706,7 @@ function KanbanColumn({
                       isSubmitting: submittingOpportunityId === opp.id
                     },
                     opp.id
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     OpportunityCard,
                     __spreadProps(__spreadValues({}, opp), {
                       draggable: !!onCardDrop,
@@ -1433,12 +1728,12 @@ function KanbanColumn({
                     opp.id
                   )
                 ),
-                hasMore && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                hasMore && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "div",
                   {
                     ref: loaderRef,
                     className: "flex min-h-[50px] items-center justify-center",
-                    children: isLoadingMore && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Spinner, { className: "size-5 text-muted-foreground" })
+                    children: isLoadingMore && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Spinner, { className: "size-5 text-muted-foreground" })
                   }
                 )
               ] })
@@ -1451,7 +1746,7 @@ function KanbanColumn({
 }
 
 // src/components/ui/pipeline-board.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function Toolbar({
   searchValue,
   onSearchChange,
@@ -1460,10 +1755,10 @@ function Toolbar({
   onFilterChange,
   onRefresh
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-wrap items-center gap-3 border-b border-border bg-background px-4 py-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative w-56 shrink-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-wrap items-center gap-3 border-b border-border bg-background px-4 py-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative w-56 shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         Input,
         {
           placeholder: "Search opportunities\u2026",
@@ -1472,7 +1767,7 @@ function Toolbar({
           className: "h-8 pl-8 text-sm"
         }
       ),
-      searchValue && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      searchValue && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         Button,
         {
           type: "button",
@@ -1481,11 +1776,11 @@ function Toolbar({
           onClick: () => onSearchChange(""),
           className: "absolute right-2 top-1/2 size-6 -translate-y-1/2 text-muted-foreground hover:text-foreground",
           "aria-label": "Clear search",
-          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.X, { className: "size-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.X, { className: "size-3.5" })
         }
       )
     ] }),
-    filterOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    filterOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       ToggleGroup,
       {
         type: "multiple",
@@ -1498,10 +1793,10 @@ function Toolbar({
           const toggled = (_a = newValues.find((v) => !activeFilters.includes(v))) != null ? _a : activeFilters.find((v) => !newValues.includes(v));
           if (toggled) onFilterChange(toggled);
         },
-        children: filterOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToggleGroupItem, { value: option, children: option }, option))
+        children: filterOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToggleGroupItem, { value: option, children: option }, option))
       }
     ),
-    onRefresh && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    onRefresh && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       Button,
       {
         type: "button",
@@ -1510,7 +1805,7 @@ function Toolbar({
         onClick: onRefresh,
         className: "ml-auto text-muted-foreground hover:text-foreground",
         "aria-label": "Refresh board",
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.RefreshCw, { className: "size-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.RefreshCw, { className: "size-4" })
       }
     )
   ] });
@@ -1539,13 +1834,13 @@ function PipelineBoard({
   className
 }) {
   const hasToolbar = onSearchChange || filterOptions.length > 0 && onFilterChange;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "div",
     {
       className: cn("flex h-full flex-col bg-muted/20", className),
       "data-slot": "pipeline-board",
       children: [
-        hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           Toolbar,
           {
             searchValue,
@@ -1558,8 +1853,8 @@ function PipelineBoard({
             onRefresh
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-1 gap-3 overflow-x-auto p-4", children: [
-          columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-1 gap-3 overflow-x-auto p-4", children: [
+          columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             KanbanColumn,
             {
               stage: col.stage,
@@ -1588,7 +1883,7 @@ function PipelineBoard({
             },
             col.key
           )),
-          columns.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-muted-foreground", children: "No columns to display." }) })
+          columns.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground", children: "No columns to display." }) })
         ] })
       ]
     }