@elevasis/ui 2.17.0 → 2.18.0

package/dist/{chunk-MUZIYL5Q.js → chunk-UA36WILN.js}

@@ -1,22 +1,22 @@
-import { ResourceExecuteDialog } from './chunk-OXWQQCDR.js';
+import { ResourceExecuteDialog } from './chunk-WP3IYOVJ.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
 import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
 import { SubshellNavItem } from './chunk-CEWTOKE7.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
-import { acquisitionListKeys, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useList, useListProgress, useListExecutions, useResourceDefinition, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts } from './chunk-R7GKX4HW.js';
+import { acquisitionListKeys, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useList, useListProgress, useListExecutions, useResourceDefinition, useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts } from './chunk-EY322HXF.js';
 import { showApiErrorNotification, showSuccessNotification } from './chunk-GRGRBWIO.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
-import { PageTitleCaption, CenteredErrorState, StatCard, EmptyState } from './chunk-TTP62HWW.js';
+import { PageTitleCaption, CenteredErrorState, StatCard, EmptyState } from './chunk-SQPM2QDH.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { useElevasisServices } from './chunk-IRW7JMQ4.js';
-import { Stack, Paper, Text, Anchor, Group, Title, ActionIcon, Divider, Box, SimpleGrid, Badge, Card, Button, Center, Loader, Alert, Table, Progress, TextInput, Checkbox, Pagination, Textarea, Select, Code, Modal } from '@mantine/core';
-import { IconLayoutGrid, IconList, IconBuilding, IconAddressBook, IconMailCheck, IconTarget, IconExternalLink, IconX, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconQuestionMark, IconChecklist, IconPlus, IconSearch, IconSparkles, IconAlertTriangle, IconArrowLeft, IconClockHour4, IconBuildingFactory2, IconUsers } from '@tabler/icons-react';
+import { Stack, Paper, Text, Anchor, Group, Title, ActionIcon, Divider, Box, SimpleGrid, Badge, Card, Button, Center, Loader, Alert, Table, TextInput, Checkbox, Pagination, Textarea, Select, Code, Modal } from '@mantine/core';
+import { IconLayoutGrid, IconList, IconBuilding, IconAddressBook, IconTarget, IconExternalLink, IconX, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconPlus, IconSearch, IconSparkles, IconAlertTriangle, IconArrowLeft, IconClockHour4, IconBuildingFactory2, IconUsers } from '@tabler/icons-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Link, useNavigate } from '@tanstack/react-router';
 import { useQueryClient, useMutation } from '@tanstack/react-query';
-import { useState, useMemo } from 'react';
+import { useState, useMemo, useEffect } from 'react';
 
 var LeadGenSidebarTop = () => {
   return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconTarget, label: "Lead Gen" });
@@ -25,8 +25,7 @@ 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 },
-  { label: "Deliverability", to: "/lead-gen/deliverability", icon: IconMailCheck, exact: false }
+  { label: "Contacts", to: "/lead-gen/contacts", icon: IconAddressBook, exact: false }
 ];
 var LeadGenSidebarMiddle = ({ items = LEAD_GEN_ITEMS } = {}) => {
   const { currentPath, navigate } = useRouterContext();
@@ -66,8 +65,7 @@ var LEAD_GEN_ROUTE_LINKS = [
   { label: "Overview", to: "/lead-gen" },
   { label: "Lists", to: "/lead-gen/lists" },
   { label: "Companies", to: "/lead-gen/companies" },
-  { label: "Contacts", to: "/lead-gen/contacts" },
-  { label: "Deliverability", to: "/lead-gen/deliverability" }
+  { label: "Contacts", to: "/lead-gen/contacts" }
 ];
 function LeadGenRouteShell({
   title,
@@ -121,7 +119,10 @@ function formatName(parts, fallback) {
   const name = parts.filter(Boolean).join(" ").trim();
   return name || fallback;
 }
-function CompanyDetailModal({ company, onClose }) {
+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: [
@@ -185,7 +186,10 @@ function CompanyDetailModal({ company, onClose }) {
     ] })
   ] }) : null });
 }
