@elevasis/ui 2.17.2 → 2.19.0

package/dist/{chunk-7L42RRHZ.js → chunk-Y7TDUZEH.js}

@@ -1,22 +1,21 @@
-import { ResourceExecuteDialog } from './chunk-HH3RNG2O.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 { showApiErrorNotification, showSuccessNotification } from './chunk-GRGRBWIO.js';
+import { acquisitionListKeys, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useList, useListProgress, useListExecutions, useContacts, useCompanies, useCompanyFacets, useDeleteCompanies, useDeleteContacts } from './chunk-UU6PJ4EJ.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-M7W7CGPL.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
-import { PageTitleCaption, CenteredErrorState, StatCard, EmptyState } from './chunk-TTP62HWW.js';
+import { PageTitleCaption, CenteredErrorState, StatCard, CardHeader, EmptyState } from './chunk-BHR7IV72.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, SegmentedControl } from '@mantine/core';
+import { IconLayoutGrid, IconList, IconBuilding, IconAddressBook, IconTarget, IconExternalLink, IconX, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconSparkles, IconListDetails, IconPlus, IconSearch, IconAlertTriangle, IconArrowLeft, IconUsers, IconBuildingFactory2 } 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 +24,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 +64,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 +118,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 +185,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 +444,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 +531,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 +562,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 +579,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 +597,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 +609,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,28 +633,27 @@ 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: "xs", 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" })
       ] }),
       /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", gap: "md", children: [
-          /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", tt: "uppercase", fw: 700, children: "Next Action" }),
-            /* @__PURE__ */ jsx(Title, { order: 3, children: primaryAction.title }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", maw: 620, children: primaryAction.detail })
-          ] }),
-          /* @__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__ */ jsx(
+          CardHeader,
+          {
+            icon: /* @__PURE__ */ jsx(IconSparkles, { size: 18 }),
+            title: "Next Action",
+            subtitle: primaryAction.title,
+            rightSection: /* @__PURE__ */ jsx(Button, { component: Link, to: primaryAction.buttonTo, size: "xs", variant: "light", children: primaryAction.buttonLabel })
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", maw: 620, children: primaryAction.detail }),
+        /* @__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,54 +667,25 @@ 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,
+        /* @__PURE__ */ jsx(
+          CardHeader,
           {
-            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: [
-            /* @__PURE__ */ jsx(Title, { order: 3, children: "List Snapshot" }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Ranked to surface active work first, then the largest unresolved backlogs." })
-          ] }),
-          /* @__PURE__ */ jsx(Button, { component: Link, to: "/lead-gen/lists", size: "sm", variant: "subtle", children: "Open lists" })
-        ] }),
+            icon: /* @__PURE__ */ jsx(IconListDetails, { size: 18 }),
+            title: "List Snapshot",
+            subtitle: "Ranked to surface active work first, then the largest unresolved backlogs.",
+            rightSection: /* @__PURE__ */ jsx(Button, { component: Link, to: "/lead-gen/lists", size: "xs", variant: "subtle", children: "Open lists" })
+          }
+        ),
         /* @__PURE__ */ jsxs(Table, { children: [
           /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
             /* @__PURE__ */ jsx(Table.Th, { children: "List" }),
             /* @__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 +704,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 +714,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();
@@ -969,7 +783,16 @@ function LeadGenListsPage() {
       {
         title: "Lists",
         caption: "Lead lists and contact organization",
-        rightSection: /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }), onClick: () => setShowCreateList(true), children: "New List" })
+        rightSection: /* @__PURE__ */ jsx(
+          Button,
+          {
+            leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }),
+            onClick: () => setShowCreateList(true),
+            variant: "light",
+            size: "xs",
+            children: "New List"
+          }
+        )
       }
     ) }),
     /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
@@ -1171,17 +994,18 @@ function formatDateTime(value) {
     minute: "2-digit"
   });
 }
