@wealthx/shadcn 1.5.14 → 1.5.16

package/dist/index.js

@@ -3105,6 +3105,31 @@ var MEETING_LABEL = {
   phone: "Phone Call",
   "in-person": "In Person"
 };
+var MEETING_DETAIL_ICON = {
+  video: import_lucide_react6.Link2,
+  phone: import_lucide_react6.PhoneCall,
+  "in-person": import_lucide_react6.Navigation
+};
+function MeetingDetailRow({
+  meetingType,
+  detail
+}) {
+  const DetailIcon = MEETING_DETAIL_ICON[meetingType];
+  const isLink = detail.startsWith("http");
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DetailIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+    isLink ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "a",
+      {
+        href: detail,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "text-sm text-primary underline underline-offset-2 break-all hover:text-primary/80",
+        children: detail
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-muted-foreground break-all", children: detail })
+  ] });
+}
 function AppointmentSection({
   appointment,
   contactId,
@@ -3124,6 +3149,13 @@ function AppointmentSection({
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AppointmentIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-muted-foreground", children: MEETING_LABEL[appointment.meetingType] })
     ] }),
+    appointment.meetingDetail && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      MeetingDetailRow,
+      {
+        meetingType: appointment.meetingType,
+        detail: appointment.meetingDetail
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "span",
       {
@@ -9233,7 +9265,7 @@ function AppointmentBookDialog({
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-4 overflow-y-auto max-h-[calc(90vh-200px)]", children: [
       !isClientMode && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label, { children: "Client" }),
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -19361,9 +19393,6 @@ function LeadCard({
 
 // src/components/ui/kanban-column.tsx
 var import_jsx_runtime96 = require("react/jsx-runtime");
-function formatTotalValue(value) {
-  return formatCurrency(value);
-}
 function growthColor(growth) {
   return growth > 0 ? "var(--color-success-text)" : "var(--color-destructive-text)";
 }
@@ -19379,6 +19408,7 @@ function KanbanColumn({
   loaderRef,
   onEditColumn,
   onDeleteColumn,
+  onAddLead,
   onTaskToggle,
   onMarkAsDone,
   onMoveToNextStage,
@@ -19432,34 +19462,58 @@ function KanbanColumn({
         /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-2 border-b border-border bg-background px-3 py-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("h2", { className: "text-sm font-semibold text-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-muted-foreground", children: stage.count }),
-              " ",
-              stage.name
-            ] }),
-            hasMenu && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(DropdownMenu, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
-                DropdownMenuTrigger,
+                "span",
                 {
-                  className: cn(
-                    buttonVariants({ variant: "ghost", size: "icon" }),
-                    "-mr-1 size-7 shrink-0"
-                  ),
-                  "aria-label": "Column actions",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_lucide_react53.MoreVertical, { className: "size-4" })
+                  className: cn(!stage.countColor && "text-muted-foreground"),
+                  style: stage.countColor ? { color: stage.countColor } : void 0,
+                  children: stage.count
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(DropdownMenuContent, { align: "end", children: [
-                onEditColumn && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(DropdownMenuItem, { onClick: onEditColumn, children: "Edit column settings" }),
-                !isDefault && onDeleteColumn && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-                  onEditColumn && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(DropdownMenuSeparator, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
-                    DropdownMenuItem,
-                    {
-                      onClick: onDeleteColumn,
-                      className: "text-destructive focus:text-destructive",
-                      children: "Delete column"
-                    }
-                  )
+              " ",
+              stage.name
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-0.5", children: [
+              onAddLead && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Tooltip, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                  "button",
+                  {
+                    className: cn(
+                      buttonVariants({ variant: "ghost", size: "icon" }),
+                      "size-7 shrink-0"
+                    ),
+                    onClick: onAddLead,
+                    "aria-label": "Add lead",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_lucide_react53.Plus, { className: "size-4" })
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TooltipContent, { children: "Add lead" })
+              ] }) }),
+              hasMenu && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(DropdownMenu, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                  DropdownMenuTrigger,
+                  {
+                    className: cn(
+                      buttonVariants({ variant: "ghost", size: "icon" }),
+                      "-mr-1 size-7 shrink-0"
+                    ),
+                    "aria-label": "Column actions",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_lucide_react53.MoreVertical, { className: "size-4" })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(DropdownMenuContent, { align: "end", children: [
+                  onEditColumn && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(DropdownMenuItem, { onClick: onEditColumn, children: "Edit column settings" }),
+                  !isDefault && onDeleteColumn && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+                    onEditColumn && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(DropdownMenuSeparator, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                      DropdownMenuItem,
+                      {
+                        onClick: onDeleteColumn,
+                        className: "text-destructive focus:text-destructive",
+                        children: "Delete column"
+                      }
+                    )
+                  ] })
                 ] })
               ] })
             ] })