-function ContactDetailModal({ contact, onClose }) {
+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: [
@@ -441,23 +445,6 @@ function useDeleteLists() {
     }
   });
 }
-var EM_DASH = "\u2014";
-function computeCompletionRatio(populated, personalized) {
-  if (populated === 0) return null;
-  return personalized / populated;
-}
-function formatPercentage(ratio, fractionDigits = 0) {
-  if (ratio == null) return EM_DASH;
-  return `${(ratio * 100).toFixed(fractionDigits)}%`;
-}
-function computeCompletionPercentage(populated, personalized) {
-  return formatPercentage(computeCompletionRatio(populated, personalized));
-}
-function computeBounceRate(d) {
-  const denominator = d.valid + d.risky + d.invalid + d.bounced;
-  if (denominator === 0) return EM_DASH;
-  return `${(d.bounced / denominator * 100).toFixed(1)}%`;
-}
 function computeBacklog(current, completed) {
   return Math.max(current - completed, 0);
 }
@@ -545,8 +532,8 @@ function getPrimaryAction({
     return {
       title: `Resolve ${formatCountLabel(deliverabilityRiskCount, "deliverability risk")}`,
       detail: "Risky, invalid, or bounced records are the main campaign health issue right now.",
-      buttonLabel: "View deliverability",
-      buttonTo: "/lead-gen/deliverability",
+      buttonLabel: "Review lists",
+      buttonTo: "/lead-gen/lists",
       tone: "orange"
     };
   }
@@ -576,24 +563,12 @@ function getPrimaryAction({
     tone: "gray"
   };
 }
-function CompactPipelineStage({ label, value, ratio }) {
-  return /* @__PURE__ */ jsx(Card, { withBorder: true, p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", wrap: "nowrap", children: [
-      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, children: label }),
-      /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: "blue", children: formatPercentage(ratio) })
-    ] }),
-    /* @__PURE__ */ jsx(Title, { order: 4, children: value }),
-    /* @__PURE__ */ jsx(Progress, { value: ratio == null ? 0 : ratio * 100, size: "sm", radius: "xl", color: "blue" })
-  ] }) });
-}
 function LeadGenOverviewPage() {
   const navigate = useNavigate();
   const telemetryQuery = useListsTelemetry();
   const listsQuery = useLists();
   const data = telemetryQuery.data;
   const listMetaById = new Map((listsQuery.data ?? []).map((list) => [list.id, list]));
-  const totalCompanies = data?.reduce((sum, list) => sum + list.totalCompanies, 0) ?? 0;
-  const totalContacts = data?.reduce((sum, list) => sum + list.totalContacts, 0) ?? 0;
   const stageTotals = data?.reduce(
     (acc, list) => ({
       populated: acc.populated + list.stageCounts.populated,
@@ -605,7 +580,7 @@ function LeadGenOverviewPage() {
       uploaded: acc.uploaded + list.stageCounts.uploaded
     }),
     { populated: 0, extracted: 0, qualified: 0, discovered: 0, verified: 0, personalized: 0, uploaded: 0 }
-  ) ?? { populated: 0, extracted: 0, qualified: 0, discovered: 0, verified: 0, personalized: 0, uploaded: 0 };
+  ) ?? { discovered: 0, verified: 0, personalized: 0, uploaded: 0 };
   const deliverabilityTotals = data?.reduce(
     (acc, list) => ({
       valid: acc.valid + list.deliverability.valid,
@@ -623,10 +598,10 @@ function LeadGenOverviewPage() {
   const deliverabilityRiskCount = deliverabilityTotals.risky + deliverabilityTotals.invalid + deliverabilityTotals.bounced;
   const totalLists = data?.length ?? 0;
   const summaryLine = [
-    `${totalLists} ${totalLists === 1 ? "list" : "lists"} active`,
+    `${totalLists} total ${totalLists === 1 ? "list" : "lists"}`,
     `${formatCountLabel(uploadBacklog, "contact")} ready for upload`,
     deliverabilityRiskCount === 0 ? "no risks" : `${formatCountLabel(deliverabilityRiskCount, "risk")}`
-  ].join(" \u2022 ");
+  ].join(" | ");
   const primaryAction = getPrimaryAction({
     uploadBacklog,
     personalizationBacklog,
@@ -635,41 +610,12 @@ function LeadGenOverviewPage() {
     activeListCount,
     totalLists
   });
-  const pipelineStages = [
-    {
-      label: "Populated",
-      value: stageTotals.populated,
-      ratio: totalCompanies === 0 ? null : stageTotals.populated / totalCompanies
-    },
-    {
-      label: "Qualified",
-      value: stageTotals.qualified,
-      ratio: totalCompanies === 0 ? null : stageTotals.qualified / totalCompanies
-    },
-    {
-      label: "Verified",
-      value: stageTotals.verified,
-      ratio: totalContacts === 0 ? null : stageTotals.verified / totalContacts
-    },
-    {
-      label: "Personalized",
-      value: stageTotals.personalized,
-      ratio: totalContacts === 0 ? null : stageTotals.personalized / totalContacts
-    },
-    {
-      label: "Uploaded",
-      value: stageTotals.uploaded,
-      ratio: totalContacts === 0 ? null : stageTotals.uploaded / totalContacts
-    }
-  ];
   const overviewRows = data?.map((list) => {
     const listMeta = listMetaById.get(list.listId);
-    const completionRatio = computeCompletionRatio(list.stageCounts.populated, list.stageCounts.personalized);
     const nextFocus = getNextFocus(list);
     return {
       ...list,
       name: listMeta?.name ?? `List ${list.listId.slice(0, 8)}`,
-      completionRatio,
       nextFocus,
       status: getOverviewStatus(list)
     };
@@ -688,15 +634,12 @@ function LeadGenOverviewPage() {
       {
         title: "Lead Gen Overview",
         caption: summaryLine,
-        rightSection: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-          /* @__PURE__ */ jsx(Button, { component: Link, to: "/lead-gen/lists", size: "sm", variant: "light", children: "Lists" }),
-          /* @__PURE__ */ jsx(Button, { component: Link, to: "/lead-gen/deliverability", size: "sm", variant: "light", children: "Deliverability" })
-        ] })
+        rightSection: /* @__PURE__ */ jsx(Button, { component: Link, to: "/lead-gen/lists", size: "sm", variant: "light", children: "Lists" })
       }
     ),
     telemetryQuery.isLoading ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) }) : telemetryQuery.isError ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error: telemetryQuery.error, title: "Failed to load list telemetry" }) }) : !data?.length ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { h: 300, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "No lists yet." }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 3 }, children: [
-        /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconPlayerPlay, value: activeListCount, label: "Active Lists" }),
+        /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconPlayerPlay, value: totalLists, label: "Total Lists" }),
         /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconArrowRight, value: uploadBacklog, label: "Ready Contacts" }),
         /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconAlertCircle, value: deliverabilityRiskCount, label: "At Risk" })
       ] }),
