@elevasis/ui 2.25.5 → 2.25.6

package/dist/{chunk-VMAWXEVG.js → chunk-L7D6KNHV.js}

@@ -1,19 +1,20 @@
-import { DEFAULT_ORGANIZATION_MODEL_PROSPECTING } from './chunk-IS53MXE4.js';
+import { DEFAULT_ORGANIZATION_MODEL_PROSPECTING } from './chunk-BDKM56TP.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
 import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.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, useWorkflowExecution, useList, useListProgress, useListExecutions, useDeleteList, useUpdateList, useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts, useListMembers, useListMember, useTransitionListMember, useDeriveActions, useArtifacts } from './chunk-5BJXMZN4.js';
+import { acquisitionListKeys, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useWorkflowExecution, useList, useListProgress, useListExecutions, useDeleteList, useUpdateList, useUpdateListConfig, useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts, useListMembers, useListMember, useTransitionListMember, useDeriveActions, useArtifacts } from './chunk-CPAJXBTL.js';
 import { showApiErrorNotification, showSuccessNotification } from './chunk-HKBEURCV.js';
 import { SubshellContentContainer } from './chunk-TKAYX2SP.js';
 import { PageTitleCaption, CenteredErrorState, StatCard, CardHeader, EmptyState, JsonViewer } from './chunk-U36X6NZM.js';
-import { useListActions, LEAD_GEN_STAGE_CATALOG, LEAD_GEN_PIPELINE_DEFINITIONS, findPipeline } from './chunk-JMI7L7Y7.js';
+import { useListActions } from './chunk-LPM7O6XM.js';
+import { LEAD_GEN_STAGE_CATALOG, LEAD_GEN_PIPELINE_DEFINITIONS, findPipeline } from './chunk-5RLYII6P.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 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 { Stack, Group, Title, Text, Paper, Anchor, 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, IconChevronDown, IconChevronRight, IconRefresh, 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';
@@ -93,6 +94,22 @@ function createBuildPlanSnapshotFromTemplateId(templateId) {
     })
   };
 }
+function TabSection({ icon, title, description, rightSection, children }) {
+  const wrappedIcon = icon ? /* @__PURE__ */ jsx(ThemeIcon, { size: "md", variant: "light", children: icon }) : null;
+  return /* @__PURE__ */ jsxs(Stack, { gap: "sm", p: "md", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "md", align: "flex-start", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: 2, style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+          wrappedIcon,
+          /* @__PURE__ */ jsx(Title, { order: 3, style: { overflowWrap: "anywhere" }, children: title })
+        ] }),
+        description ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { overflowWrap: "anywhere" }, children: description }) : null
+      ] }),
+      rightSection
+    ] }),
+    children
+  ] });
+}
 var LEAD_GEN_ROUTE_LINKS = [
   { label: "Overview", to: "/lead-gen" },
   { label: "Lists", to: "/lead-gen/lists" },
@@ -1659,109 +1676,108 @@ function WorkflowRunsPanel({ listId, title = "Workflow Runs" }) {
   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,
+  return /* @__PURE__ */ jsx(
+    TabSection,
+    {
+      icon: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }),
+      title,
+      description: "Execution history recorded for this lead-gen list.",
+      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 })
+        }
+      ) }),
+      children: 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,
                 {
-                  fw: 500,
-                  role: "button",
-                  tabIndex: 0,
-                  c: "blue",
-                  onClick: () => openWorkflow(execution.resourceId),
-                  onKeyDown: (event) => {
+                  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();
-                      openWorkflow(execution.resourceId);
+                      setExpandedExecutionId(expanded ? null : execution.executionId);
                     }
+                  } : void 0,
+                  style: {
+                    cursor: hasDetails ? "pointer" : "default",
+                    opacity: hasDetails ? 1 : 0.7
                   },
-                  style: { cursor: "pointer" },
-                  children: execution.resourceId
+                  children: expanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: 14 }) : /* @__PURE__ */ jsx(IconChevronRight, { size: 14 })
                 }
