@elevasis/ui 2.18.0 → 2.20.0

package/dist/{chunk-UA36WILN.js → chunk-GP3AFJYG.js}

@@ -1,18 +1,17 @@
-import { ResourceExecuteDialog } from './chunk-WP3IYOVJ.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
 import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
 import { SubshellNavItem } from './chunk-CEWTOKE7.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
-import { acquisitionListKeys, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useList, useListProgress, useListExecutions, useResourceDefinition, useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts } from './chunk-EY322HXF.js';
-import { showApiErrorNotification, showSuccessNotification } from './chunk-GRGRBWIO.js';
+import { acquisitionListKeys, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useList, useListProgress, useListExecutions, useContacts, useCompanies, useCompanyFacets, useDeleteCompanies, useDeleteContacts } from './chunk-FMFX4K6E.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-M7W7CGPL.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
-import { PageTitleCaption, CenteredErrorState, StatCard, EmptyState } from './chunk-SQPM2QDH.js';
+import { PageTitleCaption, CenteredErrorState, StatCard, CardHeader, EmptyState } from './chunk-BHR7IV72.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { useElevasisServices } from './chunk-IRW7JMQ4.js';
-import { Stack, Paper, Text, Anchor, Group, Title, ActionIcon, Divider, Box, SimpleGrid, Badge, Card, Button, Center, Loader, Alert, Table, TextInput, Checkbox, Pagination, Textarea, Select, Code, Modal } from '@mantine/core';
-import { IconLayoutGrid, IconList, IconBuilding, IconAddressBook, IconTarget, IconExternalLink, IconX, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconPlus, IconSearch, IconSparkles, IconAlertTriangle, IconArrowLeft, IconClockHour4, IconBuildingFactory2, IconUsers } from '@tabler/icons-react';
+import { Stack, Paper, Text, Anchor, Group, Title, ActionIcon, Divider, Box, SimpleGrid, Badge, Card, Button, Center, Loader, Alert, Table, TextInput, Checkbox, Pagination, Textarea, Select, SegmentedControl } from '@mantine/core';
+import { IconLayoutGrid, IconList, IconBuilding, IconAddressBook, IconTarget, IconExternalLink, IconX, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconSparkles, IconListDetails, IconPlus, IconSearch, IconAlertTriangle, IconArrowLeft, IconUsers, IconBuildingFactory2 } from '@tabler/icons-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Link, useNavigate } from '@tanstack/react-router';
 import { useQueryClient, useMutation } from '@tanstack/react-query';
@@ -634,7 +633,7 @@ function LeadGenOverviewPage() {
       {
         title: "Lead Gen Overview",
         caption: summaryLine,
-        rightSection: /* @__PURE__ */ jsx(Button, { component: Link, to: "/lead-gen/lists", size: "sm", variant: "light", children: "Lists" })
+        rightSection: /* @__PURE__ */ jsx(Button, { component: Link, to: "/lead-gen/lists", size: "xs", variant: "light", children: "Lists" })
       }
     ),
     telemetryQuery.isLoading ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) }) : telemetryQuery.isError ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error: telemetryQuery.error, title: "Failed to load list telemetry" }) }) : !data?.length ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { h: 300, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "No lists yet." }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -644,14 +643,16 @@ function LeadGenOverviewPage() {
         /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconAlertCircle, value: deliverabilityRiskCount, label: "At Risk" })
       ] }),
       /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", gap: "md", children: [
-          /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", tt: "uppercase", fw: 700, children: "Next Action" }),
-            /* @__PURE__ */ jsx(Title, { order: 3, children: primaryAction.title }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", maw: 620, children: primaryAction.detail })
-          ] }),
-          /* @__PURE__ */ jsx(Button, { component: Link, to: primaryAction.buttonTo, size: "sm", variant: "light", children: primaryAction.buttonLabel })
-        ] }),
+        /* @__PURE__ */ jsx(
+          CardHeader,
+          {
+            icon: /* @__PURE__ */ jsx(IconSparkles, { size: 18 }),
+            title: "Next Action",
+            subtitle: primaryAction.title,
+            rightSection: /* @__PURE__ */ jsx(Button, { component: Link, to: primaryAction.buttonTo, size: "xs", variant: "light", children: primaryAction.buttonLabel })
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", maw: 620, children: primaryAction.detail }),
         /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, md: 2 }, children: [
           /* @__PURE__ */ jsxs(Card, { withBorder: true, p: "sm", children: [
             /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, children: "Verification" }),
@@ -670,13 +671,15 @@ function LeadGenOverviewPage() {
         ] })
       ] }) }),
       /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-end", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Title, { order: 3, children: "List Snapshot" }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Ranked to surface active work first, then the largest unresolved backlogs." })