@@ -709,7 +652,7 @@ function LeadGenOverviewPage() {
           ] }),
           /* @__PURE__ */ jsx(Button, { component: Link, to: primaryAction.buttonTo, size: "sm", variant: "light", children: primaryAction.buttonLabel })
         ] }),
-        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, md: 3 }, children: [
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, md: 2 }, children: [
           /* @__PURE__ */ jsxs(Card, { withBorder: true, p: "sm", children: [
             /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, children: "Verification" }),
             /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-end", mt: 6, children: [
@@ -723,39 +666,9 @@ function LeadGenOverviewPage() {
               /* @__PURE__ */ jsx(Title, { order: 4, children: personalizationBacklog }),
               /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "ready" })
             ] })
-          ] }),
-          /* @__PURE__ */ jsxs(Card, { withBorder: true, p: "sm", children: [
-            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, children: "Completion" }),
-            /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-end", mt: 6, children: [
-              /* @__PURE__ */ jsx(Title, { order: 4, children: computeCompletionPercentage(stageTotals.populated, stageTotals.personalized) }),
-              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "personalized" })
-            ] })
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-end", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Title, { order: 3, children: "Pipeline" }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Keep the funnel visible without giving every zero state its own section." })
-          ] }),
-          /* @__PURE__ */ jsxs(Badge, { variant: "light", color: "blue", children: [
-            stageTotals.extracted,
-            " extracted \u2022 ",
-            stageTotals.discovered,
-            " discovered"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2, xl: 5 }, children: pipelineStages.map((stage) => /* @__PURE__ */ jsx(
-          CompactPipelineStage,
-          {
-            label: stage.label,
-            value: stage.value,
-            ratio: stage.ratio
-          },
-          stage.label
-        )) })
-      ] }) }),
       /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
         /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-end", children: [
           /* @__PURE__ */ jsxs("div", { children: [
@@ -770,7 +683,6 @@ function LeadGenOverviewPage() {
             /* @__PURE__ */ jsx(Table.Th, { children: "Companies" }),
             /* @__PURE__ */ jsx(Table.Th, { children: "Contacts" }),
             /* @__PURE__ */ jsx(Table.Th, { children: "Next Focus" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Progress" }),
             /* @__PURE__ */ jsx(Table.Th, { children: "Status" })
           ] }) }),
           /* @__PURE__ */ jsx(Table.Tbody, { children: overviewRows.map((list) => /* @__PURE__ */ jsxs(
@@ -789,25 +701,6 @@ function LeadGenOverviewPage() {
                   /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: list.nextFocus.label }),
                   /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: list.nextFocus.count == null ? "No outstanding count" : `${list.nextFocus.count} item${list.nextFocus.count === 1 ? "" : "s"} queued` })
                 ] }) }),
