@wealthx/shadcn 1.5.0 → 1.5.2

package/dist/components/ui/opportunity-card.js

@@ -63,6 +63,7 @@ __export(opportunity_card_exports, {
   OpportunityCard: () => OpportunityCard
 });
 module.exports = __toCommonJS(opportunity_card_exports);
+var import_react5 = require("react");
 var import_lucide_react5 = require("lucide-react");
 
 // src/lib/utils.ts
@@ -660,16 +661,48 @@ function TaskCheckItem({
   );
 }
 
+// src/components/ui/progress.tsx
+var import_progress = require("@base-ui/react/progress");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Progress(_a) {
+  var _b = _a, {
+    className,
+    value
+  } = _b, props = __objRest(_b, [
+    "className",
+    "value"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)(import_progress.Progress.Track, { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10 = require("react/jsx-runtime");
+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_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_tooltip.Tooltip.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -679,11 +712,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+  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_runtime10.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -700,7 +733,7 @@ function TooltipContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tooltip.Tooltip.Positioner, { sideOffset, side, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  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(
@@ -712,14 +745,14 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime10.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_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_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var PRIORITY_COLORS = {
   HIGH: "var(--color-destructive)",
   MEDIUM: "var(--color-warning)",
@@ -742,7 +775,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_runtime12.jsxs)(
+      "p",
+      {
+        className: "flex items-center gap-1.5 text-sm font-semibold",
+        style: { color: "var(--color-success-text)" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Check, { className: "size-3.5 shrink-0" }),
+          "All tasks complete"
+        ]
+      }
+    );
+  } else if (nextTask) {
+    taskHeader = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        agentName && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_lucide_react5.Bot,
+          {
+            className: "size-3.5 shrink-0 text-primary",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "truncate text-sm font-semibold leading-snug", children: nextTask })
+      ] }),
+      agentName && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: agentName })
+    ] });
+  } else {
+    taskHeader = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-muted-foreground", children: "No tasks defined for this stage" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime12.jsxs)("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "min-w-0 flex-1", children: taskHeader }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime12.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "shrink-0 tabular-nums text-xs text-muted-foreground", children: [
+            completedCount,
+            "/",
+            totalCount
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime12.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_runtime12.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_runtime12.jsxs)("span", { className: "flex items-center gap-1", children: [
+                      subtasksExpanded ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ChevronDown, { className: "size-3" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ChevronRight, { className: "size-3" }),
+                      "Subtasks"
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { children: [
+                      completedCount,
+                      " / ",
+                      totalCount
+                    ] })
+                  ]
+                }
+              ),
+              subtasksExpanded && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: "space-y-1.5 pt-1", children: tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime12.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: dealRef }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-1.5", onClick: stopProp, children: [
+          daysSinceColumnChanged !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Badge, { variant: "secondary", className: "px-1.5 text-[10px] font-normal", children: [
+            daysSinceColumnChanged,
+            "d"
+          ] }),
+          hasMenu && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ml-auto", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DropdownMenu, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              DropdownMenuTrigger,
+              {
+                className: cn(
+                  buttonVariants({ variant: "ghost", size: "icon" }),
+                  "size-7 shrink-0"
+                ),
+                "aria-label": "Opportunity actions",
+                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.MoreVertical, { className: "size-4" })
+              }
+            ),
+            /* @__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" })
+              ] })
+            ] })
+          ] }) })
+        ] }),
+        allDone && onMoveToNextStage && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { onClick: stopProp, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime12.jsxs)("div", { onClick: stopProp, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime12.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,
@@ -771,8 +1030,42 @@ function OpportunityCard({
   isSubmitting = false,
   draggable = false,
   onDragStart,
-  className
+  className,
+  viewMode = "deal"
 }) {
+  if (viewMode === "task") {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.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,
@@ -785,8 +1078,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_runtime11.jsxs)(
+  const stopProp = (e) => {
+    e.stopPropagation();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
       className: cn(
@@ -801,19 +1096,19 @@ function OpportunityCard({
       onDragStart,
       onClick: onCardClick,
       children: [
-        onHoldTo && /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)(import_lucide_react5.Clock, { className: "size-3 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Clock, { className: "size-3 shrink-0" }),
               "On hold until ",
               formatDateDayMonth(onHoldTo)
             ]
           }
         ),
-        isModifyCompletedLoan && /* @__PURE__ */ (0, import_jsx_runtime11.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",
@@ -821,14 +1116,14 @@ function OpportunityCard({
             children: "Modify completed loan"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            (loanPurposeLabel || loanType) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Badge, { variant: "outline", className: "self-start", children: loanPurposeLabel != null ? loanPurposeLabel : formatLoanType(loanType) }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsxs)("div", { className: "flex items-center gap-1 -mr-1 -mt-1", onClick: stopProp, children: [
-            onLaunchAssistant && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipProvider, { delay: 0, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.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",
@@ -837,13 +1132,13 @@ function OpportunityCard({
                   className: "size-7 shrink-0",
                   onClick: onLaunchAssistant,
                   "aria-label": "Launch AI",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Bot, { className: "size-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Bot, { className: "size-4" })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipContent, { children: "Launch AI" })
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipContent, { children: "Launch AI" })
             ] }) }),
-            hasMenu && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DropdownMenu, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            hasMenu && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DropdownMenu, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                 DropdownMenuTrigger,
                 {
                   className: cn(
@@ -851,51 +1146,51 @@ function OpportunityCard({
                     "size-7 shrink-0"
                   ),
                   "aria-label": "Opportunity actions",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.MoreVertical, { className: "size-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.MoreVertical, { className: "size-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DropdownMenuContent, { align: "end", children: [
-                onViewDetails && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuItem, { onClick: onViewDetails, children: "View details" }),
-                onChangePriority && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuItem, { onClick: onChangePriority, children: "Change priority" }),
-                onPutOnHold && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuItem, { onClick: onPutOnHold, children: "Put on hold" }),
-                onDelete && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuSeparator, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)(Separator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "truncate text-sm font-semibold text-foreground", children: customerName }),
-            additionalContacts && additionalContacts > 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Badge, { variant: "secondary", className: "shrink-0 gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.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_react5.Users, { className: "size-3", "aria-hidden": "true" }),
               "Joint"
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Badge, { variant: "secondary", className: "shrink-0 gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.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_react5.User, { className: "size-3", "aria-hidden": "true" }),
               "Individual"
             ] })
           ] }),
