@elevasis/ui 2.30.0 → 2.32.0

package/dist/{chunk-P5WYW2GI.js → chunk-ZQOKIGZP.js}

@@ -1,21 +1,21 @@
+import { SalesSidebar, CrmSidebarMiddle } from './chunk-MOY4VOHF.js';
+import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
 import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
-import { SubshellNavItem } from './chunk-X4WBGKJQ.js';
-import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
-import { CustomModal } from './chunk-KVJ3LFH2.js';
-import { useDealTasksDue, useDealsLookup, useCreateDealTask, useDealsSummary, useDeleteDeal, usePaginationState, useDeals, useTableSort, sortData, useTableSelection, useDealDetail, useCompany, dealKeys, useExecuteAction } from './chunk-6EFVZV6X.js';
-import { showApiErrorNotification, showSuccessNotification } from './chunk-T2PAD63Y.js';
-import { CenteredErrorState, CardHeader, StatCard, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-6WXDE5LZ.js';
-import { CRM_PIPELINE_DEFINITION, useCrmActions, DEFAULT_CRM_PRIORITY_RULE_CONFIG, deriveActions, CRM_PRIORITY_BUCKETS } from './chunk-AKOD52HS.js';
+import { CustomModal } from './chunk-R66W5UDG.js';
+import { useDealsSummary, useDeleteDeal, usePaginationState, useDeals, useTableSort, sortData, useTableSelection, useDealDetail, useCompany, dealKeys, useContact, useExecuteAction } from './chunk-GCOQ3TBG.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-XZGSCABI.js';
+import { CenteredErrorState, CardHeader, StatCard, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-EPTHX4VZ.js';
+import { useCrmActions, deriveActions } from './chunk-YLQEVSOR.js';
 import { SubshellContentContainer } from './chunk-TKAYX2SP.js';
-import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-HXZQWMKE.js';
+import { CRM_PIPELINE_DEFINITION, DEFAULT_CRM_PRIORITY_RULE_CONFIG, CRM_PRIORITY_BUCKETS } from './chunk-T35FWDAB.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-2RJMVWFJ.js';
 import { useElevasisServices } from './chunk-KJ3QUBNU.js';
-import { Box, Stack, Group, Text, Badge, Center, Loader, UnstyledButton, Button, Modal, Title, Select, TextInput, Textarea, Paper, Alert, Table, SimpleGrid, Tabs, Checkbox, Tooltip, Pagination, Code, Card, Switch, NumberInput, ColorSwatch, Popover, ActionIcon, CopyButton, Divider } from '@mantine/core';
-import { IconLayoutGrid, IconColumns, IconFileInvoice, IconAddressBook, IconTrophy, IconClockExclamation, IconUser, IconPlus, IconChecklist, IconHistory, IconAlertCircle, IconCurrencyDollar, IconChartBar, IconBriefcase, IconSearch, IconTargetArrow, IconAlertTriangle, IconMessages, IconArrowLeft, IconFileText, IconInbox, IconBolt, IconBuilding, IconSettings, IconRestore, IconInfoCircle, IconMailForward, IconCheckbox, IconCalendar, IconMail, IconPhone, IconArrowRight, IconNote, IconCheck, IconCopy } from '@tabler/icons-react';
+import { Stack, Paper, Center, Loader, Group, Box, Text, Alert, Table, SimpleGrid, Button, Select, TextInput, Tabs, Checkbox, Badge, Tooltip, Pagination, Title, Code, Card, 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 { useState, useMemo, useEffect } from 'react';
+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';
@@ -24,29 +24,6 @@ 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" }
-  }
-];
-
 // src/lib/crm/pipeline.ts
 function getCrmStageOptions() {
   return CRM_PIPELINE_DEFINITION.stages.map((stage) => ({
@@ -152,274 +129,6 @@ function buildBookingUrl(opts = {}) {
   if (opts.contactId) params.set("contactId", opts.contactId);
   return params.size > 0 ? `${BOOKING_PAGE_URL}?${params.toString()}` : BOOKING_PAGE_URL;
 }
-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 KindIcon = 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(KindIcon, { 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 QuickCreateActions({ showSectionLabel = true }) {
-  const [open, setOpen] = useState(false);
-  const [dealId, setDealId] = useState(null);
-  const [dealSearch, setDealSearch] = useState("");
-  const [title, setTitle] = useState("");
-  const [description, setDescription] = useState("");
-  const [kind, setKind] = useState("other");
-  const [dueAt, setDueAt] = useState("");
-  const { data: deals, isLoading: isLoadingDeals } = useDealsLookup(
-    {
-      search: dealSearch || void 0,
-      limit: 25
-    },
-    { enabled: open }
-  );
-  const createTask = useCreateDealTask();
-  const dealOptions = (deals ?? []).map((deal) => ({
-    value: deal.id,
-    label: deal.displayLabel
-  }));
-  function resetForm() {
-    setDealId(null);
-    setDealSearch("");
-    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, size: "md", children: [
-      /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "New Task" }),
-        /* @__PURE__ */ jsx(
-          Select,
-          {
-            label: "Deal",
-            placeholder: "Search deals",
-            data: dealOptions,
-            value: dealId,
-            onChange: setDealId,
-            searchValue: dealSearch,
-            onSearchChange: setDealSearch,
-            searchable: true,
-            nothingFoundMessage: dealSearch ? "No matching deals" : "No deals available",
-            disabled: isLoadingDeals,
-            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 = ({ items = CRM_ITEMS } = {}) => {
-  const { currentPath, navigate } = useRouterContext();
-  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: [
-    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: 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,
-          href: item.to,
-          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 = ({ children } = {}) => {
   return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ jsx(CrmSidebarTop, {}),
@@ -692,10 +401,10 @@ function CrmOverview({
 }
 var crmManifest = {
   key: "crm",
-  featureId: "sales.crm",
+  systemId: "sales.crm",
   capabilityIds: ["crm.pipeline.manage"],
   icon: IconAddressBook,
-  sidebar: CrmSidebar
+  sidebar: SalesSidebar
 };
 var sortAccessors = {
   company: (deal) => deal.contact?.company?.name || deal.discovery_data?.company || deal.contact_email?.split("@")[1] || "",
@@ -1663,6 +1372,10 @@ function CompanyDetailPage({ companyId }) {
           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 })
           ] })
         ] })
       ] }) }),
@@ -1702,6 +1415,10 @@ function CompanyDetailPage({ companyId }) {
       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__ */ jsx(Title, { order: 4, children: "Enrichment Data" }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { whiteSpace: "pre-wrap" }, children: JSON.stringify(company.enrichmentData, null, 2) })
       ] }) })
     ] }) })
   ] }) });
