@elevasis/ui 2.0.3 → 2.2.0

package/dist/components/index.js

@@ -1,24 +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';
-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 } from '../chunk-PRLXFMNP.js';
-import { usePaginationState, useDeploymentDocs, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useDealNotes, useCreateDealNote, useDeals, useSyncDealStage, dealKeys, useDealTasksDue, useCreateDealTask, useMarkAllAsRead, useNotifications, showErrorNotification, showSuccessNotification, showApiErrorNotification } 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';
@@ -46,12 +47,12 @@ 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, 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, IconBuilding, IconMailCheck, IconSearch, IconChartBar, IconTrendingUp, IconHeartbeat, IconFlag, IconFileText, 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, 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, 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';
-import { useQueryClient, useQuery } from '@tanstack/react-query';
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
 import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { useForm } from '@mantine/form';
 import { Link, RichTextEditor as RichTextEditor$1 } from '@mantine/tiptap';
@@ -60,6 +61,7 @@ import Placeholder from '@tiptap/extension-placeholder';
 import StarterKit from '@tiptap/starter-kit';
 import { Prism } from 'react-syntax-highlighter';
 import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import { useNavigate, Link as Link$1 } from '@tanstack/react-router';
 
 function SortableHeader({ column, children, sort, onToggle, style, w }) {
   const isActive = sort.column === column;
@@ -3019,7 +3021,7 @@ function MdxRenderer({ compiledSource }) {
   return /* @__PURE__ */ jsx(Content, { components: mdxComponents });
 }
 var Breadcrumbs = ({ navItems }) => {
-  const { Link: Link2 } = useRouterContext();
+  const { Link: Link4 } = useRouterContext();
   const breadcrumbs = useBreadcrumbs({ navItems });
   const items = breadcrumbs.map((item) => {
     const isActive = item.isActive;
@@ -3029,7 +3031,7 @@ var Breadcrumbs = ({ navItems }) => {
     return item.path ? /* @__PURE__ */ jsx(
       Anchor,
       {
-        component: Link2,
+        component: Link4,
         to: item.path,
         size: "sm",
         style: {
@@ -4072,6 +4074,410 @@ var crmManifest = {
     featureKey: "acquisition"
   }
 };
+
+// src/features/crm/pages/shared.ts
+var DEAL_STAGE_COLORS = {
+  interested: "blue",
+  proposal: "yellow",
+  closing: "orange",
+  closed_won: "green",
+  closed_lost: "red",
+  nurturing: "grape"
+};
+var DEAL_STAGE_OPTIONS = [
+  { value: "interested", label: "Interested" },
+  { value: "proposal", label: "Proposal" },
+  { value: "closing", label: "Closing" },
+  { value: "closed_won", label: "Closed Won" },
+  { value: "closed_lost", label: "Closed Lost" },
+  { value: "nurturing", label: "Nurturing" }
+];
+function formatDealStageLabel(stage) {
+  if (!stage) return "Unknown";
+  return stage.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+var sortAccessors = {
+  company: (deal) => deal.contact?.company?.name || deal.discovery_data?.company || deal.contact_email?.split("@")[1] || "",
+  contact: (deal) => [deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ") || "",
+  email: (deal) => deal.contact_email || "",
+  stage: (deal) => deal.cached_stage || "",
+  updated: (deal) => deal.updated_at || ""
+};
+function DealsListPage() {
+  const navigate = useNavigate();
+  const queryClient = useQueryClient();
+  const deleteDeal = useDeleteDeal();
+  const [stageFilter, setStageFilter] = useState(null);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const { data: deals, isLoading, error } = useDeals({
+    stage: stageFilter || void 0,
+    search: searchQuery || void 0
+  });
+  const { sort, toggleSort } = useTableSort("updated");
+  const sortedDeals = useMemo(() => sortData(deals ?? [], sort, sortAccessors), [deals, sort]);
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT, [stageFilter, searchQuery], sortedDeals.length);
+  const paginatedDeals = useMemo(
+    () => sortedDeals.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT),
+    [sortedDeals, pagination.offset]
+  );
+  const selection = useTableSelection(paginatedDeals, sortedDeals);
+  const handleDeleteSelected = async () => {
+    await Promise.all([...selection.selectedIds].map((dealId) => deleteDeal.mutateAsync(dealId)));
+    setShowBatchDelete(false);
+    selection.clear();
+    await queryClient.invalidateQueries({ queryKey: ["deals"] });
+  };
+  return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
+    /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "Deals", caption: "Deal pipeline and stage tracking" }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { children: [
+        /* @__PURE__ */ jsxs(
+          FilterBar,
+          {
+            actions: /* @__PURE__ */ jsx(
+              TableSelectionToolbar,
+              {
+                selectedCount: selection.selectedCount,
+                onDelete: () => setShowBatchDelete(true),
+                isDeleting: deleteDeal.isPending
+              }
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  placeholder: "All Stages",
+                  data: DEAL_STAGE_OPTIONS,
+                  style: { minWidth: 180 },
+                  size: "sm",
+                  clearable: true,
+                  value: stageFilter,
+                  onChange: (value) => setStageFilter(value ?? null)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TextInput,
+                {
+                  placeholder: "Search by email...",
+                  leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+                  style: { minWidth: 250 },
+                  size: "sm",
+                  value: searchQuery,
+                  onChange: (e) => setSearchQuery(e.currentTarget.value)
+                }
+              )
+            ]
+          }
+        ),
+        isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : error ? /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load deals" }) : !sortedDeals.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconTargetArrow, title: "No deals found" }) : /* @__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: "contact", sort, onToggle: toggleSort, children: "Contact" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "email", sort, onToggle: toggleSort, children: "Email" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "stage", sort, onToggle: toggleSort, children: "Stage" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "updated", sort, onToggle: toggleSort, children: "Updated" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Tbody, { children: paginatedDeals.map((deal) => {
+            const discoveryData = deal.discovery_data;
+            const companyName = deal.contact?.company?.name || discoveryData?.company || deal.contact_email?.split("@")[1] || "-";
+            const contactName = [deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ");
+            return /* @__PURE__ */ jsxs(
+              Table.Tr,
+              {
+                style: { cursor: "pointer" },
+                onClick: () => navigate({
+                  to: "/crm/deals/$dealId",
+                  params: { dealId: deal.id }
+                }),
+                children: [
+                  /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked: selection.isSelected(deal.id),
+                      onChange: () => selection.toggle(deal.id)
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: companyName }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", children: contactName || "-" }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: deal.contact_email || "-" }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: DEAL_STAGE_COLORS[deal.cached_stage || ""] || "gray", size: "sm", children: formatDealStageLabel(deal.cached_stage) }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatTimeAgo(deal.updated_at) }) })
+                ]
+              },
+              deal.id
+            );
+          }) })
+        ] }),
+        sortedDeals.length > PAGE_SIZE_DEFAULT && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+          Pagination,
+          {
+            value: pagination.page,
+            onChange: pagination.setPage,
+            total: pagination.totalPages(sortedDeals.length),
+            size: "sm"
+          }
+        ) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: showBatchDelete,
+        onClose: () => !deleteDeal.isPending && setShowBatchDelete(false),
+        size: "sm",
+        loading: deleteDeal.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconAlertTriangle, { size: 24, color: "var(--color-error)" }),
+            /* @__PURE__ */ jsxs(Title, { order: 4, children: [
+              "Delete ",
+              selection.selectedCount,
+              " Deals"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            "Are you sure you want to delete",
+            " ",
+            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: selection.selectedCount }),
+            " ",
+            "selected deals?"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This action cannot be undone." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: () => setShowBatchDelete(false), disabled: deleteDeal.isPending, children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { color: "red", loading: deleteDeal.isPending, onClick: () => void handleDeleteSelected(), children: "Delete" })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function DealDetailPage({ dealId, renderActions, onDealLoaded }) {
+  const navigate = useNavigate();
+  const deleteDeal = useDeleteDeal();
+  const { data: deal, isLoading, error } = useDealDetail(dealId);
+  const [deleteModalOpen, setDeleteModalOpen] = useState(false);
+  useEffect(() => {
+    if (deal) onDealLoaded?.(deal);
+  }, [deal, onDealLoaded]);
+  const title = deal ? `${[deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ") || "Unknown"} Deal` : "Deal Detail";
+  const contactName = useMemo(
+    () => deal ? [deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ") : "",
+    [deal]
+  );
+  const companyName = useMemo(() => {
+    if (!deal) return null;
+    return deal.contact?.company?.name || deal.discovery_data?.company || deal.contact_email?.split("@")[1] || "Unknown";
+  }, [deal]);
+  const headerActions = deal ? /* @__PURE__ */ jsxs(Group, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "light",
+        size: "sm",
+        leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+        onClick: () => navigate({ to: "/crm/deals" }),
+        children: "Deals"
+      }
+    ),
+    deal.proposal_pdf_url && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "light",
+        leftSection: /* @__PURE__ */ jsx(IconFileText, { size: 16 }),
+        onClick: () => window.open(deal.proposal_pdf_url, "_blank"),
+        children: "View Proposal"
+      }
+    ),
+    renderActions?.(deal),
+    /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", color: "red", onClick: () => setDeleteModalOpen(true), children: /* @__PURE__ */ jsx(IconTrash, { size: 16 }) })
+  ] }) : /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: () => navigate({ to: "/crm/deals" }), children: "Deals" });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Loading deal details...", rightSection: headerActions }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
+    ] }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Unable to load deal details", rightSection: headerActions }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load deal" }) })
+    ] }) });
+  }
+  if (!deal) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Deal not found", rightSection: headerActions }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(EmptyState, { icon: IconTrash, title: "Deal not found", description: "The selected deal no longer exists." }) })
+    ] }) });
+  }
+  const activityLog = deal.activity_log || [];
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title,
+        caption: `${companyName || "Unknown"} - ${formatDealStageLabel(deal.cached_stage)}`,
+        rightSection: headerActions
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "details", children: [
+      /* @__PURE__ */ jsxs(Tabs.List, { children: [
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "details", children: "Details" }),
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "discovery", children: "Discovery Data" }),
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "activity", children: "Activity" })
+      ] }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "details", pt: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, children: "Deal" }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Stage:" }),
+            /* @__PURE__ */ jsx(Badge, { color: DEAL_STAGE_COLORS[deal.cached_stage || ""] || "gray", children: formatDealStageLabel(deal.cached_stage) })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Sent:" }),
+            /* @__PURE__ */ jsx(Text, { children: deal.proposal_sent_at ? new Date(deal.proposal_sent_at).toLocaleString() : "N/A" })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Envelope ID:" }),
+            /* @__PURE__ */ jsx(Text, { children: deal.signature_envelope_id || "N/A" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, children: "Contact" }),
+          /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Name:" }),
+              /* @__PURE__ */ jsx(Text, { children: contactName || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Email:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.email || deal.contact_email || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Title:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.title || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Pipeline Status:" }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", children: deal.contact?.pipeline_status ? Object.entries(deal.contact.pipeline_status).map(([key, val]) => {
+                const status = val?.status;
+                return status ? `${key}: ${status}` : null;
+              }).filter(Boolean).join(", ") || "N/A" : "N/A" })
+            ] }),
+            deal.contact?.headline && /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Headline:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact.headline })
+            ] }),
+            deal.contact?.linkedin_url && /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "LinkedIn:" }),
+              /* @__PURE__ */ jsx(Text, { component: "a", href: deal.contact.linkedin_url, target: "_blank", c: "blue", children: "View Profile" })
+            ] })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, children: "Company" }),
+          /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Name:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.name || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Domain:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.domain || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Segment:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.segment || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Category:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.category || "N/A" })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Employees:" }),
+              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.num_employees || "N/A" })
+            ] }),
+            deal.contact?.company?.website && /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Website:" }),
+              /* @__PURE__ */ jsx(Text, { component: "a", href: deal.contact.company.website, target: "_blank", c: "blue", children: deal.contact.company.website })
+            ] })
+          ] })
+        ] }) }),
+        ["proposal_signed", "payment_sent", "closed_won"].includes(deal.cached_stage || "") && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, children: "Payment" }),
+          /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Initial Fee:" }),
+              /* @__PURE__ */ jsxs(Text, { children: [
+                "$",
+                deal.initial_fee?.toLocaleString() || "Not set"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Monthly Fee:" }),
+              /* @__PURE__ */ jsxs(Text, { children: [
+                "$",
+                deal.monthly_fee?.toLocaleString() || "Not set",
+                "/mo"
+              ] })
+            ] })
+          ] }),
+          deal.stripe_payment_link && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Payment Link:" }),
+            /* @__PURE__ */ jsx(Text, { component: "a", href: deal.stripe_payment_link, target: "_blank", c: "blue", children: deal.stripe_payment_link })
+          ] })
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "discovery", pt: "md", children: /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Code, { block: true, children: JSON.stringify(deal.discovery_data, null, 2) }) }) }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "activity", pt: "md", children: /* @__PURE__ */ jsx(ActivityTimeline, { activities: activityLog }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(CustomModal, { opened: deleteModalOpen, onClose: () => setDeleteModalOpen(false), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Delete deal" }),
+        /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: () => setDeleteModalOpen(false), children: /* @__PURE__ */ jsx(IconX, { size: 18 }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+        "Are you sure you want to delete the deal for ",
+        /* @__PURE__ */ jsx("strong", { children: contactName || deal.contact_email }),
+        "? This will cancel any active schedules and pending tasks for this contact."
+      ] }),
+      (deal.signature_envelope_id || deal.stripe_payment_link) && /* @__PURE__ */ jsxs(Alert, { color: "yellow", variant: "light", children: [
+        "This deal has ",
+        deal.signature_envelope_id ? "a signed contract" : "",
+        deal.signature_envelope_id && deal.stripe_payment_link ? " and " : "",
+        deal.stripe_payment_link ? "an active payment link" : "",
+        " that will not be automatically cleaned up."
+      ] }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setDeleteModalOpen(false), disabled: deleteDeal.isPending, children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            color: "red",
+            loading: deleteDeal.isPending,
+            onClick: () => deleteDeal.mutate(deal.id, {
+              onSuccess: () => {
+                setDeleteModalOpen(false);
+                void navigate({ to: "/crm/deals" });
+              }
+            }),
+            children: "Delete deal"
+          }
+        )
+      ] })
+    ] }) })
+  ] }) });
+}
 var LeadGenSidebarTop = () => {
   return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconTarget, label: "Lead Gen" });
 };
