@elevasis/ui 2.67.0 → 2.68.0

package/dist/chunk-HJVPVS57.js

@@ -0,0 +1,1934 @@
+import { CRM_API_INTERFACE } from './chunk-WPIASV3H.js';
+import { PageContainer } from './chunk-BZZCNLT6.js';
+import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
+import { FilterBar } from './chunk-PDHTXPSF.js';
+import { CrmSidebarMiddle, useDealsSummary, useOptionalElevasisSystems, getCrmPipelineCatalog, CenteredErrorState, StatCard, PageTitleCaption, useDeleteDeal, usePaginationState, useDeals, useTableSort, sortData, useTableSelection, SubshellContentContainer, EmptyState, CustomModal, useDealDetail, useCrmActions, ActivityTimeline, useCompany, ContextViewer, JsonViewer, dealKeys, useContact, deriveActions, useExecuteAction } from './chunk-ZGCWTWBD.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-NDHMZT2G.js';
+import { CardHeader } from './chunk-62GVNH5U.js';
+import { SubshellSidebarSection } from './chunk-MISHPEJX.js';
+import { computeInterfaceReadiness, getSystem, PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-L3HFJFYF.js';
+import { useElevasisServices } from './chunk-BI5VDO2K.js';
+import { Stack, Paper, Center, Loader, Group, Box, Text, Alert, Table, SimpleGrid, Button, Select, TextInput, Tabs, Checkbox, Badge, Tooltip, Pagination, Title, Code, Card, SegmentedControl, Switch, NumberInput, ColorSwatch, Popover, ActionIcon, Anchor, CopyButton, Divider, Textarea } from '@mantine/core';
+import { IconAddressBook, IconColumns, IconHistory, IconAlertCircle, IconCurrencyDollar, IconChartBar, IconBriefcase, IconTrophy, IconSearch, IconTargetArrow, IconAlertTriangle, IconMessages, IconArrowLeft, IconFileText, IconInbox, IconUser, IconBolt, IconBuilding, IconSettings, IconRestore, IconInfoCircle, IconMailForward, IconPlus, IconArrowRight, IconNote, IconCheck, IconCopy } from '@tabler/icons-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useMemo, useState, useEffect } from 'react';
+import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
+import { useNavigate } from '@tanstack/react-router';
+import { useForm } from '@mantine/form';
+
+var CrmSidebarTop = () => {
+  return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconAddressBook, label: "CRM" });
+};
+
+// src/lib/crm/pipeline.ts
+function getCrmStageOptions(pipeline) {
+  return (pipeline?.stages ?? []).map((stage) => ({
+    value: stage.stageKey,
+    label: stage.label
+  }));
+}
+function getCrmStageColors(pipeline) {
+  return (pipeline?.stages ?? []).reduce((colors, stage) => {
+    if (stage.color) colors[stage.stageKey] = stage.color;
+    return colors;
+  }, {});
+}
+function getCrmStageLabel(pipeline, stageKey) {
+  const normalized = normalizeCatalogKey(stageKey);
+  if (!normalized) return "Unknown";
+  return pipeline?.stages.find((stage) => stage.stageKey.toLowerCase() === normalized.toLowerCase())?.label ?? formatReadableKey(normalized);
+}
+function getCrmStateLabel(pipeline, stateKey) {
+  const normalized = normalizeCatalogKey(stateKey);
+  if (!normalized) return "Unknown";
+  for (const stage of pipeline?.stages ?? []) {
+    const state = stage.states.find((candidate) => candidate.stateKey.toLowerCase() === normalized.toLowerCase());
+    if (state) return state.label;
+  }
+  return formatReadableKey(normalized);
+}
+function normalizeCatalogKey(value) {
+  const normalized = value?.trim();
+  return normalized ? normalized : null;
+}
+function formatReadableKey(value) {
+  const words = value.split("_").map((word) => word.trim().toLowerCase()).filter(Boolean);
+  if (!words.length) return "Unknown";
+  return words.map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+
+// src/features/crm/pages/shared.ts
+var DEAL_REFERRER_STORAGE_KEY = "crm:dealReferrer";
+function setDealReferrer(referrer) {
+  if (typeof window === "undefined") return;
+  try {
+    window.sessionStorage.setItem(DEAL_REFERRER_STORAGE_KEY, referrer);
+  } catch {
+  }
+}
+function getDealReferrer() {
+  if (typeof window === "undefined") return "deals";
+  try {
+    const value = window.sessionStorage.getItem(DEAL_REFERRER_STORAGE_KEY);
+    return value === "pipeline" ? "pipeline" : "deals";
+  } catch {
+    return "deals";
+  }
+}
+function getDealStageColors(pipeline) {
+  return getCrmStageColors(pipeline);
+}
+function getDealStageOptions(pipeline) {
+  return getCrmStageOptions(pipeline).map((option) => ({
+    value: option.value,
+    label: option.label
+  }));
+}
+var DEAL_PRIORITY_OPTIONS = [
+  { value: "needs_response", label: "Needs response" },
+  { value: "follow_up_due", label: "Follow-up due" },
+  { value: "waiting", label: "Waiting" },
+  { value: "stale", label: "Stale" },
+  { value: "closed_low", label: "Closed low" }
+];
+function compareDealsByPriority(a, b, direction = "asc") {
+  const rankComparison = comparePriorityRank(a.priority, b.priority, direction);
+  if (rankComparison !== 0) return rankComparison;
+  const aActivity = getPriorityActivityTimestamp(a);
+  const bActivity = getPriorityActivityTimestamp(b);
+  return bActivity - aActivity;
+}
+function compareDealsByPriorityThenUpdated(a, b, direction = "asc") {
+  const rankComparison = comparePriorityRank(a.priority, b.priority, direction);
+  if (rankComparison !== 0) return rankComparison;
+  return getUpdatedTimestamp(b) - getUpdatedTimestamp(a);
+}
+function formatDealStageLabel(pipeline, stage) {
+  return getCrmStageLabel(pipeline, stage);
+}
+function formatDealStateLabel(pipeline, state) {
+  return getCrmStateLabel(pipeline, state);
+}
+function comparePriorityRank(a, b, direction) {
+  const comparison = a.rank - b.rank;
+  return direction === "asc" ? comparison : -comparison;
+}
+function getPriorityActivityTimestamp(deal) {
+  const value = deal.priority.latestActivityAt ?? deal.updated_at;
+  const timestamp = new Date(value).getTime();
+  return Number.isNaN(timestamp) ? 0 : timestamp;
+}
+function getUpdatedTimestamp(deal) {
+  const timestamp = new Date(deal.updated_at).getTime();
+  return Number.isNaN(timestamp) ? 0 : timestamp;
+}
+function buildBookingUrl(baseUrl, opts = {}) {
+  if (!baseUrl) return void 0;
+  const params = new URLSearchParams();
+  if (opts.dealId) params.set("dealId", opts.dealId);
+  if (opts.contactId) params.set("contactId", opts.contactId);
+  return params.size > 0 ? `${baseUrl}?${params.toString()}` : baseUrl;
+}
+var CrmSidebar = ({ children } = {}) => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(CrmSidebarTop, {}),
+    children ?? /* @__PURE__ */ jsx(CrmSidebarMiddle, {})
+  ] });
+};
+var PIPELINE_FUNNEL_ORDER = [
+  "interested",
+  "proposal",
+  "closing",
+  "closed_won",
+  "closed_lost",
+  "nurturing"
+];
+function useCrmPipelineSummary(opts) {
+  const { data: summary, isLoading, error } = useDealsSummary();
+  const data = useMemo(() => {
+    const stageMap = /* @__PURE__ */ new Map();
+    for (const stage of PIPELINE_FUNNEL_ORDER) {
+      stageMap.set(stage, { count: 0, totalValue: 0 });
+    }
+    for (const stageSummary of summary?.stageSummary ?? []) {
+      const stage = stageSummary.stage;
+      if (!stageMap.has(stage)) continue;
+      const entry = stageMap.get(stage);
+      entry.count = stageSummary.count;
+      entry.totalValue = typeof stageSummary.totalValue === "number" ? stageSummary.totalValue : 0;
+    }
+    return PIPELINE_FUNNEL_ORDER.map((stage) => {
+      const entry = stageMap.get(stage);
+      return { stage, count: entry.count, totalValue: entry.totalValue };
+    });
+  }, [summary, opts]);
+  return { data, isLoading, error };
+}
+
+// src/features/crm/overview/hooks/useCrmQuickMetrics.ts
+var ZERO_METRICS = {
+  totalDeals: 0,
+  openDeals: 0,
+  wonDeals: 0,
+  winRate: 0,
+  avgDealSize: 0,
+  totalPipelineValue: 0
+};
+function useCrmQuickMetrics() {
+  const { data: summary, isLoading, error } = useDealsSummary();
+  const data = summary ? {
+    totalDeals: summary.totalDeals,
+    openDeals: summary.openDeals,
+    wonDeals: summary.wonDeals,
+    winRate: summary.winRate,
+    avgDealSize: summary.avgDealSize,
+    totalPipelineValue: summary.totalPipelineValue
+  } : ZERO_METRICS;
+  return { data, isLoading, error };
+}
+function useRecentCrmActivity(opts) {
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
+  const limit = opts?.limit ?? 20;
+  const query = useQuery({
+    queryKey: ["recent-crm-activity", workOSOrganizationId, limit],
+    queryFn: () => apiRequest(`/crm/recent-activity?limit=${limit}`),
+    enabled: isReady
+  });
+  return {
+    data: query.data?.entries ?? [],
+    isLoading: query.isLoading,
+    error: query.error
+  };
+}
+function summarizeReadinessIssues(issues) {
+  return issues[0]?.message;
+}
+function getCrmApiInterfaceReadiness(model) {
+  if (!model) {
+    return {
+      systemPath: CRM_API_INTERFACE.systemPath,
+      interfaceKey: CRM_API_INTERFACE.interfaceKey,
+      readinessProfile: CRM_API_INTERFACE.readinessProfile,
+      declared: false,
+      ready: false,
+      reason: "No Organization Model is available for CRM System Interface readiness.",
+      issues: [
+        {
+          family: "SYSTEM_INTERFACE_MISSING",
+          code: "missing-organization-model",
+          message: "No Organization Model is available for CRM System Interface readiness."
+        }
+      ]
+    };
+  }
+  const readiness = computeInterfaceReadiness(model, CRM_API_INTERFACE);
+  return {
+    systemPath: CRM_API_INTERFACE.systemPath,
+    interfaceKey: CRM_API_INTERFACE.interfaceKey,
+    readinessProfile: readiness.readinessProfile,
+    declared: getSystem(model, CRM_API_INTERFACE.systemPath)?.apiInterface !== void 0,
+    ready: readiness.ready,
+    reason: summarizeReadinessIssues(readiness.issues),
+    issues: readiness.issues
+  };
+}
+function useCrmPipelineConfig() {
+  const systems = useOptionalElevasisSystems();
+  const organizationModel = systems?.organizationModel;
+  return useMemo(() => {
+    const crmApiInterface = getCrmApiInterfaceReadiness(organizationModel);
+    const interfaceState = {
+      crmApiInterface,
+      canUseCrmApiActions: crmApiInterface.ready
+    };
+    if (!organizationModel) return { pipeline: void 0, ...interfaceState };
+    return {
+      pipeline: getCrmPipelineCatalog(organizationModel),
+      ...interfaceState
+    };
+  }, [organizationModel]);
+}
+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 });
+  const { pipeline } = useCrmPipelineConfig();
+  const stageColors = getDealStageColors(pipeline);
+  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);
+  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+    /* @__PURE__ */ jsx(
+      CardHeader,
+      {
+        icon: /* @__PURE__ */ jsx(IconColumns, { size: 16 }),
+        title: "Pipeline",
+        subtitle: totalDeals === 0 ? "No deals in the pipeline yet" : `${totalDeals} deal${totalDeals !== 1 ? "s" : ""} total`
+      }
+    ),
+    /* @__PURE__ */ jsx(Group, { gap: "lg", wrap: "nowrap", mt: "md", children: PIPELINE_FUNNEL_ORDER.map((stage) => {
+      const summary = data.find((s) => s.stage === stage);
+      const isEmpty = summary.count === 0;
+      const stageColor = stageColors[stage] ?? "gray";
+      const accent = `var(--mantine-color-${stageColor}-6)`;
+      return /* @__PURE__ */ jsxs(
+        Box,
+        {
+          onClick: () => onStageClick(stage),
+          style: {
+            flex: 1,
+            minWidth: 0,
+            cursor: "pointer",
+            padding: "4px 0"
+          },
+          children: [
+            /* @__PURE__ */ jsxs(Group, { gap: 8, wrap: "nowrap", align: "center", mb: 6, children: [
+              /* @__PURE__ */ jsx(
+                Box,
+                {
+                  style: {
+                    width: 8,
+                    height: 8,
+                    borderRadius: "50%",
+                    background: accent,
+                    flexShrink: 0
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", truncate: true, children: STAGE_LABELS[stage] })
+            ] }),
+            /* @__PURE__ */ jsx(Text, { size: "xl", fw: 600, c: isEmpty ? "dimmed" : void 0, lh: 1, children: summary.count })
+          ]
+        },
+        stage
+      );
+    }) })
+  ] });
+}
+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__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconHistory, { size: 16 }), title: "Recent Activity" }),
+    /* @__PURE__ */ jsxs(Table, { highlightOnHover: true, style: { tableLayout: "fixed", width: "100%" }, children: [
+      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsx(Table.Th, { w: 40 }),
+        /* @__PURE__ */ jsx(Table.Th, { w: 220, children: "Name" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Activity" }),
+        /* @__PURE__ */ jsx(Table.Th, { w: 120, children: "When" })
+      ] }) }),
+      /* @__PURE__ */ jsx(Table.Tbody, { children: data.map((entry) => {
+        const name = entry.contactName ?? entry.companyName ?? "Unknown";
+        return /* @__PURE__ */ jsxs(Table.Tr, { style: { cursor: "pointer" }, onClick: () => onDealClick(entry.dealId), children: [
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { c: "dimmed", component: "span", children: /* @__PURE__ */ jsx(ActivityKindIcon, { kind: entry.kind }) }) }),
+          /* @__PURE__ */ jsx(Table.Td, { style: { maxWidth: 220 }, children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, truncate: true, title: name, style: { minWidth: 0 }, children: name }) }),
+          /* @__PURE__ */ jsx(Table.Td, { style: { minWidth: 0 }, children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", truncate: true, title: entry.description, style: { minWidth: 0 }, children: entry.description }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { whiteSpace: "nowrap" }, children: formatRelativeTime(entry.occurredAt) }) })
+        ] }, entry.id);
+      }) })
+    ] })
+  ] }) });
+}
+var currencyFormatter = new Intl.NumberFormat("en-US", {
+  style: "currency",
+  currency: "USD",
+  maximumFractionDigits: 0
+});
+function formatPercent(value) {
+  return `${Math.round(value * 100)}%`;
+}
+function MetricsStrip() {
+  const { data, isLoading } = useCrmQuickMetrics();
+  return /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 2, sm: 4 }, children: [
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        variant: "hero",
+        icon: IconCurrencyDollar,
+        value: currencyFormatter.format(data.totalPipelineValue),
+        label: "Total Pipeline Value",
+        isLoading
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        variant: "hero",
+        icon: IconChartBar,
+        value: formatPercent(data.winRate),
+        label: "Win Rate",
+        isLoading
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        variant: "hero",
+        icon: IconBriefcase,
+        value: String(data.openDeals),
+        label: "Open Deals",
+        isLoading
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        variant: "hero",
+        icon: IconTrophy,
+        value: String(data.wonDeals),
+        label: "Won This Period",
+        isLoading
+      }
+    )
+  ] });
+}
+function CrmOverview({
+  onStageClick,
+  onDealClick,
+  onGoToPipeline,
+  getDealValue,
+  renderActions
+}) {
+  const rightSection = renderActions ? renderActions() : /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconColumns, { size: 16 }), variant: "light", size: "xs", 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__ */ jsx(PipelineFunnelWidget, { onStageClick, getDealValue }),
+    /* @__PURE__ */ jsx(ActivityFeedWidget, { onDealClick })
+  ] });
+}
+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.stage_key || "",
+  state: (deal) => deal.state_key || "",
+  ownership: (deal) => deal.ownership || "",
+  updated: (deal) => deal.updated_at || ""
+};
+var DEAL_OWNERSHIP_BADGE_COPY = {
+  us: {
+    color: "red",
+    label: "Our move",
+    tooltip: "We owe the next move"
+  },
+  them: {
+    color: "gray",
+    label: "Their move",
+    tooltip: "Lead owes the next move"
+  }
+};
+function DealsListPage() {
+  const navigate = useNavigate();
+  const deleteDeal = useDeleteDeal();
+  const { pipeline } = useCrmPipelineConfig();
+  const stageOptions = useMemo(() => getDealStageOptions(pipeline), [pipeline]);
+  const stageColors = useMemo(() => getDealStageColors(pipeline), [pipeline]);
+  const [stageFilter, setStageFilter] = useState(null);
+  const [priorityFilter, setPriorityFilter] = useState("all");
+  const [searchQuery, setSearchQuery] = useState("");
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT, [stageFilter, priorityFilter, searchQuery]);
+  const {
+    data: deals,
+    total,
+    isLoading,
+    error
+  } = useDeals({
+    stage: stageFilter || void 0,
+    search: searchQuery || void 0,
+    limit: PAGE_SIZE_DEFAULT,
+    offset: pagination.offset
+  });
+  const { sort, toggleSort } = useTableSort("priority", "asc");
+  const sortedDeals = useMemo(() => {
+    const filteredDeals = priorityFilter === "all" ? deals ?? [] : (deals ?? []).filter((deal) => deal.priority.bucketKey === priorityFilter);
+    if (sort.column === "priority") {
+      return [...filteredDeals].sort((a, b) => compareDealsByPriorityThenUpdated(a, b, sort.direction));
+    }
+    return sortData(filteredDeals, sort, sortAccessors);
+  }, [deals, priorityFilter, sort]);
+  const selection = useTableSelection(sortedDeals, sortedDeals);
+  const handleDeleteSelected = async () => {
+    await Promise.all([...selection.selectedIds].map((dealId) => deleteDeal.mutateAsync(dealId)));
+    setShowBatchDelete(false);
+    selection.clear();
+  };
+  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: stageOptions,
+                  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)
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Tabs,
+          {
+            value: priorityFilter,
+            onChange: (value) => setPriorityFilter(value ?? "all"),
+            children: /* @__PURE__ */ jsxs(Tabs.List, { children: [
+              /* @__PURE__ */ jsx(Tabs.Tab, { value: "all", children: "All priorities" }),
+              DEAL_PRIORITY_OPTIONS.map((option) => /* @__PURE__ */ jsx(Tabs.Tab, { value: option.value, children: option.label }, option.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, { style: { tableLayout: "fixed" }, 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, w: 120, children: "Stage" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "state", sort, onToggle: toggleSort, w: 160, children: "State" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "ownership", sort, onToggle: toggleSort, w: 100, children: "Move" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "priority", sort, onToggle: toggleSort, w: 140, children: "Priority" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "updated", sort, onToggle: toggleSort, w: 100, children: "Updated" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Tbody, { children: sortedDeals.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(" ");
+            const ownershipBadge = deal.ownership ? DEAL_OWNERSHIP_BADGE_COPY[deal.ownership] : null;
+            return /* @__PURE__ */ jsxs(
+              Table.Tr,
+              {
+                style: { cursor: "pointer" },
+                onClick: () => {
+                  setDealReferrer("deals");
+                  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, lineClamp: 1, children: companyName }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", lineClamp: 1, children: contactName || "-" }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", lineClamp: 1, children: deal.contact_email || "-" }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: stageColors[deal.stage_key || ""] || "gray", size: "sm", children: formatDealStageLabel(pipeline, deal.stage_key) }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(
+                    Badge,
+                    {
+                      variant: "light",
+                      color: deal.state_key ? "gray" : "dark",
+                      size: "sm",
+                      style: { maxWidth: "100%", textTransform: "none" },
+                      children: /* @__PURE__ */ jsx(Text, { span: true, size: "xs", truncate: "end", style: { maxWidth: "100%" }, children: formatDealStateLabel(pipeline, deal.state_key) })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: ownershipBadge ? /* @__PURE__ */ jsx(Tooltip, { label: ownershipBadge.tooltip, withArrow: true, children: /* @__PURE__ */ jsx(
+                    Badge,
+                    {
+                      variant: "light",
+                      color: ownershipBadge.color,
+                      size: "sm",
+                      style: { maxWidth: "100%", textTransform: "none" },
+                      children: /* @__PURE__ */ jsx(Text, { span: true, size: "xs", truncate: "end", style: { maxWidth: "100%" }, children: ownershipBadge.label })
+                    }
+                  ) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "-" }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Tooltip, { label: deal.priority.reason, withArrow: true, children: /* @__PURE__ */ jsx(
+                    Badge,
+                    {
+                      variant: "light",
+                      color: deal.priority.color,
+                      size: "sm",
+                      style: { maxWidth: "100%", textTransform: "none" },
+                      children: /* @__PURE__ */ jsx(Text, { span: true, size: "xs", truncate: "end", style: { maxWidth: "100%" }, children: deal.priority.label })
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", lineClamp: 1, children: formatTimeAgo(deal.updated_at) }) })
+                ]
+              },
+              deal.id
+            );
+          }) })
+        ] }),
+        total > PAGE_SIZE_DEFAULT && /* @__PURE__ */ jsx(Group, { justify: "flex-start", children: /* @__PURE__ */ jsx(
+          Pagination,
+          {
+            value: pagination.page,
+            onChange: pagination.setPage,
+            total: pagination.totalPages(total),
+            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 ActionButton({ action, dealId }) {
+  const executeAction = useExecuteAction({ dealId });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "light",
+      size: "sm",
+      loading: executeAction.isPending,
+      onClick: () => executeAction.mutate({ key: action.key }),
+      children: action.label
+    }
+  );
+}
+function getType(schema) {
+  const zodSchema = schema;
+  return zodSchema._def?.type ?? zodSchema._def?.typeName ?? "";
+}
+function unwrapField(schema) {
+  const type = getType(schema);
+  if (type === "optional" || type === "ZodOptional") {
+    const inner = schema._def?.innerType;
+    if (!inner) return { schema, required: false, nullable: false, defaultValue: void 0 };
+    return { ...unwrapField(inner), required: false };
+  }
+  if (type === "nullable" || type === "ZodNullable") {
+    const inner = schema._def?.innerType;
+    if (!inner) return { schema, required: true, nullable: true, defaultValue: null };
+    return { ...unwrapField(inner), nullable: true };
+  }
+  if (type === "default" || type === "ZodDefault") {
+    const def = schema._def;
+    const inner = def?.innerType;
+    const defaultValue = typeof def?.defaultValue === "function" ? def.defaultValue() : def?.defaultValue;
+    if (!inner) return { schema, required: false, nullable: false, defaultValue };
+    return { ...unwrapField(inner), required: false, defaultValue };
+  }
+  return { schema, required: true, nullable: false, defaultValue: void 0 };
+}
+function getObjectShape(schema) {
+  const zodSchema = schema;
+  const type = getType(schema);
+  if (type !== "object" && type !== "ZodObject") {
+    return null;
+  }
+  const shape = zodSchema.shape;
+  if (!shape || typeof shape !== "object" || Array.isArray(shape)) {
+    return null;
+  }
+  return shape;
+}
+function getEnumValues(schema) {
+  const zodSchema = schema;
+  const values = zodSchema.options ?? zodSchema._def?.values ?? Object.values(zodSchema._def?.entries ?? {});
+  if (!Array.isArray(values) || values.some((value) => typeof value !== "string")) {
+    return null;
+  }
+  return values;
+}
+function labelForField(name) {
+  return name.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/^./, (s) => s.toUpperCase());
+}
+function isLongTextField(name) {
+  return ["body", "message", "reply", "replyBody", "emailBody"].includes(name);
+}
+function initialValueFor(field, defaultValue) {
+  if (defaultValue !== void 0) {
+    if (field.kind === "date" && defaultValue instanceof Date) {
+      return defaultValue.toISOString().slice(0, 10);
+    }
+    return defaultValue;
+  }
+  switch (field.kind) {
+    case "boolean":
+      return false;
+    case "number":
+      return field.required ? 0 : "";
+    case "enum":
+      return field.required ? field.enumValues?.[0] ?? "" : "";
+    case "date":
+    case "dateString":
+    case "string":
+      return "";
+  }
+}
+function describeSchema(schema) {
+  if (!schema) {
+    return { supported: false, reason: "This action does not define a payload schema." };
+  }
+  const shape = getObjectShape(schema);
+  if (!shape) {
+    return { supported: false, reason: "This action requires a payload schema that is not a flat object." };
+  }
+  const fields = [];
+  const initialValues = {};
+  for (const [name, rawFieldSchema] of Object.entries(shape)) {
+    const { schema: fieldSchema, required, nullable, defaultValue } = unwrapField(rawFieldSchema);
+    const type = getType(fieldSchema);
+    const zodField = fieldSchema;
+    const stringFormat = zodField._def?.format;
+    let descriptor = null;
+    if (type === "string" || type === "ZodString") {
+      descriptor = {
+        name,
+        label: labelForField(name),
+        kind: stringFormat === "date" ? "dateString" : "string",
+        schema: rawFieldSchema,
+        required,
+        nullable
+      };
+    } else if (type === "number" || type === "ZodNumber") {
+      descriptor = { name, label: labelForField(name), kind: "number", schema: rawFieldSchema, required, nullable };
+    } else if (type === "boolean" || type === "ZodBoolean") {
+      descriptor = { name, label: labelForField(name), kind: "boolean", schema: rawFieldSchema, required, nullable };
+    } else if (type === "enum" || type === "ZodEnum") {
+      const enumValues = getEnumValues(fieldSchema);
+      if (!enumValues) {
+        return { supported: false, reason: `Field "${name}" uses an enum shape that is not supported by this form.` };
+      }
+      descriptor = {
+        name,
+        label: labelForField(name),
+        kind: "enum",
+        schema: rawFieldSchema,
+        required,
+        nullable,
+        enumValues
+      };
+    } else if (type === "date" || type === "ZodDate") {
+      descriptor = { name, label: labelForField(name), kind: "date", schema: rawFieldSchema, required, nullable };
+    }
+    if (!descriptor) {
+      return {
+        supported: false,
+        reason: `Field "${name}" is not supported. CRM action forms currently support only flat string, number, boolean, enum, and date fields.`
+      };
+    }
+    const field = { ...descriptor, defaultValue: initialValueFor(descriptor, defaultValue) };
+    fields.push(field);
+    initialValues[name] = field.defaultValue;
+  }
+  return { supported: true, fields, initialValues };
+}
+function normalizeValue(field, value) {
+  const isEmpty = value === "" || value === void 0 || value === null;
+  if (isEmpty) {
+    if (!field.required) return void 0;
+    if (field.nullable) return null;
+    return value;
+  }
+  if (field.kind === "date") {
+    const acceptsString = (field.schema._def?.coerce ?? false) === true;
+    return acceptsString ? value : new Date(String(value));
+  }
+  return value;
+}
+function buildPayload(fields, values) {
+  return fields.reduce((payload, field) => {
+    const value = normalizeValue(field, values[field.name]);
+    if (value !== void 0 || field.required) {
+      payload[field.name] = value;
+    }
+    return payload;
+  }, {});
+}
+function ActionFormButton({ action, isActive, onToggle }) {
+  return /* @__PURE__ */ jsx(Button, { variant: isActive ? "filled" : "light", size: "sm", onClick: onToggle, children: action.label });
+}
+function ActionForm({ action, dealId, onClose }) {
+  const executeAction = useExecuteAction({ dealId });
+  const schemaDescription = describeSchema(action.payloadSchema);
+  const form = useForm({
+    initialValues: schemaDescription.supported ? schemaDescription.initialValues : {}
+  });
+  const handleSubmit = form.onSubmit(async (values) => {
+    if (!schemaDescription.supported || !action.payloadSchema) return;
+    form.clearErrors();
+    const payload = buildPayload(schemaDescription.fields, values);
+    const parsed = action.payloadSchema.safeParse(payload);
+    if (!parsed.success) {
+      const formErrors = {};
+      for (const issue of parsed.error.issues) {
+        const fieldName = issue.path[0];
+        if (typeof fieldName === "string" && schemaDescription.fields.some((field) => field.name === fieldName)) {
+          formErrors[fieldName] = issue.message;
+        }
+      }
+      form.setErrors(formErrors);
+      return;
+    }
+    await executeAction.mutateAsync({ key: action.key, payload: parsed.data });
+    onClose();
+  });
+  return /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(Title, { order: 3, children: action.label }),
+    schemaDescription.supported ? /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      schemaDescription.fields.map((field) => {
+        if (field.kind === "number") {
+          return /* @__PURE__ */ jsx(
+            NumberInput,
+            {
+              label: field.label,
+              required: field.required,
+              disabled: executeAction.isPending,
+              error: form.errors[field.name],
+              ...form.getInputProps(field.name)
+            },
+            field.name
+          );
+        }
+        if (field.kind === "boolean") {
+          return /* @__PURE__ */ jsx(
+            Switch,
+            {
+              label: field.label,
+              disabled: executeAction.isPending,
+              error: form.errors[field.name],
+              ...form.getInputProps(field.name, { type: "checkbox" })
+            },
+            field.name
+          );
+        }
+        if (field.kind === "enum") {
+          return /* @__PURE__ */ jsx(
+            Select,
+            {
+              label: field.label,
+              required: field.required,
+              disabled: executeAction.isPending,
+              data: field.enumValues ?? [],
+              error: form.errors[field.name],
+              ...form.getInputProps(field.name)
+            },
+            field.name
+          );
+        }
+        if (field.kind === "string" && isLongTextField(field.name)) {
+          return /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              label: field.label,
+              required: field.required,
+              disabled: executeAction.isPending,
+              error: form.errors[field.name],
+              autosize: true,
+              minRows: 6,
+              ...form.getInputProps(field.name)
+            },
+            field.name
+          );
+        }
+        return /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            label: field.label,
+            type: field.kind === "date" || field.kind === "dateString" ? "date" : "text",
+            required: field.required,
+            disabled: executeAction.isPending,
+            error: form.errors[field.name],
+            ...form.getInputProps(field.name)
+          },
+          field.name
+        );
+      }),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "sm", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: onClose, disabled: executeAction.isPending, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { type: "submit", loading: executeAction.isPending, children: action.label })
+      ] })
+    ] }) }) : /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsx(Alert, { color: "yellow", variant: "light", icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), title: "Unsupported action form", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: schemaDescription.reason }) }),
+      /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(Button, { variant: "default", onClick: onClose, disabled: executeAction.isPending, children: "Close" }) })
+    ] })
+  ] });
+}
+var THREAD_INDENT_STEP = 6;
+var THREAD_MAX_INDENT = 36;
+function formatSentAt(sentAt) {
+  if (!sentAt) return "Unknown time";
+  const date = new Date(sentAt);
+  if (Number.isNaN(date.getTime())) return sentAt;
+  return date.toLocaleString();
+}
+function getQuoteDepth(line) {
+  const match = line.match(/^\s*((?:>\s*)+)(.*)$/);
+  if (!match) return { depth: 0, text: line };
+  return {
+    depth: (match[1].match(/>/g) ?? []).length,
+    text: match[2]
+  };
+}
+function MessageBody({ body }) {
+  const resolvedBody = body || "Full message body unavailable from Instantly.";
+  return /* @__PURE__ */ jsx(Stack, { gap: 0, children: resolvedBody.split(/\r?\n/).map((line, index) => {
+    const { depth, text } = getQuoteDepth(line);
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: `${depth * 12}px minmax(0, 1fr)`,
+          minHeight: "1.55em"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              "aria-hidden": "true",
+              style: {
+                display: "grid",
+                gridTemplateColumns: `repeat(${depth}, 12px)`
+              },
+              children: Array.from({ length: depth }).map((_, depthIndex) => /* @__PURE__ */ jsx(
+                Box,
+                {
+                  style: {
+                    borderLeft: "1px solid var(--color-border)",
+                    marginLeft: 4
+                  }
+                },
+                depthIndex
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { size: "sm", lh: 1.55, style: { whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: text || " " })
+        ]
+      },
+      `${index}-${line}`
+    );
+  }) });
+}
+function ConversationThread({ messages }) {
+  if (messages.length === 0) {
+    return /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconMessages, { size: 18 }), title: "Conversation", mb: "xs" }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No synced email thread is available. Check Activity for local CRM events." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconMessages, { size: 18 }), title: "Conversation", mb: 0 }),
+    [...messages].reverse().map((message, index) => {
+      const isOutbound = message.direction === "outbound";
+      const participant = isOutbound ? message.toEmail : message.fromEmail;
+      const olderMessageIndent = Math.min(index * THREAD_INDENT_STEP, THREAD_MAX_INDENT);
+      const olderMessageLevels = olderMessageIndent / THREAD_INDENT_STEP;
+      const directionLabel = isOutbound ? "Sent to" : "Received from";
+      const messageIcon = isOutbound ? /* @__PURE__ */ jsx(IconMailForward, { size: 16 }) : /* @__PURE__ */ jsx(IconInbox, { size: 16 });
+      return /* @__PURE__ */ jsxs(
+        Box,
+        {
+          style: {
+            display: "grid",
+            gridTemplateColumns: `${olderMessageIndent}px minmax(0, 1fr)`
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                "aria-hidden": "true",
+                style: {
+                  display: "grid",
+                  gridTemplateColumns: `repeat(${olderMessageLevels}, ${THREAD_INDENT_STEP}px)`
+                },
+                children: Array.from({ length: olderMessageLevels }).map((_, levelIndex) => /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    style: {
+                      borderLeft: "1px solid var(--color-border)"
+                    }
+                  },
+                  levelIndex
+                ))
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                pl: "md",
+                py: "xs",
+                style: {
+                  borderLeft: `2px solid ${isOutbound ? "var(--mantine-color-blue-5)" : "var(--mantine-color-teal-5)"}`
+                },
+                children: /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
+                  /* @__PURE__ */ jsx(
+                    CardHeader,
+                    {
+                      icon: messageIcon,
+                      iconColor: isOutbound ? "blue" : "teal",
+                      title: `${directionLabel} ${participant || "unknown recipient"}`,
+                      subtitle: message.subject ?? void 0,
+                      titleOrder: 5,
+                      mb: 0,
+                      rightSection: /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { flexShrink: 0, textAlign: "right" }, children: formatSentAt(message.sentAt) })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(MessageBody, { body: message.body }) })
+                ] })
+              }
+            )
+          ]
+        },
+        message.id
+      );
+    })
+  ] });
+}
+var CANONICAL_ACTION_KEYS = /* @__PURE__ */ new Set(["send_reply"]);
+var DEAL_OWNERSHIP_BADGE_COPY2 = {
+  us: {
+    color: "red",
+    label: "Our move"
+  },
+  them: {
+    color: "gray",
+    label: "Their move"
+  }
+};
+function getContactName(deal) {
+  return [deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ");
+}
+function getCompanyName(deal) {
+  return deal.contact?.company?.name || deal.discovery_data?.company || deal.contact_email?.split("@")[1] || "Unknown";
+}
+function toAction(actionDef) {
+  const { key, label, payloadSchema } = actionDef;
+  return { key, label, payloadSchema };
+}
+function getVisibleCanonicalDealActions(deal, crmActions) {
+  if (deal.nextAction && CANONICAL_ACTION_KEYS.has(deal.nextAction)) {
+    if (deal.nextAction === "send_reply" && deal.ownership === "them") return [];
+    const nextAction = crmActions.find((action) => action.key === deal.nextAction);
+    return nextAction ? [toAction(nextAction)] : [];
+  }
+  return deriveActions(deal, crmActions).filter((action) => {
+    if (!CANONICAL_ACTION_KEYS.has(action.key)) return false;
+    if (action.key === "send_reply" && deal.ownership === "them") return false;
+    return true;
+  });
+}
+function CopyBookingLinkButton({
+  bookingUrl,
+  dealId,
+  contactId
+}) {
+  const url = buildBookingUrl(bookingUrl, { dealId, contactId });
+  if (!url) return null;
+  return /* @__PURE__ */ jsx(CopyButton, { value: url, timeout: 1500, children: ({ copied, copy }) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "light",
+      size: "xs",
+      color: copied ? "teal" : void 0,
+      leftSection: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 }),
+      onClick: copy,
+      children: copied ? "Copied" : "Copy Booking Link"
+    }
+  ) });
+}
+function DetailRow({ label, value }) {
+  return /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "flex-start", wrap: "nowrap", children: [
+    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, style: { width: 120, flexShrink: 0 }, children: label }),
+    /* @__PURE__ */ jsx(Text, { size: "sm", style: { minWidth: 0, wordBreak: "break-word", color: "var(--color-text-subtle)" }, children: value || "N/A" })
+  ] });
+}
+function DealDetailPage({ dealId, renderActions, onDealLoaded, bookingUrl }) {
+  const navigate = useNavigate();
+  const [referrer] = useState(() => getDealReferrer());
+  const backTarget = referrer === "pipeline" ? { to: "/crm/pipeline", label: "Pipeline" } : { to: "/crm/deals", label: "Deals" };
+  const { data: deal, isLoading, error } = useDealDetail(dealId);
+  const crmActions = useCrmActions();
+  const { pipeline } = useCrmPipelineConfig();
+  const stageColors = useMemo(() => getDealStageColors(pipeline), [pipeline]);
+  const actions = useMemo(() => deal ? getVisibleCanonicalDealActions(deal, crmActions) : [], [deal, crmActions]);
+  const [activeActionKey, setActiveActionKey] = useState(null);
+  const activeAction = activeActionKey ? actions.find((action) => action.key === activeActionKey) : null;
+  useEffect(() => {
+    if (activeActionKey && !actions.some((action) => action.key === activeActionKey)) {
+      setActiveActionKey(null);
+    }
+  }, [actions, activeActionKey]);
+  useEffect(() => {
+    if (deal) onDealLoaded?.(deal);
+  }, [deal, onDealLoaded]);
+  const titleName = deal ? getContactName(deal) || getCompanyName(deal) : null;
+  const title = titleName ? `${titleName} Deal` : "Deal Detail";
+  const companyName = deal ? getCompanyName(deal) : "Unknown";
+  const ownershipBadge = deal?.ownership ? DEAL_OWNERSHIP_BADGE_COPY2[deal.ownership] : null;
+  const activityLog = (deal?.activity_log || []).filter(Boolean);
+  const hasDiscoveryData = deal?.discovery_data != null && (typeof deal.discovery_data !== "object" || Array.isArray(deal.discovery_data) || Object.keys(deal.discovery_data).length > 0);
+  const headerActions = /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "light",
+        size: "sm",
+        leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+        onClick: () => navigate({ to: backTarget.to }),
+        children: backTarget.label
+      }
+    ),
+    deal?.proposal_pdf_url && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "light",
+        size: "sm",
+        leftSection: /* @__PURE__ */ jsx(IconFileText, { size: 16 }),
+        onClick: () => window.open(deal.proposal_pdf_url, "_blank"),
+        children: "View Proposal"
+      }
+    ),
+    deal && renderActions?.(deal)
+  ] });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(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__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(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__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Deal not found", rightSection: headerActions }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(EmptyState, { icon: IconInbox, title: "Deal not found", description: "The selected deal no longer exists." }) })
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title,
+        caption: `${companyName} - ${formatDealStageLabel(pipeline, deal.stage_key)}`,
+        rightSection: headerActions
+      }
+    ),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "lg", children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(
+          CardHeader,
+          {
+            icon: /* @__PURE__ */ jsx(IconBriefcase, { size: 18 }),
+            title: "Deal",
+            mb: 0,
+            rightSection: /* @__PURE__ */ jsx(CopyBookingLinkButton, { bookingUrl, dealId: deal.id, contactId: deal.contact?.id })
+          }
+        ),
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+          /* @__PURE__ */ jsx(
+            DetailRow,
+            {
+              label: "Stage",
+              value: /* @__PURE__ */ jsx(Badge, { color: stageColors[deal.stage_key || ""] || "gray", children: formatDealStageLabel(pipeline, deal.stage_key) })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DetailRow,
+            {
+              label: "Priority",
+              value: /* @__PURE__ */ jsx(Tooltip, { label: deal.priority.reason, withArrow: true, children: /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  variant: "light",
+                  color: deal.priority.color,
+                  size: "sm",
+                  style: { maxWidth: "100%", textTransform: "none" },
+                  children: /* @__PURE__ */ jsx(Text, { span: true, size: "xs", truncate: "end", style: { maxWidth: "100%" }, children: deal.priority.label })
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DetailRow,
+            {
+              label: "Move",
+              value: ownershipBadge ? /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  variant: "light",
+                  color: ownershipBadge.color,
+                  size: "sm",
+                  style: { maxWidth: "100%", textTransform: "none" },
+                  children: /* @__PURE__ */ jsx(Text, { span: true, size: "xs", truncate: "end", style: { maxWidth: "100%" }, children: ownershipBadge.label })
+                }
+              ) : "N/A"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DetailRow,
+            {
+              label: "Sent",
+              value: deal.proposal_sent_at ? new Date(deal.proposal_sent_at).toLocaleString() : "N/A"
+            }
+          ),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Envelope ID", value: deal.signature_envelope_id || "N/A" }),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Contact Email", value: deal.contact?.email || deal.contact_email || "N/A" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconUser, { size: 18 }), title: "Contact", mb: 0 }),
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+          /* @__PURE__ */ jsx(DetailRow, { label: "Name", value: getContactName(deal) || "N/A" }),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Title", value: deal.contact?.title || "N/A" }),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Company", value: deal.contact?.company?.name || "N/A" }),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Domain", value: deal.contact?.company?.domain || "N/A" }),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Segment", value: deal.contact?.company?.segment || "N/A" }),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Category", value: deal.contact?.company?.category || "N/A" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Tabs, { defaultValue: "conversation", keepMounted: false, children: [
+        /* @__PURE__ */ jsxs(Tabs.List, { children: [
+          /* @__PURE__ */ jsx(Tabs.Tab, { value: "conversation", leftSection: /* @__PURE__ */ jsx(IconMessages, { size: 16 }), children: "Conversation" }),
+          /* @__PURE__ */ jsx(Tabs.Tab, { value: "activity", leftSection: /* @__PURE__ */ jsx(IconHistory, { size: 16 }), children: "Activity" }),
+          /* @__PURE__ */ jsx(Tabs.Tab, { value: "discovery", leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }), children: "Discovery" })
+        ] }),
+        /* @__PURE__ */ jsx(Tabs.Panel, { value: "conversation", pt: "md", children: /* @__PURE__ */ jsx(ConversationThread, { messages: deal.conversation.messages }) }),
+        /* @__PURE__ */ jsx(Tabs.Panel, { value: "activity", pt: "md", children: /* @__PURE__ */ jsx(ActivityTimeline, { activities: activityLog }) }),
+        /* @__PURE__ */ jsx(Tabs.Panel, { value: "discovery", pt: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsx(
+            CardHeader,
+            {
+              icon: /* @__PURE__ */ jsx(IconSearch, { size: 18 }),
+              title: "Discovery",
+              subtitle: "Structured intake answers and qualification context captured before proposal work.",
+              mb: 0
+            }
+          ),
+          hasDiscoveryData ? /* @__PURE__ */ jsx(Code, { block: true, children: JSON.stringify(deal.discovery_data, null, 2) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No discovery responses have been captured for this deal." })
+        ] }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconBolt, { size: 18 }), title: "Actions", titleOrder: 2, mb: 0 }),
+      actions.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Group, { gap: "sm", children: actions.map(
+          (action) => action.payloadSchema ? /* @__PURE__ */ jsx(
+            ActionFormButton,
+            {
+              action,
+              isActive: activeActionKey === action.key,
+              onToggle: () => setActiveActionKey((current) => current === action.key ? null : action.key)
+            },
+            action.key
+          ) : /* @__PURE__ */ jsx(ActionButton, { action, dealId: deal.id }, action.key)
+        ) }),
+        activeAction?.payloadSchema && /* @__PURE__ */ jsx(
+          ActionForm,
+          {
+            action: activeAction,
+            dealId: deal.id,
+            onClose: () => setActiveActionKey(null)
+          },
+          activeAction.key
+        )
+      ] }) : /* @__PURE__ */ jsx(Alert, { color: "gray", variant: "light", children: "No reply actions are currently available for this deal." })
+    ] }) })
+  ] }) }) });
+}
+function CompanyDetailPage({ companyId }) {
+  const navigate = useNavigate();
+  const { data: company, isLoading, error } = useCompany(companyId);
+  const [enrichmentView, setEnrichmentView] = useState("formatted");
+  const title = company ? company.name : "Company Detail";
+  const headerActions = /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "light",
+      size: "sm",
+      leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+      onClick: () => navigate({ to: "/crm" }),
+      children: "CRM"
+    }
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Loading company 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 company details", rightSection: headerActions }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load company" }) })
+    ] }) });
+  }
+  if (!company) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Company not found", rightSection: headerActions }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconBuilding,
+          title: "Company not found",
+          description: "The selected company no longer exists."
+        }
+      ) })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: company.name,
+        caption: [company.domain, company.locationCity, company.locationState].filter(Boolean).join(" \xB7 ") || "Company",
+        rightSection: headerActions
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", p: "md", children: [
+      /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Overview" }),
+        /* @__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: company.name })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Status:" }),
+            /* @__PURE__ */ jsx(Badge, { variant: "light", color: "blue", children: company.status })
+          ] }),
+          company.domain && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Domain:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.domain })
+          ] }),
+          company.website && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Website:" }),
+            /* @__PURE__ */ jsx(Text, { component: "a", href: company.website, target: "_blank", c: "blue", children: company.website })
+          ] }),
+          company.numEmployees != null && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Employees:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.numEmployees.toLocaleString() })
+          ] }),
+          company.foundedYear != null && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Founded:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.foundedYear })
+          ] }),
+          company.contactCount != null && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Contacts:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.contactCount })
+          ] })
+        ] })
+      ] }) }),
+      (company.locationCity || company.locationState) && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Location" }),
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+          company.locationCity && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "City:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.locationCity })
+          ] }),
+          company.locationState && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "State:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.locationState })
+          ] })
+        ] })
+      ] }) }),
+      company.linkedinUrl && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Social" }),
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { fw: 500, children: "LinkedIn:" }),
+          /* @__PURE__ */ jsx(Text, { component: "a", href: company.linkedinUrl, target: "_blank", c: "blue", children: "View Profile" })
+        ] })
+      ] }) }),
+      (company.segment || company.category) && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Classification" }),
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+          company.segment && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Segment:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.segment })
+          ] }),
+          company.category && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Category:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.category })
+          ] })
+        ] })
+      ] }) }),
+      company.verticalResearch && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Vertical Research" }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", style: { whiteSpace: "pre-wrap" }, children: company.verticalResearch })
+      ] }) }),
+      company.enrichmentData && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, children: "Enrichment Data" }),
+          /* @__PURE__ */ jsx(
+            SegmentedControl,
+            {
+              value: enrichmentView,
+              onChange: (v) => setEnrichmentView(v),
+              size: "xs",
+              data: [
+                { label: "Formatted", value: "formatted" },
+                { label: "JSON", value: "json" }
+              ]
+            }
+          )
+        ] }),
+        enrichmentView === "formatted" ? /* @__PURE__ */ jsx(ContextViewer, { data: company.enrichmentData }) : /* @__PURE__ */ jsx(JsonViewer, { data: company.enrichmentData })
+      ] }) })
+    ] }) })
+  ] }) });
+}
+var crmPrioritySettingsKeys = {
+  all: ["crm-priority-settings"],
+  detail: (organizationId) => [...crmPrioritySettingsKeys.all, organizationId]
+};
+function useCrmPrioritySettings() {
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
+  return useQuery({
+    queryKey: crmPrioritySettingsKeys.detail(workOSOrganizationId),
+    queryFn: () => apiRequest("/crm/settings/priority"),
+    enabled: isReady
+  });
+}
+function useUpdateCrmPrioritySettings() {
+  const { apiRequest, workOSOrganizationId } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (override) => apiRequest("/crm/settings/priority", {
+      method: "PATCH",
+      body: JSON.stringify(override)
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: crmPrioritySettingsKeys.detail(workOSOrganizationId) });
+      queryClient.invalidateQueries({ queryKey: dealKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: dealKeys.details() });
+      showSuccessNotification("CRM priority settings saved.");
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+function useResetCrmPrioritySettings() {
+  const { apiRequest, workOSOrganizationId } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: () => apiRequest("/crm/settings/priority", {
+      method: "DELETE"
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: crmPrioritySettingsKeys.detail(workOSOrganizationId) });
+      queryClient.invalidateQueries({ queryKey: dealKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: dealKeys.details() });
+      showSuccessNotification("CRM priority settings reset to Org-OS defaults.");
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+var BUCKET_KEYS = ["needs_response", "follow_up_due", "waiting", "stale", "closed_low"];
+var COLOR_OPTIONS = ["red", "orange", "yellow", "blue", "gray", "dark", "green", "teal", "violet", "grape"].map(
+  (color) => ({ value: color, label: color })
+);
+var ORDER_OPTIONS = [
+  { value: "10", label: "First - most urgent" },
+  { value: "20", label: "Second - follow-up queue" },
+  { value: "30", label: "Middle - waiting" },
+  { value: "40", label: "Later - stale review" },
+  { value: "50", label: "Last - closed or low priority" }
+];
+var BUCKET_RULE_COPY = {
+  needs_response: {
+    applies: "Current state or latest activity indicates the lead replied or cancelled and needs a human response.",
+    example: "A lead replies to the discovery email; the deal moves to Needs Response immediately."
+  },
+  follow_up_due: {
+    applies: "The configured follow-up window for the current state has elapsed.",
+    example: "A discovery link was sent 5 days ago and the follow-up window is 3 days."
+  },
+  waiting: {
+    applies: "No response is needed yet, or the next action time is still in the future.",
+    example: "A discovery link was sent yesterday and the follow-up window has not elapsed."
+  },
+  stale: {
+    applies: "No meaningful activity has happened for the stale threshold and no stronger bucket applies.",
+    example: "A deal has had no activity for 14 days and is not waiting on a scheduled follow-up."
+  },
+  closed_low: {
+    applies: "The deal is in a closed stage, so it should stay out of the active follow-up queue.",
+    example: "A deal is marked Closed Won or Closed Lost."
+  }
+};
+function getOrderLabel(rank) {
+  if (rank <= 10) return "Shown first";
+  if (rank <= 20) return "After urgent replies";
+  if (rank <= 30) return "Middle";
+  if (rank <= 40) return "Later review";
+  return "Shown last";
+}
+var EMPTY_RESOLVED_CRM_PRIORITY_RULE_CONFIG = {
+  enabled: true,
+  buckets: [],
+  closedStageKeys: [],
+  followUpAfterDaysByStateKey: {},
+  staleAfterDays: 14
+};
+function toResolvedConfig(config = EMPTY_RESOLVED_CRM_PRIORITY_RULE_CONFIG) {
+  return {
+    ...config,
+    enabled: "enabled" in config ? config.enabled : true,
+    buckets: [...config.buckets].sort((a, b) => a.rank - b.rank),
+    closedStageKeys: [...config.closedStageKeys],
+    followUpAfterDaysByStateKey: { ...config.followUpAfterDaysByStateKey }
+  };
+}
+function draftFromConfig(config, defaultBucketsList) {
+  const defaultBuckets = new Map(defaultBucketsList.map((bucket) => [bucket.bucketKey, bucket]));
+  const resolvedBuckets = new Map(config.buckets.map((bucket) => [bucket.bucketKey, bucket]));
+  return {
+    enabled: config.enabled,
+    staleAfterDays: config.staleAfterDays,
+    buckets: Object.fromEntries(
+      BUCKET_KEYS.map((bucketKey) => {
+        const bucket = resolvedBuckets.get(bucketKey) ?? defaultBuckets.get(bucketKey) ?? {
+          label: bucketKey.replaceAll("_", " "),
+          color: "gray",
+          rank: 0
+        };
+        return [bucketKey, { label: bucket.label, color: bucket.color, rank: bucket.rank }];
+      })
+    )
+  };
+}
+function toOverride(draft) {
+  return {
+    enabled: draft.enabled,
+    staleAfterDays: draft.staleAfterDays,
+    buckets: Object.fromEntries(
+      BUCKET_KEYS.map((bucketKey) => [
+        bucketKey,
+        {
+          label: draft.buckets[bucketKey].label.trim(),
+          color: draft.buckets[bucketKey].color.trim(),
+          rank: draft.buckets[bucketKey].rank
+        }
+      ])
+    )
+  };
+}
+function CrmSettingsPage() {
+  const settingsQuery = useCrmPrioritySettings();
+  const updateSettings = useUpdateCrmPrioritySettings();
+  const resetSettings = useResetCrmPrioritySettings();
+  const resolvedConfig = useMemo(() => toResolvedConfig(settingsQuery.data?.resolved), [settingsQuery.data?.resolved]);
+  const defaultConfig = useMemo(() => toResolvedConfig(settingsQuery.data?.defaults), [settingsQuery.data?.defaults]);
+  const [draft, setDraft] = useState(() => draftFromConfig(resolvedConfig, defaultConfig.buckets));
+  useEffect(() => {
+    if (settingsQuery.data) {
+      setDraft(draftFromConfig(toResolvedConfig(settingsQuery.data.resolved), defaultConfig.buckets));
+    }
+  }, [settingsQuery.data, defaultConfig.buckets]);
+  const hasOverride = Boolean(settingsQuery.data?.override);
+  const isSaving = updateSettings.isPending || resetSettings.isPending;
+  const updateBucket = (bucketKey, field, value) => {
+    setDraft((current) => ({
+      ...current,
+      buckets: {
+        ...current.buckets,
+        [bucketKey]: {
+          ...current.buckets[bucketKey],
+          [field]: value
+        }
+      }
+    }));
+  };
+  const handleReset = async () => {
+    const response = await resetSettings.mutateAsync();
+    setDraft(draftFromConfig(toResolvedConfig(response.resolved), defaultConfig.buckets));
+  };
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "CRM Settings",
+        caption: "Scoped CRM controls for priority presentation and thresholds",
+        rightSection: !settingsQuery.isLoading && !settingsQuery.error ? /* @__PURE__ */ jsx(
+          Switch,
+          {
+            label: "Priority Enabled",
+            checked: draft.enabled,
+            onChange: (event) => setDraft((current) => ({ ...current, enabled: event.currentTarget.checked }))
+          }
+        ) : null
+      }
+    ),
+    settingsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : settingsQuery.error ? /* @__PURE__ */ jsx(CenteredErrorState, { error: settingsQuery.error, title: "Failed to load CRM settings" }) : /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
+        /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+            /* @__PURE__ */ jsx(IconSettings, { size: 18 }),
+            /* @__PURE__ */ jsx(Title, { order: 3, children: "Priority Rules" }),
+            /* @__PURE__ */ jsx(Badge, { variant: "light", color: hasOverride ? "blue" : "gray", children: hasOverride ? "Custom" : "Org-OS defaults" })
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "These settings are saved for CRM priority evaluation. Deals continue to receive priority from the backend response." })
+        ] }),
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "light",
+              leftSection: /* @__PURE__ */ jsx(IconRestore, { size: 16 }),
+              loading: resetSettings.isPending,
+              disabled: isSaving,
+              onClick: () => void handleReset(),
+              children: "Reset defaults"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              loading: updateSettings.isPending,
+              disabled: isSaving,
+              onClick: () => void updateSettings.mutateAsync(toOverride(draft)),
+              children: "Save changes"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        NumberInput,
+        {
+          label: "Stale threshold",
+          description: "Deals with no meaningful activity after this many days can move to Stale.",
+          min: 1,
+          max: 365,
+          value: draft.staleAfterDays,
+          onChange: (value) => setDraft((current) => ({ ...current, staleAfterDays: Number(value) || current.staleAfterDays })),
+          suffix: " days",
+          maw: 320
+        }
+      ),
+      /* @__PURE__ */ jsxs(Table, { style: { tableLayout: "fixed" }, children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { w: 150, children: "Bucket" }),
+          /* @__PURE__ */ jsx(Table.Th, { w: 180, children: "Label" }),
+          /* @__PURE__ */ jsx(Table.Th, { w: 170, children: "Color" }),
+          /* @__PURE__ */ jsx(Table.Th, { w: 210, children: "Display order" }),
+          /* @__PURE__ */ jsx(Table.Th, { w: 80, children: "Logic" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: BUCKET_KEYS.map((bucketKey) => {
+          const bucket = draft.buckets[bucketKey];
+          const defaultBucket = defaultConfig.buckets.find((candidate) => candidate.bucketKey === bucketKey);
+          return /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsxs(Table.Td, { children: [
+              /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: bucketKey.replaceAll("_", " ") }),
+              /* @__PURE__ */ jsxs(
+                Badge,
+                {
+                  mt: 6,
+                  variant: "light",
+                  color: defaultBucket?.color ?? "gray",
+                  style: { textTransform: "none" },
+                  children: [
+                    "Default: ",
+                    defaultBucket ? getOrderLabel(defaultBucket.rank) : "Not set"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                size: "sm",
+                value: bucket.label,
+                onChange: (event) => updateBucket(bucketKey, "label", event.currentTarget.value)
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+              /* @__PURE__ */ jsx(ColorSwatch, { color: `var(--mantine-color-${bucket.color}-6)`, size: 18 }),
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  size: "sm",
+                  data: COLOR_OPTIONS,
+                  value: bucket.color,
+                  searchable: true,
+                  allowDeselect: false,
+                  onChange: (value) => updateBucket(bucketKey, "color", value ?? bucket.color)
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxs(Table.Td, { children: [
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  size: "sm",
+                  data: ORDER_OPTIONS,
+                  value: String(bucket.rank),
+                  allowDeselect: false,
+                  onChange: (value) => updateBucket(bucketKey, "rank", Number(value) || bucket.rank)
+                }
+              ),
+              /* @__PURE__ */ jsx(Text, { mt: 4, size: "xs", c: "dimmed", children: "Lower order appears earlier in Pipeline and Deals." })
+            ] }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Popover, { width: 360, position: "left", withArrow: true, shadow: "md", children: [
+              /* @__PURE__ */ jsx(Popover.Target, { children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", color: "gray", "aria-label": `Show ${bucket.label} logic`, children: /* @__PURE__ */ jsx(IconInfoCircle, { size: 18 }) }) }),
+              /* @__PURE__ */ jsx(Popover.Dropdown, { children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx(Text, { size: "xs", fw: 700, tt: "uppercase", c: "dimmed", children: "When it applies" }),
+                  /* @__PURE__ */ jsx(Text, { size: "sm", children: BUCKET_RULE_COPY[bucketKey].applies })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx(Text, { size: "xs", fw: 700, tt: "uppercase", c: "dimmed", children: "Example" }),
+                  /* @__PURE__ */ jsx(Text, { size: "sm", children: BUCKET_RULE_COPY[bucketKey].example })
+                ] })
+              ] }) })
+            ] }) })
+          ] }, bucketKey);
+        }) })
+      ] })
+    ] }) })
+  ] }) }) });
+}
+function ContactDetailPage({ contactId }) {
+  const navigate = useNavigate();
+  const { data: contact, isLoading, error } = useContact(contactId);
+  const fullName = contact ? [contact.firstName, contact.lastName].filter(Boolean).join(" ") || contact.email : "Contact Detail";
+  const title = contact ? fullName : "Contact Detail";
+  const headerActions = /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "light",
+      size: "sm",
+      leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+      onClick: () => navigate({ to: "/crm" }),
+      children: "CRM"
+    }
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Loading contact 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 contact details", rightSection: headerActions }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load contact" }) })
+    ] }) });
+  }
+  if (!contact) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Contact not found", rightSection: headerActions }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconUser,
+          title: "Contact not found",
+          description: "The selected contact no longer exists."
+        }
+      ) })
+    ] }) });
+  }
+  const liData = contact.enrichmentData;
+  const caption = [contact.title, contact.email].filter(Boolean).join(" \xB7 ") || [contact.company?.name].filter(Boolean).join("") || "Contact";
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: fullName, caption, rightSection: headerActions }) }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", p: "md", children: [
+      /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Overview" }),
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Badge, { variant: "light", color: "blue", children: contact.status }),
+          contact.openingLine && /* @__PURE__ */ jsx(Badge, { variant: "light", color: "green", children: "Personalized" })
+        ] }),
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Email:" }),
+            /* @__PURE__ */ jsx(Text, { children: contact.email })
+          ] }),
+          contact.title && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Title:" }),
+            /* @__PURE__ */ jsx(Text, { children: contact.title })
+          ] }),
+          contact.headline && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Headline:" }),
+            /* @__PURE__ */ jsx(Text, { children: contact.headline })
+          ] }),
+          contact.linkedinUrl && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "LinkedIn:" }),
+            /* @__PURE__ */ jsx(Anchor, { href: contact.linkedinUrl, target: "_blank", size: "sm", children: "View Profile" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Created: ",
+          new Date(contact.createdAt).toLocaleDateString(),
+          contact.updatedAt && ` | Updated: ${new Date(contact.updatedAt).toLocaleDateString()}`
+        ] })
+      ] }) }),
+      contact.company && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Company" }),
+        /* @__PURE__ */ jsxs(
+          Card,
+          {
+            withBorder: true,
+            style: { cursor: "pointer" },
+            onClick: () => navigate({
+              to: "/crm/companies/$companyId",
+              params: { companyId: contact.company.id }
+            }),
+            children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: contact.company.name }),
+              contact.company.domain && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: contact.company.domain })
+            ]
+          }
+        )
+      ] }) }),
+      (liData?.linkedin?.summary || liData?.linkedin?.pastExperience || liData?.linkedin?.education) && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "LinkedIn Data" }),
+        liData.linkedin?.summary && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Summary" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: liData.linkedin.summary })
+        ] }),
+        liData.linkedin?.pastExperience && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Past Experience" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: liData.linkedin.pastExperience })
+        ] }),
+        liData.linkedin?.education && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Education" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: liData.linkedin.education })
+        ] })
+      ] }) }),
+      liData?.linkedin?.activity && liData.linkedin.activity.length > 0 && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Recent Activity" }),
+        /* @__PURE__ */ jsx(Stack, { gap: "xs", children: liData.linkedin.activity.slice(0, 3).map((activity, i) => /* @__PURE__ */ jsxs(Card, { withBorder: true, children: [
+          activity.date && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: activity.date }),
+          activity.content && /* @__PURE__ */ jsx(Text, { size: "sm", children: activity.content })
+        ] }, i)) })
+      ] }) }),
+      contact.openingLine && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Personalization" }),
+        /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Opening Line" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: contact.openingLine })
+        ] })
+      ] }) }),
+      contact.filterReason && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Qualification" }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "red", children: contact.filterReason })
+      ] }) })
+    ] }) })
+  ] }) });
+}
+
+export { ActivityFeedWidget, CompanyDetailPage, ContactDetailPage, ConversationThread, CrmOverview, CrmSettingsPage, CrmSidebar, CrmSidebarTop, DealDetailPage, DealsListPage, MetricsStrip, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, compareDealsByPriority, crmPrioritySettingsKeys, getCrmApiInterfaceReadiness, setDealReferrer, useCrmPipelineConfig, useCrmPipelineSummary, useCrmPrioritySettings, useCrmQuickMetrics, useRecentCrmActivity, useResetCrmPrioritySettings, useUpdateCrmPrioritySettings };