@elevasis/ui 2.3.1 → 2.4.0

package/dist/chunk-2DZACNOX.js

@@ -0,0 +1,1111 @@
+import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
+import { PageContainer } from './chunk-BZZCNLT6.js';
+import { SubshellSidebarSection, SubshellNavItem } from './chunk-27COZ5AH.js';
+import { FilterBar } from './chunk-PDHTXPSF.js';
+import { CustomModal } from './chunk-GBMNCNHX.js';
+import { useDealTasksDue, useDeals, useCreateDealTask, useDeleteDeal, useTableSort, sortData, usePaginationState, useTableSelection, useDealDetail } from './chunk-IPRMGSCV.js';
+import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
+import { CenteredErrorState, CardHeader, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-Y3D3WFJG.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-IOKL7BKE.js';
+import { useElevasisServices } from './chunk-QEPXAWE2.js';
+import { useRouterContext } from './chunk-Q7DJKLEN.js';
+import { Box, Stack, Group, Text, Badge, Center, Loader, UnstyledButton, Button, Modal, Select, TextInput, Textarea, Paper, Alert, SimpleGrid, Table, Checkbox, Pagination, Title, ActionIcon, Tabs, Card, Code, Divider, Anchor } from '@mantine/core';
+import { IconAddressBook, IconTrophy, IconClockExclamation, IconUser, IconPlus, IconLayoutGrid, IconColumns, IconFileInvoice, IconChecklist, IconAlertCircle, IconHistory, IconSearch, IconTargetArrow, IconAlertTriangle, IconArrowLeft, IconFileText, IconTrash, IconX, IconCheckbox, IconCalendar, IconMail, IconPhone, IconArrowRight, IconNote } from '@tabler/icons-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useMemo, useEffect } from 'react';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { useNavigate } from '@tanstack/react-router';
+
+var CrmSidebarTop = () => {
+  return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconAddressBook, label: "CRM" });
+};
+
+// src/features/crm/workbench/constants.ts
+var SAVED_VIEW_PRESETS = [
+  {
+    id: "my-deals",
+    label: "My Deals",
+    iconName: "IconUser",
+    target: "/crm/deals"
+  },
+  {
+    id: "overdue",
+    label: "Overdue",
+    iconName: "IconClockExclamation",
+    target: "/crm/deals"
+  },
+  {
+    id: "won-this-month",
+    label: "Won this month",
+    iconName: "IconTrophy",
+    target: "/crm/deals",
+    urlFilters: { stage: "closed_won" }
+  }
+];
+var KIND_ICONS = {
+  call: IconPhone,
+  email: IconMail,
+  meeting: IconCalendar,
+  other: IconCheckbox
+};
+function formatDueLabel(dueAt) {
+  if (!dueAt) return "";
+  const date = new Date(dueAt);
+  const now = /* @__PURE__ */ new Date();
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  const dueDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  const diffDays = Math.round((dueDay.getTime() - today.getTime()) / 864e5);
+  if (diffDays < 0) return `${Math.abs(diffDays)}d overdue`;
+  if (diffDays === 0) {
+    return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+  }
+  return `in ${diffDays}d`;
+}
+function TaskRow({ task, onClick }) {
+  const KindIcon2 = KIND_ICONS[task.kind];
+  const dueLabel = formatDueLabel(task.dueAt);
+  const isOverdue = task.dueAt !== null && new Date(task.dueAt) < /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      onClick,
+      style: {
+        display: "block",
+        width: "100%",
+        padding: "4px 6px",
+        borderRadius: "var(--mantine-radius-sm)",
+        transition: `background-color var(--duration-fast) var(--easing)`
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.backgroundColor = "transparent";
+      },
+      children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+        /* @__PURE__ */ jsx(KindIcon2, { size: 14, style: { color: "var(--color-text-dimmed)", flexShrink: 0 } }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", truncate: true, style: { flex: 1, minWidth: 0 }, children: task.title }),
+        dueLabel && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: isOverdue ? "red" : "gray", style: { flexShrink: 0 }, children: dueLabel })
+      ] })
+    }
+  );
+}
+function MyTasksPanel({
+  onTaskClick,
+  onSeeAll,
+  footer,
+  showSectionLabel = true
+}) {
+  const { data, isLoading, isError } = useDealTasksDue({ window: "today_and_overdue" });
+  const tasks = data ?? [];
+  const total = tasks.length;
+  const visible = tasks.slice(0, 5);
+  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    showSectionLabel && /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: 4, children: [
+      /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, children: "My Tasks" }),
+      total > 0 && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", children: total })
+    ] }),
+    isLoading && /* @__PURE__ */ jsx(Center, { py: 4, children: /* @__PURE__ */ jsx(Loader, { size: "xs" }) }),
+    isError && /* @__PURE__ */ jsx(Text, { size: "xs", c: "red", children: "Failed to load tasks" }),
+    !isLoading && !isError && visible.length === 0 && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No tasks due - you're caught up." }),
+    !isLoading && !isError && visible.map((task) => /* @__PURE__ */ jsx(TaskRow, { task, onClick: () => onTaskClick(task.dealId) }, task.id)),
+    onSeeAll && total > 5 && /* @__PURE__ */ jsx(UnstyledButton, { onClick: onSeeAll, mt: 2, style: { display: "inline-block" }, children: /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", style: { textDecoration: "underline" }, children: [
+      "See all (",
+      total,
+      ")"
+    ] }) }),
+    footer
+  ] }) });
+}
+var ICON_MAP = {
+  IconUser,
+  IconClockExclamation,
+  IconTrophy
+};
+function SavedViewsPanel({ onViewClick, showSectionLabel = true }) {
+  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    showSectionLabel && /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, mb: 4, children: "Saved Views" }),
+    SAVED_VIEW_PRESETS.map((preset) => {
+      const Icon = ICON_MAP[preset.iconName];
+      return /* @__PURE__ */ jsx(
+        UnstyledButton,
+        {
+          onClick: () => onViewClick(preset),
+          style: {
+            display: "block",
+            width: "100%",
+            padding: "4px 6px",
+            borderRadius: "var(--mantine-radius-sm)",
+            transition: `background-color var(--duration-fast) var(--easing)`
+          },
+          onMouseEnter: (e) => {
+            e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+          },
+          onMouseLeave: (e) => {
+            e.currentTarget.style.backgroundColor = "transparent";
+          },
+          children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+            /* @__PURE__ */ jsx(Icon, { size: 14, style: { color: "var(--color-text-dimmed)", flexShrink: 0 } }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", children: preset.label })
+          ] })
+        },
+        preset.id
+      );
+    })
+  ] }) });
+}
+var KIND_OPTIONS = [
+  { value: "call", label: "Call" },
+  { value: "email", label: "Email" },
+  { value: "meeting", label: "Meeting" },
+  { value: "other", label: "Other" }
+];
+function buildDealLabel(deal) {
+  const contact = deal.contact;
+  if (!contact) return `Deal ${deal.id.slice(0, 8)}`;
+  const name = `${contact.first_name ?? ""} ${contact.last_name ?? ""}`.trim();
+  const company = contact.company?.name ?? "\u2014";
+  return name ? `${name} \u2013 ${company}` : `Deal ${deal.id.slice(0, 8)}`;
+}
+function QuickCreateActions({ showSectionLabel = true }) {
+  const [open, setOpen] = useState(false);
+  const [dealId, setDealId] = useState(null);
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [kind, setKind] = useState("other");
+  const [dueAt, setDueAt] = useState("");
+  const { data: deals } = useDeals();
+  const createTask = useCreateDealTask();
+  const dealOptions = (deals ?? []).map((deal) => ({
+    value: deal.id,
+    label: buildDealLabel(deal)
+  }));
+  function resetForm() {
+    setDealId(null);
+    setTitle("");
+    setDescription("");
+    setKind("other");
+    setDueAt("");
+  }
+  function handleClose() {
+    setOpen(false);
+    resetForm();
+  }
+  async function handleSubmit() {
+    if (!dealId || !title) return;
+    await createTask.mutateAsync({
+      dealId,
+      title,
+      description: description || null,
+      kind,
+      dueAt: dueAt ? new Date(dueAt).toISOString() : null
+    });
+    handleClose();
+  }
+  const isSubmitDisabled = !dealId || !title || createTask.isPending;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+      showSectionLabel && /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, children: "TASKS" }),
+      /* @__PURE__ */ jsx(Button, { variant: "light", size: "xs", leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 14 }), fullWidth: true, onClick: () => setOpen(true), children: "New Task" })
+    ] }),
+    /* @__PURE__ */ jsxs(Modal, { opened: open, onClose: handleClose, title: "New Task", size: "md", children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            label: "Deal",
+            placeholder: "Select a deal",
+            data: dealOptions,
+            value: dealId,
+            onChange: setDealId,
+            searchable: true,
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            label: "Title",
+            placeholder: "Task title",
+            value: title,
+            onChange: (e) => setTitle(e.currentTarget.value),
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            label: "Description",
+            placeholder: "Optional description",
+            value: description,
+            onChange: (e) => setDescription(e.currentTarget.value),
+            autosize: true,
+            minRows: 2,
+            maxRows: 5
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            label: "Kind",
+            data: KIND_OPTIONS,
+            value: kind,
+            onChange: (v) => setKind(v ?? "other")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            type: "datetime-local",
+            label: "Due At",
+            value: dueAt,
+            onChange: (e) => setDueAt(e.currentTarget.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: handleClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: createTask.isPending, disabled: isSubmitDisabled, children: "Create" })
+      ] })
+    ] })
+  ] });
+}
+var CRM_ITEMS = [
+  { label: "Overview", to: "/crm", icon: IconLayoutGrid, exact: true },
+  { label: "Pipeline", to: "/crm/pipeline", icon: IconColumns, exact: false },
+  { label: "Deals", to: "/crm/deals", icon: IconFileInvoice, exact: false }
+];
+var CrmSidebarMiddle = () => {
+  const { currentPath, navigate } = useRouterContext();
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: [
+    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: CRM_ITEMS.map((item) => {
+      const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
+      return /* @__PURE__ */ jsx(
+        SubshellNavItem,
+        {
+          icon: item.icon,
+          label: item.label,
+          isActive,
+          onClick: () => navigate(item.to)
+        },
+        item.to
+      );
+    }) }),
+    /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconChecklist, label: "My Tasks", withTopBorder: true }),
+    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: /* @__PURE__ */ jsx(
+      MyTasksPanel,
+      {
+        onTaskClick: (dealId) => navigate(`/crm/deals/${dealId}`),
+        onSeeAll: () => navigate("/crm/deals"),
+        showSectionLabel: false,
+        footer: /* @__PURE__ */ jsx(QuickCreateActions, { showSectionLabel: false })
+      }
+    ) })
+  ] });
+};
+var CrmSidebar = () => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(CrmSidebarTop, {}),
+    /* @__PURE__ */ jsx(CrmSidebarMiddle, {})
+  ] });
+};
+var PIPELINE_FUNNEL_ORDER = [
+  "interested",
+  "proposal",
+  "closing",
+  "closed_won",
+  "closed_lost",
+  "nurturing"
+];
+var defaultValueOf = (deal) => deal.initial_fee ?? 0;
+function useCrmPipelineSummary(opts) {
+  const getValue = opts?.getDealValue ?? defaultValueOf;
+  const { data: deals, isLoading, error } = useDeals();
+  const data = useMemo(() => {
+    const dealList = deals ?? [];
+    const stageMap = /* @__PURE__ */ new Map();
+    for (const stage of PIPELINE_FUNNEL_ORDER) {
+      stageMap.set(stage, { count: 0, totalValue: 0 });
+    }
+    for (const deal of dealList) {
+      const stage = deal.cached_stage;
+      if (!stage || !stageMap.has(stage)) continue;
+      const entry = stageMap.get(stage);
+      entry.count += 1;
+      entry.totalValue += getValue(deal);
+    }
+    return PIPELINE_FUNNEL_ORDER.map((stage) => {
+      const entry = stageMap.get(stage);
+      return { stage, count: entry.count, totalValue: entry.totalValue };
+    });
+  }, [deals, getValue]);
+  return { data, isLoading, error };
+}
+var CLOSED_STAGES = ["closed_won", "closed_lost"];
+var OPEN_EXCLUDED = CLOSED_STAGES;
+var ZERO_METRICS = {
+  totalDeals: 0,
+  openDeals: 0,
+  wonDeals: 0,
+  winRate: 0,
+  avgDealSize: 0,
+  totalPipelineValue: 0
+};
+function useCrmQuickMetrics() {
+  const { data: deals, isLoading, error } = useDeals();
+  const data = useMemo(() => {
+    const dealList = deals ?? [];
+    if (dealList.length === 0) return ZERO_METRICS;
+    let openDeals = 0;
+    let wonDeals = 0;
+    let lostDeals = 0;
+    let wonFeeSum = 0;
+    let wonFeeCount = 0;
+    let pipelineValue = 0;
+    for (const deal of dealList) {
+      const stage = deal.cached_stage;
+      const isOpen = !stage || !OPEN_EXCLUDED.includes(stage);
+      const isWon = stage === "closed_won";
+      const isLost = stage === "closed_lost";
+      if (isOpen) {
+        openDeals += 1;
+        pipelineValue += deal.initial_fee ?? 0;
+      }
+      if (isWon) {
+        wonDeals += 1;
+        if (deal.initial_fee != null) {
+          wonFeeSum += deal.initial_fee;
+          wonFeeCount += 1;
+        }
+      }
+      if (isLost) {
+        lostDeals += 1;
+      }
+    }
+    const winRateDenominator = wonDeals + lostDeals;
+    const winRate = winRateDenominator === 0 ? 0 : wonDeals / winRateDenominator;
+    const avgDealSize = wonFeeCount === 0 ? 0 : wonFeeSum / wonFeeCount;
+    return {
+      totalDeals: dealList.length,
+      openDeals,
+      wonDeals,
+      winRate,
+      avgDealSize,
+      totalPipelineValue: pipelineValue
+    };
+  }, [deals]);
+  return { data, isLoading, error };
+}
+function useRecentCrmActivity(opts) {
+  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  const limit = opts?.limit ?? 20;
+  const query = useQuery({
+    queryKey: ["recent-crm-activity", organizationId, limit],
+    queryFn: () => apiRequest(`/crm/recent-activity?limit=${limit}`),
+    enabled: isReady
+  });
+  return {
+    data: query.data?.entries ?? [],
+    isLoading: query.isLoading,
+    error: query.error
+  };
+}
+var currencyFormatter = new Intl.NumberFormat("en-US", {
+  style: "currency",
+  currency: "USD",
+  maximumFractionDigits: 0
+});
+var STAGE_LABELS = {
+  interested: "Interested",
+  proposal: "Proposal",
+  closing: "Closing",
+  closed_won: "Closed Won",
+  closed_lost: "Closed Lost",
+  nurturing: "Nurturing"
+};
+function PipelineFunnelWidget({ onStageClick, getDealValue }) {
+  const { data, isLoading, error } = useCrmPipelineSummary({ getDealValue });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load pipeline data" }) });
+  }
+  const totalDeals = data.reduce((sum, s) => sum + s.count, 0);
+  const maxCount = Math.max(...data.map((s) => s.count), 1);
+  if (totalDeals === 0) {
+    return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconColumns, { size: 16 }), title: "Pipeline" }),
+      /* @__PURE__ */ jsx(Center, { h: 200, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, {}), color: "gray", variant: "light", children: "No deals in the pipeline yet" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+    /* @__PURE__ */ jsx(
+      CardHeader,
+      {
+        icon: /* @__PURE__ */ jsx(IconColumns, { size: 16 }),
+        title: "Pipeline",
+        subtitle: `${totalDeals} deal${totalDeals !== 1 ? "s" : ""} total`
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { children: PIPELINE_FUNNEL_ORDER.map((stage) => {
+      const summary = data.find((s) => s.stage === stage);
+      const isEmpty = summary.count === 0;
+      const barWidth = isEmpty ? 2 : Math.max(4, summary.count / maxCount * 100);
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          onClick: () => onStageClick(stage),
+          style: {
+            cursor: "pointer",
+            borderRadius: "var(--mantine-radius-sm)",
+            padding: "6px 8px",
+            transition: `background-color var(--duration-fast) var(--easing)`,
+            marginBottom: 4
+          },
+          onMouseEnter: (e) => {
+            e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+          },
+          onMouseLeave: (e) => {
+            e.currentTarget.style.backgroundColor = "transparent";
+          },
+          children: /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: isEmpty ? "dimmed" : void 0, style: { width: 130, flexShrink: 0 }, children: STAGE_LABELS[stage] }),
+            /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: isEmpty ? "gray" : void 0, style: { flexShrink: 0 }, children: summary.count }),
+            /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "outline", color: isEmpty ? "gray" : "teal", style: { flexShrink: 0 }, children: currencyFormatter.format(summary.totalValue) }),
+            /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx(
+              Box,
+              {
+                style: {
+                  height: 8,
+                  width: `${barWidth}%`,
+                  borderRadius: 4,
+                  backgroundColor: isEmpty ? "var(--color-border)" : "color-mix(in srgb, var(--color-primary) 70%, transparent)",
+                  opacity: isEmpty ? 0.4 : 1,
+                  transition: `width var(--duration-normal) var(--easing)`
+                }
+              }
+            ) })
+          ] })
+        },
+        stage
+      );
+    }) })
+  ] });
+}
+var MAX_VISIBLE = 5;
+function KindIcon({ kind }) {
+  const size = 16;
+  switch (kind) {
+    case "call":
+      return /* @__PURE__ */ jsx(IconPhone, { size });
+    case "email":
+      return /* @__PURE__ */ jsx(IconMail, { size });
+    case "meeting":
+      return /* @__PURE__ */ jsx(IconCalendar, { size });
+    default:
+      return /* @__PURE__ */ jsx(IconCheckbox, { size });
+  }
+}
+function formatDueDate(dueAt) {
+  if (!dueAt) return "No due date";
+  return new Date(dueAt).toLocaleDateString();
+}
+function TasksDueWidget({ onTaskClick, onSeeAll }) {
+  const { data: tasks, isLoading, error } = useDealTasksDue({ window: "today_and_overdue" });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load tasks" }) });
+  }
+  const totalCount = tasks?.length ?? 0;
+  const visibleTasks = (tasks ?? []).slice(0, MAX_VISIBLE);
+  const hasMore = totalCount > MAX_VISIBLE;
+  const seeAllLink = onSeeAll && hasMore ? /* @__PURE__ */ jsxs(Anchor, { size: "sm", onClick: onSeeAll, style: { cursor: "pointer" }, children: [
+    "See all (",
+    totalCount,
+    ")"
+  ] }) : void 0;
+  if (totalCount === 0) {
+    return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconChecklist, { size: 16 }), title: "Tasks Due" }),
+      /* @__PURE__ */ jsx(Center, { h: 120, children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No tasks due today" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+    /* @__PURE__ */ jsx(
+      CardHeader,
+      {
+        icon: /* @__PURE__ */ jsx(IconChecklist, { size: 16 }),
+        title: "Tasks Due",
+        subtitle: `${totalCount} task${totalCount !== 1 ? "s" : ""}`,
+        rightSection: seeAllLink
+      }
+    ),
+    /* @__PURE__ */ jsx(Stack, { gap: "xs", children: visibleTasks.map((task) => /* @__PURE__ */ jsx(
+      Box,
+      {
+        onClick: () => onTaskClick(task.dealId),
+        style: {
+          cursor: "pointer",
+          borderRadius: "var(--mantine-radius-sm)",
+          padding: "6px 8px",
+          transition: `background-color var(--duration-fast) var(--easing)`
+        },
+        onMouseEnter: (e) => {
+          e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.backgroundColor = "transparent";
+        },
+        children: /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", children: [
+          /* @__PURE__ */ jsx(Text, { c: "dimmed", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx(KindIcon, { kind: task.kind }) }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", style: { flex: 1, minWidth: 0 }, truncate: true, children: task.title }),
+          /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: "gray", style: { flexShrink: 0 }, children: formatDueDate(task.dueAt) })
+        ] })
+      },
+      task.id
+    )) })
+  ] });
+}
+function ActivityKindIcon({ kind }) {
+  const size = 16;
+  switch (kind) {
+    case "note":
+      return /* @__PURE__ */ jsx(IconNote, { size });
+    case "stage_change":
+      return /* @__PURE__ */ jsx(IconArrowRight, { size });
+    case "deal_created":
+      return /* @__PURE__ */ jsx(IconPlus, { size });
+  }
+}
+function formatRelativeTime(occurredAt) {
+  const date = new Date(occurredAt);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMin = Math.floor(diffMs / 6e4);
+  const diffHr = Math.floor(diffMin / 60);
+  const diffDay = Math.floor(diffHr / 24);
+  if (diffMin < 1) return "just now";
+  if (diffMin < 60) return `${diffMin}m ago`;
+  if (diffHr < 24) return `${diffHr}h ago`;
+  if (diffDay < 7) return `${diffDay}d ago`;
+  return date.toLocaleDateString();
+}
+function ActivityFeedWidget({ onDealClick, limit }) {
+  const { data, isLoading, error } = useRecentCrmActivity({ limit: limit ?? 15 });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load activity" }) });
+  }
+  if (!data.length) {
+    return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconHistory, { size: 16 }), title: "Recent Activity" }),
+      /* @__PURE__ */ jsx(Center, { h: 120, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, {}), color: "gray", variant: "light", children: "No recent activity" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+    /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconHistory, { size: 16 }), title: "Recent Activity" }),
+    /* @__PURE__ */ jsx(Stack, { gap: 4, children: data.map((entry) => {
+      const name = entry.contactName ?? entry.companyName ?? "Unknown";
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          onClick: () => onDealClick(entry.dealId),
+          style: {
+            cursor: "pointer",
+            borderRadius: "var(--mantine-radius-sm)",
+            padding: "6px 8px",
+            transition: `background-color var(--duration-fast) var(--easing)`
+          },
+          onMouseEnter: (e) => {
+            e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+          },
+          onMouseLeave: (e) => {
+            e.currentTarget.style.backgroundColor = "transparent";
+          },
+          children: /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", align: "flex-start", children: [
+            /* @__PURE__ */ jsx(Text, { c: "dimmed", style: { flexShrink: 0, paddingTop: 2 }, children: /* @__PURE__ */ jsx(ActivityKindIcon, { kind: entry.kind }) }),
+            /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+              /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, truncate: true, style: { flexShrink: 0, maxWidth: 140 }, children: name }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", truncate: true, style: { flex: 1, minWidth: 0 }, children: entry.description })
+            ] }) }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { flexShrink: 0, whiteSpace: "nowrap" }, children: formatRelativeTime(entry.occurredAt) })
+          ] })
+        },
+        entry.id
+      );
+    }) })
+  ] });
+}
+var currencyFormatter2 = new Intl.NumberFormat("en-US", {
+  style: "currency",
+  currency: "USD",
+  maximumFractionDigits: 0
+});
+function formatPercent(value) {
+  return `${Math.round(value * 100)}%`;
+}
+function StatTile({ label, value }) {
+  return /* @__PURE__ */ jsx(Card, { padding: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: label }),
+    /* @__PURE__ */ jsx(Text, { fw: 700, size: "xl", children: value })
+  ] }) });
+}
+function MetricsStrip() {
+  const { data } = useCrmQuickMetrics();
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 2, sm: 4 }, children: [
+    /* @__PURE__ */ jsx(StatTile, { label: "Total Pipeline Value", value: currencyFormatter2.format(data.totalPipelineValue) }),
+    /* @__PURE__ */ jsx(StatTile, { label: "Win Rate", value: formatPercent(data.winRate) }),
+    /* @__PURE__ */ jsx(StatTile, { label: "Open Deals", value: String(data.openDeals) }),
+    /* @__PURE__ */ jsx(StatTile, { label: "Won This Period", value: String(data.wonDeals) })
+  ] }) });
+}
+function CrmOverview({
+  onStageClick,
+  onDealClick,
+  onGoToPipeline,
+  getDealValue,
+  renderActions
+}) {
+  const rightSection = renderActions ? renderActions() : /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconColumns, { size: 16 }), variant: "light", size: "sm", onClick: onGoToPipeline, children: "Go to Pipeline" });
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "CRM Overview",
+        caption: "Pipeline health, tasks, and recent activity at a glance.",
+        rightSection
+      }
+    ),
+    /* @__PURE__ */ jsx(MetricsStrip, {}),
+    /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, lg: 2 }, spacing: "md", children: [
+      /* @__PURE__ */ jsx(PipelineFunnelWidget, { onStageClick, getDealValue }),
+      /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(TasksDueWidget, { onTaskClick: onDealClick }),
+        /* @__PURE__ */ jsx(ActivityFeedWidget, { onDealClick })
+      ] })
+    ] })
+  ] });
+}
+var crmManifest = {
+  key: "crm",
+  label: "CRM",
+  sidebar: CrmSidebar,
+  subshellRoutes: ["/crm"],
+  navEntry: {
+    label: "CRM",
+    icon: IconAddressBook,
+    link: "/crm",
+    featureKey: "acquisition"
+  }
+};
+
+// src/features/crm/pages/shared.ts
+var DEAL_STAGE_COLORS = {
+  interested: "blue",
+  proposal: "yellow",
+  closing: "orange",
+  closed_won: "green",
+  closed_lost: "red",
+  nurturing: "grape"
+};
+var DEAL_STAGE_OPTIONS = [
+  { value: "interested", label: "Interested" },
+  { value: "proposal", label: "Proposal" },
+  { value: "closing", label: "Closing" },
+  { value: "closed_won", label: "Closed Won" },
+  { value: "closed_lost", label: "Closed Lost" },
+  { value: "nurturing", label: "Nurturing" }
+];
+function formatDealStageLabel(stage) {
+  if (!stage) return "Unknown";
+  return stage.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+var sortAccessors = {
+  company: (deal) => deal.contact?.company?.name || deal.discovery_data?.company || deal.contact_email?.split("@")[1] || "",
+  contact: (deal) => [deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ") || "",
+  email: (deal) => deal.contact_email || "",
+  stage: (deal) => deal.cached_stage || "",
+  updated: (deal) => deal.updated_at || ""
+};
+function DealsListPage() {
+  const navigate = useNavigate();
+  const queryClient = useQueryClient();
+  const deleteDeal = useDeleteDeal();
+  const [stageFilter, setStageFilter] = useState(null);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const { data: deals, isLoading, error } = useDeals({
+    stage: stageFilter || void 0,
+    search: searchQuery || void 0
+  });
+  const { sort, toggleSort } = useTableSort("updated");
+  const sortedDeals = useMemo(() => sortData(deals ?? [], sort, sortAccessors), [deals, sort]);
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT, [stageFilter, searchQuery], sortedDeals.length);
+  const paginatedDeals = useMemo(
+    () => sortedDeals.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT),
+    [sortedDeals, pagination.offset]
+  );
+  const selection = useTableSelection(paginatedDeals, sortedDeals);
+  const handleDeleteSelected = async () => {
+    await Promise.all([...selection.selectedIds].map((dealId) => deleteDeal.mutateAsync(dealId)));
+    setShowBatchDelete(false);
+    selection.clear();
+    await queryClient.invalidateQueries({ queryKey: ["deals"] });
+  };
+  return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
+    /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "Deals", caption: "Deal pipeline and stage tracking" }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { children: [
+        /* @__PURE__ */ jsxs(
+          FilterBar,
+          {
+            actions: /* @__PURE__ */ jsx(
+              TableSelectionToolbar,
+              {
+                selectedCount: selection.selectedCount,
+                onDelete: () => setShowBatchDelete(true),
+                isDeleting: deleteDeal.isPending
+              }
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  placeholder: "All Stages",
+                  data: DEAL_STAGE_OPTIONS,
+                  style: { minWidth: 180 },
+                  size: "sm",
+                  clearable: true,
+                  value: stageFilter,
+                  onChange: (value) => setStageFilter(value ?? null)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TextInput,
+                {
+                  placeholder: "Search by email...",
+                  leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+                  style: { minWidth: 250 },
+                  size: "sm",
+                  value: searchQuery,
+                  onChange: (e) => setSearchQuery(e.currentTarget.value)
+                }
+              )
+            ]
+          }
+        ),
+        isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : error ? /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load deals" }) : !sortedDeals.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconTargetArrow, title: "No deals found" }) : /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Th, { w: 40, children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: selection.isPageAllSelected,
+                indeterminate: selection.isPagePartiallySelected,
+                onChange: selection.togglePage
+              }
+            ) }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "company", sort, onToggle: toggleSort, children: "Company" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "contact", sort, onToggle: toggleSort, children: "Contact" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "email", sort, onToggle: toggleSort, children: "Email" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "stage", sort, onToggle: toggleSort, children: "Stage" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "updated", sort, onToggle: toggleSort, children: "Updated" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Tbody, { children: paginatedDeals.map((deal) => {
+            const discoveryData = deal.discovery_data;
+            const companyName = deal.contact?.company?.name || discoveryData?.company || deal.contact_email?.split("@")[1] || "-";
+            const contactName = [deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ");
+            return /* @__PURE__ */ jsxs(
+              Table.Tr,
+              {
+                style: { cursor: "pointer" },
+                onClick: () => navigate({
+                  to: "/crm/deals/$dealId",
+                  params: { dealId: deal.id }
+                }),
+                children: [
+                  /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked: selection.isSelected(deal.id),
+                      onChange: () => selection.toggle(deal.id)
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: companyName }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", children: contactName || "-" }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: deal.contact_email || "-" }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: DEAL_STAGE_COLORS[deal.cached_stage || ""] || "gray", size: "sm", children: formatDealStageLabel(deal.cached_stage) }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatTimeAgo(deal.updated_at) }) })
+                ]
+              },
+              deal.id
+            );
+          }) })
+        ] }),
+        sortedDeals.length > PAGE_SIZE_DEFAULT && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+          Pagination,
+          {
+            value: pagination.page,
+            onChange: pagination.setPage,
+            total: pagination.totalPages(sortedDeals.length),
+            size: "sm"
+          }
+        ) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: showBatchDelete,
+        onClose: () => !deleteDeal.isPending && setShowBatchDelete(false),
+        size: "sm",
+        loading: deleteDeal.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconAlertTriangle, { size: 24, color: "var(--color-error)" }),
+            /* @__PURE__ */ jsxs(Title, { order: 4, children: [
+              "Delete ",
+              selection.selectedCount,
+              " Deals"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            "Are you sure you want to delete",
+            " ",
+            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: selection.selectedCount }),
+            " ",
+            "selected deals?"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This action cannot be undone." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: () => setShowBatchDelete(false), disabled: deleteDeal.isPending, children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { color: "red", loading: deleteDeal.isPending, onClick: () => void handleDeleteSelected(), children: "Delete" })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function DealDetailPage({ dealId, renderActions, onDealLoaded }) {
+  const navigate = useNavigate();
+  const deleteDeal = useDeleteDeal();
+  const { data: deal, isLoading, error } = useDealDetail(dealId);
+  const [deleteModalOpen, setDeleteModalOpen] = useState(false);
+  useEffect(() => {
+    if (deal) onDealLoaded?.(deal);
+  }, [deal, onDealLoaded]);
+  const title = deal ? `${[deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ") || "Unknown"} Deal` : "Deal Detail";
+  const contactName = useMemo(
+    () => deal ? [deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ") : "",
+    [deal]
+  );
+  const companyName = useMemo(() => {
+    if (!deal) return null;
+    return deal.contact?.company?.name || deal.discovery_data?.company || deal.contact_email?.split("@")[1] || "Unknown";
+  }, [deal]);
+  const headerActions = deal ? /* @__PURE__ */ jsxs(Group, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "light",
+        size: "sm",
+        leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+        onClick: () => navigate({ to: "/crm/deals" }),
+        children: "Deals"
+      }
+    ),
+    deal.proposal_pdf_url && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "light",
+        leftSection: /* @__PURE__ */ jsx(IconFileText, { size: 16 }),
+        onClick: () => window.open(deal.proposal_pdf_url, "_blank"),
+        children: "View Proposal"
+      }
+    ),
+    renderActions?.(deal),
+    /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", color: "red", onClick: () => setDeleteModalOpen(true), children: /* @__PURE__ */ jsx(IconTrash, { size: 16 }) })
+  ] }) : /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: () => navigate({ to: "/crm/deals" }), children: "Deals" });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Loading deal details...", rightSection: headerActions }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
+    ] }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Unable to load deal details", rightSection: headerActions }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load deal" }) })
+    ] }) });
+  }
+  if (!deal) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Deal not found", rightSection: headerActions }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(EmptyState, { icon: IconTrash, title: "Deal not found", description: "The selected deal no longer exists." }) })
+    ] }) });
+  }
+  const activityLog = deal.activity_log || [];
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title,
+        caption: `${companyName || "Unknown"} - ${formatDealStageLabel(deal.cached_stage)}`,
+        rightSection: headerActions
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "details", children: [
+      /* @__PURE__ */ jsxs(Tabs.List, { children: [
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "details", children: "Details" }),
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "discovery", children: "Discovery Data" }),
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "activity", children: "Activity" })
+      ] }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "details", pt: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, children: "Deal" }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Stage:" }),
+            /* @__PURE__ */ jsx(Badge, { color: DEAL_STAGE_COLORS[deal.cached_stage || ""] || "gray", children: formatDealStageLabel(deal.cached_stage) })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Sent:" }),
+            /* @__PURE__ */ jsx(Text, { children: deal.proposal_sent_at ? new Date(deal.proposal_sent_at).toLocaleString() : "N/A" })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Envelope ID:" }),
+            /* @__PURE__ */ jsx(Text, { children: deal.signature_envelope_id || "N/A" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, children: "Contact" }),
+          /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Name:" }),
+              /* @__PURE__ */ jsx(Text, { children: contactName || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Email:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.email || deal.contact_email || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Title:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.title || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Pipeline Status:" }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", children: deal.contact?.pipeline_status ? Object.entries(deal.contact.pipeline_status).map(([key, val]) => {
+                const status = val?.status;
+                return status ? `${key}: ${status}` : null;
+              }).filter(Boolean).join(", ") || "N/A" : "N/A" })
+            ] }),
+            deal.contact?.headline && /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Headline:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact.headline })
+            ] }),
+            deal.contact?.linkedin_url && /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "LinkedIn:" }),
+              /* @__PURE__ */ jsx(Text, { component: "a", href: deal.contact.linkedin_url, target: "_blank", c: "blue", children: "View Profile" })
+            ] })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, children: "Company" }),
+          /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Name:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.name || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Domain:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.domain || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Segment:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.segment || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Category:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.category || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Employees:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.num_employees || "N/A" })
+            ] }),
+            deal.contact?.company?.website && /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Website:" }),
+              /* @__PURE__ */ jsx(Text, { component: "a", href: deal.contact.company.website, target: "_blank", c: "blue", children: deal.contact.company.website })
+            ] })
+          ] })
+        ] }) }),
+        ["proposal_signed", "payment_sent", "closed_won"].includes(deal.cached_stage || "") && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, children: "Payment" }),
+          /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Initial Fee:" }),
+              /* @__PURE__ */ jsxs(Text, { children: [
+                "$",
+                deal.initial_fee?.toLocaleString() || "Not set"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Monthly Fee:" }),
+              /* @__PURE__ */ jsxs(Text, { children: [
+                "$",
+                deal.monthly_fee?.toLocaleString() || "Not set",
+                "/mo"
+              ] })
+            ] })
+          ] }),
+          deal.stripe_payment_link && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Payment Link:" }),
+            /* @__PURE__ */ jsx(Text, { component: "a", href: deal.stripe_payment_link, target: "_blank", c: "blue", children: deal.stripe_payment_link })
+          ] })
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "discovery", pt: "md", children: /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Code, { block: true, children: JSON.stringify(deal.discovery_data, null, 2) }) }) }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "activity", pt: "md", children: /* @__PURE__ */ jsx(ActivityTimeline, { activities: activityLog }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(CustomModal, { opened: deleteModalOpen, onClose: () => setDeleteModalOpen(false), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Delete deal" }),
+        /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: () => setDeleteModalOpen(false), children: /* @__PURE__ */ jsx(IconX, { size: 18 }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+        "Are you sure you want to delete the deal for ",
+        /* @__PURE__ */ jsx("strong", { children: contactName || deal.contact_email }),
+        "? This will cancel any active schedules and pending tasks for this contact."
+      ] }),
+      (deal.signature_envelope_id || deal.stripe_payment_link) && /* @__PURE__ */ jsxs(Alert, { color: "yellow", variant: "light", children: [
+        "This deal has ",
+        deal.signature_envelope_id ? "a signed contract" : "",
+        deal.signature_envelope_id && deal.stripe_payment_link ? " and " : "",
+        deal.stripe_payment_link ? "an active payment link" : "",
+        " that will not be automatically cleaned up."
+      ] }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setDeleteModalOpen(false), disabled: deleteDeal.isPending, children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            color: "red",
+            loading: deleteDeal.isPending,
+            onClick: () => deleteDeal.mutate(deal.id, {
+              onSuccess: () => {
+                setDeleteModalOpen(false);
+                void navigate({ to: "/crm/deals" });
+              }
+            }),
+            children: "Delete deal"
+          }
+        )
+      ] })
+    ] }) })
+  ] }) });
+}
+
+export { ActivityFeedWidget, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DEAL_STAGE_COLORS, DEAL_STAGE_OPTIONS, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, TasksDueWidget, crmManifest, formatDealStageLabel, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity };