@elevasis/ui 2.1.0 → 2.2.1

package/dist/components/index.js

@@ -1,30 +1,30 @@
 import { useBreadcrumbs } from '../chunk-MG3NF7QL.js';
 import '../chunk-SMJLS23U.js';
-import { NotificationList } from '../chunk-QRHLV74B.js';
-export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList, monitoringManifest } from '../chunk-QRHLV74B.js';
-export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal, settingsManifest } from '../chunk-MVJ4TSSA.js';
+import { NotificationList } from '../chunk-2JTCPVZX.js';
+export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList, monitoringManifest } from '../chunk-2JTCPVZX.js';
+export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal, settingsManifest } from '../chunk-5KBVISVJ.js';
 import { FilterBar } from '../chunk-PDHTXPSF.js';
 export { FilterBar } from '../chunk-PDHTXPSF.js';
-import { ResourceExecuteDialog } from '../chunk-H762MTQ5.js';
-export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewEdge, CommandViewGraph, CommandViewNode, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, FormFieldRenderer, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, operationsManifest, useNewKnowledgeMapLayout } from '../chunk-H762MTQ5.js';
+import { ResourceExecuteDialog } from '../chunk-YOZEGIZA.js';
+export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewEdge, CommandViewGraph, CommandViewNode, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, FormFieldRenderer, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, operationsManifest, useNewKnowledgeMapLayout } from '../chunk-YOZEGIZA.js';
 import '../chunk-ROSMICXG.js';
 import { SubshellLoader, PageContainer, SubshellSidebarSection, SubshellNavItem, CollapsibleSidebarGroup } from '../chunk-OCP2MBTY.js';
-export { ResourceHealthPanel } from '../chunk-OKKGD3S6.js';
+export { ResourceHealthPanel } from '../chunk-PFONCU6C.js';
 import { CustomModal } from '../chunk-GBMNCNHX.js';
 export { ConfirmationInputModal, ConfirmationModal, CustomModal } from '../chunk-GBMNCNHX.js';
-export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowExecutionTimeline, dashboardManifest, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme } from '../chunk-PQNEE57X.js';
+export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowExecutionTimeline, dashboardManifest, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme } from '../chunk-O6KZ46EJ.js';
 export { ResourceHealthChart, getHealthColor } from '../chunk-LGKLC5MG.js';
 import '../chunk-KFICYU6S.js';
 import { AppShellLoader } from '../chunk-YEX4MQSY.js';
-import '../chunk-35QO7M43.js';
-import { useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, useProjects } from '../chunk-PRLXFMNP.js';
-import { usePaginationState, useDeploymentDocs, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useDealNotes, useCreateDealNote, useDeals, useSyncDealStage, dealKeys, useDealTasksDue, useCreateDealTask, useDeleteDeal, useTableSort, sortData, useTableSelection, useDealDetail, showApiErrorNotification, acquisitionListKeys, showSuccessNotification, useListsTelemetry, useLists, useCreateList, useList, useListProgress, useListExecutions, useResourceDefinition, useDeleteProject, useMarkAllAsRead, useNotifications, showErrorNotification } from '../chunk-TZOGB3X4.js';
-export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-TZOGB3X4.js';
+import '../chunk-M66JAN7R.js';
+import { useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, useProjects } from '../chunk-JT3FN6TE.js';
+import { usePaginationState, useDeploymentDocs, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useDealNotes, useCreateDealNote, useDeals, useSyncDealStage, dealKeys, useDealTasksDue, useCreateDealTask, useDeleteDeal, useTableSort, sortData, useTableSelection, useDealDetail, showApiErrorNotification, acquisitionListKeys, showSuccessNotification, useListsTelemetry, useLists, useCreateList, useList, useListProgress, useListExecutions, useResourceDefinition, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts, useDeleteProject, useMarkAllAsRead, useNotifications, showErrorNotification } from '../chunk-J5TBNCMD.js';
+export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-J5TBNCMD.js';
 import '../chunk-LXHZYSMQ.js';
 export { Graph_module_css_default as graphStyles } from '../chunk-F6RBK7NJ.js';
 export { CONTAINER_CONSTANTS, SHARED_VIZ_CONSTANTS } from '../chunk-XA34RETF.js';
-import '../chunk-QITPFGWC.js';
-import '../chunk-RB34YOIX.js';
+import '../chunk-LH7RCX4Y.js';
+import '../chunk-3WMJWXZY.js';
 import '../chunk-CYXZHBP4.js';
 import '../chunk-MZPVNRPL.js';
 import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer } from '../chunk-RX4UWZZR.js';
@@ -47,8 +47,8 @@ import '../chunk-DD3CCMCZ.js';
 import { useElevasisServices } from '../chunk-QEPXAWE2.js';
 import '../chunk-BRJ3QZ4E.js';
 import { useRouterContext } from '../chunk-Q7DJKLEN.js';
-import { Table, Group, Text, Button, Stack, Title, TextInput, Alert, Tooltip, ActionIcon, Paper, Code, CopyButton, SimpleGrid, Badge, Loader, Pagination, useMantineTheme, Box, ScrollArea, Select, Center, Card, SegmentedControl, Switch, Textarea, Divider, Menu, Timeline, ThemeIcon, Tabs, Anchor, Breadcrumbs as Breadcrumbs$1, Drawer, UnstyledButton, Modal, Checkbox, RingProgress, Collapse, Popover, Indicator } from '@mantine/core';
-import { IconAddressBook, IconBriefcase, IconTarget, IconChevronUp, IconChevronDown, IconSelector, IconTrash, IconPencil, IconAlertCircle, IconKey, IconCalendar, IconClock, IconAlertTriangle, IconExclamationMark, IconShieldLock, IconCheck, IconCopy, IconPlus, IconRocket, IconRefresh, IconPower, IconPlayerPlay, IconCircleCheck, IconTag, IconBook2, IconFileOff, IconList, IconCalendarRepeat, IconCalendarEvent, IconCalendarTime, IconRobot, IconGitBranch, IconSettings, IconExternalLink, IconDotsVertical, IconPlayerPause, IconPlayerStop, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconTrophy, IconClockExclamation, IconUser, IconLayoutGrid, IconColumns, IconFileInvoice, IconChecklist, IconHistory, IconSearch, IconTargetArrow, IconArrowLeft, IconFileText, IconX, IconBuilding, IconMailCheck, IconChartBar, IconBuildingFactory2, IconUsers, IconSparkles, IconClockHour4, IconTrendingUp, IconHeartbeat, IconFlag, IconInbox, IconLock, IconChevronRight, IconDownload, IconMessageCircle, IconBell, IconNotes, IconFolderOpen, IconFolder, IconCheckbox, IconMail, IconPhone, IconArrowRight, IconNote } from '@tabler/icons-react';
+import { Table, Group, Text, Button, Stack, Title, TextInput, Alert, Tooltip, ActionIcon, Paper, Code, CopyButton, SimpleGrid, Badge, Loader, Pagination, useMantineTheme, Box, ScrollArea, Select, Center, Card, SegmentedControl, Switch, Textarea, Divider, Menu, Timeline, ThemeIcon, Tabs, Anchor, Breadcrumbs as Breadcrumbs$1, Drawer, UnstyledButton, Modal, Checkbox, Progress, RingProgress, Collapse, Popover, Indicator } from '@mantine/core';
+import { IconAddressBook, IconBriefcase, IconTarget, IconChevronUp, IconChevronDown, IconSelector, IconTrash, IconPencil, IconAlertCircle, IconKey, IconCalendar, IconClock, IconAlertTriangle, IconExclamationMark, IconShieldLock, IconCheck, IconCopy, IconPlus, IconRocket, IconRefresh, IconPower, IconPlayerPlay, IconCircleCheck, IconTag, IconBook2, IconFileOff, IconList, IconCalendarRepeat, IconCalendarEvent, IconCalendarTime, IconRobot, IconGitBranch, IconSettings, IconExternalLink, IconDotsVertical, IconPlayerPause, IconPlayerStop, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconTrophy, IconClockExclamation, IconUser, IconLayoutGrid, IconColumns, IconFileInvoice, IconChecklist, IconHistory, IconSearch, IconTargetArrow, IconArrowLeft, IconFileText, IconX, IconBuilding, IconMailCheck, IconArrowRight, IconQuestionMark, IconSparkles, IconClockHour4, IconBuildingFactory2, IconUsers, IconChartBar, IconTrendingUp, IconHeartbeat, IconFlag, IconInbox, IconLock, IconChevronRight, IconDownload, IconMessageCircle, IconBell, IconNotes, IconFolderOpen, IconFolder, IconCheckbox, IconMail, IconPhone, IconNote } from '@tabler/icons-react';
 import * as runtime from 'react/jsx-runtime';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDisclosure } from '@mantine/hooks';
@@ -3089,22 +3089,11 @@ function DealKanbanCard({ deal, config, onClick, onDragStart, onDragEnd }) {
     }
   );
 }
-
-// src/components/acquisition/kanban/constants.ts
-var DEAL_STAGES = ["interested", "proposal", "closing", "closed_won", "closed_lost", "nurturing"];
-var DEFAULT_KANBAN_CONFIG = {
-  interested: { color: "blue" },
-  proposal: { color: "yellow" },
-  closing: { color: "lime" },
-  closed_won: { color: "green" },
-  closed_lost: { color: "red" },
-  nurturing: { color: "grape" }
-};
 function formatStageLabel(stage) {
   if (!stage) return "Unstaged";
   return stage.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
 }
-function DealDrawer({ deal, opened, onClose, renderActions }) {
+function DealDrawer({ deal, config, opened, onClose, renderActions }) {
   const [noteBody, setNoteBody] = useState("");
   const { data: notes, isLoading: notesLoading } = useDealNotes(deal?.id ?? "");
   const createNote = useCreateDealNote();
@@ -3116,7 +3105,7 @@ function DealDrawer({ deal, opened, onClose, renderActions }) {
   const email = deal.contact?.email || deal.contact_email || null;
   const companyName = deal.contact?.company?.name || deal.discovery_data?.company || null;
   const stage = deal.cached_stage;
-  const badgeColor = DEFAULT_KANBAN_CONFIG[stage]?.color ?? "gray";
+  const badgeColor = (stage ? config?.[stage]?.color : null) ?? "gray";
   const activityLog = deal.activity_log || [];
   const hasInitialFee = typeof deal.initial_fee === "number" && deal.initial_fee > 0;
   const hasMonthlyFee = typeof deal.monthly_fee === "number" && deal.monthly_fee > 0;
@@ -3232,12 +3221,9 @@ function formatStageLabel2(stage) {
   if (stage === UNSTAGED_KEY) return "Unstaged";
   return stage.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
 }
-function groupDealsByStage(deals) {
+function groupDealsByStage(deals, columns) {
   const map = /* @__PURE__ */ new Map();
-  for (const stage of DEAL_STAGES) {
-    map.set(stage, []);
-  }
-  map.set(UNSTAGED_KEY, []);
+  for (const stage of columns) map.set(stage, []);
   for (const deal of deals) {
     const key = deal.cached_stage ?? UNSTAGED_KEY;
     const bucket = map.get(key);
@@ -3249,7 +3235,7 @@ function groupDealsByStage(deals) {
   }
   return map;
 }
-function KanbanBoard({ config = DEFAULT_KANBAN_CONFIG, renderDrawerActions }) {
+function KanbanBoard({ config, renderDrawerActions }) {
   const { data: deals, isLoading, error } = useDeals();
   const syncStage = useSyncDealStage();
   const queryClient = useQueryClient();
@@ -3257,8 +3243,11 @@ function KanbanBoard({ config = DEFAULT_KANBAN_CONFIG, renderDrawerActions }) {
   const [drawerOpen, setDrawerOpen] = useState(false);
   const [dragOverColumn, setDragOverColumn] = useState(null);
   const draggingDealRef = useRef(null);
-  const groupedDeals = groupDealsByStage(deals ?? []);
-  const columns = [...DEAL_STAGES, UNSTAGED_KEY];
+  const resolvedConfig = config ?? {};
+  const configuredStages = Object.keys(resolvedConfig).filter((stage) => Boolean(resolvedConfig[stage]));
+  const columns = [...configuredStages, UNSTAGED_KEY];
+  const hasConfig = configuredStages.length > 0;
+  const groupedDeals = groupDealsByStage(deals ?? [], columns);
   const handleDragStart = useCallback((e, deal) => {
     draggingDealRef.current = deal;
     e.dataTransfer.effectAllowed = "move";
@@ -3307,6 +3296,15 @@ function KanbanBoard({ config = DEFAULT_KANBAN_CONFIG, renderDrawerActions }) {
   if (error) {
     return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(Alert, { color: "red", children: "Failed to load deals" }) });
   }
+  if (!hasConfig) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: "Pipeline", caption: "Kanban view of your deal pipeline" }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "xl", children: /* @__PURE__ */ jsx(Center, { py: "xl", children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", align: "center", children: [
+        /* @__PURE__ */ jsx(Text, { fw: 600, children: "Configuration Required" }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ta: "center", children: "Provide a kanban stage config before rendering the pipeline board." })
+      ] }) }) })
+    ] }) });
+  }
   return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
     /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(PageTitleCaption, { title: "Pipeline", caption: "Kanban view of your deal pipeline" }),