@@ -4089,33 +4495,1536 @@ var LeadGenSidebarMiddle = () => {
     return /* @__PURE__ */ jsx(
       SubshellNavItem,
       {
-        icon: item.icon,
-        label: item.label,
-        isActive,
-        onClick: () => navigate(item.to)
-      },
-      item.to
-    );
-  }) }) });
-};
-var LeadGenSidebar = () => {
-  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ jsx(LeadGenSidebarTop, {}),
-    /* @__PURE__ */ jsx(LeadGenSidebarMiddle, {})
-  ] });
-};
-var leadGenManifest = {
-  key: "lead-gen",
-  label: "Lead Gen",
-  sidebar: LeadGenSidebar,
-  subshellRoutes: ["/lead-gen"],
-  navEntry: {
-    label: "Lead Gen",
-    icon: IconTarget,
-    link: "/lead-gen",
-    featureKey: "acquisition"
+        icon: item.icon,
+        label: item.label,
+        isActive,
+        onClick: () => navigate(item.to)
+      },
+      item.to
+    );
+  }) }) });
+};
+var LeadGenSidebar = () => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(LeadGenSidebarTop, {}),
+    /* @__PURE__ */ jsx(LeadGenSidebarMiddle, {})
+  ] });
+};
+var leadGenManifest = {
+  key: "lead-gen",
+  label: "Lead Gen",
+  sidebar: LeadGenSidebar,
+  subshellRoutes: ["/lead-gen"],
+  navEntry: {
+    label: "Lead Gen",
+    icon: IconTarget,
+    link: "/lead-gen",
+    featureKey: "acquisition"
+  }
+};
+var LEAD_GEN_ROUTE_LINKS = [
+  { label: "Overview", to: "/lead-gen" },
+  { label: "Lists", to: "/lead-gen/lists" },
+  { label: "Companies", to: "/lead-gen/companies" },
+  { label: "Contacts", to: "/lead-gen/contacts" },
+  { label: "Deliverability", to: "/lead-gen/deliverability" }
+];
+function LeadGenRouteShell({
+  title,
+  caption,
+  body,
+  links = LEAD_GEN_ROUTE_LINKS
+}) {
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(PageTitleCaption, { title, caption }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "lg", children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      body,
+      /* @__PURE__ */ jsx(Text, { children: links.map((link, index) => /* @__PURE__ */ jsxs("span", { children: [
+        index > 0 ? " | " : null,
+        /* @__PURE__ */ jsx(Anchor, { component: Link$1, to: link.to, children: link.label })
+      ] }, link.to)) })
+    ] }) })
+  ] }) }) });
+}
+function formatDate2(dateValue) {
+  const date = typeof dateValue === "string" ? new Date(dateValue) : dateValue;
+  return date.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+function getStatusColor3(status) {
+  return status === "active" ? "green" : status === "invalid" ? "red" : "gray";
+}
+function getEnrichmentColor(status) {
+  switch (status) {
+    case "complete":
+      return "green";
+    case "pending":
+      return "yellow";
+    case "failed":
+      return "red";
+    default:
+      return "gray";
+  }
+}
+function getEnrichmentStatus(enrichmentData) {
+  if (!enrichmentData || typeof enrichmentData !== "object") return "pending";
+  const website = enrichmentData.website;
+  const linkedin = enrichmentData.linkedin;
+  if (website === "complete" && linkedin === "complete") return "complete";
+  if (website === "failed" || linkedin === "failed") return "failed";
+  return "pending";
+}
+function formatName(parts, fallback) {
+  const name = parts.filter(Boolean).join(" ").trim();
+  return name || fallback;
+}
+function CompanyDetailModal({ company, onClose }) {
+  return /* @__PURE__ */ jsx(CustomModal, { opened: !!company, onClose, size: "xl", children: company ? /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: company.name }),
+        company.domain ? /* @__PURE__ */ jsxs(Anchor, { href: `https://${company.domain}`, target: "_blank", size: "sm", c: "dimmed", children: [
+          company.domain,
+          " ",
+          /* @__PURE__ */ jsx(IconExternalLink, { size: 12, style: { verticalAlign: "middle" } })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: onClose, children: /* @__PURE__ */ jsx(IconX, { size: 18 }) })
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Firmographics" }),
+      /* @__PURE__ */ jsxs(SimpleGrid, { cols: 3, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Segment" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.segment || "-" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Category" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.category || "-" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Employees" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.numEmployees || "-" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Founded" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.foundedYear || "-" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Location" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: [company.locationCity, company.locationState].filter(Boolean).join(", ") || "-" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Contacts" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.contactCount })
+        ] })
+      ] })
+    ] }),
+    company.enrichmentData ? /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Enrichment Data" }),
+      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { whiteSpace: "pre-wrap" }, children: JSON.stringify(company.enrichmentData, null, 2) })
+    ] }) : null,
+    /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+      company.linkedinUrl ? /* @__PURE__ */ jsxs(Anchor, { href: company.linkedinUrl, target: "_blank", size: "sm", children: [
+        "LinkedIn ",
+        /* @__PURE__ */ jsx(IconExternalLink, { size: 12 })
+      ] }) : null,
+      company.website ? /* @__PURE__ */ jsxs(Anchor, { href: company.website, target: "_blank", size: "sm", children: [
+        "Website ",
+        /* @__PURE__ */ jsx(IconExternalLink, { size: 12 })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+      "Created: ",
+      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",
+    label: "Blank",
+    description: "Create an empty draft list with qualification defaults and no pipeline steps."
+  },
+  {
+    value: "full_pipeline",
+    label: "Full 6-Stage",
+    description: "Create a complete lead-gen pipeline from scrape through personalization."
+  },
+  {
+    value: "personalize_only",
+    label: "Personalize Only",
+    description: "Start with personalization and upload-focused steps for already-prepared contacts."
+  },
+  {
+    value: "email_refresh",
+    label: "Email Refresh",
+    description: "Run discovery, verification, and personalization for an existing company set."
+  }
+];
+function buildListConfig(template, targetDescription) {
+  const qualification = {
+    targetDescription,
+    minReviewCount: 5,
+    minRating: 4,
+    excludeFranchises: true,
+    customRules: ""
+  };
+  const personalization = {
+    industryContext: targetDescription,
+    emailBody: "",
+    creativeDirection: "",
+    exclusionRules: []
+  };
+  switch (template) {
+    case "full_pipeline":
+      return {
+        qualification,
+        enrichment: {
+          emailDiscovery: { primary: "tomba" },
+          emailVerification: { provider: "millionverifier", threshold: "ok" }
+        },
+        personalization,
+        pipeline: {
+          steps: [
+            {
+              key: "scrape",
+              label: "Scrape Companies",
+              resourceId: "lgn-01a-google-maps-scrape-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 1
+            },
+            {
+              key: "acquire",
+              label: "Import Companies",
+              resourceId: "lgn-01b-apify-acquire-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 2
+            },
+            {
+              key: "extract",
+              label: "Extract Website Data",
+              resourceId: "lgn-02-website-extract-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 3
+            },
+            {
+              key: "qualify",
+              label: "Qualify Companies",
+              resourceId: "lgn-03-company-qualification-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 4
+            },
+            {
+              key: "discover",
+              label: "Discover Emails",
+              resourceId: "lgn-04-email-discovery-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 5
+            },
+            {
+              key: "verify",
+              label: "Verify Emails",
+              resourceId: "lgn-05-email-verification-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 6
+            },
+            {
+              key: "personalize",
+              label: "Personalize Outreach",
+              resourceId: "ist-personalization-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 7
+            }
+          ]
+        }
+      };
+    case "personalize_only":
+      return {
+        qualification,
+        personalization,
+        pipeline: {
+          steps: [
+            {
+              key: "personalize",
+              label: "Personalize Outreach",
+              resourceId: "ist-personalization-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 1
+            },
+            {
+              key: "upload",
+              label: "Upload Contacts",
+              resourceId: "ist-upload-contacts-workflow",
+              inputTemplate: { requireOpeningLine: true },
+              enabled: true,
+              order: 2
+            }
+          ]
+        }
+      };
+    case "email_refresh":
+      return {
+        qualification,
+        enrichment: {
+          emailDiscovery: { primary: "tomba" },
+          emailVerification: { provider: "millionverifier", threshold: "ok" }
+        },
+        personalization,
+        pipeline: {
+          steps: [
+            {
+              key: "discover",
+              label: "Discover Emails",
+              resourceId: "lgn-04-email-discovery-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 1
+            },
+            {
+              key: "verify",
+              label: "Verify Emails",
+              resourceId: "lgn-05-email-verification-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 2
+            },
+            {
+              key: "personalize",
+              label: "Personalize Outreach",
+              resourceId: "ist-personalization-workflow",
+              inputTemplate: {},
+              enabled: true,
+              order: 3
+            }
+          ]
+        }
+      };
+    case "blank":
+    default:
+      return {
+        qualification,
+        pipeline: {
+          steps: []
+        }
+      };
+  }
+}
+function useDeleteLists() {
+  const { apiRequest, organizationId } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (listIds) => {
+      const uniqueIds = [...new Set(listIds)].filter(Boolean);
+      if (uniqueIds.length === 0) return;
+      await Promise.all(
+        uniqueIds.map(
+          (listId) => apiRequest(`/acquisition/lists/${listId}`, {
+            method: "DELETE"
+          })
+        )
+      );
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: acquisitionListKeys.list(organizationId) });
+      queryClient.invalidateQueries({ queryKey: acquisitionListKeys.telemetry(organizationId) });
+      showSuccessNotification("Lists deleted");
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+var EM_DASH = "\u2014";
+function 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;
+    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,
+      {
+        title: "Lead Gen Overview",
+        caption: "Pipeline health, list roll-up, and active work at a glance"
+      }
+    ),
+    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" })
+      ] }),
+      /* @__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__ */ 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);
+          }) })
+        ] })
+      ] }) })
+    ] })
+  ] }) }) });
+}
+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) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: "Deliverability",
+          caption: "Email validity breakdown and bounce health across lists"
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
+    ] }) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: "Deliverability",
+          caption: "Email validity breakdown and bounce health across lists"
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load deliverability data" }) })
+    ] }) }) });
+  }
+  if (data?.length === 0) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: "Deliverability",
+          caption: "Email validity breakdown and bounce health across lists"
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { h: 300, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconMailCheck, { size: 16 }), color: "gray", variant: "light", children: "No lists yet. Deliverability will populate once contacts are validated." }) }) })
+    ] }) }) });
+  }
+  const lists = data ?? [];
+  const totals = lists.reduce(
+    (acc, list) => ({
+      valid: acc.valid + list.deliverability.valid,
+      risky: acc.risky + list.deliverability.risky,
+      invalid: acc.invalid + list.deliverability.invalid,
+      unknown: acc.unknown + list.deliverability.unknown,
+      bounced: acc.bounced + list.deliverability.bounced
+    }),
+    { valid: 0, risky: 0, invalid: 0, unknown: 0, bounced: 0 }
+  );
+  const summaryTiles = [
+    { label: "Valid", value: totals.valid, icon: IconMailCheck },
+    { label: "Risky", value: totals.risky, icon: IconAlertCircle },
+    { label: "Invalid", value: totals.invalid, icon: IconX },
+    { label: "Unknown", value: totals.unknown, icon: IconQuestionMark },
+    { label: "Bounced", value: totals.bounced, icon: IconAlertCircle },
+    { label: "Bounce Rate", value: computeBounceRate(totals), icon: IconChecklist }
+  ];
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "Deliverability",
+        caption: "Email validity breakdown and bounce health across lists"
+      }
+    ),
+    /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, sm: 3, lg: 6 }, children: summaryTiles.map((tile) => /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: tile.icon, value: tile.value, label: tile.label }, tile.label)) }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsx(Table.Th, { children: "List ID" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Valid" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Risky" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Invalid" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Unknown" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Bounced" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Bounce Rate" })
+      ] }) }),
+      /* @__PURE__ */ jsx(Table.Tbody, { children: lists.map((list) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: list.listId }) }),
+        /* @__PURE__ */ jsx(Table.Td, { children: list.deliverability.valid }),
+        /* @__PURE__ */ jsx(Table.Td, { children: list.deliverability.risky }),
+        /* @__PURE__ */ jsx(Table.Td, { children: list.deliverability.invalid }),
+        /* @__PURE__ */ jsx(Table.Td, { children: list.deliverability.unknown }),
+        /* @__PURE__ */ jsx(Table.Td, { children: list.deliverability.bounced }),
+        /* @__PURE__ */ jsx(Table.Td, { children: computeBounceRate(list.deliverability) })
+      ] }, list.listId)) })
+    ] }) })
+  ] }) }) });
+}
+var PAGE_SIZE_DEFAULT2 = 20;
+function LeadGenListsPage() {
+  const navigate = useNavigate();
+  const [searchQuery, setSearchQuery] = useState("");
+  const [showCreateList, setShowCreateList] = useState(false);
+  const [newListName, setNewListName] = useState("");
+  const [newListDescription, setNewListDescription] = useState("");
+  const [selectedTemplate, setSelectedTemplate] = useState("full_pipeline");
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const { data: lists, isLoading: listsLoading } = useLists();
+  const { data: telemetry, isLoading: telemetryLoading } = useListsTelemetry();
+  const createListMutation = useCreateList();
+  const deleteListsMutation = useDeleteLists();
+  const { sort, toggleSort } = useTableSort("created");
+  const contactCountByListId = useMemo(
+    () => new Map((telemetry ?? []).map((item) => [item.listId, item.totalContacts])),
+    [telemetry]
+  );
+  const sortAccessors2 = useMemo(
+    () => ({
+      name: (list) => list.name,
+      description: (list) => list.description || "",
+      contacts: (list) => contactCountByListId.get(list.id) ?? 0,
+      created: (list) => list.createdAt
+    }),
+    [contactCountByListId]
+  );
+  const filteredLists = useMemo(() => {
+    if (!lists) return [];
+    if (!searchQuery.trim()) return lists;
+    const query = searchQuery.toLowerCase();
+    return lists.filter((list) => list.name.toLowerCase().includes(query));
+  }, [lists, searchQuery]);
+  const sortedLists = useMemo(() => sortData(filteredLists, sort, sortAccessors2), [filteredLists, sort, sortAccessors2]);
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT2, [searchQuery], sortedLists.length);
+  const paginatedLists = useMemo(
+    () => sortedLists.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT2),
+    [sortedLists, pagination.offset]
+  );
+  const selection = useTableSelection(paginatedLists, sortedLists);
+  const selectedTemplateMeta = LIST_TEMPLATE_OPTIONS.find((option) => option.value === selectedTemplate);
+  function resetCreateListModal() {
+    setNewListName("");
+    setNewListDescription("");
+    setSelectedTemplate("full_pipeline");
+    setShowCreateList(false);
+  }
+  function handleCreateList() {
+    const trimmedName = newListName.trim();
+    if (!trimmedName) return;
+    const body = {
+      name: trimmedName,
+      description: newListDescription.trim() || null,
+      type: selectedTemplate,
+      config: buildListConfig(selectedTemplate, trimmedName)
+    };
+    createListMutation.mutate(body, {
+      onSuccess: (list) => {
+        resetCreateListModal();
+        navigate({ to: "/lead-gen/lists/$listId", params: { listId: list.id } });
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "Lists",
+        caption: "Lead lists and contact organization",
+        rightSection: /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }), onClick: () => setShowCreateList(true), children: "New List" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        FilterBar,
+        {
+          actions: /* @__PURE__ */ jsx(
+            TableSelectionToolbar,
+            {
+              selectedCount: selection.selectedCount,
+              onDelete: () => setShowBatchDelete(true),
+              isDeleting: deleteListsMutation.isPending
+            }
+          ),
+          children: /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              placeholder: "Search by name...",
+              leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.currentTarget.value)
+            }
+          )
+        }
+      ),
+      listsLoading || telemetryLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : !filteredLists.length ? /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconList,
+          title: searchQuery.trim() ? "No lists match your search" : "No lists yet",
+          description: searchQuery.trim() ? void 0 : "Create one to get started.",
+          action: searchQuery.trim() ? void 0 : {
+            label: "Create List",
+            onClick: () => setShowCreateList(true),
+            icon: /* @__PURE__ */ jsx(IconPlus, { size: 16 })
+          }
+        }
+      ) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { w: 40, children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: selection.isPageAllSelected,
+              indeterminate: selection.isPagePartiallySelected,
+              onChange: selection.togglePage
+            }
+          ) }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "name", sort, onToggle: toggleSort, children: "Name" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "description", sort, onToggle: toggleSort, children: "Description" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "contacts", sort, onToggle: toggleSort, children: "Contacts" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "created", sort, onToggle: toggleSort, children: "Created" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: paginatedLists.map((list) => /* @__PURE__ */ jsxs(
+          Table.Tr,
+          {
+            style: { cursor: "pointer" },
+            onClick: () => navigate({ to: "/lead-gen/lists/$listId", params: { listId: list.id } }),
+            children: [
+              /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(Checkbox, { checked: selection.isSelected(list.id), onChange: () => selection.toggle(list.id) }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: list.name }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: list.description || "-" }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: contactCountByListId.get(list.id) ?? 0 }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDate2(list.createdAt) }) })
+            ]
+          },
+          list.id
+        )) })
+      ] }),
+      sortedLists.length > PAGE_SIZE_DEFAULT2 && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          value: pagination.page,
+          onChange: pagination.setPage,
+          total: pagination.totalPages(sortedLists.length),
+          size: "sm"
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: showCreateList,
+        onClose: () => !createListMutation.isPending && resetCreateListModal(),
+        size: "md",
+        loading: createListMutation.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconSparkles, { size: 24 }),
+            /* @__PURE__ */ jsx(Title, { order: 4, children: "Create List" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              label: "List Name",
+              placeholder: "e.g. Orange County Vets Q2",
+              value: newListName,
+              onChange: (event) => setNewListName(event.currentTarget.value),
+              disabled: createListMutation.isPending,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              label: "Description",
+              placeholder: "Optional context for this list",
+              value: newListDescription,
+              onChange: (event) => setNewListDescription(event.currentTarget.value),
+              disabled: createListMutation.isPending,
+              minRows: 3
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              label: "Pipeline Template",
+              data: LIST_TEMPLATE_OPTIONS.map((option) => ({
+                value: option.value,
+                label: option.label
+              })),
+              value: selectedTemplate,
+              onChange: (value) => setSelectedTemplate(value ?? "full_pipeline"),
+              disabled: createListMutation.isPending,
+              allowDeselect: false
+            }
+          ),
+          selectedTemplateMeta ? /* @__PURE__ */ jsx(Alert, { variant: "light", color: "blue", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: selectedTemplateMeta.description }) }) : null,
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "The list will open in draft mode after creation so you can review configuration, edit pipeline steps, and run workflows from the detail page." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: resetCreateListModal, disabled: createListMutation.isPending, children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { onClick: handleCreateList, loading: createListMutation.isPending, disabled: !newListName.trim(), children: "Create List" })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: showBatchDelete,
+        onClose: () => !deleteListsMutation.isPending && setShowBatchDelete(false),
+        size: "sm",
+        loading: deleteListsMutation.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconAlertTriangle, { size: 24, color: "var(--color-error)" }),
+            /* @__PURE__ */ jsxs(Title, { order: 4, children: [
+              "Delete ",
+              selection.selectedCount,
+              " Lists"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            "Are you sure you want to delete",
+            " ",
+            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: selection.selectedCount }),
+            " ",
+            "selected lists?"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This action cannot be undone." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "light",
+                onClick: () => setShowBatchDelete(false),
+                disabled: deleteListsMutation.isPending,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: "red",
+                loading: deleteListsMutation.isPending,
+                onClick: () => {
+                  deleteListsMutation.mutate([...selection.selectedIds], {
+                    onSuccess: () => {
+                      setShowBatchDelete(false);
+                      selection.clear();
+                    }
+                  });
+                },
+                children: "Delete"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] }) });
+}
+function formatDateTime2(value) {
+  if (!value) return "Not yet";
+  return new Date(value).toLocaleString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function LeadGenListDetailPage({ listId }) {
+  const navigate = useNavigate();
+  const [selectedStepKey, setSelectedStepKey] = useState(null);
+  const listQuery = useList(listId);
+  const progressQuery = useListProgress(listId);
+  const executionsQuery = useListExecutions(listId);
+  const selectedStep = useMemo(
+    () => listQuery.data?.config.pipeline?.steps?.slice().sort((a, b) => a.order - b.order).find((step) => step.key === selectedStepKey) ?? null,
+    [listQuery.data?.config.pipeline?.steps, selectedStepKey]
+  );
+  const resourceDefinitionQuery = useResourceDefinition(selectedStep?.resourceId ?? "", !!selectedStep?.resourceId);
+  const isLoading = listQuery.isLoading || progressQuery.isLoading || executionsQuery.isLoading;
+  const error = listQuery.error ?? progressQuery.error ?? executionsQuery.error;
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: "List Detail",
+          caption: "Configuration, progress, and execution history for a single lead-gen list",
+          rightSection: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "light",
+              size: "sm",
+              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+              onClick: () => navigate({ to: "/lead-gen/lists" }),
+              children: "Lists"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
+    ] }) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: "List Detail",
+          caption: "Configuration, progress, and execution history for a single lead-gen list",
+          rightSection: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "light",
+              size: "sm",
+              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+              onClick: () => navigate({ to: "/lead-gen/lists" }),
+              children: "Lists"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load list detail" }) })
+    ] }) }) });
+  }
+  if (!listQuery.data || !progressQuery.data) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: "List Not Found",
+          caption: "The requested lead-gen list is unavailable.",
+          rightSection: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "light",
+              size: "sm",
+              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+              onClick: () => navigate({ to: "/lead-gen/lists" }),
+              children: "Lists"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { h: 240, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "The requested list could not be found." }) }) })
+    ] }) }) });
+  }
+  const list = listQuery.data;
+  const progress = progressQuery.data;
+  const executions = executionsQuery.data ?? [];
+  const qualification = list.config.qualification;
+  const pipelineSteps = list.config.pipeline?.steps?.slice().sort((a, b) => a.order - b.order) ?? [];
+  const stageTiles = [
+    { label: "Populated", value: progress.stageCounts.populated },
+    { label: "Extracted", value: progress.stageCounts.extracted },
+    { label: "Qualified", value: progress.stageCounts.qualified },
+    { label: "Discovered", value: progress.stageCounts.discovered },
+    { label: "Verified", value: progress.stageCounts.verified },
+    { label: "Personalized", value: progress.stageCounts.personalized },
+    { label: "Uploaded", value: progress.stageCounts.uploaded }
+  ];
+  const deliverabilityTiles = [
+    { label: "Valid", value: progress.deliverability.valid },
+    { label: "Risky", value: progress.deliverability.risky },
+    { label: "Invalid", value: progress.deliverability.invalid },
+    { label: "Unknown", value: progress.deliverability.unknown },
+    { label: "Bounced", value: progress.deliverability.bounced }
+  ];
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: list.name,
+          caption: list.description ?? "Configuration, progress, and execution history for this list",
+          rightSection: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "light",
+              size: "sm",
+              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+              onClick: () => navigate({ to: "/lead-gen/lists" }),
+              children: "Lists"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor3(list.status), children: list.status }),
+        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+          "Created ",
+          formatDateTime2(list.createdAt)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2, lg: 4 }, children: [
+        /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Companies" }),
+          /* @__PURE__ */ jsx(Title, { order: 3, children: progress.totalCompanies })
+        ] }),
+        /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Contacts" }),
+          /* @__PURE__ */ jsx(Title, { order: 3, children: progress.totalContacts })
+        ] }),
+        /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Pipeline Steps" }),
+          /* @__PURE__ */ jsx(Title, { order: 3, children: pipelineSteps.length })
+        ] }),
+        /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Executions" }),
+          /* @__PURE__ */ jsx(Title, { order: 3, children: executions.length })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: "Pipeline Progress" }),
+        /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, sm: 3, lg: 7 }, children: stageTiles.map((tile) => /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "sm", children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: tile.label }),
+          /* @__PURE__ */ jsx(Title, { order: 4, children: tile.value })
+        ] }, tile.label)) })
+      ] }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: "Deliverability" }),
+        /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, sm: 3, lg: 5 }, children: deliverabilityTiles.map((tile) => /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "sm", children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: tile.label }),
+          /* @__PURE__ */ jsx(Title, { order: 4, children: tile.value })
+        ] }, tile.label)) })
+      ] }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: "Configuration" }),
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, lg: 2 }, children: [
+          /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "Qualification" }),
+            qualification ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+                "Target: ",
+                qualification.targetDescription
+              ] }),
+              /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+                "Minimum reviews: ",
+                qualification.minReviewCount
+              ] }),
+              /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+                "Minimum rating: ",
+                qualification.minRating
+              ] }),
+              /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+                "Exclude franchises: ",
+                qualification.excludeFranchises ? "Yes" : "No"
+              ] })
+            ] }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Qualification settings are not configured for this list." })
+          ] }) }),
+          /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "Enrichment + Personalization" }),
+            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+              "Discovery provider: ",
+              list.config.enrichment?.emailDiscovery?.primary ?? "Inherited default"
+            ] }),
+            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+              "Verification provider: ",
+              list.config.enrichment?.emailVerification?.provider ?? "Inherited default"
+            ] }),
+            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+              "Industry context: ",
+              list.config.personalization?.industryContext ?? "Inherited default"
+            ] }),
+            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+              "Creative direction: ",
+              list.config.personalization?.creativeDirection ?? "Inherited default"
+            ] })
+          ] }) })
+        ] }),
+        list.config.personalization?.emailBody ? /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, mb: "xs", children: "Email Body Template" }),
+          /* @__PURE__ */ jsx(Code, { block: true, children: list.config.personalization.emailBody })
+        ] }) : null
+      ] }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: "Pipeline Steps" }),
+        !pipelineSteps.length ? /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "This list does not have any configured pipeline steps yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Th, { children: "Order" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Step" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Resource" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Action" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Tbody, { children: pipelineSteps.map((step) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Td, { children: step.order }),
+            /* @__PURE__ */ jsxs(Table.Td, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: step.label }),
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: step.key })
+            ] }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Code, { children: step.resourceId }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: step.enabled ? "light" : "outline", color: step.enabled ? "green" : "gray", children: step.enabled ? "Enabled" : "Disabled" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "xs",
+                variant: "light",
+                leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 }),
+                disabled: !step.enabled,
+                onClick: () => setSelectedStepKey(step.key),
+                children: "Run"
+              }
+            ) })
+          ] }, step.key)) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: "Execution History" }),
+        !executions.length ? /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconClockHour4, { size: 16 }), color: "gray", variant: "light", children: "No executions recorded for this list yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Th, { children: "Resource" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Started" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Completed" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Duration" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Tbody, { children: executions.map((execution) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsxs(Table.Td, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: execution.resourceId }),
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: execution.executionId })
+            ] }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor3(execution.status), children: execution.status }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime2(execution.createdAt) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime2(execution.completedAt) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: execution.durationMs == null ? "n/a" : `${execution.durationMs} ms` })
+          ] }, execution.executionId)) })
+        ] })
+      ] }) })
+    ] }),
+    selectedStep ? /* @__PURE__ */ jsx(
+      ResourceExecuteDialog,
+      {
+        opened: !!selectedStep && !resourceDefinitionQuery.isLoading,
+        onClose: () => setSelectedStepKey(null),
+        resource: {
+          resourceId: selectedStep.resourceId,
+          resourceType: "workflow",
+          name: selectedStep.label,
+          formSchema: resourceDefinitionQuery.data?.interface?.form
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        opened: resourceDefinitionQuery.isLoading && !!selectedStep,
+        onClose: () => setSelectedStepKey(null),
+        withCloseButton: false,
+        centered: true,
+        children: /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, {}) })
+      }
+    )
+  ] }) });
+}
+var PAGE_SIZE_DEFAULT3 = 20;
+function LeadGenCompaniesPage() {
+  const [companySearch, setCompanySearch] = useState("");
+  const [segmentFilter, setSegmentFilter] = useState(null);
+  const [categoryFilter, setCategoryFilter] = useState(null);
+  const [statusFilter, setStatusFilter] = useState(null);
+  const [selectedCompany, setSelectedCompany] = useState(null);
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const { data: companies, isLoading: companiesLoading } = useCompanies({
+    search: companySearch || void 0,
+    segment: segmentFilter || void 0,
+    category: categoryFilter || void 0,
+    status: statusFilter === "active" || statusFilter === "invalid" ? statusFilter : void 0
+  });
+  const deleteCompaniesMutation = useDeleteCompanies();
+  const { sort, toggleSort } = useTableSort("company", "asc");
+  const 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() {
+  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" });
 };
@@ -4164,7 +6073,7 @@ function ringValue(completed, total) {
   if (total === 0) return 0;
   return Math.round(completed / total * 100);
 }
-function formatDate2(iso) {
+function formatDate3(iso) {
   return new Date(iso).toLocaleDateString();
 }
 function daysRelative(targetEndDate) {
@@ -4252,17 +6161,17 @@ function HealthStatusCard({
       ] }),
       /* @__PURE__ */ jsx(Stack, { gap: 2, children: startDate && targetEndDate ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
-          formatDate2(startDate),
+          formatDate3(startDate),
           " \u2192 ",
-          formatDate2(targetEndDate)
+          formatDate3(targetEndDate)
         ] }),
         timeInfo && /* @__PURE__ */ jsx(Text, { size: "xs", c: timeInfo.overdue ? "red" : "dimmed", children: timeInfo.label })
       ] }) : startDate ? /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
         "Started ",