-                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", miw: 150, children: [
-                  /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", children: [
-                    /* @__PURE__ */ jsx(Text, { size: "sm", children: formatPercentage(list.completionRatio) }),
-                    /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-                      list.stageCounts.personalized,
-                      "/",
-                      list.stageCounts.populated || 0
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    Progress,
-                    {
-                      value: list.completionRatio == null ? 0 : list.completionRatio * 100,
-                      size: "sm",
-                      radius: "xl",
-                      color: "blue"
-                    }
-                  )
-                ] }) }),
                 /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: list.status.color, children: list.status.label }) })
               ]
             },
@@ -818,88 +711,6 @@ function LeadGenOverviewPage() {
     ] })
   ] }) }) });
 }
-function LeadGenDeliverabilityPage() {
-  const { data, isLoading, error } = useListsTelemetry();
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsx(
-        PageTitleCaption,
-        {
-          title: "Deliverability",
-          caption: "Email validity breakdown and bounce health across lists"
-        }
-      ),
-      /* @__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: "Deliverability",
-          caption: "Email validity breakdown and bounce health across lists"
-        }
-      ),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load deliverability data" }) })
-    ] }) }) });
-  }
-  if (data?.length === 0) {
-    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsx(
-        PageTitleCaption,
-        {
-          title: "Deliverability",
-          caption: "Email validity breakdown and bounce health across lists"
-        }
-      ),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { h: 300, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconMailCheck, { size: 16 }), color: "gray", variant: "light", children: "No lists yet. Deliverability will populate once contacts are validated." }) }) })
-    ] }) }) });
-  }
-  const lists = data ?? [];
-  const totals = lists.reduce(
-    (acc, list) => ({
-      valid: acc.valid + list.deliverability.valid,
-      risky: acc.risky + list.deliverability.risky,
-      invalid: acc.invalid + list.deliverability.invalid,
-      unknown: acc.unknown + list.deliverability.unknown,
-      bounced: acc.bounced + list.deliverability.bounced
-    }),
-    { valid: 0, risky: 0, invalid: 0, unknown: 0, bounced: 0 }
-  );
-  const summaryTiles = [
-    { label: "Valid", value: totals.valid, icon: IconMailCheck },
-    { label: "Risky", value: totals.risky, icon: IconAlertCircle },
-    { label: "Invalid", value: totals.invalid, icon: IconX },
-    { label: "Unknown", value: totals.unknown, icon: IconQuestionMark },
-    { label: "Bounced", value: totals.bounced, icon: IconAlertCircle },
-    { label: "Bounce Rate", value: computeBounceRate(totals), icon: IconChecklist }
-  ];
-  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(PageTitleCaption, { title: "Deliverability", caption: "Email validity breakdown and bounce health across lists" }),
-    /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, sm: 3, lg: 6 }, children: summaryTiles.map((tile) => /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: tile.icon, value: tile.value, label: tile.label }, tile.label)) }),
-    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-        /* @__PURE__ */ jsx(Table.Th, { children: "List ID" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Valid" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Risky" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Invalid" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Unknown" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Bounced" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Bounce Rate" })
-      ] }) }),
-      /* @__PURE__ */ jsx(Table.Tbody, { children: lists.map((list) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
-        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: list.listId }) }),
-        /* @__PURE__ */ jsx(Table.Td, { children: list.deliverability.valid }),
-        /* @__PURE__ */ jsx(Table.Td, { children: list.deliverability.risky }),
-        /* @__PURE__ */ jsx(Table.Td, { children: list.deliverability.invalid }),
-        /* @__PURE__ */ jsx(Table.Td, { children: list.deliverability.unknown }),
-        /* @__PURE__ */ jsx(Table.Td, { children: list.deliverability.bounced }),
-        /* @__PURE__ */ jsx(Table.Td, { children: computeBounceRate(list.deliverability) })
-      ] }, list.listId)) })
-    ] }) })
-  ] }) }) });
-}
 var PAGE_SIZE_DEFAULT = 20;
 function LeadGenListsPage() {
   const navigate = useNavigate();
@@ -1264,13 +1075,6 @@ function LeadGenListDetailPage({ listId }) {
     { label: "Personalized", value: progress.stageCounts.personalized },
     { label: "Uploaded", value: progress.stageCounts.uploaded }
   ];
-  const deliverabilityTiles = [
-    { label: "Valid", value: progress.deliverability.valid },
-    { label: "Risky", value: progress.deliverability.risky },
-    { label: "Invalid", value: progress.deliverability.invalid },
-    { label: "Unknown", value: progress.deliverability.unknown },
-    { label: "Bounced", value: progress.deliverability.bounced }
-  ];
   return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
     /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(
@@ -1322,13 +1126,6 @@ function LeadGenListDetailPage({ listId }) {
           /* @__PURE__ */ jsx(Title, { order: 4, children: tile.value })
         ] }, tile.label)) })
       ] }) }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "Deliverability" }),
