@elevasis/ui 2.30.0 → 2.31.0

package/dist/chunk-R2XR4FCV.js

@@ -0,0 +1,48 @@
+// src/features/delivery/_shared.ts
+var projectStatusColors = {
+  active: "blue",
+  on_track: "green",
+  at_risk: "yellow",
+  blocked: "red",
+  completed: "teal",
+  paused: "gray"
+};
+var milestoneStatusColors = {
+  upcoming: "gray",
+  in_progress: "blue",
+  completed: "green",
+  overdue: "red",
+  blocked: "orange"
+};
+var taskStatusColors = {
+  pending: "gray",
+  planned: "gray",
+  in_progress: "blue",
+  submitted: "yellow",
+  approved: "green",
+  rejected: "red",
+  revision_requested: "orange"
+};
+var taskTypeColors = {
+  documentation: "blue",
+  code: "violet",
+  report: "cyan",
+  design: "pink",
+  other: "gray"
+};
+var noteTypeColors = {
+  call_note: "blue",
+  status_update: "green",
+  issue: "yellow",
+  blocker: "red",
+  agent_learning: "grape"
+};
+function formatStatusLabel(status) {
+  return status.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+function calculateProgress(completed, total) {
+  if (total === 0) return 0;
+  return Math.round(completed / total * 100);
+}
+
+export { calculateProgress, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors };

package/dist/chunk-R66W5UDG.js

@@ -0,0 +1,26 @@
+import { Modal } from '@mantine/core';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/modal/CustomModal.tsx
+var FULL_SIZE = "80%";
+var CustomModal = ({ children, opened, onClose, loading, style, size }) => {
+  const canClose = loading === true ? false : true;
+  const resolvedSize = size === "full" ? FULL_SIZE : size;
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      opened,
+      onClose,
+      padding: "xs",
+      withCloseButton: false,
+      closeOnClickOutside: canClose,
+      closeOnEscape: canClose,
+      centered: true,
+      style,
+      size: resolvedSize,
+      children
+    }
+  );
+};
+
+export { CustomModal };

package/dist/{chunk-3GV5NHSS.js → chunk-SHQXMW4F.js}

@@ -1,67 +1,36 @@
-import { DEFAULT_ORGANIZATION_MODEL_PROSPECTING, PROSPECTING_STEPS } from './chunk-NITGGYH2.js';
+import { SalesSidebar, LeadGenSidebarMiddle } from './chunk-7KC4P3AU.js';
+import { DEFAULT_ORGANIZATION_MODEL_PROSPECTING, PROSPECTING_STEPS } from './chunk-TVRQ6AQI.js';
 import { sanitizeInput } from './chunk-3MEXPLWT.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 { acquisitionListKeys, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useWorkflowExecution, useList, useListProgress, useListExecutions, useDeleteList, useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts, useCredentials, useVerifyCredential, useInFlightExecutions, useListRecords, useCompany, useContact, useExecutionSSE, useListMembers, useListMember, useTransitionListMember, useDeriveActions, useArtifacts } from './chunk-6EFVZV6X.js';
-import { showApiErrorNotification, showSuccessNotification } from './chunk-T2PAD63Y.js';
-import { PageTitleCaption, CenteredErrorState, StatCard, CardHeader, EmptyState, JsonViewer } from './chunk-6WXDE5LZ.js';
-import { useListActions, LEAD_GEN_STAGE_CATALOG, LEAD_GEN_PIPELINE_DEFINITIONS, findPipeline } from './chunk-AKOD52HS.js';
+import { CustomModal } from './chunk-R66W5UDG.js';
+import { acquisitionListKeys, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useWorkflowExecution, useList, useListProgress, useListExecutions, useDeleteList, useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts, useCredentials, useVerifyCredential, useInFlightExecutions, useListRecords, useExecutionSSE, useListMembers, useListMember, useTransitionListMember, useDeriveActions, useArtifacts } from './chunk-JKSUN5GN.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-7HMCB26R.js';
+import { PageTitleCaption, CenteredErrorState, StatCard, CardHeader, EmptyState, JsonViewer } from './chunk-L3BVJWML.js';
+import { useListActions, LEAD_GEN_STAGE_CATALOG, LEAD_GEN_PIPELINE_DEFINITIONS, findPipeline } from './chunk-CQZ3DNQY.js';
 import { SubshellContentContainer } from './chunk-TKAYX2SP.js';