-          ] }),
-          /* @__PURE__ */ jsx(Button, { component: Link, to: "/lead-gen/lists", size: "sm", variant: "subtle", children: "Open lists" })
-        ] }),
+        /* @__PURE__ */ jsx(
+          CardHeader,
+          {
+            icon: /* @__PURE__ */ jsx(IconListDetails, { size: 18 }),
+            title: "List Snapshot",
+            subtitle: "Ranked to surface active work first, then the largest unresolved backlogs.",
+            rightSection: /* @__PURE__ */ jsx(Button, { component: Link, to: "/lead-gen/lists", size: "xs", variant: "subtle", children: "Open lists" })
+          }
+        ),
         /* @__PURE__ */ jsxs(Table, { children: [
           /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
             /* @__PURE__ */ jsx(Table.Th, { children: "List" }),
@@ -780,7 +783,16 @@ function LeadGenListsPage() {
       {
         title: "Lists",
         caption: "Lead lists and contact organization",
-        rightSection: /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }), onClick: () => setShowCreateList(true), children: "New List" })
+        rightSection: /* @__PURE__ */ jsx(
+          Button,
+          {
+            leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }),
+            onClick: () => setShowCreateList(true),
+            variant: "light",
+            size: "xs",
+            children: "New List"
+          }
+        )
       }
     ) }),
     /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
@@ -982,17 +994,18 @@ function formatDateTime(value) {
     minute: "2-digit"
   });
 }
+function contactDisplayName(firstName, lastName) {
+  const full = [firstName, lastName].filter(Boolean).join(" ").trim();
+  return full || "\u2014";
+}
 function LeadGenListDetailPage({ listId }) {
   const navigate = useNavigate();
-  const [selectedStepKey, setSelectedStepKey] = useState(null);
   const listQuery = useList(listId);
   const progressQuery = useListProgress(listId);
   const executionsQuery = useListExecutions(listId);
-  const selectedStep = useMemo(
-    () => listQuery.data?.config.pipeline?.steps?.slice().sort((a, b) => a.order - b.order).find((step) => step.key === selectedStepKey) ?? null,
-    [listQuery.data?.config.pipeline?.steps, selectedStepKey]
-  );
-  const resourceDefinitionQuery = useResourceDefinition(selectedStep?.resourceId ?? "", !!selectedStep?.resourceId);
+  const contactsQuery = useContacts({ listId, limit: 100, offset: 0 });
+  const companiesQuery = useCompanies({ listId, limit: 100, offset: 0 });
+  const [memberTab, setMemberTab] = useState("contacts");
   const isLoading = listQuery.isLoading || progressQuery.isLoading || executionsQuery.isLoading;
   const error = listQuery.error ?? progressQuery.error ?? executionsQuery.error;
   if (isLoading) {
@@ -1006,7 +1019,7 @@ function LeadGenListDetailPage({ listId }) {
             Button,
             {
               variant: "light",
-              size: "sm",
+              size: "xs",
               leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
               onClick: () => navigate({ to: "/lead-gen/lists" }),
               children: "Lists"
@@ -1028,7 +1041,7 @@ function LeadGenListDetailPage({ listId }) {
             Button,
             {
               variant: "light",
-              size: "sm",
+              size: "xs",
               leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
               onClick: () => navigate({ to: "/lead-gen/lists" }),
               children: "Lists"
@@ -1050,7 +1063,7 @@ function LeadGenListDetailPage({ listId }) {
             Button,
             {
               variant: "light",
-              size: "sm",
+              size: "xs",
               leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
               onClick: () => navigate({ to: "/lead-gen/lists" }),
               children: "Lists"
@@ -1064,196 +1077,117 @@ function LeadGenListDetailPage({ listId }) {
   const list = listQuery.data;
   const progress = progressQuery.data;
   const executions = executionsQuery.data ?? [];
-  const qualification = list.config.qualification;
-  const pipelineSteps = list.config.pipeline?.steps?.slice().sort((a, b) => a.order - b.order) ?? [];
-  const stageTiles = [
-    { label: "Populated", value: progress.stageCounts.populated },
-    { label: "Extracted", value: progress.stageCounts.extracted },
-    { label: "Qualified", value: progress.stageCounts.qualified },
-    { label: "Discovered", value: progress.stageCounts.discovered },
-    { label: "Verified", value: progress.stageCounts.verified },
-    { label: "Personalized", value: progress.stageCounts.personalized },
-    { label: "Uploaded", value: progress.stageCounts.uploaded }
-  ];
-  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
-    /* @__PURE__ */ jsxs(Stack, { children: [
+  const contacts = contactsQuery.data?.data ?? [];
+  const companies = companiesQuery.data?.data ?? [];
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: list.name,
+        caption: list.description ?? "Configuration, progress, and execution history for this list",
+        rightSection: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "light",
+            size: "xs",
+            leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+            onClick: () => navigate({ to: "/lead-gen/lists" }),
+            children: "Lists"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor(list.status), children: list.status }),
+      /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+        "Created ",
+        formatDateTime(list.createdAt)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, children: [
+      /* @__PURE__ */ jsx(StatCard, { label: "Companies", value: progress.totalCompanies, icon: IconBuilding }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Contacts", value: progress.totalContacts, icon: IconUsers })
+    ] }),
+    /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
       /* @__PURE__ */ jsx(
-        PageTitleCaption,
+        CardHeader,
         {
-          title: list.name,
-          caption: list.description ?? "Configuration, progress, and execution history for this list",
+          icon: /* @__PURE__ */ jsx(IconAddressBook, { size: 16 }),
+          title: "Members",
           rightSection: /* @__PURE__ */ jsx(
-            Button,
+            SegmentedControl,
             {
-              variant: "light",
-              size: "sm",
-              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
-              onClick: () => navigate({ to: "/lead-gen/lists" }),
-              children: "Lists"
+              value: memberTab,
+              onChange: (value) => setMemberTab(value),
+              size: "xs",
+              data: [
+                { label: `Contacts (${progress.totalContacts})`, value: "contacts" },
+                { label: `Companies (${progress.totalCompanies})`, value: "companies" }
+              ]
             }
           )
         }
       ),
-      /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor(list.status), children: list.status }),
-        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-          "Created ",
-          formatDateTime(list.createdAt)
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2, lg: 4 }, children: [
-        /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Companies" }),
-          /* @__PURE__ */ jsx(Title, { order: 3, children: progress.totalCompanies })
-        ] }),
-        /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Contacts" }),
-          /* @__PURE__ */ jsx(Title, { order: 3, children: progress.totalContacts })
-        ] }),
-        /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Pipeline Steps" }),
-          /* @__PURE__ */ jsx(Title, { order: 3, children: pipelineSteps.length })
-        ] }),
-        /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Executions" }),
-          /* @__PURE__ */ jsx(Title, { order: 3, children: executions.length })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "Pipeline Progress" }),
-        /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, sm: 3, lg: 7 }, children: stageTiles.map((tile) => /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "sm", children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: tile.label }),
-          /* @__PURE__ */ jsx(Title, { order: 4, children: tile.value })
-        ] }, tile.label)) })
-      ] }) }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "Configuration" }),
-        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, lg: 2 }, children: [
-          /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "Qualification" }),
-            qualification ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-                "Target: ",
-                qualification.targetDescription
-              ] }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-                "Minimum reviews: ",
-                qualification.minReviewCount
-              ] }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-                "Minimum rating: ",
-                qualification.minRating
-              ] }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-                "Exclude franchises: ",
-                qualification.excludeFranchises ? "Yes" : "No"
-              ] })
-            ] }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Qualification settings are not configured for this list." })
-          ] }) }),
-          /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "Enrichment + Personalization" }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-              "Discovery provider: ",
-              list.config.enrichment?.emailDiscovery?.primary ?? "Inherited default"
-            ] }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-              "Verification provider: ",
-              list.config.enrichment?.emailVerification?.provider ?? "Inherited default"
-            ] }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-              "Industry context: ",
-              list.config.personalization?.industryContext ?? "Inherited default"
-            ] }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-              "Creative direction: ",
-              list.config.personalization?.creativeDirection ?? "Inherited default"
-            ] })
-          ] }) })
-        ] }),
-        list.config.personalization?.emailBody ? /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, mb: "xs", children: "Email Body Template" }),
-          /* @__PURE__ */ jsx(Code, { block: true, children: list.config.personalization.emailBody })
-        ] }) : null
-      ] }) }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "Pipeline Steps" }),
-        !pipelineSteps.length ? /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "This list does not have any configured pipeline steps yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
-          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-            /* @__PURE__ */ jsx(Table.Th, { children: "Order" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Step" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Resource" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Action" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Table.Tbody, { children: pipelineSteps.map((step) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
-            /* @__PURE__ */ jsx(Table.Td, { children: step.order }),
-            /* @__PURE__ */ jsxs(Table.Td, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: step.label }),
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: step.key })
-            ] }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Code, { children: step.resourceId }) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: step.enabled ? "light" : "outline", color: step.enabled ? "green" : "gray", children: step.enabled ? "Enabled" : "Disabled" }) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "xs",
-                variant: "light",
-                leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 }),
-                disabled: !step.enabled,
-                onClick: () => setSelectedStepKey(step.key),
-                children: "Run"
-              }
-            ) })
-          ] }, step.key)) })
-        ] })
+      memberTab === "contacts" && /* @__PURE__ */ jsx(Fragment, { children: contactsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : !contacts.length ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No contacts attached to this list yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Email" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Title" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Company" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Created" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: contacts.map((contact) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: contactDisplayName(contact.firstName, contact.lastName) }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: contact.email }),
+          /* @__PURE__ */ jsx(Table.Td, { children: contact.title ?? "\u2014" }),
+          /* @__PURE__ */ jsx(Table.Td, { children: contact.company?.name ?? "\u2014" }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor(contact.status), children: contact.status }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime(contact.createdAt) })
+        ] }, contact.id)) })
       ] }) }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "Execution History" }),