-        /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, sm: 3, lg: 5 }, children: deliverabilityTiles.map((tile) => /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "sm", children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: tile.label }),
-          /* @__PURE__ */ jsx(Title, { order: 4, children: tile.value })
-        ] }, tile.label)) })
-      ] }) }),
       /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
         /* @__PURE__ */ jsx(Title, { order: 3, children: "Configuration" }),
         /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, lg: 2 }, children: [
@@ -1466,36 +1263,24 @@ function LeadGenCompaniesPage() {
   const [statusFilter, setStatusFilter] = useState(null);
   const [selectedCompany, setSelectedCompany] = useState(null);
   const [showBatchDelete, setShowBatchDelete] = useState(false);
-  const { data: companies, isLoading: companiesLoading } = useCompanies({
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT2, [companySearch, segmentFilter, categoryFilter, statusFilter]);
+  const { data: companyFacets } = useCompanyFacets();
+  const { data: pagedCompanies, isLoading: pagedCompaniesLoading, error: pagedCompaniesError } = useCompanies({
     search: companySearch || void 0,
     segment: segmentFilter || void 0,
     category: categoryFilter || void 0,
-    status: statusFilter === "active" || statusFilter === "invalid" ? statusFilter : void 0
+    status: statusFilter || void 0,
+    limit: PAGE_SIZE_DEFAULT2,
+    offset: pagination.offset
   });
   const deleteCompaniesMutation = useDeleteCompanies();
-  const { sort, toggleSort } = useTableSort("company", "asc");
-  const sortAccessors = useMemo(
-    () => ({
-      company: (company) => company.name,
-      domain: (company) => company.domain || "",
-      segment: (company) => company.segment || "",
-      category: (company) => company.category || "",
-      employees: (company) => company.numEmployees ?? 0,
-      enrichment: (company) => getEnrichmentStatus(company.enrichmentData),
-      contacts: (company) => company.contactCount
-    }),
-    []
-  );
-  const sortedCompanies = useMemo(
-    () => sortData(companies ?? [], sort, sortAccessors),
-    [companies, sort, sortAccessors]
-  );
-  const pagination = usePaginationState(PAGE_SIZE_DEFAULT2, [companySearch, segmentFilter, categoryFilter, statusFilter], sortedCompanies.length);
-  const paginatedCompanies = useMemo(
-    () => sortedCompanies.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT2),
-    [sortedCompanies, pagination.offset]
-  );
-  const selection = useTableSelection(paginatedCompanies, sortedCompanies);
+  const companyRows = pagedCompanies?.data ?? [];
+  const selection = useTableSelection(companyRows);
+  useEffect(() => {
+    if ((pagedCompanies?.total ?? 0) === 0) return;
+    if (companyRows.length > 0 || pagination.page === 1) return;
+    pagination.setPage(pagination.page - 1);
+  }, [companyRows.length, pagedCompanies?.total, pagination.page, pagination.setPage]);
   function handleBatchDelete() {
     deleteCompaniesMutation.mutate([...selection.selectedIds], {
       onSuccess: () => {
@@ -1523,9 +1308,9 @@ function LeadGenCompaniesPage() {
               Select,
               {
                 placeholder: "All Segments",
-                data: ["Technology", "Marketing", "Finance", "Healthcare"],
+                data: companyFacets?.segments ?? [],
                 value: segmentFilter,
-                onChange: setSegmentFilter,
+                onChange: (value) => setSegmentFilter(value),
                 style: { minWidth: 180 },
                 size: "sm",
                 clearable: true
@@ -1535,9 +1320,9 @@ function LeadGenCompaniesPage() {
               Select,
               {
                 placeholder: "All Categories",
-                data: ["SaaS", "Service Agency", "Software"],
+                data: companyFacets?.categories ?? [],
                 value: categoryFilter,
-                onChange: setCategoryFilter,
+                onChange: (value) => setCategoryFilter(value),
                 style: { minWidth: 160 },
                 size: "sm",
                 clearable: true
@@ -1547,12 +1332,12 @@ function LeadGenCompaniesPage() {
               Select,
               {
                 placeholder: "All Statuses",
-                data: [
-                  { value: "active", label: "Active" },
-                  { value: "invalid", label: "Invalid" }
-                ],
+                data: (companyFacets?.statuses ?? []).map((status) => ({
+                  value: status,
+                  label: status[0].toUpperCase() + status.slice(1)
+                })),
                 value: statusFilter,
-                onChange: setStatusFilter,
+                onChange: (value) => setStatusFilter(value),
                 style: { minWidth: 160 },
                 size: "sm",
                 clearable: true
@@ -1572,7 +1357,7 @@ function LeadGenCompaniesPage() {
           ]
         }
       ),
-      companiesLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : !sortedCompanies.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconBuildingFactory2, title: "No companies yet", description: "Add one to get started." }) : /* @__PURE__ */ jsxs(Table, { children: [
+      pagedCompaniesLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : pagedCompaniesError ? /* @__PURE__ */ jsx(CenteredErrorState, { error: pagedCompaniesError, title: "Failed to load companies" }) : !companyRows.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconBuildingFactory2, title: "No companies yet", description: "Add one to get started." }) : /* @__PURE__ */ jsxs(Table, { children: [
         /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
           /* @__PURE__ */ jsx(Table.Th, { w: 40, children: /* @__PURE__ */ jsx(
             Checkbox,
@@ -1582,15 +1367,15 @@ function LeadGenCompaniesPage() {
               onChange: selection.togglePage
             }
           ) }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "company", sort, onToggle: toggleSort, children: "Company" }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "domain", sort, onToggle: toggleSort, children: "Domain" }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "segment", sort, onToggle: toggleSort, children: "Segment" }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "category", sort, onToggle: toggleSort, children: "Category" }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "employees", sort, onToggle: toggleSort, children: "Employees" }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "enrichment", sort, onToggle: toggleSort, children: "Enrichment" }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "contacts", sort, onToggle: toggleSort, children: "Contacts" })
+          /* @__PURE__ */ jsx(Table.Th, { children: "Company" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Domain" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Segment" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Category" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Employees" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Enrichment" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Contacts" })
         ] }) }),