-          customerPhone && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.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_react5.Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
             customerPhone
           ] }),
-          customerEmail && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.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_react5.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "truncate", children: customerEmail })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Separator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.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_react5.Calendar, { className: "size-3 shrink-0", "aria-hidden": "true" }),
             formatDateShort(date)
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-            daysSinceColumnChanged !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.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_react5.Clock,
                 {
                   className: "size-3 shrink-0",
@@ -903,7 +1198,7 @@ function OpportunityCard({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
                 "span",
                 {
                   className: "text-xs font-medium tabular-nums",
@@ -915,7 +1210,7 @@ function OpportunityCard({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "span",
               {
                 role: "img",
@@ -927,8 +1222,8 @@ function OpportunityCard({
           ] })
         ] }),
         hasTasks && // stopPropagation: accordion expand/collapse + task checkboxes must not bubble to onCardClick
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { onClick: stopProp, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { onClick: stopProp, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "div",
             {
               className: "flex gap-0.5",
@@ -937,7 +1232,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_runtime11.jsx)(
+              children: tasks.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                 "div",
                 {
                   className: cn(
@@ -949,15 +1244,15 @@ function OpportunityCard({
               ))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Accordion, { type: "single", collapsible: true, className: "-mx-4", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(AccordionItem, { value: "tasks", className: "border-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)(AccordionContent, { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex flex-col", children: tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime11.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,
@@ -969,23 +1264,23 @@ function OpportunityCard({
               task.id
             )) }) })
           ] }) }),
-          nextTask && /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.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_react5.ArrowRight,
               {
                 className: "mt-0.5 size-3 shrink-0 text-primary",
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-medium", children: "Next:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.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 && // stopPropagation: button clicks must not bubble to onCardClick
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { onClick: stopProp, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Separator, {}),
-          (onMoveToNextStage || onMarkAsDone) && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex gap-2 pt-2", children: [
-            onMoveToNextStage && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__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",
@@ -996,7 +1291,7 @@ function OpportunityCard({
                 children: "Move to next stage"
               }
             ),
-            onMarkAsDone && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            onMarkAsDone && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               Button,
               {
                 variant: "default",
@@ -1023,7 +1318,7 @@ function LeadCard({
   isSubmitting = false,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
       className: cn(
@@ -1033,20 +1328,20 @@ function LeadCard({
       ),
       "data-slot": "lead-card",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm font-semibold text-foreground", children: customerName }),
-            customerPhone && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.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_react5.Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
               customerPhone
             ] }),
-            customerEmail && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
-              /* @__PURE__ */ (0, import_jsx_runtime11.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_react5.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_runtime11.jsxs)(DropdownMenu, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          onDelete && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DropdownMenu, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               DropdownMenuTrigger,
               {
                 className: cn(
@@ -1054,10 +1349,10 @@ function LeadCard({
                   "-mr-1 -mt-1 size-7 shrink-0"
                 ),
                 "aria-label": "Lead actions",
-                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.MoreVertical, { className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.MoreVertical, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               DropdownMenuItem,
               {
                 onClick: onDelete,
@@ -1067,9 +1362,9 @@ function LeadCard({
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Separator, {}),
-        onSendLoanApplication && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.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",
@@ -1080,10 +1375,10 @@ function LeadCard({
               children: "Send Loan Application Request"
             }
           ),
-          loanApplicationUrl && /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)("br", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "a",
               {
                 href: `https://${loanApplicationUrl.replace(/^https?:\/\//, "")}`,