@@ -3322,7 +3320,7 @@ function KanbanBoard({ config = DEFAULT_KANBAN_CONFIG, renderDrawerActions }) {
             const columnDeals = groupedDeals.get(columnKey) ?? [];
             const isUnstaged = columnKey === UNSTAGED_KEY;
             const isDragTarget = dragOverColumn === columnKey;
-            const badgeColor = isUnstaged ? "gray" : config[columnKey]?.color ?? "gray";
+            const badgeColor = isUnstaged ? "gray" : resolvedConfig[columnKey]?.color ?? "gray";
             return /* @__PURE__ */ jsx(
               Box,
               {
@@ -3361,7 +3359,7 @@ function KanbanBoard({ config = DEFAULT_KANBAN_CONFIG, renderDrawerActions }) {
                     DealKanbanCard,
                     {
                       deal,
-                      config,
+                      config: resolvedConfig,
                       onClick: handleCardClick,
                       onDragStart: handleDragStart,
                       onDragEnd: handleDragEnd
@@ -3380,6 +3378,7 @@ function KanbanBoard({ config = DEFAULT_KANBAN_CONFIG, renderDrawerActions }) {
       DealDrawer,
       {
         deal: selectedDeal,
+        config: resolvedConfig,
         opened: drawerOpen,
         onClose: () => setDrawerOpen(false),
         renderActions: renderDrawerActions
@@ -3387,6 +3386,17 @@ function KanbanBoard({ config = DEFAULT_KANBAN_CONFIG, renderDrawerActions }) {
     )
   ] });
 }
+
+// src/components/acquisition/kanban/constants.ts
+var DEAL_STAGES = ["interested", "proposal", "closing", "closed_won", "closed_lost", "nurturing"];
+var DEFAULT_KANBAN_CONFIG = {
+  interested: { color: "blue" },
+  proposal: { color: "yellow" },
+  closing: { color: "lime" },
+  closed_won: { color: "green" },
+  closed_lost: { color: "red" },
+  nurturing: { color: "grape" }
+};
 var CrmSidebarTop = () => {
   return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconAddressBook, label: "CRM" });
 };
@@ -4546,8 +4556,9 @@ function LeadGenRouteShell({
     ] }) })
   ] }) }) });
 }