-        formatDate2(startDate)
+        formatDate3(startDate)
       ] }) : targetEndDate ? /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
         "Due ",
-        formatDate2(targetEndDate)
+        formatDate3(targetEndDate)
       ] }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No dates set" }) })
     ] }) })
   ] });
@@ -4469,6 +6378,185 @@ var deliveryManifest = {
   sidebar: ProjectsSidebar,
   subshellRoutes: ["/projects"]
 };
+var STATUS_OPTIONS = [
+  { value: "active", label: "Active" },
+  { value: "on_track", label: "On Track" },
+  { value: "at_risk", label: "At Risk" },
+  { value: "blocked", label: "Blocked" },
+  { value: "completed", label: "Completed" },
+  { value: "paused", label: "Paused" }
+];
+function ProjectsListPage({ onProjectClick } = {}) {
+  const [statusFilter, setStatusFilter] = useState(null);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const { data: projects, isLoading, error } = useProjects();
+  const deleteProject = useDeleteProject();
+  const { sort, toggleSort } = useTableSort("updated");
+  const filteredProjects = useMemo(() => {
+    const source = projects ?? [];
+    const query = searchQuery.trim().toLowerCase();
+    return source.filter((project) => {
+      const matchesStatus = !statusFilter || project.status === statusFilter;
+      const matchesSearch = !query || project.name.toLowerCase().includes(query);
+      return matchesStatus && matchesSearch;
+    });
+  }, [projects, searchQuery, statusFilter]);
+  const sortAccessors2 = useMemo(
+    () => ({
+      name: (p) => p.name || "",
+      status: (p) => p.status || "",
+      updated: (p) => p.updated_at || ""
+    }),
+    []
+  );
+  const sortedProjects = useMemo(() => sortData(filteredProjects, sort, sortAccessors2), [filteredProjects, sort, sortAccessors2]);
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT, [statusFilter, searchQuery], sortedProjects.length);
+  const paginatedProjects = useMemo(
+    () => sortedProjects.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT),
+    [sortedProjects, pagination.offset]
+  );
+  const selection = useTableSelection(paginatedProjects, sortedProjects);
+  const handleDeleteSelected = async () => {
+    await Promise.all([...selection.selectedIds].map((projectId) => deleteProject.mutateAsync(projectId)));
+    setShowBatchDelete(false);
+    selection.clear();
+  };
+  return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
+    /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "Projects", caption: "Client delivery tracking and milestone management" }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { children: [
+        /* @__PURE__ */ jsxs(
+          FilterBar,
+          {
+            actions: /* @__PURE__ */ jsx(
+              TableSelectionToolbar,
+              {
+                selectedCount: selection.selectedCount,
+                onDelete: () => setShowBatchDelete(true),
+                isDeleting: deleteProject.isPending
+              }
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  placeholder: "All Statuses",
+                  data: STATUS_OPTIONS,
+                  style: { minWidth: 180 },
+                  size: "sm",
+                  clearable: true,
+                  value: statusFilter,
+                  onChange: setStatusFilter
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TextInput,
+                {
+                  placeholder: "Search by name...",
+                  leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+                  style: { minWidth: 250 },
+                  size: "sm",
+                  value: searchQuery,
+                  onChange: (e) => setSearchQuery(e.currentTarget.value)
+                }
+              )
+            ]
+          }
+        ),
+        isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : error ? /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load projects" }) : !sortedProjects.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconBriefcase, title: "No projects found" }) : /* @__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: "status", sort, onToggle: toggleSort, children: "Status" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Milestones" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Tasks" }),
+            /* @__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)
+            } : void 0;
+            return /* @__PURE__ */ jsxs(Table.Tr, { ...rowProps, children: [
+              /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: selection.isSelected(project.id),
+                  onChange: () => selection.toggle(project.id)
+                }
+              ) }),
+              /* @__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: [
+                completedMilestones,
+                "/",
+                milestoneCount
+              ] }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+                completedTasks,
+                "/",
+                taskCount
+              ] }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatTimeAgo(project.updated_at) }) })
+            ] }, project.id);
+          }) })
+        ] }),
+        sortedProjects.length > PAGE_SIZE_DEFAULT && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+          Pagination,
+          {
+            value: pagination.page,
+            onChange: pagination.setPage,
+            total: pagination.totalPages(sortedProjects.length),
+            size: "sm"
+          }
+        ) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: showBatchDelete,
+        onClose: () => !deleteProject.isPending && setShowBatchDelete(false),
+        size: "sm",
+        loading: deleteProject.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconAlertTriangle, { size: 24, color: "var(--color-error)" }),
+            /* @__PURE__ */ jsxs(Title, { order: 4, children: [
+              "Delete ",
+              selection.selectedCount,
+              " Projects"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            "Are you sure you want to delete",
+            " ",
+            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: selection.selectedCount }),
+            " ",
+            "selected projects?"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This action cannot be undone." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: () => setShowBatchDelete(false), disabled: deleteProject.isPending, children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { color: "red", loading: deleteProject.isPending, onClick: () => void handleDeleteSelected(), children: "Delete" })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
 function NotificationPanel({ notifications, isLoading, onClose, onNavigate }) {
   const markAllAsRead = useMarkAllAsRead();
   const hasUnread = notifications.some((n) => !n.read);
@@ -4521,4 +6609,4 @@ function NotificationBell({ unreadCount, onNavigate }) {
   ] });
 }
 