-import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { isStepStartedContext, isStepCompletedContext, isStepFailedContext } from './chunk-KRWALB24.js';
 import { useElevasisServices } from './chunk-KJ3QUBNU.js';
-import { Stack, Group, Title, Text, Alert, Button, Collapse, Paper, Anchor, ActionIcon, Divider, Box, SimpleGrid, Badge, Card, Center, Loader, Table, TextInput, Select, Checkbox, Pagination, Textarea, Tooltip, Tabs, ThemeIcon, Pill, SegmentedControl, UnstyledButton, Drawer, JsonInput, Switch, NumberInput, MultiSelect, TagsInput, ScrollArea, Progress } from '@mantine/core';
-import { IconLayoutGrid, IconList, IconBuilding, IconAddressBook, IconTarget, IconExternalLink, IconX, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconSparkles, IconListDetails, IconPlus, IconSearch, IconAlertTriangle, IconLayoutDashboard, IconBolt, IconCopy, IconUsers, IconTrash, IconBuildingFactory2, IconArrowLeft, IconChevronDown, IconChevronRight, IconRefresh, IconSettings, IconCircleCheck, IconCircleDot, IconTerminal2, IconProgressCheck, IconMail, IconUser, IconDatabase } from '@tabler/icons-react';
+import { Stack, Group, Title, Text, Alert, Button, Collapse, Paper, Anchor, Center, Loader, SimpleGrid, Card, Table, Badge, TextInput, Select, Checkbox, Pagination, Textarea, ActionIcon, Tooltip, Tabs, ThemeIcon, Box, Pill, SegmentedControl, UnstyledButton, Drawer, JsonInput, Switch, NumberInput, MultiSelect, TagsInput, ScrollArea, Progress } from '@mantine/core';
+import { IconTarget, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconSparkles, IconListDetails, IconPlus, IconSearch, IconList, IconExternalLink, IconAlertTriangle, IconLayoutDashboard, IconBolt, IconCopy, IconBuilding, IconUsers, IconTrash, IconBuildingFactory2, IconArrowLeft, IconChevronDown, IconChevronRight, IconRefresh, IconAddressBook, IconSettings, IconCircleCheck, IconCircleDot, IconTerminal2, IconProgressCheck, IconMail, IconUser, IconDatabase } from '@tabler/icons-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Link, useNavigate, useSearch } from '@tanstack/react-router';
 import { useState, useRef, useMemo, useEffect, Fragment as Fragment$1, useCallback } from 'react';
 import { useForm } from '@mantine/form';
 import { zod4Resolver } from 'mantine-form-zod-resolver';
+import { Link, useNavigate, useSearch } from '@tanstack/react-router';
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 
 var LeadGenSidebarTop = () => {
   return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconTarget, label: "Lead Gen" });
 };
-var LEAD_GEN_ITEMS = [
-  { label: "Overview", to: "/lead-gen", icon: IconLayoutGrid, exact: true },
-  { label: "Lists", to: "/lead-gen/lists", icon: IconList, exact: false },
-  { label: "Companies", to: "/lead-gen/companies", icon: IconBuilding, exact: false },
-  { label: "Contacts", to: "/lead-gen/contacts", icon: IconAddressBook, exact: false }
-];
-var LeadGenSidebarMiddle = ({ items = LEAD_GEN_ITEMS } = {}) => {
-  const { currentPath, navigate } = useRouterContext();
-  return /* @__PURE__ */ jsx(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
-    );
-  }) }) });
-};
 var LeadGenSidebar = ({ children } = {}) => {
   return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ jsx(LeadGenSidebarTop, {}),
     children ?? /* @__PURE__ */ jsx(LeadGenSidebarMiddle, {})
   ] });
 };
-var leadGenManifest = {
-  key: "lead-gen",
-  featureId: "sales.lead-gen",
-  capabilityIds: ["leadgen.lists.manage"],
-  icon: IconTarget,
-  sidebar: LeadGenSidebar
-};
 
 // ../core/src/business/acquisition/build-templates.ts
 var PROSPECTING_BUILD_TEMPLATE_OPTIONS = DEFAULT_ORGANIZATION_MODEL_PROSPECTING.buildTemplates.map(
@@ -401,6 +370,15 @@ function StepConfigForm({
     )) })
   ] });
 }