@@ -19476,7 +19530,7 @@ function KanbanColumn({
                 ]
               }
             ) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-xs font-medium tabular-nums text-muted-foreground", children: formatTotalValue(stage.totalValue) })
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-sm font-bold tabular-nums text-foreground", children: formatCurrency(stage.totalValue) })
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
@@ -23161,6 +23215,37 @@ function PipelineBoard({
   className
 }) {
   const hasToolbar = onSearchChange || filterOptions.length > 0 && onFilterChange;
+  const pinnedCols = columns.filter((c) => c.isPinned);
+  const scrollableCols = columns.filter((c) => !c.isPinned);
+  const renderColumn = (col) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+    KanbanColumn,
+    {
+      stage: col.stage,
+      opportunities: col.opportunities,
+      isDragging: col.isDragging,
+      isDropTarget: col.isDropTarget,
+      isDefault: col.isDefault,
+      isLoading: col.isLoading,
+      isLoadingMore: col.isLoadingMore,
+      hasMore: col.hasMore,
+      loaderRef: col.loaderRef,
+      onEditColumn: !col.isPinned && onEditColumn ? () => onEditColumn(col.stage.id) : void 0,
+      onDeleteColumn: onDeleteColumn && !col.isDefault && !col.isPinned ? () => onDeleteColumn(col.stage.id) : void 0,
+      onCardDrop: onMoveCard ? (cardId) => onMoveCard(cardId, col.key) : void 0,
+      onCardClick,
+      onTaskToggle,
+      onMarkAsDone,
+      onMoveToNextStage,
+      onSendLoanApplication: col.onSendLoanApplication,
+      onViewDetails,
+      onChangePriority,
+      onPutOnHold,
+      onDeleteOpportunity,
+      onAddLead: col.onAddLead,
+      submittingOpportunityId
+    },
+    col.key
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     "div",
     {
@@ -23180,36 +23265,12 @@ function PipelineBoard({
             onRefresh
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-1 gap-3 overflow-x-auto p-4", children: [
-          columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
-            KanbanColumn,
-            {
-              stage: col.stage,
-              opportunities: col.opportunities,
-              isDragging: col.isDragging,
-              isDropTarget: col.isDropTarget,
-              isDefault: col.isDefault,
-              isLoading: col.isLoading,
-              isLoadingMore: col.isLoadingMore,
-              hasMore: col.hasMore,
-              loaderRef: col.loaderRef,
-              onEditColumn: onEditColumn ? () => onEditColumn(col.stage.id) : void 0,
-              onDeleteColumn: onDeleteColumn && !col.isDefault ? () => onDeleteColumn(col.stage.id) : void 0,
-              onCardDrop: onMoveCard ? (cardId) => onMoveCard(cardId, col.key) : void 0,
-              onCardClick,
-              onTaskToggle,
-              onMarkAsDone,
-              onMoveToNextStage,
-              onSendLoanApplication: col.onSendLoanApplication,
-              onViewDetails,
-              onChangePriority,
-              onPutOnHold,
-              onDeleteOpportunity,
-              submittingOpportunityId
-            },
-            col.key
-          )),
-          columns.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "text-sm text-muted-foreground", children: "No columns to display." }) })
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-1 overflow-hidden", children: [
+          pinnedCols.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex shrink-0 gap-3 border-r border-border p-4", children: pinnedCols.map(renderColumn) }),
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-1 gap-3 overflow-x-auto p-4", children: [
+            scrollableCols.map(renderColumn),
+            columns.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "text-sm text-muted-foreground", children: "No columns to display." }) })
+          ] })
         ] })
       ]
     }

package/dist/index.mjs

@@ -71,7 +71,7 @@ import {
 } from "./chunk-KFH36NKF.mjs";
 import {
   PipelineBoard
-} from "./chunk-ZA44WICP.mjs";
+} from "./chunk-FGHM34AV.mjs";
 import {
   PipelineChart
 } from "./chunk-PCULNQWA.mjs";
@@ -117,7 +117,7 @@ import {
 } from "./chunk-PUJ42INK.mjs";
 import {
   KanbanColumn
-} from "./chunk-AKWN5ZQG.mjs";
+} from "./chunk-A43XIVO6.mjs";
 import {
   LeadCard,
   OpportunityCard
@@ -364,7 +364,7 @@ import {
 } from "./chunk-R2ON6CAN.mjs";
 import {
   AppointmentBookDialog
-} from "./chunk-J7KQON2N.mjs";
+} from "./chunk-RKHKBEE6.mjs";
 import {
   RadioGroup,
   RadioGroupCard,
@@ -516,7 +516,7 @@ import {
   ConversationStatusChip,
   ConversationsPage,
   LeadInfoPanel
-} from "./chunk-EB626HVW.mjs";
+} from "./chunk-LRQSY3TP.mjs";
 import {
   Tooltip,
   TooltipContent,