@wealthx/shadcn 1.4.1 → 1.5.0

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

@@ -535,18 +535,65 @@ function Checkbox(_a) {
   );
 }
 
-// src/components/ui/pipeline-primitives.tsx
+// src/components/ui/switch.tsx
+var import_react4 = require("react");
+var import_switch = require("@base-ui/react/switch");
 var import_jsx_runtime8 = require("react/jsx-runtime");
+function Switch(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_switch.Switch.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[size=default]:h-[1.15rem] data-[size=default]:w-8",
+        "data-[size=sm]:h-3.5 data-[size=sm]:w-6",
+        "data-checked:bg-primary data-unchecked:bg-input",
+        "aria-invalid:data-checked:bg-destructive aria-invalid:border-destructive",
+        "dark:data-unchecked:bg-input/80",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "switch"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_switch.Switch.Thumb,
+        {
+          className: cn(
+            "pointer-events-none block rounded-full bg-background ring-0 transition-transform",
+            "group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3",
+            "data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0",
+            "dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground"
+          ),
+          "data-slot": "switch-thumb"
+        }
+      )
+    })
+  );
+}
+
+// src/components/ui/pipeline-primitives.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function TaskCheckItem({
   title,
   completed,
   aiAgentName,
+  autoCompleteEnabled,
+  onAutoCompleteToggle,
   onToggle,
   disabled = false,
   size = "xs",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
       className: cn(
@@ -557,7 +604,7 @@ function TaskCheckItem({
       onClick: () => onToggle == null ? void 0 : onToggle(),
       "data-slot": "task-check-item",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { onClick: (e) => e.stopPropagation(), className: "mt-0.5 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { onClick: (e) => e.stopPropagation(), className: "mt-0.5 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           Checkbox,
           {
             checked: completed,
@@ -565,8 +612,8 @@ function TaskCheckItem({
             disabled
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "span",
             {
               className: cn(
@@ -577,8 +624,8 @@ function TaskCheckItem({
               children: title
             }
           ),
-          aiAgentName && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Badge, { variant: "secondary", className: "gap-1 text-[10px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          aiAgentName && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Badge, { variant: "secondary", className: "gap-1 text-[10px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               "span",
               {
                 className: "size-1.5 rounded-full bg-primary",
@@ -586,15 +633,93 @@ function TaskCheckItem({
               }
             ),
             aiAgentName
-          ] })
+          ] }),
+          aiAgentName && autoCompleteEnabled !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+            "span",
+            {
+              className: "flex items-center gap-1.5",
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  Switch,
+                  {
+                    checked: autoCompleteEnabled,
+                    onCheckedChange: () => onAutoCompleteToggle == null ? void 0 : onAutoCompleteToggle(),
+                    disabled,
+                    className: "scale-75 origin-left",
+                    "aria-label": "Allow agent to auto complete"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-[10px] text-muted-foreground", children: "Allow Agent to Auto Complete" })
+              ]
+            }
+          )
         ] })
       ]
     }
   );
 }
 
+// src/components/ui/tooltip.tsx
+var import_tooltip = require("@base-ui/react/tooltip");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function TooltipProvider(_a) {
+  var _b = _a, {
+    delay = 0
+  } = _b, props = __objRest(_b, [
+    "delay"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_tooltip.Tooltip.Provider,
+    __spreadValues({
+      "data-slot": "tooltip-provider",
+      delay
+    }, props)
+  );
+}
+function Tooltip(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.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));
+}
+function TooltipContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 8,
+    side,
+    children,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "side",
+    "children",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ (0, import_jsx_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)(
+    import_tooltip.Tooltip.Popup,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative z-50 w-fit animate-in overflow-visible bg-brand-secondary px-3 py-1.5 text-caption text-balance text-brand-secondary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
+        className
+      ),
+      "data-slot": "tooltip-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style)
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_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" })
+      ]
+    })
+  ) }) });
+}
+
 // src/components/ui/opportunity-card.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var PRIORITY_COLORS = {
   HIGH: "var(--color-destructive)",
   MEDIUM: "var(--color-warning)",