+
+// src/features/lead-gen/manifest.ts
+var leadGenManifest = {
+  key: "lead-gen",
+  featureId: "sales.lead-gen",
+  capabilityIds: ["leadgen.lists.manage"],
+  icon: IconTarget,
+  sidebar: SalesSidebar
+};
 var LEAD_GEN_ROUTE_LINKS = [
   { label: "Overview", to: "/lead-gen" },
   { label: "Lists", to: "/lead-gen/lists" },
@@ -471,133 +449,6 @@ function getEnrichmentStatus(enrichmentData) {
   if (website === "failed" || linkedin === "failed") return "failed";
   return "pending";
 }
-function formatName(parts, fallback) {
-  const name = parts.filter(Boolean).join(" ").trim();
-  return name || fallback;
-}
-function CompanyDetailModal({
-  company,
-  onClose
-}) {
-  return /* @__PURE__ */ jsx(CustomModal, { opened: !!company, onClose, size: "xl", children: company ? /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: company.name }),
-        company.domain ? /* @__PURE__ */ jsxs(Anchor, { href: `https://${company.domain}`, target: "_blank", size: "sm", c: "dimmed", children: [
-          company.domain,
-          " ",
-          /* @__PURE__ */ jsx(IconExternalLink, { size: 12, style: { verticalAlign: "middle" } })
-        ] }) : null
-      ] }),
-      /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: onClose, children: /* @__PURE__ */ jsx(IconX, { size: 18 }) })
-    ] }),
-    /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Firmographics" }),
-      /* @__PURE__ */ jsxs(SimpleGrid, { cols: 3, children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Segment" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.segment || "-" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Category" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.category || "-" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Employees" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.numEmployees || "-" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Founded" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.foundedYear || "-" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Location" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: [company.locationCity, company.locationState].filter(Boolean).join(", ") || "-" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Contacts" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.contactCount })
-        ] })
-      ] })
-    ] }),
-    company.enrichmentData ? /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Enrichment Data" }),
-      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { whiteSpace: "pre-wrap" }, children: JSON.stringify(company.enrichmentData, null, 2) })
-    ] }) : null,
-    /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-      company.linkedinUrl ? /* @__PURE__ */ jsxs(Anchor, { href: company.linkedinUrl, target: "_blank", size: "sm", children: [
-        "LinkedIn ",
-        /* @__PURE__ */ jsx(IconExternalLink, { size: 12 })
-      ] }) : null,
-      company.website ? /* @__PURE__ */ jsxs(Anchor, { href: company.website, target: "_blank", size: "sm", children: [
-        "Website ",
-        /* @__PURE__ */ jsx(IconExternalLink, { size: 12 })
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-      "Created: ",
-      formatDate(company.createdAt),
-      company.updatedAt && ` | Updated: ${formatDate(company.updatedAt)}`
-    ] })
-  ] }) : null });
-}
-function ContactDetailModal({
-  contact,
-  onClose
-}) {
-  return /* @__PURE__ */ jsx(CustomModal, { opened: !!contact, onClose, size: "xl", children: contact ? /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: formatName([contact.firstName, contact.lastName], contact.email) }),
-        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: contact.email }),
-        contact.title ? /* @__PURE__ */ jsx(Text, { size: "sm", children: contact.title }) : null
-      ] }),
-      /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: onClose, children: /* @__PURE__ */ jsx(IconX, { size: 18 }) })
-    ] }),
-    /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Badge, { color: getStatusColor(contact.status), children: contact.status }),
-      contact.openingLine ? /* @__PURE__ */ jsx(Badge, { color: "green", children: "Personalized" }) : null
-    ] }),
-    contact.company ? /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Company" }),
-      /* @__PURE__ */ jsxs(Card, { withBorder: true, children: [
-        /* @__PURE__ */ jsx(Text, { fw: 500, children: contact.company.name }),
-        contact.company.domain ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: contact.company.domain }) : null
-      ] })
-    ] }) : null,
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Contact Information" }),
-      /* @__PURE__ */ jsxs(SimpleGrid, { cols: 2, children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Headline" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: contact.headline || "-" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "LinkedIn" }),
-          contact.linkedinUrl ? /* @__PURE__ */ jsxs(Anchor, { href: contact.linkedinUrl, target: "_blank", size: "sm", children: [
-            "View Profile ",
-            /* @__PURE__ */ jsx(IconExternalLink, { size: 12 })
-          ] }) : /* @__PURE__ */ jsx(Text, { size: "sm", children: "-" })
-        ] })
-      ] })
-    ] }),
-    contact.filterReason ? /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Qualification" }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "red", children: contact.filterReason })
-    ] }) : null,
-    contact.openingLine ? /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Personalization" }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", children: contact.openingLine })
-    ] }) : null,
-    /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-      "Created: ",
-      formatDate(contact.createdAt),
-      contact.updatedAt && ` | Updated: ${formatDate(contact.updatedAt)}`
-    ] })
-  ] }) : null });
-}
 function useDeleteLists() {
   const { apiRequest, workOSOrganizationId } = useElevasisServices();
   const queryClient = useQueryClient();
@@ -3636,7 +3487,7 @@ function StepRecordsPanel({
   const queryClient = useQueryClient();
   const [page, setPage] = useState(1);
   const [approvalByCompanyId, setApprovalByCompanyId] = useState({});
-  const [selectedRecord, setSelectedRecord] = useState(null);
+  const navigate = useNavigate();
   const recordsStageKey = step.recordSourceStageKey ?? step.recordsStageKey ?? step.stageKey;
   const recordsEntity = step.recordEntity ?? step.primaryEntity;
   const columns = step.recordColumns?.[recordsEntity] ?? [];
@@ -3651,14 +3502,9 @@ function StepRecordsPanel({
     workflowId: exportWorkflowId,
     listId: list.id
   });
-  const selectedCompanyId = selectedRecord?.entity === "company" ? selectedRecord.id : "";
-  const selectedContactId = selectedRecord?.entity === "contact" ? selectedRecord.id : "";
-  const selectedCompanyQuery = useCompany(selectedCompanyId);
-  const selectedContactQuery = useContact(selectedContactId);
   useEffect(() => {
     setPage(1);
     setApprovalByCompanyId({});
-    setSelectedRecord(null);
   }, [step.id]);
   const rows = recordsQuery.data?.data ?? [];
   const total = recordsQuery.data?.total ?? 0;
@@ -3677,10 +3523,10 @@ function StepRecordsPanel({
   };
   const openRecordDetail = (row) => {
     if (row.entity === "company") {
-      setSelectedRecord({ entity: "company", id: row.companyId });
+      void navigate({ to: "/crm/companies/$companyId", params: { companyId: row.companyId } });
       return;
     }
-    setSelectedRecord({ entity: "contact", id: row.contactId });
+    void navigate({ to: "/crm/contacts/$contactId", params: { contactId: row.contactId } });
   };
   const exportApproved = async () => {
     try {
@@ -3704,7 +3550,6 @@ function StepRecordsPanel({
       showApiErrorNotification(error);
     }
   };
-  const selectedRecordIsLoading = selectedRecord?.entity === "company" ? selectedCompanyQuery.isLoading : selectedRecord?.entity === "contact" ? selectedContactQuery.isLoading : false;
   if (!columns.length) {
     return /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No record columns are configured for this step." });
   }
@@ -3803,30 +3648,7 @@ function StepRecordsPanel({
           }
         )
       ] }) : null
-    ] }),
-    /* @__PURE__ */ jsx(
-      CustomModal,
-      {
-        opened: Boolean(selectedRecord) && selectedRecordIsLoading,
-        onClose: () => setSelectedRecord(null),
-        size: "xl",
-        children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      CompanyDetailModal,
-      {
-        company: selectedRecord?.entity === "company" ? selectedCompanyQuery.data ?? null : null,
-        onClose: () => setSelectedRecord(null)
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ContactDetailModal,
-      {
-        contact: selectedRecord?.entity === "contact" ? selectedContactQuery.data ?? null : null,
-        onClose: () => setSelectedRecord(null)
-      }
-    )
+    ] })
   ] });
 }
 function BuildTab({
@@ -4551,11 +4373,15 @@ function LeadGenCompaniesPage() {
   const [segmentFilter, setSegmentFilter] = useState(null);
   const [categoryFilter, setCategoryFilter] = useState(null);
   const [statusFilter, setStatusFilter] = useState(null);
-  const [selectedCompany, setSelectedCompany] = useState(null);
   const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const navigate = useNavigate();
   const pagination = usePaginationState(PAGE_SIZE_DEFAULT2, [companySearch, segmentFilter, categoryFilter, statusFilter]);
   const { data: companyFacets } = useCompanyFacets();
-  const { data: pagedCompanies, isLoading: pagedCompaniesLoading, error: pagedCompaniesError } = useCompanies({
+  const {
+    data: pagedCompanies,
+    isLoading: pagedCompaniesLoading,
+    error: pagedCompaniesError
+  } = useCompanies({
     search: companySearch || void 0,
     segment: segmentFilter || void 0,
     category: categoryFilter || void 0,
@@ -4671,7 +4497,7 @@ function LeadGenCompaniesPage() {
             Table.Tr,
             {
               style: { cursor: "pointer" },
-              onClick: () => setSelectedCompany(company),
+              onClick: () => navigate({ to: "/crm/companies/$companyId", params: { companyId: company.id } }),
               children: [
                 /* @__PURE__ */ jsx(
                   Table.Td,
@@ -4713,7 +4539,6 @@ function LeadGenCompaniesPage() {
         }
       ) }) : null
     ] }) }),
-    /* @__PURE__ */ jsx(CompanyDetailModal, { company: selectedCompany, onClose: () => setSelectedCompany(null) }),
     /* @__PURE__ */ jsx(CustomModal, { opened: showBatchDelete, onClose: () => setShowBatchDelete(false), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
       /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
         /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, color: "var(--mantine-color-red-6)" }),
@@ -4736,11 +4561,15 @@ function LeadGenContactsPage() {
   const [contactSearch, setContactSearch] = useState("");
   const [statusFilter, setStatusFilter] = useState(null);
   const [listFilter, setListFilter] = useState(null);
-  const [selectedContact, setSelectedContact] = useState(null);
   const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const navigate = useNavigate();
   const pagination = usePaginationState(PAGE_SIZE_DEFAULT3, [contactSearch, statusFilter, listFilter]);
   const { data: lists } = useLists();
-  const { data: contacts, isLoading: contactsLoading, error: contactsError } = useContacts({
+  const {
+    data: contacts,
+    isLoading: contactsLoading,
+    error: contactsError
+  } = useContacts({
     search: contactSearch || void 0,
     contactStatus: statusFilter || void 0,
     listId: listFilter || void 0,
@@ -4843,7 +4672,7 @@ function LeadGenContactsPage() {
             Table.Tr,
             {
               style: { cursor: "pointer" },
-              onClick: () => setSelectedContact(contact),
+              onClick: () => navigate({ to: "/crm/contacts/$contactId", params: { contactId: contact.id } }),
               children: [
                 /* @__PURE__ */ jsx(
                   Table.Td,
@@ -4884,7 +4713,6 @@ function LeadGenContactsPage() {
         }
       ) }) : null
     ] }) }),
-    /* @__PURE__ */ jsx(ContactDetailModal, { contact: selectedContact, onClose: () => setSelectedContact(null) }),
     /* @__PURE__ */ jsx(CustomModal, { opened: showBatchDelete, onClose: () => setShowBatchDelete(false), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
       /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
         /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, color: "var(--mantine-color-red-6)" }),
@@ -4903,4 +4731,4 @@ function LeadGenContactsPage() {
   ] }) });
 }
 
-export { CompanyDetailModal, ContactDetailModal, LEAD_GEN_ITEMS, LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, ListBuilderIndexPage, ListBuilderPage, ORPHAN_STAGE_ORDER, RunWorkflowModal, StepConfigForm, TabSection, deriveBusinessProgress, formatDate, getEnrichmentColor, getEnrichmentStatus, getStateKeyColor, getStatusColor, getStepActionLabel, leadGenManifest, resolveBuildPlanSteps, resolveBuildState, sortStageKeys, useDeleteLists };
+export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarTop, ListBuilderIndexPage, ListBuilderPage, ORPHAN_STAGE_ORDER, RunWorkflowModal, StepConfigForm, TabSection, deriveBusinessProgress, formatDate, getEnrichmentColor, getEnrichmentStatus, getStateKeyColor, getStatusColor, getStepActionLabel, leadGenManifest, resolveBuildPlanSteps, resolveBuildState, sortStageKeys, useDeleteLists };