-        /* @__PURE__ */ jsx(Table.Tbody, { children: paginatedCompanies.map((company) => {
+        /* @__PURE__ */ jsx(Table.Tbody, { children: companyRows.map((company) => {
           const enrichStatus = getEnrichmentStatus(company.enrichmentData);
           return /* @__PURE__ */ jsxs(
             Table.Tr,
@@ -1628,12 +1413,12 @@ function LeadGenCompaniesPage() {
           );
         }) })
       ] }),
-      sortedCompanies.length > PAGE_SIZE_DEFAULT2 ? /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+      (pagedCompanies?.total ?? 0) > PAGE_SIZE_DEFAULT2 ? /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
         Pagination,
         {
           value: pagination.page,
           onChange: pagination.setPage,
-          total: pagination.totalPages(sortedCompanies.length),
+          total: pagination.totalPages(pagedCompanies?.total ?? 0),
           size: "sm"
         }
       ) }) : null
@@ -1663,35 +1448,23 @@ function LeadGenContactsPage() {
   const [listFilter, setListFilter] = useState(null);
   const [selectedContact, setSelectedContact] = useState(null);
   const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT3, [contactSearch, statusFilter, listFilter]);
   const { data: lists } = useLists();
-  const { data: contacts, isLoading: contactsLoading } = useContacts({
+  const { data: contacts, isLoading: contactsLoading, error: contactsError } = useContacts({
     search: contactSearch || void 0,
-    contactStatus: statusFilter === "active" || statusFilter === "invalid" ? statusFilter : void 0,
-    listId: listFilter || void 0
+    contactStatus: statusFilter || void 0,
+    listId: listFilter || void 0,
+    limit: PAGE_SIZE_DEFAULT3,
+    offset: pagination.offset
   });
   const deleteContactsMutation = useDeleteContacts();
-  const { sort, toggleSort } = useTableSort("name", "asc");
-  const sortAccessors = useMemo(
-    () => ({
-      name: (contact) => [contact.firstName, contact.lastName].filter(Boolean).join(" ") || contact.email,
-      email: (contact) => contact.email,
-      company: (contact) => contact.company?.name || "",
-      title: (contact) => contact.title || "",
-      status: (contact) => contact.status || "",
-      personalized: (contact) => contact.openingLine ? "yes" : "no"
-    }),
-    []
-  );
-  const sortedContacts = useMemo(
-    () => sortData(contacts ?? [], sort, sortAccessors),
-    [contacts, sort, sortAccessors]
-  );
-  const pagination = usePaginationState(PAGE_SIZE_DEFAULT3, [contactSearch, statusFilter, listFilter], sortedContacts.length);
-  const paginatedContacts = useMemo(
-    () => sortedContacts.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT3),
-    [sortedContacts, pagination.offset]
-  );
-  const selection = useTableSelection(paginatedContacts, sortedContacts);
+  const contactRows = contacts?.data ?? [];
+  const selection = useTableSelection(contactRows);
+  useEffect(() => {
+    if ((contacts?.total ?? 0) === 0) return;
+    if (contactRows.length > 0 || pagination.page === 1) return;
+    pagination.setPage(pagination.page - 1);
+  }, [contactRows.length, contacts?.total, pagination.page, pagination.setPage]);
   function handleBatchDelete() {
     deleteContactsMutation.mutate([...selection.selectedIds], {
       onSuccess: () => {
@@ -1724,7 +1497,7 @@ function LeadGenContactsPage() {
                   { value: "invalid", label: "Invalid" }
                 ],
                 value: statusFilter,
-                onChange: setStatusFilter,
+                onChange: (value) => setStatusFilter(value),
                 style: { minWidth: 160 },
                 size: "sm",
                 clearable: true
@@ -1736,7 +1509,7 @@ function LeadGenContactsPage() {
                 placeholder: "All Lists",
                 data: (lists ?? []).map((list) => ({ value: list.id, label: list.name })),
                 value: listFilter,
-                onChange: setListFilter,
+                onChange: (value) => setListFilter(value),
                 style: { minWidth: 200 },
                 size: "sm",
                 clearable: true
@@ -1756,7 +1529,7 @@ function LeadGenContactsPage() {
           ]
         }
       ),
-      contactsLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : !sortedContacts.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconUsers, title: "No contacts yet", description: "Add one to get started." }) : /* @__PURE__ */ jsxs(Table, { children: [
+      contactsLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : contactsError ? /* @__PURE__ */ jsx(CenteredErrorState, { error: contactsError, title: "Failed to load contacts" }) : !contactRows.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconUsers, title: "No contacts yet", description: "Add one to get started." }) : /* @__PURE__ */ jsxs(Table, { children: [
         /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
           /* @__PURE__ */ jsx(Table.Th, { w: 40, children: /* @__PURE__ */ jsx(
             Checkbox,
@@ -1766,14 +1539,14 @@ function LeadGenContactsPage() {
               onChange: selection.togglePage
             }
           ) }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "name", sort, onToggle: toggleSort, children: "Name" }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "email", sort, onToggle: toggleSort, children: "Email" }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "company", sort, onToggle: toggleSort, children: "Company" }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "title", sort, onToggle: toggleSort, children: "Title" }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "status", sort, onToggle: toggleSort, children: "Status" }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "personalized", sort, onToggle: toggleSort, children: "Personalized" })
