@elevasis/ui 2.1.0 → 2.2.0

package/dist/components/index.js

@@ -1,25 +1,25 @@
 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-MXVA7U2I.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-7IE3KXKV.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-7IE3KXKV.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-BIZNOFO4.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 { 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';
@@ -48,7 +48,7 @@ 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 { 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, IconQuestionMark, IconSparkles, IconClockHour4, IconTrendingUp, IconHeartbeat, IconFlag, IconInbox, IconLock, IconChevronRight, IconDownload, IconMessageCircle, IconBell, IconNotes, IconFolderOpen, IconFolder, IconCheckbox, IconMail, IconPhone, IconArrowRight, 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';
@@ -4546,8 +4546,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 +4569,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,16 +4902,39 @@ function useDeleteLists() {
   });
 }
 var EM_DASH = "\u2014";
+function computeCompletionPercentage(populated, personalized) {
+  if (populated === 0) return EM_DASH;
+  return `${Math.round(personalized / populated * 100)}%`;
+}
 function LeadGenOverviewPage() {
   const { data, isLoading, isError, error } = useListsTelemetry();
   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 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)}%`;
+    return computeCompletionPercentage(stageTotals.populated, stageTotals.personalized);
   })();
+  const stageTiles = [
+    { label: "Populated", value: stageTotals.populated },
+    { label: "Extracted", value: stageTotals.extracted },
+    { label: "Qualified", value: stageTotals.qualified },
+    { label: "Discovered", value: stageTotals.discovered },
+    { label: "Verified", value: stageTotals.verified },
+    { label: "Personalized", value: stageTotals.personalized },
+    { label: "Uploaded", value: stageTotals.uploaded }
+  ];
   return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(
       PageTitleCaption,
@@ -4803,7 +4956,40 @@ function LeadGenOverviewPage() {
         /* @__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__ */ jsx(Title, { order: 3, children: "Pipeline Roll-Up" }),
+        /* @__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: "List Snapshot" }),
+        /* @__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: "Completion" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Status" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Tbody, { children: data.map((list) => {
+            const completion = computeCompletionPercentage(
+              list.stageCounts.populated,
+              list.stageCounts.personalized
+            );
+            const isActive = (list.activeWorkflows?.length ?? 0) > 0;
+            return /* @__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.totalCompanies }),
+              /* @__PURE__ */ jsx(Table.Td, { children: list.totalContacts }),
+              /* @__PURE__ */ jsx(Table.Td, { children: completion }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: isActive ? "light" : "outline", color: isActive ? "green" : "gray", children: isActive ? "Active Work" : "Idle" }) })
+            ] }, list.listId);
+          }) })
+        ] })
+      ] }) })
     ] })
   ] }) }) });
 }
@@ -4862,12 +5048,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 +5063,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 +5439,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 +5520,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 +5644,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 +6481,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 +6500,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);