@wealthx/shadcn 1.5.0 → 1.5.2

package/dist/{chunk-MHHA7QGO.mjs → chunk-ODO6BUOF.mjs}

@@ -1,7 +1,7 @@
 import {
   LeadCard,
   OpportunityCard
-} from "./chunk-42NEC57Y.mjs";
+} from "./chunk-RAKBWNQH.mjs";
 import {
   Spinner
 } from "./chunk-JVMXMFBB.mjs";

package/dist/chunk-PX4M67XQ.mjs

@@ -0,0 +1,301 @@
+import {
+  Progress
+} from "./chunk-JPGL36WQ.mjs";
+import {
+  Skeleton
+} from "./chunk-GTAVSBDO.mjs";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "./chunk-GT3RU6GA.mjs";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-TAX3KL66.mjs";
+import {
+  Spinner
+} from "./chunk-JVMXMFBB.mjs";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-6SR4K5T5.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/file-preview-dialog.tsx
+import * as React from "react";
+import {
+  AlertCircleIcon,
+  CheckCircle2Icon,
+  CircleAlertIcon,
+  FileTextIcon,
+  Trash2Icon
+} from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function LoadingState({ columnCount }) {
+  const cols = Math.max(columnCount, 3);
+  return /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: cols }).map((_, i) => /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }) }, i)) }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: Array.from({ length: 4 }).map((_, rowIdx) => /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: cols }).map((_2, colIdx) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }) }, colIdx)) }, rowIdx)) })
+  ] });
+}
+function EmptyState() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 py-12 text-center", children: [
+    /* @__PURE__ */ jsx(FileTextIcon, { className: "size-10 text-muted-foreground/40" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "No data found" }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "The CSV file appears to be empty or contains only headers." })
+  ] });
+}
+function ErrorState({ message }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 py-12 text-center", children: [
+    /* @__PURE__ */ jsx(AlertCircleIcon, { className: "size-10 text-destructive/60" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Unable to parse file" }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: message != null ? message : "The file could not be read. Please check the format and try again." })
+  ] });
+}
+function ImportingState({
+  progress,
+  successCount,
+  failedCount
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 py-8", children: [
+    /* @__PURE__ */ jsx(Spinner, { className: "size-6" }),
+    /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm space-y-2", children: [
+      /* @__PURE__ */ jsx(Progress, { value: progress, className: "h-1.5" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Importing\u2026 ",
+          progress,
+          "%"
+        ] }),
+        (successCount > 0 || failedCount > 0) && /* @__PURE__ */ jsxs("span", { children: [
+          successCount,
+          " success \xB7 ",
+          failedCount,
+          " failed"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function RowStatusCell({ row }) {
+  const { _status, _statusMessage } = row;
+  if (_status === "success") {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full px-2", children: /* @__PURE__ */ jsx(CheckCircle2Icon, { className: "size-4 text-success" }) });
+  }
+  if (_status === "failed") {
+    return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full px-2 cursor-default", children: /* @__PURE__ */ jsx(CircleAlertIcon, { className: "size-4 text-destructive" }) }) }),
+      _statusMessage && /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: _statusMessage })
+    ] }) });
+  }
+  return null;
+}
+function FilePreviewDialog({
+  open,
+  onOpenChange,
+  fileName,
+  state = "preview",
+  errorMessage,
+  columns = [],
+  rows = [],
+  onRowChange,
+  onRowDelete,
+  onImport,
+  onCancelImport,
+  importProgress = 0,
+  totalRows,
+  validRows,
+  pageSize = 10,
+  staffOptions,
+  selectedStaffId,
+  onStaffSelect,
+  className
+}) {
+  const [page, setPage] = React.useState(0);
+  React.useEffect(() => {
+    setPage(0);
+  }, [rows.length]);
+  const totalPages = Math.ceil(rows.length / pageSize);
+  const pagedRows = rows.slice(page * pageSize, (page + 1) * pageSize);
+  const pageStart = page * pageSize;
+  const isImporting = state === "importing";
+  const hasStaffSelector = !!staffOptions && staffOptions.length > 0;
+  const canImport = state === "preview" && rows.length > 0 && (!hasStaffSelector || !!selectedStaffId);
+  const successCount = rows.filter((r) => r._status === "success").length;
+  const failedCount = rows.filter((r) => r._status === "failed").length;
+  const hasStatus = rows.some((r) => r._status !== void 0);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: isImporting ? void 0 : onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "3xl", className, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Preview Import" }) }),
+    fileName && state !== "error" && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: fileName }),
+      state === "preview" && totalRows !== void 0 && /* @__PURE__ */ jsxs("span", { children: [
+        validRows != null ? validRows : rows.length,
+        " valid row",
+        (validRows != null ? validRows : rows.length) !== 1 ? "s" : "",
+        " / ",
+        totalRows,
+        " ",
+        "total"
+      ] }),
+      hasStatus && /* @__PURE__ */ jsxs("span", { children: [
+        successCount,
+        " success \xB7 ",
+        failedCount,
+        " failed"
+      ] })
+    ] }),
+    state === "loading" && /* @__PURE__ */ jsx(LoadingState, { columnCount: columns.length }),
+    state === "empty" && /* @__PURE__ */ jsx(EmptyState, {}),
+    state === "error" && /* @__PURE__ */ jsx(ErrorState, { message: errorMessage }),
+    state === "importing" && /* @__PURE__ */ jsx(
+      ImportingState,
+      {
+        progress: importProgress,
+        successCount,
+        failedCount
+      }
+    ),
+    state === "preview" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      hasStaffSelector && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxs("label", { className: "text-label-medium text-foreground", children: [
+          "Assign staff",
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "text-destructive", "aria-hidden": "true", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: selectedStaffId != null ? selectedStaffId : "",
+            onValueChange: (id) => onStaffSelect == null ? void 0 : onStaffSelect(id),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a staff member" }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: staffOptions.map((s) => /* @__PURE__ */ jsx(SelectItem, { value: s.id, children: s.name }, s.id)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "All contacts in this import will be assigned to the selected staff member." })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "max-h-[360px] overflow-auto border border-border", children: /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(TableHeader, { className: "sticky top-0 z-10 bg-muted/80 backdrop-blur-sm", children: /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableHead, { className: "w-10 text-center select-none", children: "#" }),
+          columns.map((col) => /* @__PURE__ */ jsx(TableHead, { className: "select-none", children: col.label }, col.key)),
+          hasStatus && /* @__PURE__ */ jsx(TableHead, { className: "w-16 text-center select-none", children: "Status" }),
+          onRowDelete && /* @__PURE__ */ jsx(TableHead, { className: "w-10 select-none" })
+        ] }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: pagedRows.map((row, pageRowIdx) => {
+          const absoluteIdx = pageStart + pageRowIdx;
+          return /* @__PURE__ */ jsxs(
+            TableRow,
+            {
+              className: cn(
+                row._status === "failed" && "bg-destructive/5",
+                row._status === "success" && "bg-success/5"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(TableCell, { className: "text-center text-xs text-muted-foreground select-none w-10", children: absoluteIdx + 1 }),
+                columns.map((col) => {
+                  var _a;
+                  return /* @__PURE__ */ jsx(TableCell, { className: "p-0", children: /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "text",
+                      value: (_a = row[col.key]) != null ? _a : "",
+                      onChange: (e) => onRowChange == null ? void 0 : onRowChange(
+                        absoluteIdx,
+                        col.key,
+                        e.target.value
+                      ),
+                      className: cn(
+                        "w-full bg-transparent px-4 py-3 text-sm text-foreground",
+                        "focus:outline-none focus:ring-1 focus:ring-inset focus:ring-primary"
+                      )
+                    }
+                  ) }, col.key);
+                }),
+                hasStatus && /* @__PURE__ */ jsx(TableCell, { className: "text-center w-16 p-0", children: /* @__PURE__ */ jsx(RowStatusCell, { row }) }),
+                onRowDelete && /* @__PURE__ */ jsx(TableCell, { className: "w-10 p-0 text-center", children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    "aria-label": `Delete row ${absoluteIdx + 1}`,
+                    onClick: () => onRowDelete(absoluteIdx),
+                    className: "text-muted-foreground hover:text-destructive",
+                    children: /* @__PURE__ */ jsx(Trash2Icon, { className: "size-3.5" })
+                  }
+                ) })
+              ]
+            },
+            absoluteIdx
+          );
+        }) })
+      ] }) }),
+      totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground pt-1", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Showing ",
+          pageStart + 1,
+          "\u2013",
+          Math.min(pageStart + pageSize, rows.length),
+          " of ",
+          rows.length
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => setPage((p) => Math.max(0, p - 1)),
+              disabled: page === 0,
+              children: "Previous"
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "px-2", children: [
+            page + 1,
+            " / ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => setPage((p) => Math.min(totalPages - 1, p + 1)),
+              disabled: page >= totalPages - 1,
+              children: "Next"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(DialogFooter, { children: isImporting ? /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onCancelImport, children: "Cancel Import" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { disabled: !canImport, onClick: onImport, children: "Import" })
+    ] }) })
+  ] }) });
+}
+
+export {
+  FilePreviewDialog
+};