@@ -2014,5 +1731,134 @@ function CrmSettingsPage() {
     ] }) })
   ] }) }) });
 }
+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, CRM_ITEMS, CompanyDetailPage, ConversationThread, CrmOverview, CrmSettingsPage, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DEAL_STAGE_COLORS, DEAL_STAGE_OPTIONS, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, compareDealsByPriority, crmManifest, crmPrioritySettingsKeys, formatDealStageLabel, setDealReferrer, useCrmPipelineSummary, useCrmPrioritySettings, useCrmQuickMetrics, useRecentCrmActivity, useResetCrmPrioritySettings, useUpdateCrmPrioritySettings };
+export { ActivityFeedWidget, CompanyDetailPage, ContactDetailPage, ConversationThread, CrmOverview, CrmSettingsPage, CrmSidebar, CrmSidebarTop, DEAL_STAGE_COLORS, DEAL_STAGE_OPTIONS, DealDetailPage, DealsListPage, MetricsStrip, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, compareDealsByPriority, crmManifest, crmPrioritySettingsKeys, formatDealStageLabel, setDealReferrer, useCrmPipelineSummary, useCrmPrioritySettings, useCrmQuickMetrics, useRecentCrmActivity, useResetCrmPrioritySettings, useUpdateCrmPrioritySettings };

package/dist/components/index.css

@@ -534,6 +534,14 @@
 .mantine-Accordion-control:hover {
   background-color: var(--color-surface-hover);
 }
+[data-mantine-color-scheme] .mantine-Accordion-root .mantine-Accordion-item {
+  --item-filled-color: var(--color-surface);
+  --item-border-color: var(--color-border);
+}
+[data-mantine-color-scheme] .mantine-Accordion-root[data-variant=separated] .mantine-Accordion-item[data-active] {
+  background-color: var(--color-surface);
+  border-color: var(--color-border);
+}
 .mantine-Menu-item:hover:not([data-disabled]) {
   background-color: var(--color-surface-hover);
 }
@@ -599,6 +607,36 @@
   background-color: var(--color-primary);
   border-color: var(--color-primary);
 }
+.mantine-Tree-node:focus-visible > [data-value] {
+  outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
+  outline-offset: 2px;
+}
+.mantine-Tree-label[data-hovered] {
+  background-color: var(--color-surface-hover);
+  border-color: var(--color-border);
+}
+.mantine-Tree-label[data-selected] {
+  background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  border-color: color-mix(in srgb, var(--color-primary) 38%, var(--color-border));
+  color: var(--color-primary);
+}
+[data-knowledge-article] pre {
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-x: auto;
+  max-width: 100%;
+  padding: var(--mantine-spacing-sm);
+  background-color: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--mantine-radius-sm);
+}
+[data-knowledge-article] pre code {
+  background: transparent;
+  border: none;
+  padding: 0;
+  white-space: inherit;
+  word-break: inherit;
+}
 .recharts-surface:focus {
   outline: none;
 }