-function formatDate2(dateString) {
-  return new Date(dateString).toLocaleDateString("en-US", {
+function formatDate2(dateValue) {
+  const date = typeof dateValue === "string" ? new Date(dateValue) : dateValue;
+  return date.toLocaleDateString("en-US", {
     month: "short",
     day: "numeric",
     year: "numeric"
@@ -4568,6 +4579,135 @@ function getEnrichmentColor(status) {
       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: ",
+      formatDate2(company.createdAt),
+      company.updatedAt && ` | Updated: ${formatDate2(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: getStatusColor3(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: ",
+      formatDate2(contact.createdAt),
+      contact.updatedAt && ` | Updated: ${formatDate2(contact.updatedAt)}`
+    ] })
+  ] }) : null });
+}
 var LIST_TEMPLATE_OPTIONS = [
   {
     value: "blank",
@@ -4772,46 +4912,377 @@ 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);
+}
+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 { data, isLoading, isError, error } = useListsTelemetry();
+  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 completionLabel = (() => {
-    if (!data?.length) return EM_DASH;
-    const populated = data.reduce((sum, list) => sum + list.stageCounts.populated, 0);
-    const personalized = data.reduce((sum, list) => sum + list.stageCounts.personalized, 0);
-    return populated === 0 ? EM_DASH : `${Math.round(personalized / populated * 100)}%`;
-  })();
+  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: "Pipeline health, list roll-up, and active work at a glance"
+        caption: summaryLine,
+        rightSection: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Button, { component: Link$1, to: "/lead-gen/lists", size: "sm", variant: "light", children: "Lists" }),
+          /* @__PURE__ */ jsx(Button, { component: Link$1, to: "/lead-gen/deliverability", size: "sm", variant: "light", children: "Deliverability" })
+        ] })
       }
     ),
-    isLoading ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) }) : isError ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { 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: 2, sm: 4 }, children: [
-        /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconChartBar, value: data.length, label: "Total Lists" }),
-        /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconBuildingFactory2, value: totalCompanies, label: "Total Companies" }),
-        /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconUsers, value: totalContacts, label: "Total Contacts" }),
-        /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconChecklist, value: completionLabel, label: "Overall Completion" })
+    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__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-        "View per-list detail on the",
-        " ",
-        /* @__PURE__ */ jsx(Anchor, { component: Link$1, to: "/lead-gen/lists", size: "sm", children: "Lists" }),
-        " ",
-        "page."
-      ] })
+      /* @__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$1, 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$1, 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$1, { 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 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 LeadGenDeliverabilityPage() {
   const { data, isLoading, error } = useListsTelemetry();
   if (isLoading) {
@@ -4862,12 +5333,12 @@ function LeadGenDeliverabilityPage() {
     { valid: 0, risky: 0, invalid: 0, unknown: 0, bounced: 0 }
   );
   const summaryTiles = [
-    { label: "Valid", value: totals.valid },
-    { label: "Risky", value: totals.risky },
-    { label: "Invalid", value: totals.invalid },
-    { label: "Unknown", value: totals.unknown },
-    { label: "Bounced", value: totals.bounced },
-    { label: "Bounce Rate", value: computeBounceRate(totals) }
+    { 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(
@@ -4877,10 +5348,7 @@ function LeadGenDeliverabilityPage() {
         caption: "Email validity breakdown and bounce health across lists"
       }
     ),
-    /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(SimpleGrid, { cols: 6, children: summaryTiles.map((tile) => /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", mb: 4, children: tile.label }),
-      /* @__PURE__ */ jsx(Text, { fw: 600, size: "lg", children: tile.value })
-    ] }, tile.label)) }) }),
+    /* @__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" }),
@@ -5256,6 +5724,7 @@ 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 },
@@ -5336,22 +5805,24 @@ function LeadGenListDetailPage({ listId }) {
         /* @__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" }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-              "Target: ",
-              list.config.qualification.targetDescription
-            ] }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-              "Minimum reviews: ",
-              list.config.qualification.minReviewCount
-            ] }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-              "Minimum rating: ",
-              list.config.qualification.minRating
-            ] }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-              "Exclude franchises: ",
-              list.config.qualification.excludeFranchises ? "Yes" : "No"
-            ] })
+            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" }),
@@ -5458,31 +5929,386 @@ function LeadGenListDetailPage({ listId }) {
     )
   ] }) });
 }
+var PAGE_SIZE_DEFAULT3 = 20;
 function LeadGenCompaniesPage() {
-  return /* @__PURE__ */ jsx(
-    LeadGenRouteShell,
-    {
-      title: "Companies",
-      caption: "Shared lead-gen navigation shell",
-      body: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text, { fw: 500, children: "Company records and enrichment workflows stay app-owned here." }),
-        /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "The shared Lead Gen package keeps this route reachable so the navigation stays aligned across the template and derived workspaces without pretending to own the data-heavy company table." })
-      ] })
-    }
+  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 sortAccessors2 = 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, sortAccessors2),
+    [companies, sort, sortAccessors2]
+  );
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT3, [companySearch, segmentFilter, categoryFilter, statusFilter], sortedCompanies.length);
+  const paginatedCompanies = useMemo(
+    () => sortedCompanies.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT3),
+    [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_DEFAULT3 ? /* @__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_DEFAULT4 = 20;
 function LeadGenContactsPage() {
-  return /* @__PURE__ */ jsx(
-    LeadGenRouteShell,
-    {
-      title: "Contacts",
-      caption: "Shared lead-gen navigation shell",
-      body: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text, { fw: 500, children: "Contact management stays app-owned here." }),
-        /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "The shared package preserves the route and sibling links so every workspace keeps the same lead-gen surface, even when the detailed contact experience remains local." })
-      ] })
-    }
+  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 sortAccessors2 = 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, sortAccessors2),
+    [contacts, sort, sortAccessors2]
+  );
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT4, [contactSearch, statusFilter, listFilter], sortedContacts.length);
+  const paginatedContacts = useMemo(
+    () => sortedContacts.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT4),
+    [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: getStatusColor3(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_DEFAULT4 ? /* @__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" })
+      ] })
+    ] }) })
+  ] }) });
 }
 var SEOSidebarTop = () => {
   return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconSearch, label: "SEO" });
@@ -5940,6 +6766,10 @@ function ProjectsListPage({ onProjectClick } = {}) {
             /* @__PURE__ */ jsx(SortableHeader, { column: "updated", sort, onToggle: toggleSort, children: "Updated" })
           ] }) }),
           /* @__PURE__ */ jsx(Table.Tbody, { children: paginatedProjects.map((project) => {
+            const completedMilestones = project.completedMilestones ?? 0;
+            const milestoneCount = project.milestoneCount ?? 0;
+            const completedTasks = project.completedTasks ?? 0;
+            const taskCount = project.taskCount ?? 0;
             const rowProps = onProjectClick ? {
               style: { cursor: "pointer" },
               onClick: () => onProjectClick(project.id)
@@ -5955,14 +6785,14 @@ function ProjectsListPage({ onProjectClick } = {}) {
               /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: project.name }) }),
               /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: projectStatusColors[project.status || ""] || "gray", size: "sm", children: formatStatusLabel(project.status || "unknown") }) }),
               /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-                project.completedMilestones ?? 0,
+                completedMilestones,
                 "/",
-                project.milestoneCount
+                milestoneCount
               ] }) }),
               /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-                project.completedTasks ?? 0,
+                completedTasks,
                 "/",
-                project.taskCount
+                taskCount
               ] }) }),
               /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatTimeAgo(project.updated_at) }) })
             ] }, project.id);