@elevasis/ui 2.3.0 → 2.4.0

package/dist/chunk-3ONP2CEB.js

@@ -0,0 +1,1842 @@
+import { ResourceExecuteDialog } from './chunk-KRTZTBVP.js';
+import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
+import { PageContainer } from './chunk-BZZCNLT6.js';
+import { SubshellSidebarSection, SubshellNavItem } from './chunk-27COZ5AH.js';
+import { FilterBar } from './chunk-PDHTXPSF.js';
+import { CustomModal } from './chunk-GBMNCNHX.js';
+import { showApiErrorNotification, acquisitionListKeys, showSuccessNotification, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useList, useListProgress, useListExecutions, useResourceDefinition, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts } from './chunk-IPRMGSCV.js';
+import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
+import { PageTitleCaption, CenteredErrorState, StatCard, EmptyState } from './chunk-Y3D3WFJG.js';
+import { useElevasisServices } from './chunk-QEPXAWE2.js';
+import { useRouterContext } from './chunk-Q7DJKLEN.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 { IconTarget, IconLayoutGrid, IconList, IconBuilding, IconAddressBook, IconMailCheck, IconExternalLink, IconX, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconQuestionMark, IconChecklist, 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';
+
+var LeadGenSidebarTop = () => {
+  return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconTarget, label: "Lead Gen" });
+};
+var LEAD_GEN_ITEMS = [
+  { label: "Overview", to: "/lead-gen", icon: IconLayoutGrid, exact: true },
+  { label: "Lists", to: "/lead-gen/lists", icon: IconList, exact: false },
+  { label: "Companies", to: "/lead-gen/companies", icon: IconBuilding, exact: false },
+  { label: "Contacts", to: "/lead-gen/contacts", icon: IconAddressBook, exact: false },
+  { label: "Deliverability", to: "/lead-gen/deliverability", icon: IconMailCheck, exact: false }
+];
+var LeadGenSidebarMiddle = () => {
+  const { currentPath, navigate } = useRouterContext();
+  return /* @__PURE__ */ jsx(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: LEAD_GEN_ITEMS.map((item) => {
+    const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
+    return /* @__PURE__ */ jsx(
+      SubshellNavItem,
+      {
+        icon: item.icon,
+        label: item.label,
+        isActive,
+        onClick: () => navigate(item.to)
+      },
+      item.to
+    );
+  }) }) });
+};
+var LeadGenSidebar = () => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(LeadGenSidebarTop, {}),
+    /* @__PURE__ */ jsx(LeadGenSidebarMiddle, {})
+  ] });
+};
+var leadGenManifest = {
+  key: "lead-gen",
+  label: "Lead Gen",
+  sidebar: LeadGenSidebar,
+  subshellRoutes: ["/lead-gen"],
+  navEntry: {
+    label: "Lead Gen",
+    icon: IconTarget,
+    link: "/lead-gen",
+    featureKey: "acquisition"
+  }
+};
+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" }
+];
+function LeadGenRouteShell({
+  title,
+  caption,
+  body,
+  links = LEAD_GEN_ROUTE_LINKS
+}) {
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(PageTitleCaption, { title, caption }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "lg", children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      body,
+      /* @__PURE__ */ jsx(Text, { children: links.map((link, index) => /* @__PURE__ */ jsxs("span", { children: [
+        index > 0 ? " | " : null,
+        /* @__PURE__ */ jsx(Anchor, { component: Link, to: link.to, children: link.label })
+      ] }, link.to)) })
+    ] }) })
+  ] }) }) });
+}
+function formatDate(dateValue) {
+  const date = typeof dateValue === "string" ? new Date(dateValue) : dateValue;
+  return date.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+function getStatusColor(status) {
+  return status === "active" ? "green" : status === "invalid" ? "red" : "gray";
+}
+function getEnrichmentColor(status) {
+  switch (status) {
+    case "complete":
+      return "green";
+    case "pending":
+      return "yellow";
+    case "failed":
+      return "red";
+    default:
+      return "gray";
+  }
+}
+function getEnrichmentStatus(enrichmentData) {
+  if (!enrichmentData || typeof enrichmentData !== "object") return "pending";
+  const website = enrichmentData.website;
+  const linkedin = enrichmentData.linkedin;
+  if (website === "complete" && linkedin === "complete") return "complete";
+  if (website === "failed" || linkedin === "failed") return "failed";
+  return "pending";
+}
+function formatName(parts, fallback) {
+  const name = parts.filter(Boolean).join(" ").trim();
+  return name || fallback;
+}
+function CompanyDetailModal({ company, onClose }) {
+  return /* @__PURE__ */ jsx(CustomModal, { opened: !!company, onClose, size: "xl", children: company ? /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: company.name }),
+        company.domain ? /* @__PURE__ */ jsxs(Anchor, { href: `https://${company.domain}`, target: "_blank", size: "sm", c: "dimmed", children: [
+          company.domain,
+          " ",
+          /* @__PURE__ */ jsx(IconExternalLink, { size: 12, style: { verticalAlign: "middle" } })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: onClose, children: /* @__PURE__ */ jsx(IconX, { size: 18 }) })
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Firmographics" }),
+      /* @__PURE__ */ jsxs(SimpleGrid, { cols: 3, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Segment" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.segment || "-" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Category" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.category || "-" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Employees" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.numEmployees || "-" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Founded" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.foundedYear || "-" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Location" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: [company.locationCity, company.locationState].filter(Boolean).join(", ") || "-" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Contacts" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.contactCount })
+        ] })
+      ] })
+    ] }),
+    company.enrichmentData ? /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Enrichment Data" }),
+      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { whiteSpace: "pre-wrap" }, children: JSON.stringify(company.enrichmentData, null, 2) })
+    ] }) : null,
+    /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+      company.linkedinUrl ? /* @__PURE__ */ jsxs(Anchor, { href: company.linkedinUrl, target: "_blank", size: "sm", children: [
+        "LinkedIn ",
+        /* @__PURE__ */ jsx(IconExternalLink, { size: 12 })
+      ] }) : null,
+      company.website ? /* @__PURE__ */ jsxs(Anchor, { href: company.website, target: "_blank", size: "sm", children: [
+        "Website ",
+        /* @__PURE__ */ jsx(IconExternalLink, { size: 12 })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+      "Created: ",
+      formatDate(company.createdAt),
+      company.updatedAt && ` | Updated: ${formatDate(company.updatedAt)}`
+    ] })
+  ] }) : null });
+}
+function ContactDetailModal({ contact, onClose }) {
+  return /* @__PURE__ */ jsx(CustomModal, { opened: !!contact, onClose, size: "xl", children: contact ? /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: formatName([contact.firstName, contact.lastName], contact.email) }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: contact.email }),
+        contact.title ? /* @__PURE__ */ jsx(Text, { size: "sm", children: contact.title }) : null
+      ] }),
+      /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: onClose, children: /* @__PURE__ */ jsx(IconX, { size: 18 }) })
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Badge, { color: getStatusColor(contact.status), children: contact.status }),
+      contact.openingLine ? /* @__PURE__ */ jsx(Badge, { color: "green", children: "Personalized" }) : null
+    ] }),
+    contact.company ? /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Company" }),
+      /* @__PURE__ */ jsxs(Card, { withBorder: true, children: [
+        /* @__PURE__ */ jsx(Text, { fw: 500, children: contact.company.name }),
+        contact.company.domain ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: contact.company.domain }) : null
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Contact Information" }),
+      /* @__PURE__ */ jsxs(SimpleGrid, { cols: 2, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Headline" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: contact.headline || "-" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "LinkedIn" }),
+          contact.linkedinUrl ? /* @__PURE__ */ jsxs(Anchor, { href: contact.linkedinUrl, target: "_blank", size: "sm", children: [
+            "View Profile ",
+            /* @__PURE__ */ jsx(IconExternalLink, { size: 12 })
+          ] }) : /* @__PURE__ */ jsx(Text, { size: "sm", children: "-" })
+        ] })
+      ] })
+    ] }),
+    contact.filterReason ? /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Qualification" }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "red", children: contact.filterReason })
+    ] }) : null,
+    contact.openingLine ? /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Personalization" }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", children: contact.openingLine })
+    ] }) : null,
+    /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+      "Created: ",
+      formatDate(contact.createdAt),
+      contact.updatedAt && ` | Updated: ${formatDate(contact.updatedAt)}`
+    ] })
+  ] }) : null });
+}
+var LIST_TEMPLATE_OPTIONS = [
+  {
+    value: "blank",
+    label: "Blank",
+    description: "Create an empty draft list with qualification defaults and no pipeline steps."
+  },
+  {
+    value: "full_pipeline",
+    label: "Full 6-Stage",
+    description: "Create a complete lead-gen pipeline from scrape through personalization."
+  },
+  {
+    value: "personalize_only",
+    label: "Personalize Only",
+    description: "Start with personalization and upload-focused steps for already-prepared contacts."
+  },
+  {
+    value: "email_refresh",
+    label: "Email Refresh",
+    description: "Run discovery, verification, and personalization for an existing company set."
+  }
+];
+function buildListConfig(template, targetDescription) {
+  const qualification = {
+    targetDescription,
+    minReviewCount: 5,
+    minRating: 4,
+    excludeFranchises: true,
+    customRules: ""
+  };
+  const personalization = {
+    industryContext: targetDescription,
+    emailBody: "",
+    creativeDirection: "",
+    exclusionRules: []
+  };
+  switch (template) {
+    case "full_pipeline":
+      return {
+        qualification,
+        enrichment: {
+          emailDiscovery: { primary: "tomba" },
+          emailVerification: { provider: "millionverifier", threshold: "ok" }
+        },
+        personalization,
+        pipeline: {
+          steps: [
+            {
+              key: "scrape",
+              label: "Scrape Companies",
+              resourceId: "lgn-01a-google-maps-scrape-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 1
+            },
+            {
+              key: "acquire",
+              label: "Import Companies",
+              resourceId: "lgn-01b-apify-acquire-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 2
+            },
+            {
+              key: "extract",
+              label: "Extract Website Data",
+              resourceId: "lgn-02-website-extract-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 3
+            },
+            {
+              key: "qualify",
+              label: "Qualify Companies",
+              resourceId: "lgn-03-company-qualification-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 4
+            },
+            {
+              key: "discover",
+              label: "Discover Emails",
+              resourceId: "lgn-04-email-discovery-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 5
+            },
+            {
+              key: "verify",
+              label: "Verify Emails",
+              resourceId: "lgn-05-email-verification-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 6
+            },
+            {
+              key: "personalize",
+              label: "Personalize Outreach",
+              resourceId: "ist-personalization-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 7
+            }
+          ]
+        }
+      };
+    case "personalize_only":
+      return {
+        qualification,
+        personalization,
+        pipeline: {
+          steps: [
+            {
+              key: "personalize",
+              label: "Personalize Outreach",
+              resourceId: "ist-personalization-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 1
+            },
+            {
+              key: "upload",
+              label: "Upload Contacts",
+              resourceId: "ist-upload-contacts-workflow",
+              inputTemplate: { requireOpeningLine: true },
+              enabled: true,
+              order: 2
+            }
+          ]
+        }
+      };
+    case "email_refresh":
+      return {
+        qualification,
+        enrichment: {
+          emailDiscovery: { primary: "tomba" },
+          emailVerification: { provider: "millionverifier", threshold: "ok" }
+        },
+        personalization,
+        pipeline: {
+          steps: [
+            {
+              key: "discover",
+              label: "Discover Emails",
+              resourceId: "lgn-04-email-discovery-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 1
+            },
+            {
+              key: "verify",
+              label: "Verify Emails",
+              resourceId: "lgn-05-email-verification-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 2
+            },
+            {
+              key: "personalize",
+              label: "Personalize Outreach",
+              resourceId: "ist-personalization-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 3
+            }
+          ]
+        }
+      };
+    case "blank":
+    default:
+      return {
+        qualification,
+        pipeline: {
+          steps: []
+        }
+      };
+  }
+}
+function useDeleteLists() {
+  const { apiRequest, organizationId } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (listIds) => {
+      const uniqueIds = [...new Set(listIds)].filter(Boolean);
+      if (uniqueIds.length === 0) return;
+      await Promise.all(
+        uniqueIds.map(
+          (listId) => apiRequest(`/acquisition/lists/${listId}`, {
+            method: "DELETE"
+          })
+        )
+      );
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: acquisitionListKeys.list(organizationId) });
+      queryClient.invalidateQueries({ queryKey: acquisitionListKeys.telemetry(organizationId) });
+      showSuccessNotification("Lists deleted");
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+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);
+}
+function getOverviewStatus(list) {
+  if ((list.activeWorkflows?.length ?? 0) > 0) {
+    return { label: "Active Work", color: "green" };
+  }
+  if (list.stageCounts.personalized > 0 && list.stageCounts.personalized === list.stageCounts.uploaded) {
+    return { label: "Complete", color: "blue" };
+  }
+  return { label: "Idle", color: "gray" };
+}
+function getNextFocus(list) {
+  if ((list.activeWorkflows?.length ?? 0) > 0) {
+    return { label: "Workflow running", count: list.activeWorkflows?.length ?? 0 };
+  }
+  if (list.totalCompanies === 0 && list.totalContacts === 0) {
+    return { label: "Populate list", count: null };
+  }
+  const extractGap = computeBacklog(list.stageCounts.populated, list.stageCounts.extracted);
+  if (extractGap > 0) {
+    return { label: "Extract website data", count: extractGap };
+  }
+  const qualifyGap = computeBacklog(list.stageCounts.extracted, list.stageCounts.qualified);
+  if (qualifyGap > 0) {
+    return { label: "Qualify companies", count: qualifyGap };
+  }
+  const discoverGap = computeBacklog(list.stageCounts.qualified, list.stageCounts.discovered);
+  if (discoverGap > 0) {
+    return { label: "Discover contacts", count: discoverGap };
+  }
+  const verifyGap = computeBacklog(list.stageCounts.discovered, list.stageCounts.verified);
+  if (verifyGap > 0) {
+    return { label: "Verify emails", count: verifyGap };
+  }
+  const personalizeGap = computeBacklog(list.stageCounts.verified, list.stageCounts.personalized);
+  if (personalizeGap > 0) {
+    return { label: "Personalize outreach", count: personalizeGap };
+  }
+  const uploadGap = computeBacklog(list.stageCounts.personalized, list.stageCounts.uploaded);
+  if (uploadGap > 0) {
+    return { label: "Upload contacts", count: uploadGap };
+  }
+  return { label: "Complete", count: null };
+}
+function formatCountLabel(value, noun) {
+  return `${value} ${noun}${value === 1 ? "" : "s"}`;
+}
+function getPrimaryAction({
+  uploadBacklog,
+  personalizationBacklog,
+  verificationBacklog,
+  deliverabilityRiskCount,
+  activeListCount,
+  totalLists
+}) {
+  if (uploadBacklog > 0) {
+    return {
+      title: `Upload ${formatCountLabel(uploadBacklog, "personalized contact")}`,
+      detail: "No verification blockers are left on the contacts already ready for outreach.",
+      buttonLabel: "Review lists",
+      buttonTo: "/lead-gen/lists",
+      tone: "blue"
+    };
+  }
+  if (personalizationBacklog > 0) {
+    return {
+      title: `Personalize ${formatCountLabel(personalizationBacklog, "verified contact")}`,
+      detail: "Verification is done. The next bottleneck is drafting outreach copy.",
+      buttonLabel: "Open lists",
+      buttonTo: "/lead-gen/lists",
+      tone: "blue"
+    };
+  }
+  if (verificationBacklog > 0) {
+    return {
+      title: `Verify ${formatCountLabel(verificationBacklog, "discovered contact")}`,
+      detail: "Email validation is the main blocker before personalization can continue.",
+      buttonLabel: "Open lists",
+      buttonTo: "/lead-gen/lists",
+      tone: "orange"
+    };
+  }
+  if (deliverabilityRiskCount > 0) {
+    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",
+      tone: "orange"
+    };
+  }
+  if (activeListCount > 0) {
+    return {
+      title: `Monitor ${formatCountLabel(activeListCount, "active list")}`,
+      detail: "Workflows are running and there are no immediate contact-stage backlogs to clear.",
+      buttonLabel: "Open lists",
+      buttonTo: "/lead-gen/lists",
+      tone: "green"
+    };
+  }
+  if (totalLists > 0) {
+    return {
+      title: "No blockers right now",
+      detail: "Lists are idle and the current pipeline does not show an urgent follow-up step.",
+      buttonLabel: "Review lists",
+      buttonTo: "/lead-gen/lists",
+      tone: "gray"
+    };
+  }
+  return {
+    title: "Create your first list",
+    detail: "Lead gen telemetry will appear here once a list starts moving through the pipeline.",
+    buttonLabel: "Open lists",
+    buttonTo: "/lead-gen/lists",
+    tone: "gray"
+  };
+}
+function CompactPipelineStage({
+  label,
+  value,
+  ratio
+}) {
+  return /* @__PURE__ */ jsx(Paper, { 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 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,
+      extracted: acc.extracted + list.stageCounts.extracted,
+      qualified: acc.qualified + list.stageCounts.qualified,
+      discovered: acc.discovered + list.stageCounts.discovered,
+      verified: acc.verified + list.stageCounts.verified,
+      personalized: acc.personalized + list.stageCounts.personalized,
+      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 };
+  const deliverabilityTotals = data?.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 }
+  ) ?? { risky: 0, invalid: 0, bounced: 0 };
+  const activeListCount = data?.filter((list) => (list.activeWorkflows?.length ?? 0) > 0).length ?? 0;
+  const verificationBacklog = computeBacklog(stageTotals.discovered, stageTotals.verified);
+  const personalizationBacklog = computeBacklog(stageTotals.verified, stageTotals.personalized);
+  const uploadBacklog = computeBacklog(stageTotals.personalized, stageTotals.uploaded);
+  const deliverabilityRiskCount = deliverabilityTotals.risky + deliverabilityTotals.invalid + deliverabilityTotals.bounced;
+  const totalLists = data?.length ?? 0;
+  const summaryLine = [
+    `${totalLists} ${totalLists === 1 ? "list" : "lists"} active`,
+    `${formatCountLabel(uploadBacklog, "contact")} ready for upload`,
+    deliverabilityRiskCount === 0 ? "no risks" : `${formatCountLabel(deliverabilityRiskCount, "risk")}`
+  ].join(" \u2022 ");
+  const primaryAction = getPrimaryAction({
+    uploadBacklog,
+    personalizationBacklog,
+    verificationBacklog,
+    deliverabilityRiskCount,
+    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)
+    };
+  }).sort((a, b) => {
+    const aActive = a.status.label === "Active Work" ? 1 : 0;
+    const bActive = b.status.label === "Active Work" ? 1 : 0;
+    if (aActive !== bActive) return bActive - aActive;
+    const aBacklog = computeBacklog(a.stageCounts.discovered, a.stageCounts.verified) + computeBacklog(a.stageCounts.verified, a.stageCounts.personalized) + computeBacklog(a.stageCounts.personalized, a.stageCounts.uploaded);
+    const bBacklog = computeBacklog(b.stageCounts.discovered, b.stageCounts.verified) + computeBacklog(b.stageCounts.verified, b.stageCounts.personalized) + computeBacklog(b.stageCounts.personalized, b.stageCounts.uploaded);
+    if (aBacklog !== bBacklog) return bBacklog - aBacklog;
+    return b.totalContacts - a.totalContacts;
+  }) ?? [];
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        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" })
+        ] })
+      }
+    ),
+    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: 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__ */ jsxs(Paper, { 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: [
+              /* @__PURE__ */ jsx(Title, { order: 4, children: verificationBacklog }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "waiting" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "sm", children: [
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, children: "Personalization" }),
+            /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-end", mt: 6, children: [
+              /* @__PURE__ */ jsx(Title, { order: 4, children: personalizationBacklog }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "ready" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Paper, { 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: [
+            /* @__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" })
+        ] }),
+        /* @__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(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+              /* @__PURE__ */ jsx(Link, { to: "/lead-gen/lists/$listId", params: { listId: list.listId }, children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, component: "span", c: "blue.4", children: list.name }) }),
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: list.listId })
+            ] }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: list.totalCompanies }),
+            /* @__PURE__ */ jsx(Table.Td, { children: list.totalContacts }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+              /* @__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 }) })
+          ] }, list.listId)) })
+        ] })
+      ] }) })
+    ] })
+  ] }) }) });
+}
+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();
+  const [searchQuery, setSearchQuery] = useState("");
+  const [showCreateList, setShowCreateList] = useState(false);
+  const [newListName, setNewListName] = useState("");
+  const [newListDescription, setNewListDescription] = useState("");
+  const [selectedTemplate, setSelectedTemplate] = useState("full_pipeline");
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const { data: lists, isLoading: listsLoading } = useLists();
+  const { data: telemetry, isLoading: telemetryLoading } = useListsTelemetry();
+  const createListMutation = useCreateList();
+  const deleteListsMutation = useDeleteLists();
+  const { sort, toggleSort } = useTableSort("created");
+  const contactCountByListId = useMemo(
+    () => new Map((telemetry ?? []).map((item) => [item.listId, item.totalContacts])),
+    [telemetry]
+  );
+  const sortAccessors = useMemo(
+    () => ({
+      name: (list) => list.name,
+      description: (list) => list.description || "",
+      contacts: (list) => contactCountByListId.get(list.id) ?? 0,
+      created: (list) => list.createdAt
+    }),
+    [contactCountByListId]
+  );
+  const filteredLists = useMemo(() => {
+    if (!lists) return [];
+    if (!searchQuery.trim()) return lists;
+    const query = searchQuery.toLowerCase();
+    return lists.filter((list) => list.name.toLowerCase().includes(query));
+  }, [lists, searchQuery]);
+  const sortedLists = useMemo(() => sortData(filteredLists, sort, sortAccessors), [filteredLists, sort, sortAccessors]);
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT, [searchQuery], sortedLists.length);
+  const paginatedLists = useMemo(
+    () => sortedLists.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT),
+    [sortedLists, pagination.offset]
+  );
+  const selection = useTableSelection(paginatedLists, sortedLists);
+  const selectedTemplateMeta = LIST_TEMPLATE_OPTIONS.find((option) => option.value === selectedTemplate);
+  function resetCreateListModal() {
+    setNewListName("");
+    setNewListDescription("");
+    setSelectedTemplate("full_pipeline");
+    setShowCreateList(false);
+  }
+  function handleCreateList() {
+    const trimmedName = newListName.trim();
+    if (!trimmedName) return;
+    const body = {
+      name: trimmedName,
+      description: newListDescription.trim() || null,
+      type: selectedTemplate,
+      config: buildListConfig(selectedTemplate, trimmedName)
+    };
+    createListMutation.mutate(body, {
+      onSuccess: (list) => {
+        resetCreateListModal();
+        navigate({ to: "/lead-gen/lists/$listId", params: { listId: list.id } });
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "Lists",
+        caption: "Lead lists and contact organization",
+        rightSection: /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }), onClick: () => setShowCreateList(true), children: "New List" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        FilterBar,
+        {
+          actions: /* @__PURE__ */ jsx(
+            TableSelectionToolbar,
+            {
+              selectedCount: selection.selectedCount,
+              onDelete: () => setShowBatchDelete(true),
+              isDeleting: deleteListsMutation.isPending
+            }
+          ),
+          children: /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              placeholder: "Search by name...",
+              leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.currentTarget.value)
+            }
+          )
+        }
+      ),
+      listsLoading || telemetryLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : !filteredLists.length ? /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconList,
+          title: searchQuery.trim() ? "No lists match your search" : "No lists yet",
+          description: searchQuery.trim() ? void 0 : "Create one to get started.",
+          action: searchQuery.trim() ? void 0 : {
+            label: "Create List",
+            onClick: () => setShowCreateList(true),
+            icon: /* @__PURE__ */ jsx(IconPlus, { size: 16 })
+          }
+        }
+      ) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { w: 40, children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: selection.isPageAllSelected,
+              indeterminate: selection.isPagePartiallySelected,
+              onChange: selection.togglePage
+            }
+          ) }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "name", sort, onToggle: toggleSort, children: "Name" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "description", sort, onToggle: toggleSort, children: "Description" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "contacts", sort, onToggle: toggleSort, children: "Contacts" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "created", sort, onToggle: toggleSort, children: "Created" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: paginatedLists.map((list) => /* @__PURE__ */ jsxs(
+          Table.Tr,
+          {
+            style: { cursor: "pointer" },
+            onClick: () => navigate({ to: "/lead-gen/lists/$listId", params: { listId: list.id } }),
+            children: [
+              /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(Checkbox, { checked: selection.isSelected(list.id), onChange: () => selection.toggle(list.id) }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: list.name }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: list.description || "-" }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: contactCountByListId.get(list.id) ?? 0 }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDate(list.createdAt) }) })
+            ]
+          },
+          list.id
+        )) })
+      ] }),
+      sortedLists.length > PAGE_SIZE_DEFAULT && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          value: pagination.page,
+          onChange: pagination.setPage,
+          total: pagination.totalPages(sortedLists.length),
+          size: "sm"
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: showCreateList,
+        onClose: () => !createListMutation.isPending && resetCreateListModal(),
+        size: "md",
+        loading: createListMutation.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconSparkles, { size: 24 }),
+            /* @__PURE__ */ jsx(Title, { order: 4, children: "Create List" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              label: "List Name",
+              placeholder: "e.g. Orange County Vets Q2",
+              value: newListName,
+              onChange: (event) => setNewListName(event.currentTarget.value),
+              disabled: createListMutation.isPending,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              label: "Description",
+              placeholder: "Optional context for this list",
+              value: newListDescription,
+              onChange: (event) => setNewListDescription(event.currentTarget.value),
+              disabled: createListMutation.isPending,
+              minRows: 3
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              label: "Pipeline Template",
+              data: LIST_TEMPLATE_OPTIONS.map((option) => ({
+                value: option.value,
+                label: option.label
+              })),
+              value: selectedTemplate,
+              onChange: (value) => setSelectedTemplate(value ?? "full_pipeline"),
+              disabled: createListMutation.isPending,
+              allowDeselect: false
+            }
+          ),
+          selectedTemplateMeta ? /* @__PURE__ */ jsx(Alert, { variant: "light", color: "blue", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: selectedTemplateMeta.description }) }) : null,
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "The list will open in draft mode after creation so you can review configuration, edit pipeline steps, and run workflows from the detail page." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: resetCreateListModal, disabled: createListMutation.isPending, children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { onClick: handleCreateList, loading: createListMutation.isPending, disabled: !newListName.trim(), children: "Create List" })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: showBatchDelete,
+        onClose: () => !deleteListsMutation.isPending && setShowBatchDelete(false),
+        size: "sm",
+        loading: deleteListsMutation.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconAlertTriangle, { size: 24, color: "var(--color-error)" }),
+            /* @__PURE__ */ jsxs(Title, { order: 4, children: [
+              "Delete ",
+              selection.selectedCount,
+              " Lists"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            "Are you sure you want to delete",
+            " ",
+            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: selection.selectedCount }),
+            " ",
+            "selected lists?"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This action cannot be undone." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "light",
+                onClick: () => setShowBatchDelete(false),
+                disabled: deleteListsMutation.isPending,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: "red",
+                loading: deleteListsMutation.isPending,
+                onClick: () => {
+                  deleteListsMutation.mutate([...selection.selectedIds], {
+                    onSuccess: () => {
+                      setShowBatchDelete(false);
+                      selection.clear();
+                    }
+                  });
+                },
+                children: "Delete"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] }) });
+}
+function formatDateTime(value) {
+  if (!value) return "Not yet";
+  return new Date(value).toLocaleString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+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 isLoading = listQuery.isLoading || progressQuery.isLoading || executionsQuery.isLoading;
+  const error = listQuery.error ?? progressQuery.error ?? executionsQuery.error;
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: "List Detail",
+          caption: "Configuration, progress, and execution history for a single lead-gen list",
+          rightSection: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "light",
+              size: "sm",
+              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+              onClick: () => navigate({ to: "/lead-gen/lists" }),
+              children: "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: "List Detail",
+          caption: "Configuration, progress, and execution history for a single lead-gen list",
+          rightSection: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "light",
+              size: "sm",
+              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+              onClick: () => navigate({ to: "/lead-gen/lists" }),
+              children: "Lists"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load list detail" }) })
+    ] }) }) });
+  }
+  if (!listQuery.data || !progressQuery.data) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: "List Not Found",
+          caption: "The requested lead-gen list is unavailable.",
+          rightSection: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "light",
+              size: "sm",
+              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+              onClick: () => navigate({ to: "/lead-gen/lists" }),
+              children: "Lists"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { h: 240, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "The requested list could not be found." }) }) })
+    ] }) }) });
+  }
+  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: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: list.name,
+          caption: list.description ?? "Configuration, progress, and execution history for this list",
+          rightSection: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "light",
+              size: "sm",
+              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+              onClick: () => navigate({ to: "/lead-gen/lists" }),
+              children: "Lists"
+            }
+          )
+        }
+      ),
+      /* @__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)) })
+        ] })
+      ] }) }),
+      /* @__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)) })
+        ] })
+      ] }) })
+    ] }),
+    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, {}) })
+      }
+    )
+  ] }) });
+}
+var PAGE_SIZE_DEFAULT2 = 20;
+function LeadGenCompaniesPage() {
+  const [companySearch, setCompanySearch] = useState("");
+  const [segmentFilter, setSegmentFilter] = useState(null);
+  const [categoryFilter, setCategoryFilter] = useState(null);
+  const [statusFilter, setStatusFilter] = useState(null);
+  const [selectedCompany, setSelectedCompany] = useState(null);
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const { data: companies, isLoading: companiesLoading } = useCompanies({
+    search: companySearch || void 0,
+    segment: segmentFilter || void 0,
+    category: categoryFilter || void 0,
+    status: statusFilter === "active" || statusFilter === "invalid" ? statusFilter : void 0
+  });
+  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);
+  function handleBatchDelete() {
+    deleteCompaniesMutation.mutate([...selection.selectedIds], {
+      onSuccess: () => {
+        selection.clear();
+        setShowBatchDelete(false);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "Companies", caption: "Company records and enrichment tracking" }) }),
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(
+        FilterBar,
+        {
+          actions: /* @__PURE__ */ jsx(
+            TableSelectionToolbar,
+            {
+              selectedCount: selection.selectedCount,
+              onDelete: () => setShowBatchDelete(true),
+              isDeleting: deleteCompaniesMutation.isPending
+            }
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                placeholder: "All Segments",
+                data: ["Technology", "Marketing", "Finance", "Healthcare"],
+                value: segmentFilter,
+                onChange: setSegmentFilter,
+                style: { minWidth: 180 },
+                size: "sm",
+                clearable: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                placeholder: "All Categories",
+                data: ["SaaS", "Service Agency", "Software"],
+                value: categoryFilter,
+                onChange: setCategoryFilter,
+                style: { minWidth: 160 },
+                size: "sm",
+                clearable: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                placeholder: "All Statuses",
+                data: [
+                  { value: "active", label: "Active" },
+                  { value: "invalid", label: "Invalid" }
+                ],
+                value: statusFilter,
+                onChange: setStatusFilter,
+                style: { minWidth: 160 },
+                size: "sm",
+                clearable: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                placeholder: "Search by name or domain...",
+                leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+                style: { minWidth: 250 },
+                size: "sm",
+                value: companySearch,
+                onChange: (e) => setCompanySearch(e.target.value)
+              }
+            )
+          ]
+        }
+      ),
+      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: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { w: 40, children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: selection.isPageAllSelected,
+              indeterminate: selection.isPagePartiallySelected,
+              onChange: selection.togglePage
+            }
+          ) }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "company", sort, onToggle: toggleSort, children: "Company" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "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.Tbody, { children: paginatedCompanies.map((company) => {
+          const enrichStatus = getEnrichmentStatus(company.enrichmentData);
+          return /* @__PURE__ */ jsxs(
+            Table.Tr,
+            {
+              style: { cursor: "pointer" },
+              onClick: () => setSelectedCompany(company),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Table.Td,
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      selection.toggle(company.id);
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        checked: selection.isSelected(company.id),
+                        onChange: () => selection.toggle(company.id),
+                        onClick: (e) => e.stopPropagation()
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: company.name }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: company.domain || "-" }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: company.segment || "-" }),
+                /* @__PURE__ */ jsx(Table.Td, { children: company.category || "-" }),
+                /* @__PURE__ */ jsx(Table.Td, { children: company.numEmployees || "-" }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: getEnrichmentColor(enrichStatus), size: "sm", children: enrichStatus }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: company.contactCount })
+              ]
+            },
+            company.id
+          );
+        }) })
+      ] }),
+      sortedCompanies.length > PAGE_SIZE_DEFAULT2 ? /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          value: pagination.page,
+          onChange: pagination.setPage,
+          total: pagination.totalPages(sortedCompanies.length),
+          size: "sm"
+        }
+      ) }) : null
+    ] }) }),
+    /* @__PURE__ */ jsx(CompanyDetailModal, { company: selectedCompany, onClose: () => setSelectedCompany(null) }),
+    /* @__PURE__ */ jsx(CustomModal, { opened: showBatchDelete, onClose: () => setShowBatchDelete(false), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, color: "var(--mantine-color-red-6)" }),
+        /* @__PURE__ */ jsxs(Title, { order: 5, children: [
+          "Delete ",
+          selection.selectedCount,
+          " companies?"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This will permanently delete the selected companies and cannot be undone." }),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "sm", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", size: "sm", onClick: () => setShowBatchDelete(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { color: "red", size: "sm", loading: deleteCompaniesMutation.isPending, onClick: handleBatchDelete, children: "Delete" })
+      ] })
+    ] }) })
+  ] }) });
+}
+var PAGE_SIZE_DEFAULT3 = 20;
+function LeadGenContactsPage() {
+  const [contactSearch, setContactSearch] = useState("");
+  const [statusFilter, setStatusFilter] = useState(null);
+  const [listFilter, setListFilter] = useState(null);
+  const [selectedContact, setSelectedContact] = useState(null);
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const { data: lists } = useLists();
+  const { data: contacts, isLoading: contactsLoading } = useContacts({
+    search: contactSearch || void 0,
+    contactStatus: statusFilter === "active" || statusFilter === "invalid" ? statusFilter : void 0,
+    listId: listFilter || void 0
+  });
+  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);
+  function handleBatchDelete() {
+    deleteContactsMutation.mutate([...selection.selectedIds], {
+      onSuccess: () => {
+        selection.clear();
+        setShowBatchDelete(false);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "Contacts", caption: "Contact records and outreach tracking" }) }),
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(
+        FilterBar,
+        {
+          actions: /* @__PURE__ */ jsx(
+            TableSelectionToolbar,
+            {
+              selectedCount: selection.selectedCount,
+              onDelete: () => setShowBatchDelete(true),
+              isDeleting: deleteContactsMutation.isPending
+            }
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                placeholder: "All Statuses",
+                data: [
+                  { value: "active", label: "Active" },
+                  { value: "invalid", label: "Invalid" }
+                ],
+                value: statusFilter,
+                onChange: setStatusFilter,
+                style: { minWidth: 160 },
+                size: "sm",
+                clearable: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                placeholder: "All Lists",
+                data: (lists ?? []).map((list) => ({ value: list.id, label: list.name })),
+                value: listFilter,
+                onChange: setListFilter,
+                style: { minWidth: 200 },
+                size: "sm",
+                clearable: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                placeholder: "Search by name or email...",
+                leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+                style: { minWidth: 250 },
+                size: "sm",
+                value: contactSearch,
+                onChange: (e) => setContactSearch(e.target.value)
+              }
+            )
+          ]
+        }
+      ),
+      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: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { w: 40, children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: selection.isPageAllSelected,
+              indeterminate: selection.isPagePartiallySelected,
+              onChange: selection.togglePage
+            }
+          ) }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "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.Tbody, { children: paginatedContacts.map((contact) => {
+          const fullName = [contact.firstName, contact.lastName].filter(Boolean).join(" ") || contact.email;
+          const hasPersonalization = !!contact.openingLine;
+          return /* @__PURE__ */ jsxs(
+            Table.Tr,
+            {
+              style: { cursor: "pointer" },
+              onClick: () => setSelectedContact(contact),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Table.Td,
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      selection.toggle(contact.id);
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        checked: selection.isSelected(contact.id),
+                        onChange: () => selection.toggle(contact.id),
+                        onClick: (e) => e.stopPropagation()
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: fullName }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: contact.email }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: contact.company?.name || "-" }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: contact.title || "-" }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: getStatusColor(contact.status), size: "sm", children: contact.status || "unknown" }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: hasPersonalization ? "green" : "gray", size: "sm", children: hasPersonalization ? "Yes" : "No" }) })
+              ]
+            },
+            contact.id
+          );
+        }) })
+      ] }),
+      sortedContacts.length > PAGE_SIZE_DEFAULT3 ? /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          value: pagination.page,
+          onChange: pagination.setPage,
+          total: pagination.totalPages(sortedContacts.length),
+          size: "sm"
+        }
+      ) }) : null
+    ] }) }),
+    /* @__PURE__ */ jsx(ContactDetailModal, { contact: selectedContact, onClose: () => setSelectedContact(null) }),
+    /* @__PURE__ */ jsx(CustomModal, { opened: showBatchDelete, onClose: () => setShowBatchDelete(false), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, color: "var(--mantine-color-red-6)" }),
+        /* @__PURE__ */ jsxs(Title, { order: 5, children: [
+          "Delete ",
+          selection.selectedCount,
+          " contacts?"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This will permanently delete the selected contacts and cannot be undone." }),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "sm", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", size: "sm", onClick: () => setShowBatchDelete(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { color: "red", size: "sm", loading: deleteContactsMutation.isPending, onClick: handleBatchDelete, children: "Delete" })
+      ] })
+    ] }) })
+  ] }) });
+}
+
+export { CompanyDetailModal, ContactDetailModal, LEAD_GEN_ROUTE_LINKS, LIST_TEMPLATE_OPTIONS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenDeliverabilityPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, buildListConfig, formatDate, getEnrichmentColor, getEnrichmentStatus, getStatusColor, leadGenManifest, useDeleteLists };