-              ) : /* @__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__ */ 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(JsonViewer, { data: details.config, maxHeight: 220, fontSize: "0.75rem" })
-            ] }) : null
-          ] }) }) }) })
-        ] }, 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: [],
@@ -2221,6 +2237,49 @@ function getMemberStateColor2(stateKey) {
       return "gray";
   }
 }
+function asRecord(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : {};
+}
+function getRunStatusColor(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";
+  }
+}
+function getRunInput(run) {
+  const payload = asRecord(run.payload);
+  return run.input ?? run.inputs ?? payload.input ?? payload.inputs;
+}
+function getPersistedStepConfig(list, capabilityKey) {
+  return capabilityKey ? asRecord(list.metadata.stepConfig?.[capabilityKey]) : {};
+}
+function getDefaultStepInput(list, action) {
+  return asRecord(action?.defaultInput?.(list));
+}
+function getInitialStepConfig(list, action, capabilityKey) {
+  const persistedConfig = capabilityKey ? list.metadata.stepConfig?.[capabilityKey] : void 0;
+  if (persistedConfig !== void 0) return asRecord(persistedConfig);
+  return getDefaultStepInput(list, action);
+}
+function mergeStepRunInput(list, action, capabilityKey, formStateAtSubmit) {
+  return {
+    ...getDefaultStepInput(list, action),
+    ...getPersistedStepConfig(list, capabilityKey),
+    ...formStateAtSubmit
+  };
+}
 var ORPHAN_STAGE_ORDER = 9999;
 var EMPTY_SELECTION2 = {
   selectedCompanyIds: [],
@@ -2627,19 +2686,26 @@ function ListConfigCard({ list }) {
 }
 function OverviewTab({ list, progress }) {
   const hasMetadata = list.metadata && Object.keys(list.metadata).length > 0;
-  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 })
-    ] }) })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    TabSection,
+    {
+      icon: /* @__PURE__ */ jsx(IconBuilding, { size: 16 }),
+      title: "Overview",
+      description: "Configuration, progress, and source metadata for this list.",
+      children: [
+        /* @__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) {
@@ -2760,6 +2826,7 @@ function getDisplayStep(steps, recommendedStep) {
   return recommendedStep ?? steps.find((step) => step.status !== "complete") ?? steps[steps.length - 1] ?? null;
 }
 function BuildTab({
+  list,
   steps,
   recommendedStep,
   onRunStep,
@@ -2767,124 +2834,189 @@ function BuildTab({
   onViewRuns
 }) {
   const [selectedStepId, setSelectedStepId] = useState(null);
+  const [stepConfigFormState, setStepConfigFormState] = useState({});
+  const updateListConfigMutation = useUpdateListConfig(list.id);
   const currentStep = getDisplayStep(steps, recommendedStep);
   const selectedStep = steps.find((step) => step.id === selectedStepId) ?? currentStep;
   const selectedStepIndex = selectedStep ? steps.findIndex((step) => step.id === selectedStep.id) : -1;
   const selectedActionKind = selectedStep?.nextActionKind ?? "none";
+  const selectedCapabilityKey = selectedStep?.action?.capabilityKey ?? selectedStep?.capabilityKey;
+  const selectedResourceId = selectedStep?.action?.resourceId ?? null;
+  const ConfigForm = selectedStep?.action?.ConfigForm;
+  const recentRunsQuery = useListExecutions(list.id, { resourceId: selectedResourceId, limit: 5 });
+  const recentRuns = useMemo(() => recentRunsQuery.data ?? [], [recentRunsQuery.data]);
   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 });
+  useEffect(() => {
+    setStepConfigFormState(getInitialStepConfig(list, selectedStep?.action, selectedCapabilityKey));
+  }, [list, selectedCapabilityKey, selectedStep?.action]);
+  const handleSaveStepConfig = () => {
+    if (!selectedCapabilityKey) return;
+    updateListConfigMutation.mutate({
+      stepConfig: {
+        [selectedCapabilityKey]: stepConfigFormState
+      }
+    });
+  };
   const handleSelectedAction = () => {
     if (!selectedStep || !canRunSelectedAction) return;
+    const submittedConfig = ConfigForm ? stepConfigFormState : {};
     if (selectedActionKind === "retry_failed") {
-      onRetryStep(selectedStep);
+      onRetryStep(selectedStep, submittedConfig);
       return;
     }
-    onRunStep(selectedStep);
+    onRunStep(selectedStep, submittedConfig);
   };
-  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." })
-    ] }),
-    /* @__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) })
+  const loadRecentRunInput = (run) => {
+    setStepConfigFormState(asRecord(getRunInput(run)));
+  };
+  return /* @__PURE__ */ jsx(
+    TabSection,
+    {
+      icon: /* @__PURE__ */ jsx(IconBolt, { size: 16 }),
+      title: "Build",
+      description: currentStep ? `${currentStep.label} is the current step in this list build.` : "No build steps are available for this list.",
+      children: /* @__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"
+            },
+            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(Title, { order: 5, children: selectedStep.label })
+            /* @__PURE__ */ jsx(StatusPill, { label: getBuildStatusLabel(selectedStep.status), tone: selectedStep.status })
           ] }),
-          /* @__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
-    ] })
-  ] });
+          /* @__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,
+          ConfigForm ? /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 700, tt: "uppercase", children: "Configure" }),
+            /* @__PURE__ */ jsx(ConfigForm, { value: stepConfigFormState, onChange: setStepConfigFormState }),
+            /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "xs",
+                variant: "light",
+                loading: updateListConfigMutation.isPending,
+                onClick: handleSaveStepConfig,
+                children: "Save"
+              }
+            ) })
+          ] }) : 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" })
+          ] }),
+          selectedResourceId ? /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+            /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", children: [
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 700, tt: "uppercase", children: "Recent runs" }),
+              recentRunsQuery.isFetching ? /* @__PURE__ */ jsx(Loader, { size: "xs" }) : null
+            ] }),
+            !recentRuns.length && !recentRunsQuery.isLoading ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No runs yet for this step." }) : /* @__PURE__ */ jsx(Stack, { gap: 4, children: recentRuns.map((run) => /* @__PURE__ */ jsx(
+              UnstyledButton,
+              {
+                onClick: () => loadRecentRunInput(run),
+                style: {
+                  border: "1px solid var(--color-border)",
+                  borderRadius: 8,
+                  padding: "8px 10px",
+                  textAlign: "left",
+                  width: "100%"
+                },
+                children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", wrap: "nowrap", children: [
+                  /* @__PURE__ */ jsxs(Stack, { gap: 2, style: { minWidth: 0 }, children: [
+                    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, truncate: true, children: formatDateTime4(run.createdAt) }),
+                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ff: "monospace", truncate: true, children: run.executionId })
+                  ] }),
+                  /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getRunStatusColor(run.status), children: run.status })
+                ] })
+              },
+              run.executionId
+            )) })
+          ] }) : null
+        ] }) }) : null
+      ] })
+    }
+  );
 }
 function MembersTab({
   listId,
@@ -2896,75 +3028,76 @@ function MembersTab({
   const companiesQuery = useCompanies({ listId, limit: 100, offset: 0 });
   const contacts = contactsQuery.data?.data ?? [];
   const companies = companiesQuery.data?.data ?? [];
-  return /* @__PURE__ */ jsxs(Stack, { gap: "sm", p: "md", children: [
-    /* @__PURE__ */ jsx(
-      CardHeader,
-      {
-        icon: /* @__PURE__ */ jsx(IconAddressBook, { size: 16 }),
-        title: "Members",
-        rightSection: /* @__PURE__ */ jsx(
-          SegmentedControl,
-          {
-            value: memberTab,
-            onChange: (value) => setMemberTab(value),
-            size: "xs",
-            data: [
-              { label: `Members (${progress.totalMembers})`, value: "contacts" },
-              { label: `Companies (${progress.totalCompanies})`, value: "companies" }
-            ]
-          }
-        )
-      }
-    ),
-    memberTab === "contacts" && /* @__PURE__ */ jsx(Fragment, { children: contactsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : !contacts.length ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No contacts attached to this list yet." }) : /* @__PURE__ */ jsxs(Table, { highlightOnHover: true, children: [
-      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-        /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Email" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Title" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Company" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "State" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Created" })
-      ] }) }),
-      /* @__PURE__ */ jsx(Table.Tbody, { children: contacts.map((contact) => {
-        const handleRowClick = () => onMemberClick?.(contact.id, "contact");
-        const memberState = contact.stateKey ?? null;
-        return /* @__PURE__ */ jsxs(Table.Tr, { onClick: handleRowClick, style: { cursor: "pointer" }, children: [
-          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: contactDisplayName(contact.firstName, contact.lastName) }) }),
-          /* @__PURE__ */ jsx(Table.Td, { children: contact.email }),
-          /* @__PURE__ */ jsx(Table.Td, { children: contact.title ?? "\u2014" }),
-          /* @__PURE__ */ jsx(Table.Td, { children: contact.company?.name ?? "\u2014" }),
-          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: 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: formatDateTime4(contact.createdAt) })
-        ] }, contact.id);
-      }) })
-    ] }) }),
-    memberTab === "companies" && /* @__PURE__ */ jsx(Fragment, { children: companiesQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : !companies.length ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No companies attached to this list yet." }) : /* @__PURE__ */ jsxs(Table, { highlightOnHover: true, children: [
-      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-        /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Domain" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Segment" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Contacts" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "State" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Created" })
-      ] }) }),
-      /* @__PURE__ */ jsx(Table.Tbody, { children: companies.map((company) => {
-        const handleRowClick = () => onMemberClick?.(company.id, "company");
-        const memberState = company.stateKey ?? null;
-        return /* @__PURE__ */ jsxs(Table.Tr, { onClick: handleRowClick, style: { cursor: "pointer" }, children: [
-          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: company.name }) }),
-          /* @__PURE__ */ jsx(Table.Td, { children: company.domain ?? "\u2014" }),
-          /* @__PURE__ */ jsx(Table.Td, { children: company.segment ?? "\u2014" }),
-          /* @__PURE__ */ jsx(Table.Td, { children: company.contactCount }),
-          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: 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: formatDateTime4(company.createdAt) })
-        ] }, company.id);
-      }) })
-    ] }) })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    TabSection,
+    {
+      icon: /* @__PURE__ */ jsx(IconAddressBook, { size: 16 }),
+      title: "Members",
+      description: "Contacts and companies attached to this list.",
+      rightSection: /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          value: memberTab,
+          onChange: (value) => setMemberTab(value),
+          size: "xs",
+          data: [
+            { label: `Members (${progress.totalMembers})`, value: "contacts" },
+            { label: `Companies (${progress.totalCompanies})`, value: "companies" }
+          ]
+        }
+      ),
+      children: [
+        memberTab === "contacts" && /* @__PURE__ */ jsx(Fragment, { children: contactsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : !contacts.length ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No contacts attached to this list yet." }) : /* @__PURE__ */ jsxs(Table, { highlightOnHover: true, children: [
+          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Email" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Title" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Company" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "State" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Created" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Tbody, { children: contacts.map((contact) => {
+            const handleRowClick = () => onMemberClick?.(contact.id, "contact");
+            const memberState = contact.stateKey ?? null;
+            return /* @__PURE__ */ jsxs(Table.Tr, { onClick: handleRowClick, style: { cursor: "pointer" }, children: [
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: contactDisplayName(contact.firstName, contact.lastName) }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: contact.email }),
+              /* @__PURE__ */ jsx(Table.Td, { children: contact.title ?? "\u2014" }),
+              /* @__PURE__ */ jsx(Table.Td, { children: contact.company?.name ?? "\u2014" }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: 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: formatDateTime4(contact.createdAt) })
+            ] }, contact.id);
+          }) })
+        ] }) }),
+        memberTab === "companies" && /* @__PURE__ */ jsx(Fragment, { children: companiesQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : !companies.length ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No companies attached to this list yet." }) : /* @__PURE__ */ jsxs(Table, { highlightOnHover: true, children: [
+          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Domain" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Segment" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Contacts" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "State" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Created" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Tbody, { children: companies.map((company) => {
+            const handleRowClick = () => onMemberClick?.(company.id, "company");
+            const memberState = company.stateKey ?? null;
+            return /* @__PURE__ */ jsxs(Table.Tr, { onClick: handleRowClick, style: { cursor: "pointer" }, children: [
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: company.name }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: company.domain ?? "\u2014" }),
+              /* @__PURE__ */ jsx(Table.Td, { children: company.segment ?? "\u2014" }),
+              /* @__PURE__ */ jsx(Table.Td, { children: company.contactCount }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: 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: formatDateTime4(company.createdAt) })
+            ] }, company.id);
+          }) })
+        ] }) })
+      ]
+    }
+  );
 }
 function ListDetailHeader({
   title,
@@ -2996,12 +3129,24 @@ function LeadGenListDetailPage({ listId }) {
   const progressQuery = useListProgress(listId);
   const deleteListMutation = useDeleteList();
   const updateListMutation = useUpdateList(listId);
+  const updateListConfigMutation = useUpdateListConfig(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 [pendingStepRunConfig, setPendingStepRunConfig] = useState(null);
+  const runModalActions = useMemo(() => {
+    if (!pendingStepRunConfig) return actions;
+    return actions.map((action) => {
+      if (action.resourceId !== pendingStepRunConfig.resourceId) return action;
+      return {
+        ...action,
+        defaultInput: (nextList) => mergeStepRunInput(nextList, action, pendingStepRunConfig.capabilityKey, pendingStepRunConfig.formStateAtSubmit)
+      };
+    });
+  }, [actions, pendingStepRunConfig]);
   const isLoading = listQuery.isLoading || progressQuery.isLoading;
   const error = listQuery.error ?? progressQuery.error;
   const backButton = /* @__PURE__ */ jsx(
@@ -3072,8 +3217,18 @@ function LeadGenListDetailPage({ listId }) {
   const closeRunModal = () => {
     setRunModalOpen(false);
     setInitialRunResourceId(null);
+    setPendingStepRunConfig(null);
   };
-  const openStepRun = (step) => {
+  const openStepRun = (step, formStateAtSubmit) => {
+    if (step.action?.ConfigForm) {
+      setPendingStepRunConfig({
+        resourceId: step.action.resourceId,
+        capabilityKey: step.action.capabilityKey ?? step.capabilityKey,
+        formStateAtSubmit
+      });
+    } else {
+      setPendingStepRunConfig(null);
+    }
     openRunModal(step.action?.resourceId ?? null);
   };
   const handleCopyListCommand = () => {
@@ -3111,6 +3266,16 @@ function LeadGenListDetailPage({ listId }) {
       }
     );
   };
+  const persistSubmittedStepConfig = (resourceId) => {
+    if (!pendingStepRunConfig || pendingStepRunConfig.resourceId !== resourceId || !pendingStepRunConfig.capabilityKey) {
+      return;
+    }
+    updateListConfigMutation.mutate({
+      stepConfig: {
+        [pendingStepRunConfig.capabilityKey]: pendingStepRunConfig.formStateAtSubmit
+      }
+    });
+  };
   return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
     /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(
@@ -3171,6 +3336,7 @@ function LeadGenListDetailPage({ listId }) {
         /* @__PURE__ */ jsx(Tabs.Panel, { value: "build", pt: "sm", children: /* @__PURE__ */ jsx(
           BuildTab,
           {
+            list,
             steps: buildSteps,
             recommendedStep: recommendedBuildStep,
             onRunStep: openStepRun,
@@ -3257,13 +3423,14 @@ function LeadGenListDetailPage({ listId }) {
         opened: runModalOpen,
         onClose: closeRunModal,
         list,
-        actions,
+        actions: runModalActions,
         selection: EMPTY_SELECTION2,
         initialResourceId: initialRunResourceId,
         title: "Run build step",
         description: "Run the selected bounded build workflow for this list.",
         lockResourceSelection: true,
-        onSubmitted: (_resourceId, executionId) => {
+        onSubmitted: (resourceId, executionId) => {
+          persistSubmittedStepConfig(resourceId);
           showSuccessNotification(`Workflow run started: ${executionId}`);
         }
       }
@@ -3628,4 +3795,4 @@ function LeadGenContactsPage() {
   ] }) });
 }
 
-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 };
+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, TabSection, WebsiteExtractForm, formatDate, getEnrichmentColor, getEnrichmentStatus, getStateKeyColor, getStatusColor, leadGenManifest, useDeleteLists };