+function contactDisplayName(firstName, lastName) {
+  const full = [firstName, lastName].filter(Boolean).join(" ").trim();
+  return full || "\u2014";
+}
 function LeadGenListDetailPage({ listId }) {
   const navigate = useNavigate();
-  const [selectedStepKey, setSelectedStepKey] = useState(null);
   const listQuery = useList(listId);
   const progressQuery = useListProgress(listId);
   const executionsQuery = useListExecutions(listId);
-  const selectedStep = useMemo(
-    () => listQuery.data?.config.pipeline?.steps?.slice().sort((a, b) => a.order - b.order).find((step) => step.key === selectedStepKey) ?? null,
-    [listQuery.data?.config.pipeline?.steps, selectedStepKey]
-  );
-  const resourceDefinitionQuery = useResourceDefinition(selectedStep?.resourceId ?? "", !!selectedStep?.resourceId);
+  const contactsQuery = useContacts({ listId, limit: 100, offset: 0 });
+  const companiesQuery = useCompanies({ listId, limit: 100, offset: 0 });
+  const [memberTab, setMemberTab] = useState("contacts");
   const isLoading = listQuery.isLoading || progressQuery.isLoading || executionsQuery.isLoading;
   const error = listQuery.error ?? progressQuery.error ?? executionsQuery.error;
   if (isLoading) {
@@ -1195,7 +1019,7 @@ function LeadGenListDetailPage({ listId }) {
             Button,
             {
               variant: "light",
-              size: "sm",
+              size: "xs",
               leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
               onClick: () => navigate({ to: "/lead-gen/lists" }),
               children: "Lists"
@@ -1217,7 +1041,7 @@ function LeadGenListDetailPage({ listId }) {
             Button,
             {
               variant: "light",
-              size: "sm",
+              size: "xs",
               leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
               onClick: () => navigate({ to: "/lead-gen/lists" }),
               children: "Lists"
@@ -1239,7 +1063,7 @@ function LeadGenListDetailPage({ listId }) {
             Button,
             {
               variant: "light",
-              size: "sm",
+              size: "xs",
               leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
               onClick: () => navigate({ to: "/lead-gen/lists" }),
               children: "Lists"
@@ -1253,210 +1077,117 @@ function LeadGenListDetailPage({ listId }) {
   const list = listQuery.data;
   const progress = progressQuery.data;
   const executions = executionsQuery.data ?? [];
-  const qualification = list.config.qualification;
-  const pipelineSteps = list.config.pipeline?.steps?.slice().sort((a, b) => a.order - b.order) ?? [];
-  const stageTiles = [
-    { label: "Populated", value: progress.stageCounts.populated },
-    { label: "Extracted", value: progress.stageCounts.extracted },
-    { label: "Qualified", value: progress.stageCounts.qualified },
-    { label: "Discovered", value: progress.stageCounts.discovered },
-    { label: "Verified", value: progress.stageCounts.verified },
-    { 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: [
+  const contacts = contactsQuery.data?.data ?? [];
+  const companies = companiesQuery.data?.data ?? [];
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: list.name,
+        caption: list.description ?? "Configuration, progress, and execution history for this list",
+        rightSection: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "light",
+            size: "xs",
+            leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+            onClick: () => navigate({ to: "/lead-gen/lists" }),
+            children: "Lists"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor(list.status), children: list.status }),
+      /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+        "Created ",
+        formatDateTime(list.createdAt)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, children: [
+      /* @__PURE__ */ jsx(StatCard, { label: "Companies", value: progress.totalCompanies, icon: IconBuilding }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Contacts", value: progress.totalContacts, icon: IconUsers })
+    ] }),
+    /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
       /* @__PURE__ */ jsx(
-        PageTitleCaption,
+        CardHeader,
         {
-          title: list.name,
-          caption: list.description ?? "Configuration, progress, and execution history for this list",
+          icon: /* @__PURE__ */ jsx(IconAddressBook, { size: 16 }),
+          title: "Members",
           rightSection: /* @__PURE__ */ jsx(
-            Button,
+            SegmentedControl,
             {
-              variant: "light",
-              size: "sm",
-              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
-              onClick: () => navigate({ to: "/lead-gen/lists" }),
-              children: "Lists"
+              value: memberTab,
+              onChange: (value) => setMemberTab(value),
+              size: "xs",
+              data: [
+                { label: `Contacts (${progress.totalContacts})`, value: "contacts" },
+                { label: `Companies (${progress.totalCompanies})`, value: "companies" }
+              ]
             }
           )
         }
       ),
-      /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor(list.status), children: list.status }),
-        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-          "Created ",
-          formatDateTime(list.createdAt)
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2, lg: 4 }, children: [
-        /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Companies" }),
-          /* @__PURE__ */ jsx(Title, { order: 3, children: progress.totalCompanies })
-        ] }),
-        /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Contacts" }),
-          /* @__PURE__ */ jsx(Title, { order: 3, children: progress.totalContacts })
-        ] }),
-        /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Pipeline Steps" }),
-          /* @__PURE__ */ jsx(Title, { order: 3, children: pipelineSteps.length })
-        ] }),
-        /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Executions" }),
-          /* @__PURE__ */ jsx(Title, { order: 3, children: executions.length })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "Pipeline Progress" }),
-        /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, sm: 3, lg: 7 }, children: stageTiles.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: "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: [
-          /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "Qualification" }),
-            qualification ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-                "Target: ",
-                qualification.targetDescription
-              ] }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-                "Minimum reviews: ",
-                qualification.minReviewCount
-              ] }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-                "Minimum rating: ",
-                qualification.minRating
-              ] }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-                "Exclude franchises: ",
-                qualification.excludeFranchises ? "Yes" : "No"
-              ] })
-            ] }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Qualification settings are not configured for this list." })
-          ] }) }),
-          /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "Enrichment + Personalization" }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-              "Discovery provider: ",
-              list.config.enrichment?.emailDiscovery?.primary ?? "Inherited default"
-            ] }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-              "Verification provider: ",
-              list.config.enrichment?.emailVerification?.provider ?? "Inherited default"
-            ] }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-              "Industry context: ",
-              list.config.personalization?.industryContext ?? "Inherited default"
-            ] }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-              "Creative direction: ",
-              list.config.personalization?.creativeDirection ?? "Inherited default"
-            ] })
-          ] }) })
-        ] }),
-        list.config.personalization?.emailBody ? /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, mb: "xs", children: "Email Body Template" }),
-          /* @__PURE__ */ jsx(Code, { block: true, children: list.config.personalization.emailBody })
-        ] }) : null
-      ] }) }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "Pipeline Steps" }),
-        !pipelineSteps.length ? /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "This list does not have any configured pipeline steps yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
-          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-            /* @__PURE__ */ jsx(Table.Th, { children: "Order" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Step" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Resource" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Action" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Table.Tbody, { children: pipelineSteps.map((step) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
-            /* @__PURE__ */ jsx(Table.Td, { children: step.order }),
-            /* @__PURE__ */ jsxs(Table.Td, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: step.label }),
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: step.key })
-            ] }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Code, { children: step.resourceId }) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: step.enabled ? "light" : "outline", color: step.enabled ? "green" : "gray", children: step.enabled ? "Enabled" : "Disabled" }) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "xs",
-                variant: "light",
-                leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 }),
-                disabled: !step.enabled,
-                onClick: () => setSelectedStepKey(step.key),
-                children: "Run"
-              }
-            ) })
-          ] }, step.key)) })
-        ] })
+      memberTab === "contacts" && /* @__PURE__ */ jsx(Fragment, { children: contactsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : !contacts.length ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No contacts attached to this list yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Email" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Title" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Company" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Created" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: contacts.map((contact) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: contactDisplayName(contact.firstName, contact.lastName) }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: contact.email }),
+          /* @__PURE__ */ jsx(Table.Td, { children: contact.title ?? "\u2014" }),
+          /* @__PURE__ */ jsx(Table.Td, { children: contact.company?.name ?? "\u2014" }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor(contact.status), children: contact.status }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime(contact.createdAt) })
+        ] }, contact.id)) })
       ] }) }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "Execution History" }),