@@ -634,6 +759,7 @@ function OpportunityCard({
   isModifyCompletedLoan,
   tasks = [],
   nextTask,
+  onCardClick,
   onViewDetails,
   onTaskToggle,
   onMarkAsDone,
@@ -643,6 +769,8 @@ function OpportunityCard({
   onDelete,
   onPutOnHold,
   isSubmitting = false,
+  draggable = false,
+  onDragStart,
   className
 }) {
   const resolvedPriority = resolvePriority(
@@ -657,29 +785,35 @@ function OpportunityCard({
   const hasTasks = tasks.length > 0;
   const hasActions = onMarkAsDone || onMoveToNextStage;
   const hasMenu = onViewDetails || onChangePriority || onPutOnHold || onDelete;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  const stopProp = (e) => e.stopPropagation();
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "div",
     {
       className: cn(
         "flex flex-col gap-2 border border-border bg-background p-4 text-foreground shadow-sm",
+        onCardClick && "cursor-pointer",
+        draggable && "cursor-grab active:cursor-grabbing",
         isSubmitting && "opacity-60",
         className
       ),
       "data-slot": "opportunity-card",
+      draggable,
+      onDragStart,
+      onClick: onCardClick,
       children: [
-        onHoldTo && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+        onHoldTo && /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime9.jsx)(import_lucide_react5.Clock, { className: "size-3 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Clock, { className: "size-3 shrink-0" }),
               "On hold until ",
               formatDateDayMonth(onHoldTo)
             ]
           }
         ),
-        isModifyCompletedLoan && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        isModifyCompletedLoan && /* @__PURE__ */ (0, import_jsx_runtime11.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",
@@ -687,27 +821,29 @@ function OpportunityCard({
             children: "Modify completed loan"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            (loanPurposeLabel || loanType) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Badge, { variant: "outline", className: "self-start", children: loanPurposeLabel != null ? loanPurposeLabel : formatLoanType(loanType) }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-base font-bold tabular-nums text-foreground", children: formatCurrency(amount) })
+        /* @__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_runtime9.jsxs)("div", { className: "flex items-center gap-1 -mr-1 -mt-1", children: [
-            onLaunchAssistant && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                className: "size-7 shrink-0",
-                onClick: onLaunchAssistant,
-                "aria-label": "Launch AI Assistant",
-                title: "Launch AI Assistant",
-                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.Bot, { className: "size-4" })
-              }
-            ),
-            hasMenu && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DropdownMenu, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__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)(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  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" })
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipContent, { children: "Launch AI" })
+            ] }) }),
+            hasMenu && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DropdownMenu, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                 DropdownMenuTrigger,
                 {
                   className: cn(
@@ -715,51 +851,51 @@ function OpportunityCard({
                     "size-7 shrink-0"
                   ),
                   "aria-label": "Opportunity actions",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.MoreVertical, { className: "size-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.MoreVertical, { className: "size-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DropdownMenuContent, { align: "end", children: [
-                onViewDetails && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuItem, { onClick: onViewDetails, children: "View details" }),
-                onChangePriority && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuItem, { onClick: onChangePriority, children: "Change priority" }),
-                onPutOnHold && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuItem, { onClick: onPutOnHold, children: "Put on hold" }),
-                onDelete && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuSeparator, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuItem, { onClick: onDelete, variant: "destructive", children: "Delete" })
+              /* @__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_runtime9.jsx)(Separator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "truncate text-sm font-semibold text-foreground", children: customerName }),
-            additionalContacts && additionalContacts > 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Badge, { variant: "secondary", className: "shrink-0 gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.Users, { className: "size-3", "aria-hidden": "true" }),
+        /* @__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" }),
               "Joint"
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Badge, { variant: "secondary", className: "shrink-0 gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.User, { className: "size-3", "aria-hidden": "true" }),
+            ] }) : /* @__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" }),
               "Individual"
             ] })
           ] }),
-          customerPhone && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+          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
           ] }),
-          customerEmail && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "truncate", children: customerEmail })
+          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 })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Separator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.Calendar, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+        /* @__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" }),
             formatDateShort(date)
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-            daysSinceColumnChanged !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__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)(
                 import_lucide_react5.Clock,
                 {
                   className: "size-3 shrink-0",
@@ -767,7 +903,7 @@ function OpportunityCard({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
                 "span",
                 {
                   className: "text-xs font-medium tabular-nums",
@@ -779,7 +915,7 @@ function OpportunityCard({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               "span",
               {
                 role: "img",
@@ -790,8 +926,9 @@ function OpportunityCard({
             )
           ] })
         ] }),
-        hasTasks && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        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)(
             "div",
             {
               className: "flex gap-0.5",
@@ -800,7 +937,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_runtime9.jsx)(
+              children: tasks.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                 "div",
                 {
                   className: cn(
@@ -812,15 +949,15 @@ function OpportunityCard({
               ))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Accordion, { type: "single", collapsible: true, className: "-mx-4", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(AccordionItem, { value: "tasks", className: "border-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.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_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: [
               "Tasks (",
               completedCount,
               "/",
               tasks.length,
               ")"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AccordionContent, { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex flex-col", children: tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            /* @__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)(
               TaskCheckItem,
               {
                 title: task.title,
@@ -832,22 +969,23 @@ function OpportunityCard({
               task.id
             )) }) })
           ] }) }),
-          nextTask && /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.jsx)(
+          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)(
               import_lucide_react5.ArrowRight,
               {
                 className: "mt-0.5 size-3 shrink-0 text-primary",
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "font-medium", children: "Next:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-muted-foreground", children: nextTask })
+            /* @__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 })
           ] })
         ] }),
-        hasActions && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Separator, {}),
-          (onMoveToNextStage || onMarkAsDone) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex gap-2", children: [
-            onMoveToNextStage && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        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)(
               Button,
               {
                 variant: "outline",
@@ -858,7 +996,7 @@ function OpportunityCard({
                 children: "Move to next stage"
               }
             ),
-            onMarkAsDone && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            onMarkAsDone && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               Button,
               {
                 variant: "default",
@@ -885,7 +1023,7 @@ function LeadCard({
   isSubmitting = false,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "div",
     {
       className: cn(
@@ -895,20 +1033,20 @@ function LeadCard({
       ),
       "data-slot": "lead-card",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-semibold text-foreground", children: customerName }),
-            customerPhone && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+        /* @__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" }),
               customerPhone
             ] }),
-            customerEmail && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "truncate", children: customerEmail })
+            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 })
             ] })
           ] }),
-          onDelete && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DropdownMenu, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          onDelete && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DropdownMenu, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               DropdownMenuTrigger,
               {
                 className: cn(
@@ -916,10 +1054,10 @@ function LeadCard({
                   "-mr-1 -mt-1 size-7 shrink-0"
                 ),
                 "aria-label": "Lead actions",
-                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.MoreVertical, { className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.MoreVertical, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               DropdownMenuItem,
               {
                 onClick: onDelete,
@@ -929,9 +1067,9 @@ function LeadCard({
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Separator, {}),
-        onSendLoanApplication && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__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)(
             Button,
             {
               variant: "outline",
@@ -942,10 +1080,10 @@ function LeadCard({
               children: "Send Loan Application Request"
             }
           ),
-          loanApplicationUrl && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+          loanApplicationUrl && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
             "Or the link below to fill out the loan application directly.",
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("br", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               "a",
               {
                 href: `https://${loanApplicationUrl.replace(/^https?:\/\//, "")}`,

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

@@ -1,19 +1,21 @@
 import {
   LeadCard,
   OpportunityCard
-} from "../../chunk-K4KOD3KR.mjs";
-import "../../chunk-K5QV4TT6.mjs";
-import "../../chunk-MN5NYQCL.mjs";
-import "../../chunk-RSUIPKGX.mjs";
+} from "../../chunk-42NEC57Y.mjs";
+import "../../chunk-2WCIORP7.mjs";
+import "../../chunk-IKXYTCSB.mjs";
+import "../../chunk-PNSYFE3K.mjs";
+import "../../chunk-HNDTLT5X.mjs";
+import "../../chunk-6SR4K5T5.mjs";
+import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-WL6WVV47.mjs";
-import "../../chunk-M4VYX2PV.mjs";
+import "../../chunk-PV3Y7QGK.mjs";
+import "../../chunk-WDTXHLYM.mjs";
+import "../../chunk-S4CTM3UE.mjs";
 import "../../chunk-UNACI2YK.mjs";
-import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-IKXYTCSB.mjs";
+import "../../chunk-MN5NYQCL.mjs";
 import "../../chunk-NOOEKOWY.mjs";
 import "../../chunk-R4HCRDU5.mjs";
-import "../../chunk-FEZKMUCF.mjs";
-import "../../chunk-QOJ2DQD6.mjs";
 import "../../chunk-AFML43VJ.mjs";
 import "../../chunk-WNQUEZJF.mjs";
 export {

package/dist/components/ui/opportunity-edit-modals.js

@@ -302,7 +302,7 @@ function DialogContent(_a) {
     showCloseButton = true,
     style,
     container,
-    align = "center",
+    align = "top",
     size = "lg",
     minWidth
   } = _b, props = __objRest(_b, [