package/dist/{chunk-FYUSF5KO.mjs → chunk-QRVEI6J3.mjs}

@@ -1,6 +1,6 @@
 import {
   KanbanColumn
-} from "./chunk-MHHA7QGO.mjs";
+} from "./chunk-ODO6BUOF.mjs";
 import {
   ToggleGroup,
   ToggleGroupItem

package/dist/{chunk-42NEC57Y.mjs → chunk-RAKBWNQH.mjs}

@@ -1,6 +1,9 @@
 import {
   TaskCheckItem
 } from "./chunk-2WCIORP7.mjs";
+import {
+  Progress
+} from "./chunk-JPGL36WQ.mjs";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -42,16 +45,20 @@ import {
 } from "./chunk-AFML43VJ.mjs";
 
 // src/components/ui/opportunity-card.tsx
+import { useState } from "react";
 import {
   Phone,
   Mail,
   User,
   Users,
   Calendar,
+  Check,
   MoreVertical,
   Clock,
   ArrowRight,
-  Bot
+  Bot,
+  ChevronDown,
+  ChevronRight
 } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var PRIORITY_COLORS = {
@@ -76,7 +83,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] = 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__ */ jsxs(
+      "p",
+      {
+        className: "flex items-center gap-1.5 text-sm font-semibold",
+        style: { color: "var(--color-success-text)" },
+        children: [
+          /* @__PURE__ */ jsx(Check, { className: "size-3.5 shrink-0" }),
+          "All tasks complete"
+        ]
+      }
+    );
+  } else if (nextTask) {
+    taskHeader = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        agentName && /* @__PURE__ */ jsx(
+          Bot,
+          {
+            className: "size-3.5 shrink-0 text-primary",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold leading-snug", children: nextTask })
+      ] }),
+      agentName && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: agentName })
+    ] });
+  } else {
+    taskHeader = /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No tasks defined for this stage" });
+  }
+  return /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: taskHeader }),
+          /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs("span", { className: "shrink-0 tabular-nums text-xs text-muted-foreground", children: [
+            completedCount,
+            "/",
+            totalCount
+          ] }),
+          /* @__PURE__ */ jsx(
+            Progress,
+            {
+              value: completedCount / totalCount * 100,
+              className: cn(
+                "h-1.5 flex-1",
+                allDone && "[&_[data-slot=progress-indicator]]:bg-success"
+              )
+            }
+          )
+        ] }),
+        hasTasks && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "space-y-1 border-t border-border pt-2",
+            onClick: stopProp,
+            role: "presentation",
+            onKeyDown: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ 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__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+                      subtasksExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-3" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-3" }),
+                      "Subtasks"
+                    ] }),
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      completedCount,
+                      " / ",
+                      totalCount
+                    ] })
+                  ]
+                }
+              ),
+              subtasksExpanded && /* @__PURE__ */ jsx("ul", { className: "space-y-1.5 pt-1", children: tasks.map((task) => /* @__PURE__ */ jsx(
+                TaskCheckItem,
+                {
+                  title: task.title,
+                  completed: task.completed,
+                  aiAgentName: task.aiAgentName,
+                  onToggle: () => onTaskToggle == null ? void 0 : onTaskToggle(task.id),
+                  size: "xs"
+                },
+                task.id
+              )) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: dealRef }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", onClick: stopProp, children: [
+          daysSinceColumnChanged !== void 0 && /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "px-1.5 text-[10px] font-normal", children: [
+            daysSinceColumnChanged,
+            "d"
+          ] }),
+          hasMenu && /* @__PURE__ */ jsx("div", { className: "ml-auto", children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx(
+              DropdownMenuTrigger,
+              {
+                className: cn(
+                  buttonVariants({ variant: "ghost", size: "icon" }),
+                  "size-7 shrink-0"
+                ),
+                "aria-label": "Opportunity actions",
+                children: /* @__PURE__ */ jsx(MoreVertical, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+              onViewDetails && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onViewDetails, children: "View details" }),
+              onChangePriority && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onChangePriority, children: "Change priority" }),
+              onPutOnHold && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onPutOnHold, children: "Put on hold" }),
+              onDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onDelete, variant: "destructive", children: "Delete" })
+              ] })
+            ] })
+          ] }) })
+        ] }),
+        allDone && onMoveToNextStage && /* @__PURE__ */ jsxs("div", { onClick: stopProp, children: [
+          /* @__PURE__ */ jsx(Separator, {}),
+          /* @__PURE__ */ jsx("div", { className: "pt-2", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "w-full text-caption",
+              onClick: onMoveToNextStage,
+              disabled: isSubmitting,
+              children: "Move to next stage"
+            }
+          ) })
+        ] }),
+        !allDone && nextTask && onMarkAsDone && /* @__PURE__ */ jsxs("div", { onClick: stopProp, children: [
+          /* @__PURE__ */ jsx(Separator, {}),
+          /* @__PURE__ */ jsx("div", { className: "pt-2", children: /* @__PURE__ */ 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,
@@ -105,8 +338,42 @@ function OpportunityCard({
   isSubmitting = false,
   draggable = false,
   onDragStart,
-  className
+  className,
+  viewMode = "deal"
 }) {
+  if (viewMode === "task") {
+    return /* @__PURE__ */ 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,
@@ -119,7 +386,9 @@ function OpportunityCard({
   const hasTasks = tasks.length > 0;
   const hasActions = onMarkAsDone || onMoveToNextStage;
   const hasMenu = onViewDetails || onChangePriority || onPutOnHold || onDelete;
-  const stopProp = (e) => e.stopPropagation();
+  const stopProp = (e) => {
+    e.stopPropagation();
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {