@elevasis/ui 2.24.0 → 2.25.1

package/dist/{chunk-M2HWJY6O.js → chunk-QB2CC4VH.js}

@@ -1,22 +1,24 @@
-import { LEAD_GEN_STAGE_CATALOG, LEAD_GEN_PIPELINE_DEFINITIONS, findPipeline } from './chunk-OWHQ65EQ.js';
+import { DEFAULT_ORGANIZATION_MODEL_PROSPECTING } from './chunk-IS53MXE4.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
 import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
-import { SubshellNavItem } from './chunk-CEWTOKE7.js';
+import { SubshellNavItem } from './chunk-X4WBGKJQ.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-KVJ3LFH2.js';
-import { acquisitionListKeys, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useList, useListProgress, useListExecutions, useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts, useArtifacts, useListMembers, useListMember, useTransitionListMember, useDeriveActions } from './chunk-QULLZ5PE.js';
-import { showApiErrorNotification, showSuccessNotification } from './chunk-Z6FAH4XV.js';
+import { acquisitionListKeys, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useWorkflowExecution, useList, useListProgress, useListExecutions, useDeleteList, useUpdateList, useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts, useListMembers, useListMember, useTransitionListMember, useDeriveActions, useArtifacts } from './chunk-RSG2O3HF.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-HKBEURCV.js';
+import { useListActions, LEAD_GEN_STAGE_CATALOG, LEAD_GEN_PIPELINE_DEFINITIONS, findPipeline } from './chunk-JMI7L7Y7.js';
 import { SubshellContentContainer } from './chunk-TKAYX2SP.js';
-import { PageTitleCaption, CenteredErrorState, StatCard, CardHeader, EmptyState, JsonViewer } from './chunk-XUYBOO32.js';
+import { PageTitleCaption, CenteredErrorState, StatCard, CardHeader, EmptyState, JsonViewer } from './chunk-U36X6NZM.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, Select, Checkbox, Pagination, Textarea, Tabs, SegmentedControl, Drawer, Progress } from '@mantine/core';
-import { IconLayoutGrid, IconList, IconBuilding, IconAddressBook, IconTarget, IconExternalLink, IconX, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconSparkles, IconListDetails, IconPlus, IconSearch, IconAlertTriangle, IconCopy, IconUsers, IconDatabase, IconBuildingFactory2, IconArrowLeft, IconChevronRight, IconMail, IconUser } from '@tabler/icons-react';
+import { useElevasisServices } from './chunk-5WWZXCS5.js';
+import { Stack, Paper, Text, Anchor, Group, Title, ActionIcon, Divider, Box, SimpleGrid, Badge, Card, Center, Loader, Alert, Table, Button, TextInput, Select, Checkbox, Pagination, Textarea, NumberInput, Switch, Tooltip, Tabs, ThemeIcon, Collapse, SegmentedControl, UnstyledButton, Drawer, ScrollArea } from '@mantine/core';
+import { IconLayoutGrid, IconList, IconBuilding, IconAddressBook, IconTarget, IconExternalLink, IconX, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconSparkles, IconListDetails, IconPlus, IconSearch, IconAlertTriangle, IconLayoutDashboard, IconBolt, IconCopy, IconUsers, IconSwitchHorizontal, IconTrash, IconBuildingFactory2, IconArrowLeft, IconRefresh, IconChevronDown, IconChevronRight, IconMail, IconUser, IconDatabase } from '@tabler/icons-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Link, useNavigate, useSearch } from '@tanstack/react-router';
 import { useQueryClient, useMutation } from '@tanstack/react-query';
-import { useState, useMemo, useEffect } from 'react';
+import { useState, useMemo, useEffect, Fragment as Fragment$1 } from 'react';
+import { useForm } from '@mantine/form';
 
 var LeadGenSidebarTop = () => {
   return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconTarget, label: "Lead Gen" });
@@ -37,6 +39,7 @@ var LeadGenSidebarMiddle = ({ items = LEAD_GEN_ITEMS } = {}) => {
         icon: item.icon,
         label: item.label,
         isActive,
+        href: item.to,
         onClick: () => navigate(item.to)
       },
       item.to
@@ -56,6 +59,40 @@ var leadGenManifest = {
   icon: IconTarget,
   sidebar: LeadGenSidebar
 };
+
+// ../core/src/business/acquisition/build-templates.ts
+var PROSPECTING_BUILD_TEMPLATE_OPTIONS = DEFAULT_ORGANIZATION_MODEL_PROSPECTING.buildTemplates.map(
+  ({ id, label, description }) => ({
+    id,
+    label,
+    description
+  })
+);
+var DEFAULT_PROSPECTING_BUILD_TEMPLATE_ID = DEFAULT_ORGANIZATION_MODEL_PROSPECTING.defaultBuildTemplateId;
+function createBuildPlanSnapshotFromTemplateId(templateId) {
+  const template = DEFAULT_ORGANIZATION_MODEL_PROSPECTING.buildTemplates.find((item) => item.id === templateId);
+  if (!template) return null;
+  return {
+    templateId: template.id,
+    templateLabel: template.label,
+    steps: template.steps.map((step) => {
+      const snapshotStep = {
+        id: step.id,
+        label: step.label,
+        primaryEntity: step.primaryEntity,
+        outputs: [...step.outputs],
+        stageKey: step.stageKey,
+        dependencyMode: step.dependencyMode,
+        capabilityKey: step.capabilityKey,
+        defaultBatchSize: step.defaultBatchSize,
+        maxBatchSize: step.maxBatchSize
+      };
+      if (step.description) snapshotStep.description = step.description;
+      if (step.dependsOn?.length) snapshotStep.dependsOn = [...step.dependsOn];
+      return snapshotStep;
+    })
+  };
+}
 var LEAD_GEN_ROUTE_LINKS = [
   { label: "Overview", to: "/lead-gen" },
   { label: "Lists", to: "/lead-gen/lists" },
@@ -462,14 +499,7 @@ function LeadGenOverviewPage() {
     return b.totalContacts - a.totalContacts;
   }) ?? [];
   return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(
-      PageTitleCaption,
-      {
-        title: "Lead Gen Overview",
-        caption: summaryLine,
-        rightSection: /* @__PURE__ */ jsx(Button, { component: Link, to: "/lead-gen/lists", size: "xs", variant: "light", children: "Lists" })
-      }
-    ),
+    /* @__PURE__ */ jsx(PageTitleCaption, { title: "Lead Gen Overview", caption: summaryLine }),
     telemetryQuery.isLoading ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) }) : telemetryQuery.isError ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error: telemetryQuery.error, title: "Failed to load list telemetry" }) }) : !data?.length ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { h: 300, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "No lists yet." }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 3 }, children: [
         /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconPlayerPlay, value: totalLists, label: "Total Lists" }),
@@ -477,15 +507,7 @@ 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__ */ 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(CardHeader, { icon: /* @__PURE__ */ jsx(IconSparkles, { size: 18 }), title: "Next Action", subtitle: primaryAction.title }),
         /* @__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: [
@@ -510,8 +532,7 @@ function LeadGenOverviewPage() {
           {
             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" })
+            subtitle: "Ranked to surface active work first, then the largest unresolved backlogs."
           }
         ),
         /* @__PURE__ */ jsxs(Table, { children: [
@@ -549,6 +570,10 @@ function LeadGenOverviewPage() {
   ] }) }) });
 }
 var PAGE_SIZE_DEFAULT = 20;
+var BUILD_TEMPLATE_SELECT_OPTIONS = PROSPECTING_BUILD_TEMPLATE_OPTIONS.map((template) => ({
+  value: template.id,
+  label: template.label
+}));
 var STATUS_FILTER_OPTIONS = [
   { value: "", label: "All statuses" },
   { value: "draft", label: "Draft" },
@@ -564,7 +589,7 @@ function LeadGenListsPage() {
   const [showCreateList, setShowCreateList] = useState(false);
   const [newListName, setNewListName] = useState("");
   const [newListDescription, setNewListDescription] = useState("");
-  const [newRubricKey, setNewRubricKey] = useState("");
+  const [newBuildTemplateId, setNewBuildTemplateId] = useState(DEFAULT_PROSPECTING_BUILD_TEMPLATE_ID);
   const [showBatchDelete, setShowBatchDelete] = useState(false);
   const { data: lists, isLoading: listsLoading } = useLists();
   const { data: telemetry, isLoading: telemetryLoading } = useListsTelemetry();
@@ -605,21 +630,20 @@ function LeadGenListsPage() {
     [sortedLists, pagination.offset]
   );
   const selection = useTableSelection(paginatedLists, sortedLists);
+  const selectedBuildTemplate = PROSPECTING_BUILD_TEMPLATE_OPTIONS.find((template) => template.id === newBuildTemplateId);
   function resetCreateListModal() {
     setNewListName("");
     setNewListDescription("");
-    setNewRubricKey("");
+    setNewBuildTemplateId(DEFAULT_PROSPECTING_BUILD_TEMPLATE_ID);
     setShowCreateList(false);
   }
   function handleCreateList() {
     const trimmedName = newListName.trim();
     if (!trimmedName) return;
-    const trimmedRubric = newRubricKey.trim();
-    const icp = trimmedRubric ? { qualificationRubricKey: trimmedRubric } : void 0;
     const body = {
       name: trimmedName,
       description: newListDescription.trim() || null,
-      ...icp ? { icp } : {}
+      buildTemplateId: newBuildTemplateId
     };
     createListMutation.mutate(body, {
       onSuccess: (list) => {
@@ -708,13 +732,14 @@ function LeadGenListsPage() {
           /* @__PURE__ */ jsx(SortableHeader, { column: "name", sort, onToggle: toggleSort, children: "Name" }),
           /* @__PURE__ */ jsx(SortableHeader, { column: "description", sort, onToggle: toggleSort, children: "Description" }),
           /* @__PURE__ */ jsx(SortableHeader, { column: "status", sort, onToggle: toggleSort, children: "Status" }),
-          /* @__PURE__ */ jsx(Table.Th, { children: "ICP Rubric" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Pipeline" }),
           /* @__PURE__ */ jsx(SortableHeader, { column: "contacts", sort, onToggle: toggleSort, children: "Contacts" }),
           /* @__PURE__ */ jsx(SortableHeader, { column: "batches", sort, onToggle: toggleSort, children: "Batches" }),
-          /* @__PURE__ */ jsx(SortableHeader, { column: "created", sort, onToggle: toggleSort, children: "Created" })
+          /* @__PURE__ */ jsx(SortableHeader, { column: "created", sort, onToggle: toggleSort, children: "Created" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "List" })
         ] }) }),
         /* @__PURE__ */ jsx(Table.Tbody, { children: paginatedLists.map((list) => {
-          const rubricKey = list.icp?.qualificationRubricKey;
+          const pipelineLabel = list.metadata.buildPlanSnapshot?.templateLabel;
           return /* @__PURE__ */ jsxs(
             Table.Tr,
             {
@@ -745,10 +770,20 @@ function LeadGenListsPage() {
                 ] }) }),
                 /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: list.description || "-" }) }),
                 /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", color: getStateKeyColor(list.status), variant: "light", children: list.status }) }),
-                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: rubricKey || "\u2014" }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: pipelineLabel || "\u2014" }) }),
                 /* @__PURE__ */ jsx(Table.Td, { children: contactCountByListId.get(list.id) ?? 0 }),
                 /* @__PURE__ */ jsx(Table.Td, { children: list.batchIds.length }),
-                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDate(list.createdAt) }) })
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDate(list.createdAt) }) }),
+                /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "xs",
+                    variant: "subtle",
+                    leftSection: /* @__PURE__ */ jsx(IconList, { size: 14 }),
+                    onClick: () => navigate({ to: "/lead-gen/lists/$listId", params: { listId: list.id } }),
+                    children: "Open"
+                  }
+                ) })
               ]
             },
             list.id
@@ -799,18 +834,22 @@ function LeadGenListsPage() {
               minRows: 3
             }
           ),
-          /* @__PURE__ */ jsx(
-            TextInput,
-            {
-              label: "ICP Rubric Key",
-              description: "Optional free-form text key identifying the qualification rubric for this list.",
-              placeholder: "e.g. smb-veterinary-us",
-              value: newRubricKey,
-              onChange: (event) => setNewRubricKey(event.currentTarget.value),
-              disabled: createListMutation.isPending
-            }
-          ),
-          /* @__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(Stack, { gap: 4, children: [
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                label: "Build Pipeline",
+                description: "Choose the sequence this list should follow.",
+                data: BUILD_TEMPLATE_SELECT_OPTIONS,
+                value: newBuildTemplateId,
+                onChange: (value) => setNewBuildTemplateId(value ?? DEFAULT_PROSPECTING_BUILD_TEMPLATE_ID),
+                disabled: createListMutation.isPending,
+                required: true
+              }
+            ),
+            selectedBuildTemplate?.description ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: selectedBuildTemplate.description }) : null
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "The list will open in draft mode after creation so you can review configuration and run build steps from the list workspace." }),
           /* @__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" })
@@ -1045,149 +1084,1498 @@ function ListMemberDrawer({ memberId, memberKind, listId, onClose }) {
     }
   );
 }
-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 contactDisplayName(firstName, lastName) {
-  const full = [firstName, lastName].filter(Boolean).join(" ").trim();
-  return full || "\u2014";
+function ListBuilderIndexPage() {
+  const navigate = useNavigate();
+  const [query, setQuery] = useState("");
+  const listsQuery = useLists();
+  const lists = listsQuery.data ?? [];
+  const filteredLists = useMemo(() => {
+    const normalized = query.trim().toLowerCase();
+    if (!normalized) return lists;
+    return lists.filter((list) => list.name.toLowerCase().includes(normalized));
+  }, [lists, query]);
+  const openList = (listId) => {
+    navigate({ to: "/lead-gen/list-builder/$listId", params: { listId } });
+  };
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(PageTitleCaption, { title: "List Builder", caption: "Choose a list to run lead-gen workflows and monitor progress." }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          placeholder: "Search lists...",
+          leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+          value: query,
+          onChange: (event) => setQuery(event.currentTarget.value)
+        }
+      ),
+      listsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : !filteredLists.length ? /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconLayoutDashboard,
+          title: query.trim() ? "No lists match your search" : "No lists available",
+          description: query.trim() ? void 0 : "Create a list first, then open it in the builder."
+        }
+      ) : /* @__PURE__ */ jsxs(Table, { highlightOnHover: true, children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Batches" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Created" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: filteredLists.map((list) => /* @__PURE__ */ jsxs(
+          Table.Tr,
+          {
+            role: "button",
+            tabIndex: 0,
+            onClick: () => openList(list.id),
+            onKeyDown: (event) => {
+              if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                openList(list.id);
+              }
+            },
+            style: { cursor: "pointer" },
+            children: [
+              /* @__PURE__ */ jsxs(Table.Td, { children: [
+                /* @__PURE__ */ jsx(Text, { fw: 500, children: list.name }),
+                /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: list.description ?? list.id })
+              ] }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStateKeyColor(list.status), children: list.status }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: list.batchIds.length }),
+              /* @__PURE__ */ jsx(Table.Td, { children: formatDate(list.createdAt) })
+            ]
+          },
+          list.id
+        )) })
+      ] })
+    ] }) })
+  ] }) }) });
 }
-function getStatusColor2(status) {
-  switch (status) {
-    case "draft":
-      return "gray";
-    case "enriching":
-      return "blue";
-    case "launched":
-      return "green";
-    case "closing":
-      return "yellow";
-    case "archived":
-      return "red";
-    default:
-      return "gray";
+
+// src/lib/lead-gen/stage-colors.ts
+var FALLBACK_STAGE_COLORS = {
+  accent: "var(--color-text-dimmed)",
+  background: "color-mix(in srgb, var(--color-text-dimmed) 10%, transparent)",
+  border: "color-mix(in srgb, var(--color-border) 85%, var(--color-text-dimmed))",
+  text: "var(--color-text)"
+};
+var STAGE_COLOR_SETS = {
+  scraped: {
+    accent: "var(--color-text-subtle)",
+    background: "color-mix(in srgb, var(--color-text-subtle) 12%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 80%, var(--color-text-subtle))",
+    text: "var(--color-text)"
+  },
+  populated: {
+    accent: "var(--color-primary)",
+    background: "color-mix(in srgb, var(--color-primary) 12%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 70%, var(--color-primary))",
+    text: "var(--color-text)"
+  },
+  extracted: {
+    accent: "color-mix(in srgb, var(--color-primary) 78%, var(--color-success))",
+    background: "color-mix(in srgb, var(--color-primary) 10%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 65%, var(--color-primary))",
+    text: "var(--color-text)"
+  },
+  enriched: {
+    accent: "color-mix(in srgb, var(--color-success) 70%, var(--color-primary))",
+    background: "color-mix(in srgb, var(--color-success) 12%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 68%, var(--color-success))",
+    text: "var(--color-text)"
+  },
+  discovered: {
+    accent: "color-mix(in srgb, var(--color-primary) 70%, var(--color-warning))",
+    background: "color-mix(in srgb, var(--color-warning) 10%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 68%, var(--color-warning))",
+    text: "var(--color-text)"
+  },
+  verified: {
+    accent: "var(--color-success)",
+    background: "color-mix(in srgb, var(--color-success) 12%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 64%, var(--color-success))",
+    text: "var(--color-text)"
+  },
+  qualified: {
+    accent: "color-mix(in srgb, var(--color-success) 82%, var(--color-text))",
+    background: "color-mix(in srgb, var(--color-success) 14%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 62%, var(--color-success))",
+    text: "var(--color-text)"
+  },
+  personalized: {
+    accent: "color-mix(in srgb, var(--color-primary) 58%, var(--color-success))",
+    background: "color-mix(in srgb, var(--color-primary) 11%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 66%, var(--color-primary))",
+    text: "var(--color-text)"
+  },
+  uploaded: {
+    accent: "color-mix(in srgb, var(--color-warning) 72%, var(--color-primary))",
+    background: "color-mix(in srgb, var(--color-warning) 12%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 64%, var(--color-warning))",
+    text: "var(--color-text)"
+  },
+  interested: {
+    accent: "color-mix(in srgb, var(--color-success) 72%, var(--color-warning))",
+    background: "color-mix(in srgb, var(--color-success) 15%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 58%, var(--color-success))",
+    text: "var(--color-text)"
   }
+};
+function getLeadGenStageColor(stageKey) {
+  if (!LEAD_GEN_STAGE_CATALOG[stageKey]) return FALLBACK_STAGE_COLORS;
+  return STAGE_COLOR_SETS[stageKey] ?? FALLBACK_STAGE_COLORS;
 }
-function getMemberStateColor2(stateKey) {
-  switch (stateKey) {
-    case "personalized":
-    case "verified":
-    case "qualified":
-    case "interested":
-      return "green";
-    case "uploaded":
-    case "discovered":
-    case "extracted":
-    case "populated":
-      return "blue";
-    case "pending":
-      return "gray";
-    default:
-      return "gray";
-  }
+function getLeadGenStageColorVar(stageKey, tone = "accent") {
+  return getLeadGenStageColor(stageKey)[tone];
 }
-var ORPHAN_STAGE_ORDER = 9999;
-function sortStageKeys(keys) {
-  return keys.slice().sort((a, b) => {
-    const oa = LEAD_GEN_STAGE_CATALOG[a]?.order ?? ORPHAN_STAGE_ORDER;
-    const ob = LEAD_GEN_STAGE_CATALOG[b]?.order ?? ORPHAN_STAGE_ORDER;
-    return oa - ob || a.localeCompare(b);
+var FALLBACK_STAGE_ORDER = 1e4;
+function unique(values) {
+  return Array.from(new Set(values.filter(Boolean)));
+}
+function configuredStages(pipelineConfig) {
+  return (pipelineConfig?.stages ?? []).filter((stage) => stage.enabled !== false).slice().sort((a, b) => {
+    const aOrder = a.order ?? LEAD_GEN_STAGE_CATALOG[a.key]?.order ?? FALLBACK_STAGE_ORDER;
+    const bOrder = b.order ?? LEAD_GEN_STAGE_CATALOG[b.key]?.order ?? FALLBACK_STAGE_ORDER;
+    return aOrder - bOrder || a.key.localeCompare(b.key);
   });
 }
-function PipelineSection({
+function workflowStageKeys(actions) {
+  return unique((actions ?? []).flatMap((action) => [...action.stagesAffected]));
+}
+function sourceFor(stageKey, observedKeys, configKeys, workflowKeys) {
+  if (observedKeys.has(stageKey)) return "activity";
+  if (configKeys.has(stageKey)) return "config";
+  if (workflowKeys.has(stageKey)) return "workflow";
+  return "activity";
+}
+function sortStageNodes(nodes) {
+  return nodes.slice().sort((a, b) => a.order - b.order || a.key.localeCompare(b.key));
+}
+function buildLaneStages({
+  entity,
+  progress,
+  pipelineConfig,
+  actions
+}) {
+  const stageMap = entity === "company" ? progress.byCompanyStage : progress.byContactStage;
+  const observedKeys = new Set(Object.keys(stageMap));
+  const configStages = configuredStages(pipelineConfig);
+  const configStageByKey = new Map(configStages.map((stage) => [stage.key, stage]));
+  const configKeys = new Set(configStages.map((stage) => stage.key));
+  const workflowKeys = new Set(workflowStageKeys(actions));
+  const stageKeys = unique([...observedKeys, ...configKeys, ...workflowKeys]);
+  return sortStageNodes(
+    stageKeys.flatMap((key) => {
+      const catalogEntry = LEAD_GEN_STAGE_CATALOG[key];
+      const inferredEntity = catalogEntry?.entity ?? (observedKeys.has(key) ? entity : null);
+      if (inferredEntity !== entity) return [];
+      return [
+        {
+          key,
+          label: configStageByKey.get(key)?.label ?? catalogEntry?.label ?? key,
+          order: configStageByKey.get(key)?.order ?? catalogEntry?.order ?? FALLBACK_STAGE_ORDER,
+          entity,
+          source: sourceFor(key, observedKeys, configKeys, workflowKeys)
+        }
+      ];
+    })
+  );
+}
+function getStageProgress(progress, stageKey, entity) {
+  const stageProgress = entity === "company" ? progress.byCompanyStage[stageKey] : progress.byContactStage[stageKey];
+  const total = stageProgress?.total ?? (entity === "company" ? progress.totalCompanies : progress.totalMembers);
+  return {
+    total,
+    attempted: stageProgress?.attempted ?? 0,
+    success: stageProgress?.success ?? 0,
+    noResult: stageProgress?.noResult ?? 0,
+    skipped: stageProgress?.skipped ?? 0,
+    error: stageProgress?.error ?? 0,
+    other: stageProgress?.other ?? 0,
+    notAttempted: stageProgress?.notAttempted ?? total
+  };
+}
+function percent(value, total) {
+  if (total <= 0) return 0;
+  return Math.max(0, Math.min(100, value / total * 100));
+}
+function SourceBadge({ source }) {
+  const label = source === "activity" ? "recorded" : source;
+  const color = source === "activity" ? "green" : source === "config" ? "blue" : "gray";
+  return /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color, children: label });
+}
+function ProgressRail({ counts, stageKey }) {
+  const accent = getLeadGenStageColorVar(stageKey);
+  const segments = [
+    { key: "success", value: counts.success, color: accent },
+    { key: "noResult", value: counts.noResult, color: "var(--color-text-subtle)" },
+    { key: "skipped", value: counts.skipped, color: "var(--color-warning)" },
+    { key: "error", value: counts.error, color: "var(--color-error)" },
+    { key: "other", value: counts.other, color: "var(--color-primary)" }
+  ].filter((segment) => segment.value > 0);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      h: 6,
+      bg: "var(--color-surface-hover)",
+      style: {
+        borderRadius: 999,
+        display: "flex",
+        overflow: "hidden",
+        opacity: counts.total > 0 ? 1 : 0.55
+      },
+      children: segments.length > 0 ? segments.map((segment) => /* @__PURE__ */ jsx(Box, { h: "100%", w: `${percent(segment.value, counts.total)}%`, bg: segment.color }, segment.key)) : /* @__PURE__ */ jsx(Box, { h: "100%", w: counts.total > 0 ? `${percent(counts.attempted, counts.total)}%` : "0%", bg: accent })
+    }
+  );
+}
+function TimelineLane({
   title,
-  byStage,
+  entity,
+  total,
+  stages,
+  progress,
   emptyText
 }) {
-  const orderedKeys = sortStageKeys(Object.keys(byStage));
-  return /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: title }),
-    orderedKeys.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: emptyText }) : /* @__PURE__ */ jsx(Stack, { gap: "xs", children: orderedKeys.map((key) => {
-      const entry = byStage[key];
-      const done = entry?.done ?? 0;
-      const total = entry?.total ?? 0;
-      const percent = total > 0 ? Math.round(done / total * 100) : 0;
-      const label = LEAD_GEN_STAGE_CATALOG[key]?.label ?? key;
-      return /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: label }),
+  const Icon = entity === "company" ? IconBuilding : IconUsers;
+  return /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", gap: "xs", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            w: 28,
+            h: 28,
+            style: {
+              alignItems: "center",
+              background: "color-mix(in srgb, var(--color-primary) 14%, transparent)",
+              border: "1px solid color-mix(in srgb, var(--color-border) 75%, var(--color-primary))",
+              borderRadius: 999,
+              color: "var(--color-primary)",
+              display: "flex",
+              justifyContent: "center"
+            },
+            children: /* @__PURE__ */ jsx(Icon, { size: 15 })
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { gap: 0, children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, children: title }),
           /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-            done,
-            " / ",
             total,
-            " (",
-            percent,
-            "%)"
+            " ",
+            entity === "company" ? "companies" : "contacts"
           ] })
-        ] }),
-        /* @__PURE__ */ jsx(Progress, { value: percent, size: "sm", color: getMemberStateColor2(key) })
-      ] }, key);
-    }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "outline", color: entity === "company" ? "blue" : "teal", children: [
+        stages.length,
+        " stages"
+      ] })
+    ] }),
+    stages.length === 0 ? /* @__PURE__ */ jsx(
+      Box,
+      {
+        p: "sm",
+        style: {
+          border: "1px dashed var(--color-border)",
+          borderRadius: "var(--mantine-radius-md)"
+        },
+        children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: emptyText })
+      }
+    ) : /* @__PURE__ */ jsx(ScrollArea, { type: "hover", offsetScrollbars: true, children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        style: {
+          minWidth: Math.max(560, stages.length * 178),
+          padding: "8px 2px 2px"
+        },
+        children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            style: {
+              alignItems: "start",
+              display: "grid",
+              gap: 0,
+              gridTemplateColumns: `repeat(${stages.length}, minmax(150px, 1fr))`,
+              position: "relative"
+            },
+            children: stages.map((stage, index) => {
+              const counts = getStageProgress(progress, stage.key, entity);
+              const accent = getLeadGenStageColorVar(stage.key);
+              const completion = Math.round(percent(counts.success, counts.total));
+              const attempted = Math.round(percent(counts.attempted, counts.total));
+              return /* @__PURE__ */ jsxs(Stack, { gap: 8, px: "xs", style: { position: "relative", zIndex: 1 }, children: [
+                /* @__PURE__ */ jsxs(Group, { gap: 8, wrap: "nowrap", children: [
+                  /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      w: 44,
+                      h: 44,
+                      style: {
+                        alignItems: "center",
+                        background: getLeadGenStageColorVar(stage.key, "background"),
+                        border: `1px solid ${getLeadGenStageColorVar(stage.key, "border")}`,
+                        borderRadius: 999,
+                        boxShadow: `0 0 0 4px ${getLeadGenStageColorVar(stage.key, "background")}`,
+                        color: accent,
+                        display: "flex",
+                        flexShrink: 0,
+                        fontSize: 13,
+                        fontWeight: 800,
+                        justifyContent: "center"
+                      },
+                      children: index + 1
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(Stack, { gap: 1, style: { minWidth: 0 }, children: [
+                    /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", children: [
+                      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, lineClamp: 1, children: stage.label }),
+                      /* @__PURE__ */ jsx(SourceBadge, { source: stage.source })
+                    ] }),
+                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", lineClamp: 1, children: counts.total > 0 ? `${counts.attempted} / ${counts.total} attempted` : `Ready for ${entity === "company" ? "company" : "contact"} rows` })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(ProgressRail, { counts, stageKey: stage.key }),
+                /* @__PURE__ */ jsxs(Group, { gap: 10, wrap: "nowrap", children: [
+                  /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+                    counts.success,
+                    " success"
+                  ] }),
+                  /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+                    attempted,
+                    "% attempted"
+                  ] }),
+                  counts.error > 0 ? /* @__PURE__ */ jsxs(Text, { size: "xs", c: "red", children: [
+                    counts.error,
+                    " errors"
+                  ] }) : null
+                ] }),
+                /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+                  completion,
+                  "% complete"
+                ] })
+              ] }, stage.key);
+            })
+          }
+        )
+      }
+    ) })
   ] });
 }
-function PipelineStagesCard({ list, progress }) {
-  const hasAnyActivity = Object.keys(progress.byCompanyStage).length > 0 || Object.keys(progress.byContactStage).length > 0;
-  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ jsx(Title, { order: 5, children: "Pipeline Stages" }),
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "filled", color: getStatusColor2(list.status), children: list.status }),
-        list.launchedAt && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-          "Launched ",
-          formatDateTime2(list.launchedAt)
-        ] }),
-        list.completedAt && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-          "Completed ",
-          formatDateTime2(list.completedAt)
-        ] })
+function PipelineFunnel({ progress, pipelineConfig, actions }) {
+  const companyStages = buildLaneStages({ entity: "company", progress, pipelineConfig, actions });
+  const contactStages = buildLaneStages({ entity: "contact", progress, pipelineConfig, actions });
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "lg", children: [
+    /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconListDetails, { size: 16 }), title: "Pipeline" }),
+    /* @__PURE__ */ jsx(
+      TimelineLane,
+      {
+        title: "Company pipeline",
+        entity: "company",
+        total: progress.totalCompanies,
+        stages: companyStages,
+        progress,
+        emptyText: "No company stages are configured, runnable, or recorded yet."
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TimelineLane,
+      {
+        title: "Contact pipeline",
+        entity: "contact",
+        total: progress.totalMembers,
+        stages: contactStages,
+        progress,
+        emptyText: "No contact stages are configured, runnable, or recorded yet."
+      }
+    )
+  ] }) });
+}
+function selectedCount(selection) {
+  return selection.selectedCompanyIds.length + selection.selectedContactIds.length;
+}
+function buildInput(input, selection) {
+  const base = input && typeof input === "object" && !Array.isArray(input) ? input : {};
+  return {
+    ...base,
+    selectedCompanyIds: selection.selectedCompanyIds,
+    selectedContactIds: selection.selectedContactIds
+  };
+}
+function RunWorkflowModal({
+  opened,
+  onClose,
+  list,
+  actions,
+  selection,
+  initialResourceId,
+  title = "Run Workflow",
+  description = "Start a workflow immediately for this list.",
+  lockResourceSelection = false,
+  onResourceChange,
+  onSubmitted
+}) {
+  const [selectedResourceId, setSelectedResourceId] = useState(initialResourceId ?? actions[0]?.resourceId ?? null);
+  const selectedAction = useMemo(
+    () => actions.find((action) => action.resourceId === selectedResourceId) ?? actions[0],
+    [actions, selectedResourceId]
+  );
+  const execution = useWorkflowExecution({
+    workflowId: selectedAction?.resourceId ?? "",
+    listId: list.id
+  });
+  useEffect(() => {
+    if (!opened) return;
+    const nextResourceId = initialResourceId ?? actions[0]?.resourceId ?? null;
+    setSelectedResourceId(nextResourceId);
+    onResourceChange?.(nextResourceId);
+  }, [actions, initialResourceId, onResourceChange, opened]);
+  const actionOptions = actions.map((action) => ({
+    value: action.resourceId,
+    label: action.label
+  }));
+  const handleResourceChange = (value) => {
+    setSelectedResourceId(value);
+    onResourceChange?.(value);
+    execution.reset();
+  };
+  const submitInput = async (input) => {
+    if (!selectedAction) return;
+    try {
+      const result = await execution.execute({
+        input: buildInput(input, selection)
+      });
+      onSubmitted?.(selectedAction.resourceId, result.executionId);
+      onClose();
+    } catch (error) {
+      showApiErrorNotification(error);
+    }
+  };
+  const Form = selectedAction?.inputForm;
+  const count = selectedCount(selection);
+  return /* @__PURE__ */ jsx(CustomModal, { opened, onClose: () => !execution.isPending && onClose(), size: "lg", loading: execution.isPending, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(IconBolt, { size: 22 }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { fw: 600, children: title }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: description })
       ] })
     ] }),
-    !hasAnyActivity ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No pipeline activity yet \u2014 stages appear here as workflows write processing_state flags." }) : /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, md: 2 }, spacing: "md", children: [
+    !actions.length ? /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "No list builder workflows are registered." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        PipelineSection,
+        Select,
         {
-          title: `Company Pipeline (${progress.totalCompanies})`,
-          byStage: progress.byCompanyStage,
-          emptyText: "No company-stage flags recorded yet."
+          label: "Workflow",
+          data: actionOptions,
+          value: selectedAction?.resourceId ?? null,
+          onChange: handleResourceChange,
+          disabled: execution.isPending || lockResourceSelection,
+          searchable: true
         }
       ),
-      /* @__PURE__ */ jsx(
-        PipelineSection,
+      selectedAction ? /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: selectedAction.category }),
+          selectedAction.stagesAffected.map((stage) => /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "outline", color: "gray", children: stage }, stage))
+        ] }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: selectedAction.description })
+      ] }) : null,
+      count > 0 ? /* @__PURE__ */ jsxs(Alert, { color: "blue", variant: "light", children: [
+        "This run includes ",
+        selection.selectedCompanyIds.length,
+        " selected companies and",
+        " ",
+        selection.selectedContactIds.length,
+        " selected contacts."
+      ] }) : null,
+      Form && selectedAction ? /* @__PURE__ */ jsx(Form, { list, onSubmit: submitInput }) : selectedAction ? /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsxs(
+        Button,
         {
-          title: `Contact Pipeline (${progress.totalMembers})`,
-          byStage: progress.byContactStage,
-          emptyText: "No contact-stage flags recorded yet."
+          leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }),
+          loading: execution.isPending,
+          onClick: () => void submitInput(selectedAction.defaultInput?.(list) ?? { listId: list.id }),
+          children: [
+            "Run ",
+            selectedAction.label
+          ]
         }
-      )
+      ) }) : null
     ] })
   ] }) });
 }
-function ListConfigCard({ list }) {
-  const icp = list.icp ?? {};
-  const scraping = list.scrapingConfig ?? {};
-  const hasIcp = Object.values(icp).some((v) => v !== void 0 && v !== null && v !== "");
-  const hasScraping = Object.values(scraping).some((v) => v !== void 0 && v !== null && v !== "");
-  if (!hasIcp && !hasScraping) {
-    return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Title, { order: 5, children: "List Config" }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No ICP rubric or scraping criteria configured for this list." })
-    ] }) });
+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 formatDuration(durationMs) {
+  if (durationMs == null) return "n/a";
+  if (durationMs < 1e3) return `${durationMs} ms`;
+  const seconds = durationMs / 1e3;
+  if (seconds < 60) return `${seconds.toFixed(1)} s`;
+  return `${Math.floor(seconds / 60)}m ${Math.round(seconds % 60)}s`;
+}
+function getStatusColor2(status) {
+  switch (status) {
+    case "completed":
+    case "success":
+    case "succeeded":
+      return "green";
+    case "running":
+    case "pending":
+    case "queued":
+      return "blue";
+    case "failed":
+    case "error":
+    case "cancelled":
+      return "red";
+    default:
+      return "gray";
   }
-  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-    /* @__PURE__ */ jsx(Title, { order: 5, children: "List Config" }),
-    /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, md: 2 }, spacing: "md", children: [
-      hasIcp && /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
-        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "ICP Rubric" }),
-        icp.qualificationRubricKey && /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Rubric Key" }),
-          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: icp.qualificationRubricKey })
+}
+function hasObjectContent(value) {
+  return typeof value === "object" && value !== null && Object.keys(value).length > 0;
+}
+function getRunDetails(run) {
+  const payload = hasObjectContent(run.payload) ? run.payload : void 0;
+  const input = run.input ?? run.inputs ?? payload?.input ?? payload?.inputs;
+  const config = run.configSnapshot ?? run.config_snapshot ?? run.config ?? payload?.config_snapshot ?? payload?.configSnapshot ?? payload?.config;
+  return { input, config };
+}
+function getSummaryKeys(value) {
+  if (!hasObjectContent(value)) return [];
+  return Object.keys(value).slice(0, 6);
+}
+function WorkflowRunsPanel({ listId, title = "Workflow Runs" }) {
+  const navigate = useNavigate();
+  const executionsQuery = useListExecutions(listId);
+  const [expandedExecutionId, setExpandedExecutionId] = useState(null);
+  const executions = useMemo(() => executionsQuery.data ?? [], [executionsQuery.data]);
+  const openWorkflow = (resourceId) => {
+    void navigate({ to: "/operations/resources/workflow/$workflowId", params: { workflowId: resourceId } });
+  };
+  return /* @__PURE__ */ jsxs(Stack, { gap: "sm", p: "md", children: [
+    /* @__PURE__ */ jsx(
+      CardHeader,
+      {
+        icon: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }),
+        title,
+        rightSection: /* @__PURE__ */ jsx(Tooltip, { label: "Refresh runs", children: /* @__PURE__ */ jsx(
+          ActionIcon,
+          {
+            variant: "subtle",
+            size: "sm",
+            "aria-label": "Refresh workflow runs",
+            loading: executionsQuery.isFetching,
+            onClick: () => void executionsQuery.refetch(),
+            children: /* @__PURE__ */ jsx(IconRefresh, { size: 14 })
+          }
+        ) })
+      }
+    ),
+    executionsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "lg", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : !executions.length ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No workflow runs recorded for this list." }) : /* @__PURE__ */ jsx(Table.ScrollContainer, { minWidth: 720, children: /* @__PURE__ */ jsxs(Table, { highlightOnHover: true, children: [
+      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsx(Table.Th, {}),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Workflow" }),
+        /* @__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) => {
+        const details = getRunDetails(execution);
+        const hasDetails = details.input !== void 0 || details.config !== void 0;
+        const expanded = expandedExecutionId === execution.executionId;
+        return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Td, { w: 32, children: /* @__PURE__ */ jsx(
+              ThemeIcon,
+              {
+                variant: "light",
+                color: "blue",
+                size: "md",
+                role: hasDetails ? "button" : void 0,
+                tabIndex: hasDetails ? 0 : void 0,
+                "aria-label": hasDetails ? expanded ? "Collapse run details" : "Expand run details" : void 0,
+                onClick: hasDetails ? () => setExpandedExecutionId(expanded ? null : execution.executionId) : void 0,
+                onKeyDown: hasDetails ? (event) => {
+                  if (event.key === "Enter" || event.key === " ") {
+                    event.preventDefault();
+                    setExpandedExecutionId(expanded ? null : execution.executionId);
+                  }
+                } : void 0,
+                style: {
+                  cursor: hasDetails ? "pointer" : "default",
+                  opacity: hasDetails ? 1 : 0.7
+                },
+                children: expanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: 14 }) : /* @__PURE__ */ jsx(IconChevronRight, { size: 14 })
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(Table.Td, { children: [
+              execution.resourceId ? /* @__PURE__ */ jsx(
+                Text,
+                {
+                  fw: 500,
+                  role: "button",
+                  tabIndex: 0,
+                  c: "blue",
+                  onClick: () => openWorkflow(execution.resourceId),
+                  onKeyDown: (event) => {
+                    if (event.key === "Enter" || event.key === " ") {
+                      event.preventDefault();
+                      openWorkflow(execution.resourceId);
+                    }
+                  },
+                  style: { cursor: "pointer" },
+                  children: execution.resourceId
+                }
+              ) : /* @__PURE__ */ jsx(Text, { fw: 500, children: "Unknown workflow" }),
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ff: "monospace", children: execution.executionId })
+            ] }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor2(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: formatDuration(execution.durationMs) })
+          ] }),
+          /* @__PURE__ */ jsx(Table.Tr, { children: /* @__PURE__ */ jsx(Table.Td, { colSpan: 6, p: 0, children: /* @__PURE__ */ jsx(Collapse, { in: expanded, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", p: "sm", children: [
+            details.input !== void 0 ? /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+              /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "Input" }),
+                getSummaryKeys(details.input).map((key) => /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: "gray", children: key }, key))
+              ] }),
+              /* @__PURE__ */ jsx(JsonViewer, { data: details.input, maxHeight: 220, fontSize: "0.75rem" })
+            ] }) : null,
+            details.config !== void 0 ? /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+              /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "Config" }),
+                getSummaryKeys(details.config).map((key) => /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: "gray", children: key }, key))
+              ] }),
+              /* @__PURE__ */ jsx(JsonViewer, { data: details.config, maxHeight: 220, fontSize: "0.75rem" })
+            ] }) : null
+          ] }) }) }) })
+        ] }, execution.executionId);
+      }) })
+    ] }) })
+  ] });
+}
+var EMPTY_SELECTION = {
+  selectedCompanyIds: [],
+  selectedContactIds: []
+};
+function formatDateTime3(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 getStatusColor3(status) {
+  switch (status) {
+    case "completed":
+    case "success":
+    case "launched":
+      return "green";
+    case "running":
+    case "pending":
+    case "enriching":
+      return "blue";
+    case "failed":
+    case "error":
+    case "archived":
+      return "red";
+    case "closing":
+      return "yellow";
+    default:
+      return "gray";
+  }
+}
+function ListBuilderPage({ listId }) {
+  const navigate = useNavigate();
+  const actions = useListActions();
+  const [runModalOpen, setRunModalOpen] = useState(false);
+  const [initialRunResourceId, setInitialRunResourceId] = useState(null);
+  const listQuery = useList(listId);
+  const progressQuery = useListProgress(listId);
+  const executionsQuery = useListExecutions(listId);
+  const isLoading = listQuery.isLoading || progressQuery.isLoading || executionsQuery.isLoading;
+  const error = listQuery.error ?? progressQuery.error ?? executionsQuery.error;
+  const executions = useMemo(() => executionsQuery.data ?? [], [executionsQuery.data]);
+  const openRunModal = (resourceId) => {
+    const nextResourceId = actions[0]?.resourceId ?? null;
+    setInitialRunResourceId(nextResourceId);
+    setRunModalOpen(true);
+  };
+  const closeRunModal = () => {
+    setRunModalOpen(false);
+    setInitialRunResourceId(null);
+  };
+  const copyListCommand = (id) => {
+    void navigator.clipboard.writeText(`/acquisition --lead-gen list ${id}`);
+    showSuccessNotification("Copied list command to clipboard");
+  };
+  const backButton = /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "light",
+      size: "xs",
+      leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+      onClick: () => navigate({ to: "/lead-gen/lists" }),
+      children: "Lists"
+    }
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: "List Builder", caption: "Lead-gen workspace", rightSection: backButton }),
+      /* @__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 Builder", caption: "Lead-gen workspace", rightSection: backButton }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load list builder" }) })
+    ] }) }) });
+  }
+  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." }),
+      /* @__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;
+  return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
+    /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: list.name,
+          caption: list.description ?? "Lead-gen list builder",
+          rightSection: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+            /* @__PURE__ */ jsx(Button, { size: "xs", leftSection: /* @__PURE__ */ jsx(IconBolt, { size: 16 }), onClick: () => openRunModal(), children: "Run Workflow" }),
+            backButton
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "filled", color: getStatusColor3(list.status), children: list.status }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+            "Created ",
+            formatDateTime3(list.createdAt)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Group, { gap: "xs", children: /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", onClick: () => copyListCommand(list.id), style: { cursor: "pointer" }, children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ff: "monospace", children: list.id }),
+          /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", "aria-label": "Copy list command", children: /* @__PURE__ */ jsx(IconCopy, { size: 14 }) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2, lg: 4 }, children: [
+        /* @__PURE__ */ jsx(StatCard, { label: "Companies", value: progress.totalCompanies, icon: IconBuilding }),
+        /* @__PURE__ */ jsx(StatCard, { label: "Contacts", value: progress.totalMembers, icon: IconUsers }),
+        /* @__PURE__ */ jsx(StatCard, { label: "Workflows", value: actions.length, icon: IconBolt }),
+        /* @__PURE__ */ jsx(StatCard, { label: "Runs", value: executions.length, icon: IconPlayerPlay })
+      ] }),
+      /* @__PURE__ */ jsx(PipelineFunnel, { progress, pipelineConfig: list.pipelineConfig, actions }),
+      /* @__PURE__ */ jsx(WorkflowRunsPanel, { listId })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      RunWorkflowModal,
+      {
+        opened: runModalOpen,
+        onClose: closeRunModal,
+        list,
+        actions,
+        selection: EMPTY_SELECTION,
+        initialResourceId: initialRunResourceId,
+        onSubmitted: (_resourceId, executionId) => {
+          showSuccessNotification(`Workflow run started: ${executionId}`);
+        }
+      }
+    )
+  ] });
+}
+function CompanyCleanupForm({ list, onSubmit }) {
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const form = useForm({
+    initialValues: {
+      targetDescription: "",
+      tag: "",
+      dryRun: true,
+      batchSize: 20
+    },
+    validate: {
+      targetDescription: (value) => value.trim().length > 0 ? null : "Target description is required.",
+      batchSize: (value) => Number.isInteger(value) && value >= 1 ? null : "Use a whole number of at least 1."
+    }
+  });
+  const handleSubmit = form.onSubmit(async (values) => {
+    setIsSubmitting(true);
+    try {
+      const tag = values.tag.trim();
+      await onSubmit({
+        listId: list.id,
+        targetDescription: values.targetDescription.trim(),
+        ...tag ? { tag } : {},
+        dryRun: values.dryRun,
+        batchSize: values.batchSize
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  });
+  return /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        label: "Target description",
+        placeholder: "independent veterinary clinics in Orange County",
+        minRows: 3,
+        autosize: true,
+        disabled: isSubmitting,
+        required: true,
+        ...form.getInputProps("targetDescription")
+      }
+    ),
+    /* @__PURE__ */ jsx(TextInput, { label: "Tag kept companies", placeholder: "vet-clinic", disabled: isSubmitting, ...form.getInputProps("tag") }),
+    /* @__PURE__ */ jsx(
+      NumberInput,
+      {
+        label: "Batch size",
+        min: 1,
+        allowDecimal: false,
+        disabled: isSubmitting,
+        required: true,
+        ...form.getInputProps("batchSize")
+      }
+    ),
+    /* @__PURE__ */ jsx(Switch, { label: "Dry run", disabled: isSubmitting, ...form.getInputProps("dryRun", { type: "checkbox" }) }),
+    /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "submit",
+        loading: isSubmitting,
+        disabled: !form.values.targetDescription.trim(),
+        leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }),
+        children: "Run Company Cleanup"
+      }
+    ) })
+  ] }) });
+}
+function optionalNumber(value) {
+  return value === "" ? void 0 : value;
+}
+function EmailDiscoveryForm({ list, onSubmit }) {
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const form = useForm({
+    initialValues: {
+      maxCompanies: "",
+      dryRun: false,
+      chain: false,
+      concurrency: 1,
+      credentialName: "",
+      tombaTimeoutMs: 15e3
+    },
+    validate: {
+      maxCompanies: (value) => value === "" || Number.isInteger(value) && value >= 1 && value <= 500 ? null : "Use a whole number from 1 to 500.",
+      concurrency: (value) => Number.isInteger(value) && value >= 1 && value <= 10 ? null : "Use a whole number from 1 to 10.",
+      tombaTimeoutMs: (value) => Number.isInteger(value) && value >= 1e3 ? null : "Use a timeout of at least 1000 ms."
+    }
+  });
+  const handleSubmit = form.onSubmit(async (values) => {
+    setIsSubmitting(true);
+    try {
+      const credentialName = values.credentialName.trim();
+      await onSubmit({
+        listId: list.id,
+        ...optionalNumber(values.maxCompanies) !== void 0 ? { maxCompanies: optionalNumber(values.maxCompanies) } : {},
+        dryRun: values.dryRun,
+        chain: values.chain,
+        concurrency: values.concurrency,
+        ...credentialName ? { credentialName } : {},
+        tombaTimeoutMs: values.tombaTimeoutMs
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  });
+  return /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(
+      NumberInput,
+      {
+        label: "Max companies",
+        description: "Leave empty to process every eligible company.",
+        min: 1,
+        max: 500,
+        allowDecimal: false,
+        disabled: isSubmitting,
+        ...form.getInputProps("maxCompanies")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      NumberInput,
+      {
+        label: "Concurrency",
+        min: 1,
+        max: 10,
+        allowDecimal: false,
+        disabled: isSubmitting,
+        required: true,
+        ...form.getInputProps("concurrency")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: "Tomba credential",
+        placeholder: "Default credential",
+        disabled: isSubmitting,
+        ...form.getInputProps("credentialName")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      NumberInput,
+      {
+        label: "Tomba timeout",
+        suffix: " ms",
+        min: 1e3,
+        step: 1e3,
+        allowDecimal: false,
+        disabled: isSubmitting,
+        required: true,
+        ...form.getInputProps("tombaTimeoutMs")
+      }
+    ),
+    /* @__PURE__ */ jsx(Switch, { label: "Dry run", disabled: isSubmitting, ...form.getInputProps("dryRun", { type: "checkbox" }) }),
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        label: "Run email verification after discovery",
+        disabled: isSubmitting,
+        ...form.getInputProps("chain", { type: "checkbox" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(Button, { type: "submit", loading: isSubmitting, leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }), children: "Run Email Discovery" }) })
+  ] }) });
+}
+function EmailVerificationForm({ list, onSubmit }) {
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const form = useForm({
+    initialValues: {
+      limit: 100,
+      skipAlreadyVerified: true
+    },
+    validate: {
+      limit: (value) => Number.isInteger(value) && value >= 1 && value <= 500 ? null : "Use a whole number from 1 to 500."
+    }
+  });
+  const handleSubmit = form.onSubmit(async (values) => {
+    setIsSubmitting(true);
+    try {
+      await onSubmit({
+        listId: list.id,
+        limit: values.limit,
+        skipAlreadyVerified: values.skipAlreadyVerified
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  });
+  return /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(
+      NumberInput,
+      {
+        label: "Contact limit",
+        min: 1,
+        max: 500,
+        allowDecimal: false,
+        disabled: isSubmitting,
+        required: true,
+        ...form.getInputProps("limit")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        label: "Skip already verified contacts",
+        disabled: isSubmitting,
+        ...form.getInputProps("skipAlreadyVerified", { type: "checkbox" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(Button, { type: "submit", loading: isSubmitting, leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }), children: "Run Email Verification" }) })
+  ] }) });
+}
+function WebsiteExtractForm({ list, onSubmit }) {
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const form = useForm({
+    initialValues: {
+      limit: 200,
+      concurrency: 10,
+      chain: false
+    },
+    validate: {
+      limit: (value) => Number.isInteger(value) && value >= 1 && value <= 200 ? null : "Use a whole number from 1 to 200.",
+      concurrency: (value) => Number.isInteger(value) && value >= 1 ? null : "Use a whole number of at least 1."
+    }
+  });
+  const handleSubmit = form.onSubmit(async (values) => {
+    setIsSubmitting(true);
+    try {
+      await onSubmit({
+        listId: list.id,
+        limit: values.limit,
+        concurrency: values.concurrency,
+        chain: values.chain
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  });
+  return /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(
+      NumberInput,
+      {
+        label: "Company limit",
+        min: 1,
+        max: 200,
+        allowDecimal: false,
+        disabled: isSubmitting,
+        required: true,
+        ...form.getInputProps("limit")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      NumberInput,
+      {
+        label: "Concurrency",
+        min: 1,
+        allowDecimal: false,
+        disabled: isSubmitting,
+        required: true,
+        ...form.getInputProps("concurrency")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        label: "Run company qualification after extraction",
+        disabled: isSubmitting,
+        ...form.getInputProps("chain", { type: "checkbox" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(Button, { type: "submit", loading: isSubmitting, leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }), children: "Run Website Extract" }) })
+  ] }) });
+}
+function formatDateTime4(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 contactDisplayName(firstName, lastName) {
+  const full = [firstName, lastName].filter(Boolean).join(" ").trim();
+  return full || "\u2014";
+}
+function getStatusColor4(status) {
+  switch (status) {
+    case "draft":
+      return "gray";
+    case "enriching":
+      return "blue";
+    case "launched":
+      return "green";
+    case "closing":
+      return "yellow";
+    case "archived":
+      return "red";
+    default:
+      return "gray";
+  }
+}
+function getMemberStateColor2(stateKey) {
+  switch (stateKey) {
+    case "personalized":
+    case "verified":
+    case "qualified":
+    case "interested":
+      return "green";
+    case "uploaded":
+    case "discovered":
+    case "extracted":
+    case "populated":
+      return "blue";
+    case "pending":
+      return "gray";
+    default:
+      return "gray";
+  }
+}
+var ORPHAN_STAGE_ORDER = 9999;
+var EMPTY_SELECTION2 = {
+  selectedCompanyIds: [],
+  selectedContactIds: []
+};
+var BUILD_TEMPLATE_SELECT_OPTIONS2 = PROSPECTING_BUILD_TEMPLATE_OPTIONS.map((template) => ({
+  value: template.id,
+  label: template.label
+}));
+var MVP_BUILD_STEPS = [
+  {
+    id: "source-companies",
+    label: "Source companies",
+    description: "Add or import the company cohort for this list.",
+    primaryEntity: "company",
+    outputs: ["company"],
+    stageKey: "populated",
+    dependencyMode: "per-record-eligibility",
+    capabilityKey: "lead-gen.company.source",
+    defaultBatchSize: 100,
+    maxBatchSize: 250,
+    emptyBlockedText: "No company source has been configured or populated yet."
+  },
+  {
+    id: "analyze-websites",
+    label: "Analyze websites",
+    description: "Extract website intelligence for sourced companies.",
+    primaryEntity: "company",
+    outputs: ["company"],
+    stageKey: "extracted",
+    dependsOn: ["source-companies"],
+    dependencyMode: "per-record-eligibility",
+    capabilityKey: "lead-gen.company.website-extract",
+    defaultBatchSize: 50,
+    maxBatchSize: 100,
+    emptyBlockedText: "Source companies before website analysis can run."
+  },
+  {
+    id: "qualify-companies",
+    label: "Qualify companies",
+    description: "Apply the ICP rubric to companies with enough context.",
+    primaryEntity: "company",
+    outputs: ["company"],
+    stageKey: "qualified",
+    dependsOn: ["analyze-websites"],
+    dependencyMode: "per-record-eligibility",
+    capabilityKey: "lead-gen.company.qualify",
+    defaultBatchSize: 100,
+    maxBatchSize: 250,
+    emptyBlockedText: "Analyze websites before qualification can run."
+  },
+  {
+    id: "find-contacts",
+    label: "Find contacts",
+    description: "Discover contacts for qualified companies.",
+    primaryEntity: "contact",
+    outputs: ["contact"],
+    stageKey: "discovered",
+    dependsOn: ["qualify-companies"],
+    dependencyMode: "per-record-eligibility",
+    capabilityKey: "lead-gen.contact.discover",
+    defaultBatchSize: 50,
+    maxBatchSize: 100,
+    emptyBlockedText: "Qualify companies before contact discovery can run."
+  },
+  {
+    id: "verify-emails",
+    label: "Verify emails",
+    description: "Verify deliverability for discovered contact emails.",
+    primaryEntity: "contact",
+    outputs: ["contact"],
+    stageKey: "verified",
+    dependsOn: ["find-contacts"],
+    dependencyMode: "per-record-eligibility",
+    capabilityKey: "lead-gen.contact.verify-email",
+    defaultBatchSize: 100,
+    maxBatchSize: 500,
+    emptyBlockedText: "Find contacts before email verification can run."
+  },
+  {
+    id: "personalize",
+    label: "Personalize",
+    description: "Generate outreach personalization for verified contacts.",
+    primaryEntity: "contact",
+    outputs: ["contact"],
+    stageKey: "personalized",
+    dependsOn: ["verify-emails"],
+    dependencyMode: "per-record-eligibility",
+    capabilityKey: "lead-gen.contact.personalize",
+    defaultBatchSize: 25,
+    maxBatchSize: 100,
+    emptyBlockedText: "Verify emails before personalization can run."
+  },
+  {
+    id: "review",
+    label: "Review",
+    description: "Review personalized records before outreach handoff.",
+    primaryEntity: "contact",
+    outputs: ["export"],
+    stageKey: "uploaded",
+    dependsOn: ["personalize"],
+    dependencyMode: "per-record-eligibility",
+    capabilityKey: "lead-gen.review.outreach-ready",
+    defaultBatchSize: 25,
+    maxBatchSize: 100,
+    emptyBlockedText: "Personalize contacts before records are ready for review."
+  }
+];
+function sortStageKeys(keys) {
+  return keys.slice().sort((a, b) => {
+    const oa = LEAD_GEN_STAGE_CATALOG[a]?.order ?? ORPHAN_STAGE_ORDER;
+    const ob = LEAD_GEN_STAGE_CATALOG[b]?.order ?? ORPHAN_STAGE_ORDER;
+    return oa - ob || a.localeCompare(b);
+  });
+}
+function getStageProgress2(progress, step) {
+  return step.primaryEntity === "company" ? progress.byCompanyStage[step.stageKey] : progress.byContactStage[step.stageKey];
+}
+function getEntityTotal(progress, entity) {
+  return entity === "company" ? progress.totalCompanies : progress.totalMembers;
+}
+function findActionForStep(actions, step) {
+  return actions.find((action) => action.capabilityKey === step.capabilityKey) ?? actions.find((action) => action.stagesAffected?.includes(step.stageKey));
+}
+function normalizeBuildPlanStep(step) {
+  const fallback = MVP_BUILD_STEPS.find((item) => item.id === step.id || item.stageKey === step.stageKey);
+  return {
+    id: step.id,
+    label: step.label,
+    description: step.description ?? fallback?.description ?? `Run ${step.label.toLowerCase()} for this list.`,
+    primaryEntity: step.primaryEntity,
+    outputs: step.outputs,
+    stageKey: step.stageKey,
+    dependsOn: step.dependsOn,
+    dependencyMode: step.dependencyMode,
+    capabilityKey: step.capabilityKey,
+    defaultBatchSize: step.defaultBatchSize,
+    maxBatchSize: step.maxBatchSize,
+    emptyBlockedText: fallback?.emptyBlockedText ?? "Complete prerequisite build steps before this action can run."
+  };
+}
+function isCurrentBuildPlanStep(step) {
+  if (!step || typeof step !== "object") return false;
+  const candidate = step;
+  return (candidate.primaryEntity === "company" || candidate.primaryEntity === "contact") && Array.isArray(candidate.outputs) && candidate.outputs.length > 0 && candidate.dependencyMode === "per-record-eligibility";
+}
+function resolveBuildPlanSteps(list) {
+  const snapshot = list.metadata.buildPlanSnapshot;
+  const snapshotSteps = snapshot?.steps;
+  if (snapshotSteps?.length && snapshotSteps.every(isCurrentBuildPlanStep)) {
+    return snapshotSteps.map(normalizeBuildPlanStep);
+  }
+  if (snapshot?.templateId) {
+    const templateSnapshot = createBuildPlanSnapshotFromTemplateId(snapshot.templateId);
+    if (templateSnapshot?.steps.length) return templateSnapshot.steps.map(normalizeBuildPlanStep);
+  }
+  return MVP_BUILD_STEPS;
+}
+function getPrerequisiteSteps(step, byStepId) {
+  return (step.dependsOn ?? []).flatMap((dependencyId) => {
+    const dependency = byStepId.get(dependencyId);
+    return dependency ? [dependency] : [];
+  });
+}
+function getStepActionKind(ready, failed, action) {
+  if (!action) return "none";
+  if (failed > 0) return "retry_failed";
+  if (ready > 0) return "run_next_batch";
+  return "none";
+}
+function getStepActionLabel(kind) {
+  switch (kind) {
+    case "retry_failed":
+      return "Retry failed";
+    case "run_next_batch":
+      return "Run next batch";
+    case "advanced":
+      return "Advanced";
+    case "none":
+    default:
+      return "No action";
+  }
+}
+function getStepRecommendedAction(step, action, kind) {
+  if (!action || kind === "none") return void 0;
+  return {
+    kind,
+    label: getStepActionLabel(kind),
+    capabilityKey: action.capabilityKey ?? step.capabilityKey,
+    defaultSize: step.defaultBatchSize,
+    maxSize: step.maxBatchSize
+  };
+}
+function deriveBuildStepStates(list, progress, actions) {
+  const byStepId = /* @__PURE__ */ new Map();
+  for (const step of resolveBuildPlanSteps(list)) {
+    const stageProgress = getStageProgress2(progress, step);
+    const entityTotal = getEntityTotal(progress, step.primaryEntity);
+    const prerequisites = getPrerequisiteSteps(step, byStepId);
+    const hasDependencies = (step.dependsOn?.length ?? 0) > 0;
+    const eligibleTotal = hasDependencies ? prerequisites.reduce((sum, prerequisite) => sum + prerequisite.complete, 0) : entityTotal > 0 ? entityTotal : step.outputs.includes(step.primaryEntity) ? step.defaultBatchSize : 0;
+    const total = Math.max(stageProgress?.total ?? 0, entityTotal, eligibleTotal);
+    const complete = stageProgress ? stageProgress.success + stageProgress.noResult + stageProgress.skipped + stageProgress.other : 0;
+    const failed = stageProgress?.error ?? 0;
+    const ready = Math.max(0, eligibleTotal - complete - failed);
+    const blocked = hasDependencies ? Math.max(entityTotal - eligibleTotal, 0) : 0;
+    const status = failed > 0 ? "failed" : ready > 0 ? "ready" : blocked > 0 || total === 0 ? "blocked" : "complete";
+    const action = findActionForStep(actions, step);
+    const nextActionKind = getStepActionKind(ready, failed, action);
+    const state = {
+      ...step,
+      status,
+      ready,
+      complete,
+      failed,
+      blocked,
+      nextActionKind,
+      recommendedAction: getStepRecommendedAction(step, action, nextActionKind),
+      action
+    };
+    byStepId.set(step.id, state);
+  }
+  return Array.from(byStepId.values());
+}
+function getRecommendedBuildStep(steps) {
+  return steps.find((step) => step.nextActionKind === "retry_failed") ?? steps.find((step) => step.nextActionKind === "run_next_batch") ?? null;
+}
+function resolveBuildState(list, progress, actions) {
+  const steps = deriveBuildStepStates(list, progress, actions);
+  const recommendedStep = getRecommendedBuildStep(steps);
+  return {
+    steps,
+    recommendedStep,
+    recommendedAction: recommendedStep?.recommendedAction ?? null
+  };
+}
+function PipelineSection({
+  title,
+  byStage,
+  emptyText
+}) {
+  const orderedKeys = sortStageKeys(Object.keys(byStage));
+  return /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: title }),
+    orderedKeys.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: emptyText }) : /* @__PURE__ */ jsx(Stack, { gap: "xs", children: orderedKeys.map((key) => {
+      const entry = byStage[key];
+      const total = entry?.total ?? 0;
+      const attempted = entry?.attempted ?? 0;
+      const percent2 = total > 0 ? Math.round(attempted / total * 100) : 0;
+      const label = LEAD_GEN_STAGE_CATALOG[key]?.label ?? key;
+      const segments = [
+        { key: "success", value: entry?.success ?? 0, color: "var(--mantine-color-green-6)" },
+        { key: "noResult", value: entry?.noResult ?? 0, color: "var(--mantine-color-gray-6)" },
+        { key: "skipped", value: entry?.skipped ?? 0, color: "var(--mantine-color-yellow-6)" },
+        { key: "error", value: entry?.error ?? 0, color: "var(--mantine-color-red-6)" },
+        { key: "other", value: entry?.other ?? 0, color: "var(--mantine-color-blue-6)" }
+      ].filter((segment) => segment.value > 0);
+      const statusSummary = [
+        `${entry?.success ?? 0} success`,
+        `${entry?.noResult ?? 0} no result`,
+        `${entry?.skipped ?? 0} skipped`,
+        `${entry?.error ?? 0} errors`,
+        (entry?.other ?? 0) > 0 ? `${entry?.other ?? 0} other` : null,
+        (entry?.notAttempted ?? 0) > 0 ? `${entry?.notAttempted ?? 0} not attempted` : null
+      ].filter(Boolean);
+      return /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: label }),
+          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+            attempted,
+            " / ",
+            total,
+            " attempted (",
+            percent2,
+            "%)"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            h: 8,
+            bg: "var(--mantine-color-dark-4)",
+            style: { borderRadius: 999, display: "flex", overflow: "hidden" },
+            children: segments.map((segment) => /* @__PURE__ */ jsx(
+              Box,
+              {
+                h: "100%",
+                w: `${total > 0 ? segment.value / total * 100 : 0}%`,
+                bg: segment.color
+              },
+              segment.key
+            ))
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: statusSummary.join(" \xB7 ") })
+      ] }, key);
+    }) })
+  ] });
+}
+function PipelineStagesCard({ list, progress }) {
+  const hasAnyActivity = Object.keys(progress.byCompanyStage).length > 0 || Object.keys(progress.byContactStage).length > 0;
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsx(Title, { order: 5, children: "Pipeline Stages" }),
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "filled", color: getStatusColor4(list.status), children: list.status }),
+        list.launchedAt && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Launched ",
+          formatDateTime4(list.launchedAt)
+        ] }),
+        list.completedAt && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Completed ",
+          formatDateTime4(list.completedAt)
+        ] })
+      ] })
+    ] }),
+    !hasAnyActivity ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No pipeline activity yet \u2014 stages appear here as workflows write processing_state flags." }) : /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, md: 2 }, spacing: "md", children: [
+      /* @__PURE__ */ jsx(
+        PipelineSection,
+        {
+          title: `Company Pipeline (${progress.totalCompanies})`,
+          byStage: progress.byCompanyStage,
+          emptyText: "No company-stage flags recorded yet."
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        PipelineSection,
+        {
+          title: `Contact Pipeline (${progress.totalMembers})`,
+          byStage: progress.byContactStage,
+          emptyText: "No contact-stage flags recorded yet."
+        }
+      )
+    ] })
+  ] }) });
+}
+function ListConfigCard({ list }) {
+  const icp = list.icp ?? {};
+  const scraping = list.scrapingConfig ?? {};
+  const hasIcp = Object.values(icp).some((v) => v !== void 0 && v !== null && v !== "");
+  const hasScraping = Object.values(scraping).some((v) => v !== void 0 && v !== null && v !== "");
+  if (!hasIcp && !hasScraping) {
+    return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Title, { order: 5, children: "List Config" }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No ICP rubric or scraping criteria configured for this list." })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ jsx(Title, { order: 5, children: "List Config" }),
+    /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, md: 2 }, spacing: "md", children: [
+      hasIcp && /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
+        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "ICP Rubric" }),
+        icp.qualificationRubricKey && /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Rubric Key" }),
+          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: icp.qualificationRubricKey })
         ] }),
         icp.targetDescription && /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
           /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Target" }),
@@ -1239,19 +2627,310 @@ function ListConfigCard({ list }) {
 }
 function OverviewTab({ list, progress }) {
   const hasMetadata = list.metadata && Object.keys(list.metadata).length > 0;
-  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-    /* @__PURE__ */ jsx(PipelineStagesCard, { list, progress }),
-    /* @__PURE__ */ jsx(ListConfigCard, { list }),
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", p: "md", children: [
+    /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconBuilding, { size: 16 }), title: "Overview" }),
     /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, children: [
       /* @__PURE__ */ jsx(StatCard, { label: "Companies", value: progress.totalCompanies, icon: IconBuilding }),
       /* @__PURE__ */ jsx(StatCard, { label: "Members", value: progress.totalMembers, icon: IconUsers })
     ] }),
+    /* @__PURE__ */ jsx(PipelineStagesCard, { list, progress }),
+    /* @__PURE__ */ jsx(ListConfigCard, { list }),
     hasMetadata && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
       /* @__PURE__ */ jsx(Title, { order: 5, children: "Metadata / Qualification Signals" }),
       /* @__PURE__ */ jsx(JsonViewer, { data: list.metadata, maxHeight: 320 })
     ] }) })
   ] });
 }
+function getBuildStatusLabel(status) {
+  switch (status) {
+    case "failed":
+      return "Needs retry";
+    case "blocked":
+      return "Waiting";
+    case "complete":
+      return "Complete";
+    case "ready":
+    default:
+      return "Ready";
+  }
+}
+function getBuildToneStyle(tone) {
+  switch (tone) {
+    case "complete":
+      return {
+        backgroundColor: "color-mix(in srgb, var(--color-success) 16%, transparent)",
+        borderColor: "color-mix(in srgb, var(--color-success) 34%, var(--color-border))",
+        color: "var(--color-success)"
+      };
+    case "failed":
+      return {
+        backgroundColor: "color-mix(in srgb, var(--color-error) 14%, transparent)",
+        borderColor: "color-mix(in srgb, var(--color-error) 38%, var(--color-border))",
+        color: "var(--color-error)"
+      };
+    case "ready":
+      return {
+        backgroundColor: "color-mix(in srgb, var(--color-primary) 14%, transparent)",
+        borderColor: "color-mix(in srgb, var(--color-primary) 34%, var(--color-border))",
+        color: "var(--color-primary)"
+      };
+    case "blocked":
+    case "neutral":
+    default:
+      return {
+        backgroundColor: "color-mix(in srgb, var(--color-surface-hover) 70%, transparent)",
+        borderColor: "var(--color-border)",
+        color: "var(--color-text-dimmed)"
+      };
+  }
+}
+function StatusPill({ label, tone }) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "span",
+      px: 8,
+      py: 3,
+      style: {
+        ...getBuildToneStyle(tone),
+        borderRadius: 999,
+        borderStyle: "solid",
+        borderWidth: 1,
+        display: "inline-flex",
+        fontSize: 11,
+        fontWeight: 700,
+        lineHeight: 1,
+        whiteSpace: "nowrap"
+      },
+      children: label
+    }
+  );
+}
+function CountBadge({ label, value, tone }) {
+  const toneStyle = getBuildToneStyle(tone);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      p: "xs",
+      style: {
+        backgroundColor: "var(--color-surface)",
+        border: "1px solid var(--color-border)",
+        borderRadius: 8
+      },
+      children: [
+        /* @__PURE__ */ jsx(Text, { size: "lg", fw: 700, style: { color: toneStyle.color }, children: value }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", tt: "uppercase", fw: 700, children: label })
+      ]
+    }
+  );
+}
+function BuildStepProgressBar({ step }) {
+  const segments = [
+    { key: "complete", value: step.complete, color: "var(--color-success)" },
+    { key: "ready", value: step.ready, color: "var(--color-primary)" },
+    { key: "failed", value: step.failed, color: "var(--color-error)" },
+    { key: "blocked", value: step.blocked, color: "var(--color-border)" }
+  ].filter((segment) => segment.value > 0);
+  const total = segments.reduce((sum, segment) => sum + segment.value, 0);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      h: 8,
+      "aria-label": `${step.label} progress: ${step.complete} complete, ${step.ready} ready, ${step.failed} failed, ${step.blocked} blocked`,
+      style: {
+        backgroundColor: "color-mix(in srgb, var(--color-border) 65%, transparent)",
+        borderRadius: 999,
+        display: "flex",
+        overflow: "hidden"
+      },
+      children: segments.map((segment) => /* @__PURE__ */ jsx(Box, { h: "100%", w: `${total > 0 ? segment.value / total * 100 : 0}%`, bg: segment.color }, segment.key))
+    }
+  );
+}
+function pluralize(value, singular, plural = `${singular}s`) {
+  return `${value} ${value === 1 ? singular : plural}`;
+}
+function getStepEntityLabel(step, value) {
+  if (step.primaryEntity === "company") return pluralize(value, "company", "companies");
+  if (step.primaryEntity === "contact") return pluralize(value, "contact");
+  return pluralize(value, "record");
+}
+function getStepActionSummary(step) {
+  if (step.failed > 0) {
+    return `${getStepEntityLabel(step, step.failed)} ${step.failed === 1 ? "needs" : "need"} retry before the next step can continue.`;
+  }
+  if (step.ready > 0) {
+    return `${getStepEntityLabel(step, step.ready)} ${step.ready === 1 ? "is" : "are"} ready for the next bounded run.`;
+  }
+  if (step.blocked > 0) return step.emptyBlockedText;
+  if (step.complete > 0) return `${step.label} is complete for the current cohort.`;
+  return "No runnable records are available for this step.";
+}
+function getStepCompactSummary(step) {
+  const parts = [
+    step.complete > 0 ? `${step.complete} complete` : null,
+    step.ready > 0 ? `${step.ready} ready` : null,
+    step.failed > 0 ? `${step.failed} failed` : null,
+    step.blocked > 0 ? `${step.blocked} waiting` : null
+  ].filter(Boolean);
+  return parts.length ? parts.join(" | ") : "No records yet";
+}
+function getDisplayStep(steps, recommendedStep) {
+  return recommendedStep ?? steps.find((step) => step.status !== "complete") ?? steps[steps.length - 1] ?? null;
+}
+function BuildTab({
+  steps,
+  recommendedStep,
+  onRunStep,
+  onRetryStep,
+  onViewRuns
+}) {
+  const [selectedStepId, setSelectedStepId] = useState(null);
+  const currentStep = getDisplayStep(steps, recommendedStep);
+  const selectedStep = steps.find((step) => step.id === selectedStepId) ?? currentStep;
+  const currentStepIndex = currentStep ? steps.findIndex((step) => step.id === currentStep.id) : -1;
+  const selectedStepIndex = selectedStep ? steps.findIndex((step) => step.id === selectedStep.id) : -1;
+  const selectedActionKind = selectedStep?.nextActionKind ?? "none";
+  const canRunSelectedAction = !!selectedStep?.action && (selectedActionKind === "retry_failed" || selectedActionKind === "run_next_batch");
+  const selectedActionIcon = selectedActionKind === "retry_failed" ? /* @__PURE__ */ jsx(IconRefresh, { size: 14 }) : /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 });
+  const handleSelectedAction = () => {
+    if (!selectedStep || !canRunSelectedAction) return;
+    if (selectedActionKind === "retry_failed") {
+      onRetryStep(selectedStep);
+      return;
+    }
+    onRunStep(selectedStep);
+  };
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", p: "md", children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconBolt, { size: 16 }), title: "Build" }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: currentStep ? `${currentStep.label} is the current step in this list build.` : "No build steps are available for this list." })
+    ] }),
+    currentStep ? /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", style: { minWidth: 0 }, children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(
+          StatusPill,
+          {
+            label: `Step ${currentStepIndex + 1} of ${steps.length}`,
+            tone: currentStep.status === "failed" ? "failed" : "ready"
+          }
+        ),
+        /* @__PURE__ */ jsx(StatusPill, { label: getBuildStatusLabel(currentStep.status), tone: currentStep.status })
+      ] }),
+      /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: currentStep.label }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: getStepActionSummary(currentStep) }),
+        currentStep.recommendedAction?.defaultSize !== void 0 && currentStep.recommendedAction.maxSize !== void 0 ? /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Runs up to ",
+          currentStep.recommendedAction.defaultSize,
+          " by default,",
+          " ",
+          currentStep.recommendedAction.maxSize,
+          " max."
+        ] }) : null,
+        !currentStep.action && (currentStep.ready > 0 || currentStep.failed > 0) ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No workflow is mapped for this step yet." }) : null
+      ] })
+    ] }) }) : null,
+    /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, md: 2 }, spacing: "md", children: [
+      /* @__PURE__ */ jsx(Stack, { gap: "xs", children: steps.map((step, index) => {
+        const isCurrent = currentStep?.id === step.id;
+        const isSelected = selectedStep?.id === step.id;
+        const isWaiting = step.status === "blocked";
+        const isPassiveWaiting = isWaiting && !isSelected && !isCurrent;
+        const stepTone = isSelected || isCurrent ? step.status : step.status === "complete" || isWaiting ? step.status : "neutral";
+        return /* @__PURE__ */ jsx(
+          UnstyledButton,
+          {
+            onClick: () => setSelectedStepId(step.id),
+            style: {
+              backgroundColor: isSelected ? "var(--active-background)" : isPassiveWaiting ? "color-mix(in srgb, var(--color-surface-hover) 38%, transparent)" : "transparent",
+              border: isSelected ? "var(--active-border)" : "1px solid var(--color-border)",
+              borderStyle: isPassiveWaiting ? "dashed" : "solid",
+              borderRadius: 8,
+              display: "block",
+              opacity: isPassiveWaiting ? 0.72 : 1,
+              padding: 12,
+              textAlign: "left",
+              width: "100%"
+            },
+            children: /* @__PURE__ */ jsxs(Group, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
+              /* @__PURE__ */ jsx(
+                Box,
+                {
+                  w: 28,
+                  h: 28,
+                  style: {
+                    alignItems: "center",
+                    ...getBuildToneStyle(stepTone),
+                    borderRadius: 999,
+                    borderStyle: "solid",
+                    borderWidth: 1,
+                    display: "flex",
+                    flexShrink: 0,
+                    fontWeight: 700,
+                    justifyContent: "center"
+                  },
+                  children: index + 1
+                }
+              ),
+              /* @__PURE__ */ jsxs(Stack, { gap: 3, style: { minWidth: 0, flex: 1 }, children: [
+                /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", wrap: "nowrap", children: [
+                  /* @__PURE__ */ jsx(Text, { fw: 700, c: isPassiveWaiting ? "dimmed" : void 0, truncate: true, children: step.label }),
+                  isCurrent ? /* @__PURE__ */ jsx(StatusPill, { label: "Current", tone: step.status }) : null,
+                  !isCurrent && isWaiting ? /* @__PURE__ */ jsx(StatusPill, { label: "Waiting", tone: "blocked" }) : null
+                ] }),
+                /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: getStepCompactSummary(step) })
+              ] })
+            ] })
+          },
+          step.id
+        );
+      }) }),
+      selectedStep ? /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", gap: "sm", children: [
+          /* @__PURE__ */ jsxs(Stack, { gap: 2, style: { minWidth: 0 }, children: [
+            /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", fw: 700, tt: "uppercase", children: [
+              "Step ",
+              selectedStepIndex + 1,
+              " details"
+            ] }),
+            /* @__PURE__ */ jsx(Title, { order: 5, children: selectedStep.label })
+          ] }),
+          /* @__PURE__ */ jsx(StatusPill, { label: getBuildStatusLabel(selectedStep.status), tone: selectedStep.status })
+        ] }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: selectedStep.description }),
+        selectedStep.status === "blocked" ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: selectedStep.emptyBlockedText }) : null,
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 2, sm: 4 }, spacing: "xs", children: [
+          /* @__PURE__ */ jsx(CountBadge, { label: "Ready", value: selectedStep.ready, tone: "ready" }),
+          /* @__PURE__ */ jsx(CountBadge, { label: "Complete", value: selectedStep.complete, tone: "complete" }),
+          /* @__PURE__ */ jsx(CountBadge, { label: "Failed", value: selectedStep.failed, tone: "failed" }),
+          /* @__PURE__ */ jsx(CountBadge, { label: "Waiting", value: selectedStep.blocked, tone: "blocked" })
+        ] }),
+        /* @__PURE__ */ jsx(BuildStepProgressBar, { step: selectedStep }),
+        selectedStep.recommendedAction?.defaultSize !== void 0 && selectedStep.recommendedAction.maxSize !== void 0 ? /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Batch size: ",
+          selectedStep.recommendedAction.defaultSize,
+          " default,",
+          " ",
+          selectedStep.recommendedAction.maxSize,
+          " max."
+        ] }) : null,
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "flex-end", wrap: "nowrap", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              leftSection: selectedActionIcon,
+              disabled: !canRunSelectedAction,
+              onClick: handleSelectedAction,
+              children: selectedActionKind === "none" ? "No action" : getStepActionLabel(selectedActionKind)
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { variant: "light", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 }), onClick: onViewRuns, children: "View runs" })
+        ] })
+      ] }) }) : null
+    ] })
+  ] });
+}
 function MembersTab({
   listId,
   progress,
@@ -1262,7 +2941,7 @@ function MembersTab({
   const companiesQuery = useCompanies({ listId, limit: 100, offset: 0 });
   const contacts = contactsQuery.data?.data ?? [];
   const companies = companiesQuery.data?.data ?? [];
-  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+  return /* @__PURE__ */ jsxs(Stack, { gap: "sm", p: "md", children: [
     /* @__PURE__ */ jsx(
       CardHeader,
       {
@@ -1300,9 +2979,9 @@ function MembersTab({
           /* @__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: getStatusColor2(contact.status), children: contact.status }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor4(contact.status), children: contact.status }) }),
           /* @__PURE__ */ jsx(Table.Td, { children: memberState ? /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "dot", color: getMemberStateColor2(memberState), children: memberState }) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "\u2014" }) }),
-          /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime2(contact.createdAt) })
+          /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime4(contact.createdAt) })
         ] }, contact.id);
       }) })
     ] }) }),
@@ -1324,66 +3003,14 @@ function MembersTab({
           /* @__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: getStatusColor2(company.status), children: company.status }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor4(company.status), children: company.status }) }),
           /* @__PURE__ */ jsx(Table.Td, { children: memberState ? /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "dot", color: getMemberStateColor2(memberState), children: memberState }) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "\u2014" }) }),
-          /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime2(company.createdAt) })
+          /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime4(company.createdAt) })
         ] }, company.id);
       }) })
     ] }) })
   ] });
 }
-function ArtifactsTab({ listId }) {
-  const { data, isLoading, error } = useArtifacts({ ownerKind: "list", ownerId: listId });
-  const artifacts = data?.artifacts ?? [];
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load artifacts" });
-  }
-  if (!artifacts.length) {
-    return /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconDatabase, { size: 16 }), color: "gray", variant: "light", children: "No artifacts recorded for this list yet." });
-  }
-  return /* @__PURE__ */ jsx(Stack, { gap: "sm", children: artifacts.map((artifact) => /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "blue", children: artifact.kind }),
-        /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-          "v",
-          artifact.version
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatDateTime2(artifact.createdAt) })
-    ] }),
-    /* @__PURE__ */ jsx(JsonViewer, { data: artifact.content, maxHeight: 240 })
-  ] }) }, artifact.id)) });
-}
-function ExecutionHistorySection({
-  executions
-}) {
-  if (!executions.length) {
-    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No executions recorded for this list yet." });
-  }
-  return /* @__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: getStatusColor2(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)) })
-  ] });
-}
 function ListDetailHeader({
   title,
   caption,
@@ -1393,6 +3020,7 @@ function ListDetailHeader({
 }
 function LeadGenListDetailPage({ listId }) {
   const navigate = useNavigate();
+  const actions = useListActions();
   const rawSearch = useSearch({ strict: false });
   const memberId = rawSearch.member ?? null;
   const memberKind = rawSearch.memberKind ?? null;
@@ -1411,9 +3039,16 @@ function LeadGenListDetailPage({ listId }) {
   };
   const listQuery = useList(listId);
   const progressQuery = useListProgress(listId);
-  const executionsQuery = useListExecutions(listId);
-  const isLoading = listQuery.isLoading || progressQuery.isLoading || executionsQuery.isLoading;
-  const error = listQuery.error ?? progressQuery.error ?? executionsQuery.error;
+  const deleteListMutation = useDeleteList();
+  const updateListMutation = useUpdateList(listId);
+  const [deleteModalOpen, setDeleteModalOpen] = useState(false);
+  const [pipelineModalOpen, setPipelineModalOpen] = useState(false);
+  const [selectedBuildTemplateId, setSelectedBuildTemplateId] = useState(DEFAULT_PROSPECTING_BUILD_TEMPLATE_ID);
+  const [runModalOpen, setRunModalOpen] = useState(false);
+  const [activeTab, setActiveTab] = useState("overview");
+  const [initialRunResourceId, setInitialRunResourceId] = useState(null);
+  const isLoading = listQuery.isLoading || progressQuery.isLoading;
+  const error = listQuery.error ?? progressQuery.error;
   const backButton = /* @__PURE__ */ jsx(
     Button,
     {
@@ -1465,11 +3100,62 @@ function LeadGenListDetailPage({ listId }) {
   }
   const list = listQuery.data;
   const progress = progressQuery.data;
-  const executions = executionsQuery.data ?? [];
+  const currentBuildTemplateId = list.metadata.buildPlanSnapshot?.templateId ?? DEFAULT_PROSPECTING_BUILD_TEMPLATE_ID;
+  const currentBuildTemplateLabel = list.metadata.buildPlanSnapshot?.templateLabel ?? "Default lead generation";
+  const selectedBuildTemplate = PROSPECTING_BUILD_TEMPLATE_OPTIONS.find(
+    (template) => template.id === selectedBuildTemplateId
+  );
+  const isSameBuildTemplate = selectedBuildTemplateId === currentBuildTemplateId;
+  const buildResolution = resolveBuildState(list, progress, actions);
+  const buildSteps = buildResolution.steps;
+  const recommendedBuildStep = buildResolution.recommendedStep;
+  const openRunModal = (resourceId) => {
+    const nextResourceId = resourceId ?? actions[0]?.resourceId ?? null;
+    setInitialRunResourceId(nextResourceId);
+    setRunModalOpen(true);
+  };
+  const closeRunModal = () => {
+    setRunModalOpen(false);
+    setInitialRunResourceId(null);
+  };
+  const openStepRun = (step) => {
+    openRunModal(step.action?.resourceId ?? null);
+  };
   const handleCopyListCommand = () => {
     void navigator.clipboard.writeText(`/acquisition --lead-gen list ${list.id}`);
     showSuccessNotification("Copied list command to clipboard");
   };
+  const handleDeleteList = () => {
+    deleteListMutation.mutate(list.id, {
+      onSuccess: () => {
+        setDeleteModalOpen(false);
+        void navigate({ to: "/lead-gen/lists" });
+      }
+    });
+  };
+  const openPipelineModal = () => {
+    setSelectedBuildTemplateId(currentBuildTemplateId);
+    setPipelineModalOpen(true);
+  };
+  const closePipelineModal = () => {
+    if (updateListMutation.isPending) return;
+    setPipelineModalOpen(false);
+    setSelectedBuildTemplateId(currentBuildTemplateId);
+  };
+  const handleChangePipeline = () => {
+    if (isSameBuildTemplate) return;
+    updateListMutation.mutate(
+      {
+        buildTemplateId: selectedBuildTemplateId,
+        confirmBuildTemplateChange: true
+      },
+      {
+        onSuccess: () => {
+          setPipelineModalOpen(false);
+        }
+      }
+    );
+  };
   return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
     /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(
@@ -1481,36 +3167,152 @@ function LeadGenListDetailPage({ listId }) {
       ),
       /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", wrap: "nowrap", children: [
         /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "filled", color: getStatusColor2(list.status), children: list.status }),
+          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "filled", color: getStatusColor4(list.status), children: list.status }),
+          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "violet", children: currentBuildTemplateLabel }),
           /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
             "Created ",
-            formatDateTime2(list.createdAt)
+            formatDateTime4(list.createdAt)
           ] })
         ] }),
         /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "xs",
+              variant: "light",
+              leftSection: /* @__PURE__ */ jsx(IconSwitchHorizontal, { size: 14 }),
+              onClick: openPipelineModal,
+              children: "Change pipeline"
+            }
+          ),
           /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", onClick: handleCopyListCommand, style: { cursor: "pointer" }, children: [
             /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ff: "monospace", children: list.id }),
             /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", "aria-label": "Copy list command", children: /* @__PURE__ */ jsx(IconCopy, { size: 14 }) })
           ] }),
+          /* @__PURE__ */ jsx(Tooltip, { label: "Delete list", children: /* @__PURE__ */ jsx(
+            ActionIcon,
+            {
+              variant: "subtle",
+              color: "red",
+              size: "sm",
+              "aria-label": "Delete list",
+              loading: deleteListMutation.isPending,
+              onClick: () => setDeleteModalOpen(true),
+              children: /* @__PURE__ */ jsx(IconTrash, { size: 14 })
+            }
+          ) }),
           backButton
         ] })
       ] }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "overview", children: [
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onChange: setActiveTab, children: [
         /* @__PURE__ */ jsxs(Tabs.List, { children: [
           /* @__PURE__ */ jsx(Tabs.Tab, { value: "overview", leftSection: /* @__PURE__ */ jsx(IconBuilding, { size: 14 }), children: "Overview" }),
           /* @__PURE__ */ jsx(Tabs.Tab, { value: "members", leftSection: /* @__PURE__ */ jsx(IconUsers, { size: 14 }), children: "Members" }),
-          /* @__PURE__ */ jsx(Tabs.Tab, { value: "artifacts", leftSection: /* @__PURE__ */ jsx(IconDatabase, { size: 14 }), children: "Artifacts" })
+          /* @__PURE__ */ jsx(Tabs.Tab, { value: "build", leftSection: /* @__PURE__ */ jsx(IconBolt, { size: 14 }), children: "Build" }),
+          /* @__PURE__ */ jsx(Tabs.Tab, { value: "runs", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 }), children: "Runs" })
         ] }),
         /* @__PURE__ */ jsx(Tabs.Panel, { value: "overview", pt: "sm", children: /* @__PURE__ */ jsx(OverviewTab, { list, progress }) }),
         /* @__PURE__ */ jsx(Tabs.Panel, { value: "members", pt: "sm", children: /* @__PURE__ */ jsx(MembersTab, { listId, progress, onMemberClick: handleMemberClick }) }),
-        /* @__PURE__ */ jsx(Tabs.Panel, { value: "artifacts", pt: "sm", children: /* @__PURE__ */ jsx(ArtifactsTab, { listId }) })
-      ] }) }),
-      /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-        /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }), title: "Execution History" }),
-        /* @__PURE__ */ jsx(ExecutionHistorySection, { executions })
-      ] })
+        /* @__PURE__ */ jsx(Tabs.Panel, { value: "build", pt: "sm", children: /* @__PURE__ */ jsx(
+          BuildTab,
+          {
+            steps: buildSteps,
+            recommendedStep: recommendedBuildStep,
+            onRunStep: openStepRun,
+            onRetryStep: openStepRun,
+            onViewRuns: () => setActiveTab("runs")
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Tabs.Panel, { value: "runs", pt: "sm", children: /* @__PURE__ */ jsx(WorkflowRunsPanel, { listId, title: "Runs" }) })
+      ] }) })
     ] }) }),
-    /* @__PURE__ */ jsx(ListMemberDrawer, { memberId, memberKind, listId, onClose: handleDrawerClose })
+    /* @__PURE__ */ jsx(ListMemberDrawer, { memberId, memberKind, listId, onClose: handleDrawerClose }),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: pipelineModalOpen,
+        onClose: closePipelineModal,
+        size: "md",
+        loading: updateListMutation.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconSwitchHorizontal, { size: 22 }),
+            /* @__PURE__ */ jsx(Title, { order: 4, children: "Change build pipeline" })
+          ] }),
+          /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "yellow", variant: "light", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: "Changing the pipeline replaces this list's build plan snapshot. Existing records stay in place, but future build steps on the Build tab will follow the newly selected pipeline." }) }),
+          /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                label: "Build Pipeline",
+                data: BUILD_TEMPLATE_SELECT_OPTIONS2,
+                value: selectedBuildTemplateId,
+                onChange: (value) => setSelectedBuildTemplateId(value ?? currentBuildTemplateId),
+                disabled: updateListMutation.isPending,
+                required: true
+              }
+            ),
+            selectedBuildTemplate?.description ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: selectedBuildTemplate.description }) : null
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: closePipelineModal, disabled: updateListMutation.isPending, children: "Cancel" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: "yellow",
+                loading: updateListMutation.isPending,
+                disabled: isSameBuildTemplate,
+                onClick: handleChangePipeline,
+                children: "Confirm pipeline change"
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: deleteModalOpen,
+        onClose: () => !deleteListMutation.isPending && setDeleteModalOpen(false),
+        size: "sm",
+        loading: deleteListMutation.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconTrash, { size: 22, color: "var(--color-error)" }),
+            /* @__PURE__ */ jsx(Title, { order: 4, children: "Delete list" })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            "Are you sure you want to delete",
+            " ",
+            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: list.name }),
+            "?"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This removes the list and its list membership links. Companies and contacts remain in the shared lead-gen database." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: () => setDeleteModalOpen(false), disabled: deleteListMutation.isPending, children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { color: "red", loading: deleteListMutation.isPending, onClick: handleDeleteList, children: "Delete" })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RunWorkflowModal,
+      {
+        opened: runModalOpen,
+        onClose: closeRunModal,
+        list,
+        actions,
+        selection: EMPTY_SELECTION2,
+        initialResourceId: initialRunResourceId,
+        title: "Run build step",
+        description: "Run the selected bounded build workflow for this list.",
+        lockResourceSelection: true,
+        onSubmitted: (_resourceId, executionId) => {
+          showSuccessNotification(`Workflow run started: ${executionId}`);
+        }
+      }
+    )
   ] });
 }
 var PAGE_SIZE_DEFAULT2 = 20;
@@ -1871,4 +3673,4 @@ function LeadGenContactsPage() {
   ] }) });
 }
 
-export { CompanyDetailModal, ContactDetailModal, LEAD_GEN_ITEMS, LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, formatDate, getEnrichmentColor, getEnrichmentStatus, getStateKeyColor, getStatusColor, leadGenManifest, useDeleteLists };
+export { CompanyCleanupForm, CompanyDetailModal, ContactDetailModal, EmailDiscoveryForm, EmailVerificationForm, LEAD_GEN_ITEMS, LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, ListBuilderIndexPage, ListBuilderPage, RunWorkflowModal, WebsiteExtractForm, formatDate, getEnrichmentColor, getEnrichmentStatus, getStateKeyColor, getStatusColor, leadGenManifest, useDeleteLists };