-        !executions.length ? /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconClockHour4, { size: 16 }), color: "gray", variant: "light", children: "No executions recorded for this list yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
-          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-            /* @__PURE__ */ jsx(Table.Th, { children: "Resource" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Started" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Completed" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Duration" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Table.Tbody, { children: executions.map((execution) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
-            /* @__PURE__ */ jsxs(Table.Td, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: execution.resourceId }),
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: execution.executionId })
-            ] }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor(execution.status), children: execution.status }) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime(execution.createdAt) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime(execution.completedAt) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: execution.durationMs == null ? "n/a" : `${execution.durationMs} ms` })
-          ] }, execution.executionId)) })
-        ] })
+      memberTab === "companies" && /* @__PURE__ */ jsx(Fragment, { children: companiesQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : !companies.length ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No companies attached to this list yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Domain" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Segment" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Contacts" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Created" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: companies.map((company) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: company.name }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: company.domain ?? "\u2014" }),
+          /* @__PURE__ */ jsx(Table.Td, { children: company.segment ?? "\u2014" }),
+          /* @__PURE__ */ jsx(Table.Td, { children: company.contactCount }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor(company.status), children: company.status }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime(company.createdAt) })
+        ] }, company.id)) })
       ] }) })
     ] }),
-    selectedStep ? /* @__PURE__ */ jsx(
-      ResourceExecuteDialog,
-      {
-        opened: !!selectedStep && !resourceDefinitionQuery.isLoading,
-        onClose: () => setSelectedStepKey(null),
-        resource: {
-          resourceId: selectedStep.resourceId,
-          resourceType: "workflow",
-          name: selectedStep.label,
-          formSchema: resourceDefinitionQuery.data?.interface?.form
-        }
-      }
-    ) : null,
-    /* @__PURE__ */ jsx(
-      Modal,
-      {
-        opened: resourceDefinitionQuery.isLoading && !!selectedStep,
-        onClose: () => setSelectedStepKey(null),
-        withCloseButton: false,
-        centered: true,
-        children: /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, {}) })
-      }
-    )
-  ] }) });
+    /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }), title: "Execution History" }),
+      !executions.length ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No executions recorded for this list yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { children: "Resource" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Started" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Completed" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Duration" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: executions.map((execution) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsxs(Table.Td, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: execution.resourceId }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: execution.executionId })
+          ] }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor(execution.status), children: execution.status }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime(execution.createdAt) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime(execution.completedAt) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: execution.durationMs == null ? "n/a" : `${execution.durationMs} ms` })
+        ] }, execution.executionId)) })
+      ] })
+    ] })
+  ] }) }) });
 }
 var PAGE_SIZE_DEFAULT2 = 20;
 function LeadGenCompaniesPage() {
@@ -1466,36 +1197,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 +1242,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 +1254,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 +1266,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 +1291,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 +1301,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 +1347,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 +1382,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 +1431,7 @@ function LeadGenContactsPage() {
                   { value: "invalid", label: "Invalid" }
                 ],
                 value: statusFilter,
-                onChange: setStatusFilter,
+                onChange: (value) => setStatusFilter(value),
                 style: { minWidth: 160 },
                 size: "sm",
                 clearable: true
@@ -1736,7 +1443,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 +1463,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 +1473,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 +1518,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 +1547,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 };