-        !executions.length ? /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconClockHour4, { size: 16 }), color: "gray", variant: "light", children: "No executions recorded for this list yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
-          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-            /* @__PURE__ */ jsx(Table.Th, { children: "Resource" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Started" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Completed" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Duration" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Table.Tbody, { children: executions.map((execution) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
-            /* @__PURE__ */ jsxs(Table.Td, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: execution.resourceId }),
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: execution.executionId })
-            ] }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor(execution.status), children: execution.status }) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime(execution.createdAt) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime(execution.completedAt) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: execution.durationMs == null ? "n/a" : `${execution.durationMs} ms` })
-          ] }, execution.executionId)) })
-        ] })
+      memberTab === "companies" && /* @__PURE__ */ jsx(Fragment, { children: companiesQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : !companies.length ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No companies attached to this list yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Domain" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Segment" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Contacts" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Created" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: companies.map((company) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: company.name }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: company.domain ?? "\u2014" }),
+          /* @__PURE__ */ jsx(Table.Td, { children: company.segment ?? "\u2014" }),
+          /* @__PURE__ */ jsx(Table.Td, { children: company.contactCount }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor(company.status), children: company.status }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime(company.createdAt) })
+        ] }, company.id)) })
       ] }) })
     ] }),
-    selectedStep ? /* @__PURE__ */ jsx(
-      ResourceExecuteDialog,
-      {
-        opened: !!selectedStep && !resourceDefinitionQuery.isLoading,
-        onClose: () => setSelectedStepKey(null),
-        resource: {
-          resourceId: selectedStep.resourceId,
-          resourceType: "workflow",
-          name: selectedStep.label,
-          formSchema: resourceDefinitionQuery.data?.interface?.form
-        }
-      }
-    ) : null,
-    /* @__PURE__ */ jsx(
-      Modal,
-      {
-        opened: resourceDefinitionQuery.isLoading && !!selectedStep,
-        onClose: () => setSelectedStepKey(null),
-        withCloseButton: false,
-        centered: true,
-        children: /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, {}) })
-      }
-    )
-  ] }) });
+    /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }), title: "Execution History" }),
+      !executions.length ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No executions recorded for this list yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { children: "Resource" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Started" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Completed" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Duration" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: executions.map((execution) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsxs(Table.Td, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: execution.resourceId }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: execution.executionId })
+          ] }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor(execution.status), children: execution.status }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime(execution.createdAt) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime(execution.completedAt) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: execution.durationMs == null ? "n/a" : `${execution.durationMs} ms` })
+        ] }, execution.executionId)) })
+      ] })
+    ] })
+  ] }) }) });
 }
 var PAGE_SIZE_DEFAULT2 = 20;
 function LeadGenCompaniesPage() {

package/dist/{chunk-P6TC4K7I.js → chunk-GTYUP7MB.js}

@@ -1,12 +1,12 @@
-import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-DDZMBNTY.js';
+import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-CTTY6FUT.js';
 import { AppShellLoader } from './chunk-M25JL54Z.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
 import { formatDuration } from './chunk-E4WQGJNS.js';
-import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogsFilters, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useTimeRangeDates, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityFilters, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-EY322HXF.js';
-import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-SQPM2QDH.js';
+import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogsFilters, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useTimeRangeDates, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityFilters, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-FMFX4K6E.js';
+import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-BHR7IV72.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { formatBucketTime, PAGE_SIZE_DEFAULT, getTimeRangeDates } from './chunk-GCBWGGI6.js';
+import { formatBucketTime, PAGE_SIZE_DEFAULT, getTimeRangeDates } from './chunk-OD7GWIZS.js';
 import { useState, useMemo, useCallback } from 'react';
 import { Table, Text, Badge, Tooltip, Card, Group, Select, SegmentedControl, Button, TextInput, Stack, Paper, Center, Loader, ActionIcon, NumberFormatter, Box, Alert, Switch, Pagination, UnstyledButton, Title, Divider, Code, CopyButton, Accordion } from '@mantine/core';
 import { IconActivity, IconFilterOff, IconCircleCheck, IconThumbDown, IconThumbUp, IconClock, IconCircleX, IconSearch, IconArrowUpRight, IconAlertTriangle, IconAlertCircle, IconExternalLink, IconChartPie, IconHeartbeat, IconDownload, IconCpu, IconTrendingUp, IconChartBar, IconCash, IconInfoCircle, IconExclamationCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconCheck, IconCopy, IconCircleDashed, IconPlus, IconArrowUp, IconArrowDown, IconFileOff, IconRobot, IconKey, IconUser } from '@tabler/icons-react';

package/dist/chunk-HJ4CJIWN.js

@@ -0,0 +1,38 @@
+// ../core/src/test-utils/browser-mocks.ts
+function setupMatchMedia() {
+  const win = globalThis.window;
+  if (typeof win === "undefined") return;
+  Object.defineProperty(win, "matchMedia", {
+    writable: true,
+    value: (query) => ({
+      matches: false,
+      media: query,
+      onchange: null,
+      addListener: () => {
+      },
+      removeListener: () => {
+      },
+      addEventListener: () => {
+      },
+      removeEventListener: () => {
+      },
+      dispatchEvent: () => true
+    })
+  });
+}
+function setupResizeObserver() {
+  globalThis.ResizeObserver = class ResizeObserver {
+    observe() {
+    }
+    unobserve() {
+    }
+    disconnect() {
+    }
+  };
+}
+function setupBrowserMocks() {
+  setupMatchMedia();
+  setupResizeObserver();
+}
+
+export { setupBrowserMocks };

package/dist/chunk-I2KLQ2HA.js

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+
+export { __export, __reExport };