+          /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Email" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Company" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Title" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Personalized" })
         ] }) }),
-        /* @__PURE__ */ jsx(Table.Tbody, { children: paginatedContacts.map((contact) => {
+        /* @__PURE__ */ jsx(Table.Tbody, { children: contactRows.map((contact) => {
           const fullName = [contact.firstName, contact.lastName].filter(Boolean).join(" ") || contact.email;
           const hasPersonalization = !!contact.openingLine;
           return /* @__PURE__ */ jsxs(
@@ -1811,12 +1584,12 @@ function LeadGenContactsPage() {
           );
         }) })
       ] }),
-      sortedContacts.length > PAGE_SIZE_DEFAULT3 ? /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+      (contacts?.total ?? 0) > PAGE_SIZE_DEFAULT3 ? /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
         Pagination,
         {
           value: pagination.page,
           onChange: pagination.setPage,
-          total: pagination.totalPages(sortedContacts.length),
+          total: pagination.totalPages(contacts?.total ?? 0),
           size: "sm"
         }
       ) }) : null
@@ -1840,4 +1613,4 @@ function LeadGenContactsPage() {
   ] }) });
 }
 
-export { CompanyDetailModal, ContactDetailModal, LEAD_GEN_ITEMS, LEAD_GEN_ROUTE_LINKS, LIST_TEMPLATE_OPTIONS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenDeliverabilityPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, buildListConfig, formatDate, getEnrichmentColor, getEnrichmentStatus, getStatusColor, leadGenManifest, useDeleteLists };
+export { CompanyDetailModal, ContactDetailModal, LEAD_GEN_ITEMS, LEAD_GEN_ROUTE_LINKS, LIST_TEMPLATE_OPTIONS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, buildListConfig, formatDate, getEnrichmentColor, getEnrichmentStatus, getStatusColor, leadGenManifest, useDeleteLists };