-export { AbsoluteScheduleForm, ActivityFeedWidget, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, Breadcrumbs, CrashErrorFallback, CreateApiKeyModal, CreateScheduleModal, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DEAL_STAGES, DEFAULT_KANBAN_CONFIG, DealDrawer, DealKanbanCard, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, DocTreeNav, EditApiKeyModal, ErrorReportCard, HealthStatusCard, KanbanBoard, KnowledgeBasePage, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, MdxRenderer, MetricsStrip, MilestoneTimeline, MyTasksPanel, NotificationBell, NotificationPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, QuickCreateActions, RecurringScheduleForm, RelativeScheduleForm, RichTextEditor, SAVED_VIEW_PRESETS, SEOSidebar, SEOSidebarMiddle, SEOSidebarTop, SavedViewsPanel, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, SortableHeader, TableSelectionToolbar, TaskCard, TaskScheduler, TasksDueWidget, buildErrorReport, calculateProgress, crmManifest, deliveryManifest, formatStatusLabel, leadGenManifest, mdxComponents, milestoneStatusColors, noteTypeColors, projectStatusColors, seoManifest, taskStatusColors, taskTypeColors, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity };
+export { AbsoluteScheduleForm, ActivityFeedWidget, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, Breadcrumbs, CrashErrorFallback, CreateApiKeyModal, CreateScheduleModal, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DEAL_STAGES, DEFAULT_KANBAN_CONFIG, DealDetailPage, DealDrawer, DealKanbanCard, DealsListPage, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, DocTreeNav, EditApiKeyModal, ErrorReportCard, HealthStatusCard, KanbanBoard, KnowledgeBasePage, LEAD_GEN_ROUTE_LINKS, LIST_TEMPLATE_OPTIONS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenDeliverabilityPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, MdxRenderer, MetricsStrip, MilestoneTimeline, MyTasksPanel, NotificationBell, NotificationPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, QuickCreateActions, RecurringScheduleForm, RelativeScheduleForm, RichTextEditor, SAVED_VIEW_PRESETS, SEOSidebar, SEOSidebarMiddle, SEOSidebarTop, SavedViewsPanel, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, SortableHeader, TableSelectionToolbar, TaskCard, TaskScheduler, TasksDueWidget, buildErrorReport, buildListConfig, calculateProgress, crmManifest, deliveryManifest, formatStatusLabel, getEnrichmentColor, getStatusColor3 as getStatusColor, leadGenManifest, mdxComponents, milestoneStatusColors, noteTypeColors, projectStatusColors, seoManifest, taskStatusColors, taskTypeColors, useCrmPipelineSummary, useCrmQuickMetrics, useDeleteLists, useRecentCrmActivity };