@elevasis/ui 2.25.5 → 2.26.0

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

@@ -1,24 +1,26 @@
-import { DEFAULT_ORGANIZATION_MODEL_PROSPECTING } from './chunk-IS53MXE4.js';
+import { DEFAULT_ORGANIZATION_MODEL_PROSPECTING } from './chunk-4KTLOK7K.js';
+import { sanitizeInput } from './chunk-3MEXPLWT.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 { showApiErrorNotification, showSuccessNotification } from './chunk-HKBEURCV.js';
+import { acquisitionListKeys, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useWorkflowExecution, useList, useListProgress, useListExecutions, useDeleteList, useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts, useListMembers, useListMember, useTransitionListMember, useDeriveActions, useArtifacts } from './chunk-YHBPR67D.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-G26INIF3.js';
+import { PageTitleCaption, CenteredErrorState, StatCard, CardHeader, EmptyState, JsonViewer } from './chunk-RIFTUOPE.js';
+import { useListActions, LEAD_GEN_STAGE_CATALOG, LEAD_GEN_PIPELINE_DEFINITIONS, findPipeline } from './chunk-W2ZTLH7Y.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 { 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, Alert, Button, Collapse, Paper, Anchor, ActionIcon, Divider, Box, SimpleGrid, Badge, Card, Center, Loader, Table, TextInput, Select, Checkbox, Pagination, Textarea, Tooltip, Tabs, ThemeIcon, Pill, SegmentedControl, UnstyledButton, Drawer, JsonInput, Switch, NumberInput, MultiSelect, TagsInput, ScrollArea } from '@mantine/core';
+import { IconLayoutGrid, IconList, IconBuilding, IconAddressBook, IconTarget, IconExternalLink, IconX, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconSparkles, IconListDetails, IconPlus, IconSearch, IconAlertTriangle, IconLayoutDashboard, IconBolt, IconCopy, IconUsers, 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';
-import { useState, useMemo, useEffect, Fragment as Fragment$1 } from 'react';
+import { useState, useRef, useMemo, useEffect, Fragment as Fragment$1 } from 'react';
 import { useForm } from '@mantine/form';
+import { zod4Resolver } from 'mantine-form-zod-resolver';
+import { useQueryClient, useMutation } from '@tanstack/react-query';
 
 var LeadGenSidebarTop = () => {
   return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconTarget, label: "Lead Gen" });
@@ -93,6 +95,299 @@ 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
+  ] });
+}
+function renderField(field, form, disabled, jsonState, setJsonState) {
+  const inputProps = form.getInputProps(field.path);
+  const label = field.label;
+  const description = field.description;
+  const placeholder = field.placeholder;
+  switch (field.component) {
+    case "segmented": {
+      const options = field.options ?? [];
+      return /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          fullWidth: true,
+          disabled,
+          data: options,
+          value: inputProps.value ?? options[0]?.value ?? "",
+          onChange: (val) => {
+            form.setFieldValue(field.path, val);
+          }
+        },
+        field.path
+      );
+    }
+    case "tags":
+      return /* @__PURE__ */ jsx(
+        TagsInput,
+        {
+          label,
+          description,
+          placeholder,
+          disabled,
+          value: inputProps.value ?? [],
+          onChange: (val) => form.setFieldValue(field.path, val),
+          error: inputProps.error,
+          clearable: true
+        },
+        field.path
+      );
+    case "multiselect":
+      return /* @__PURE__ */ jsx(
+        MultiSelect,
+        {
+          label,
+          description,
+          placeholder,
+          disabled,
+          data: field.options ?? [],
+          value: inputProps.value ?? [],
+          onChange: (val) => form.setFieldValue(field.path, val),
+          error: inputProps.error,
+          clearable: true
+        },
+        field.path
+      );
+    case "select":
+      return /* @__PURE__ */ jsx(
+        Select,
+        {
+          label,
+          description,
+          placeholder,
+          disabled,
+          data: field.options ?? [],
+          ...inputProps
+        },
+        field.path
+      );
+    case "textinput":
+      return /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          label,
+          description,
+          placeholder,
+          disabled,
+          ...inputProps
+        },
+        field.path
+      );
+    case "textarea":
+      return /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          label,
+          description,
+          placeholder,
+          disabled,
+          autosize: true,
+          minRows: 3,
+          ...inputProps
+        },
+        field.path
+      );
+    case "numberinput":
+      return /* @__PURE__ */ jsx(
+        NumberInput,
+        {
+          label,
+          description,
+          placeholder,
+          disabled,
+          min: field.min,
+          max: field.max,
+          step: field.step,
+          allowDecimal: false,
+          value: inputProps.value ?? 0,
+          onChange: (val) => form.setFieldValue(field.path, typeof val === "number" ? val : 0),
+          error: inputProps.error
+        },
+        field.path
+      );
+    case "switch":
+      return /* @__PURE__ */ jsx(
+        Switch,
+        {
+          label,
+          description,
+          disabled,
+          checked: inputProps.value ?? false,
+          onChange: (e) => form.setFieldValue(field.path, e.currentTarget.checked),
+          error: inputProps.error
+        },
+        field.path
+      );
+    case "json": {
+      const path = field.path;
+      const state = jsonState[path];
+      const rawValue = state?.raw ?? (() => {
+        const current = inputProps.value;
+        if (current === void 0 || current === null) return "";
+        if (typeof current === "string") return current;
+        try {
+          return JSON.stringify(current, null, 2);
+        } catch {
+          return "";
+        }
+      })();
+      return /* @__PURE__ */ jsx(
+        JsonInput,
+        {
+          label,
+          description,
+          placeholder,
+          disabled,
+          value: rawValue,
+          onChange: (next) => {
+            if (!next.trim()) {
+              setJsonState(path, { raw: next, invalid: false });
+              form.setFieldValue(path, void 0);
+              return;
+            }
+            try {
+              const parsed = JSON.parse(next);
+              setJsonState(path, { raw: next, invalid: false });
+              form.setFieldValue(path, parsed);
+            } catch {
+              setJsonState(path, { raw: next, invalid: true });
+              form.setFieldError(path, "Invalid JSON");
+            }
+          },
+          error: state?.invalid ? "Invalid JSON" : inputProps.error,
+          autosize: true,
+          minRows: 3,
+          formatOnBlur: true
+        },
+        path
+      );
+    }
+    default:
+      return null;
+  }
+}
+function renderSection(section, values, form, disabled, jsonState, setJsonState) {
+  if (section.when && !section.when(values)) return null;
+  const visibleFields = section.fields.filter((f) => !f.when || f.when(values));
+  return /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+    section.title && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Title, { order: 5, children: section.title }),
+      section.description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: section.description })
+    ] }),
+    visibleFields.map((field) => renderField(field, form, disabled, jsonState, setJsonState))
+  ] }, section.id);
+}
+function StepConfigForm({
+  schema,
+  layout,
+  value,
+  onChange,
+  onAction,
+  actions,
+  disabled = false,
+  slot = "all"
+}) {
+  const initialValues = sanitizeInput(schema, value);
+  const [validationError, setValidationError] = useState(null);
+  const [advancedOpen, setAdvancedOpen] = useState(false);
+  const [jsonState, setJsonStateMap] = useState({});
+  const validationErrorRef = useRef(null);
+  const setJsonState = (path, next) => {
+    setJsonStateMap((prev) => ({ ...prev, [path]: next }));
+  };
+  const form = useForm({
+    initialValues,
+    validate: zod4Resolver(schema),
+    // onValuesChange fires synchronously after each field update — no setTimeout needed.
+    onValuesChange: (values2) => {
+      if (validationErrorRef.current) {
+        validationErrorRef.current = null;
+        setValidationError(null);
+      }
+      onChange(values2);
+    }
+  });
+  const handleActionClick = (action) => {
+    const parsed = schema.safeParse(form.values);
+    if (!parsed.success) {
+      const firstIssue = parsed.error.issues[0];
+      const fieldErrors = {};
+      for (const issue of parsed.error.issues) {
+        const path = issue.path.join(".");
+        if (path && !fieldErrors[path]) {
+          fieldErrors[path] = issue.message;
+        }
+      }
+      form.setErrors(fieldErrors);
+      const msg = firstIssue?.message ?? "Validation failed";
+      validationErrorRef.current = msg;
+      setValidationError(msg);
+      return;
+    }
+    validationErrorRef.current = null;
+    setValidationError(null);
+    void onAction?.(action, parsed.data);
+  };
+  const values = form.values;
+  if (slot === "advanced") {
+    return /* @__PURE__ */ jsx(Stack, { gap: "md", children: layout.advanced ? renderSection(layout.advanced, values, form, disabled, jsonState, setJsonState) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No advanced settings for this step." }) });
+  }
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    slot === "all" && validationError && /* @__PURE__ */ jsx(
+      Alert,
+      {
+        color: "red",
+        onClose: () => {
+          validationErrorRef.current = null;
+          setValidationError(null);
+        },
+        withCloseButton: true,
+        children: validationError
+      }
+    ),
+    layout.sections.map((section) => renderSection(section, values, form, disabled, jsonState, setJsonState)),
+    slot === "all" && layout.advanced && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "subtle",
+          size: "xs",
+          onClick: () => setAdvancedOpen((o) => !o),
+          style: { alignSelf: "flex-start" },
+          children: advancedOpen ? "Hide advanced" : "Show advanced"
+        }
+      ),
+      /* @__PURE__ */ jsx(Collapse, { in: advancedOpen, children: renderSection(layout.advanced, values, form, disabled, jsonState, setJsonState) })
+    ] }),
+    slot === "all" && actions && actions.length > 0 && /* @__PURE__ */ jsx(Group, { gap: "sm", children: actions.map((action) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: action.variant ?? "filled",
+        loading: action.loading,
+        disabled: disabled || action.disabled,
+        onClick: () => handleActionClick(action),
+        children: action.label
+      },
+      action.id
+    )) })
+  ] });
+}
 var LEAD_GEN_ROUTE_LINKS = [
   { label: "Overview", to: "/lead-gen" },
   { label: "Lists", to: "/lead-gen/lists" },
@@ -1084,6 +1379,61 @@ function ListMemberDrawer({ memberId, memberKind, listId, onClose }) {
     }
   );
 }
+var panelStyle = {
+  flex: 1,
+  minHeight: 0,
+  overflowY: "auto",
+  paddingTop: "var(--mantine-spacing-sm)"
+};
+function StepDetailRightColumn({
+  configuration,
+  advanced,
+  runs,
+  action,
+  activeTab,
+  onTabChange
+}) {
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      gap: "sm",
+      style: {
+        flex: 1,
+        minHeight: 0
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Tabs,
+          {
+            value: activeTab,
+            onChange: (value) => {
+              if (value === "configuration" || value === "advanced" || value === "runs") {
+                onTabChange(value);
+              }
+            },
+            style: {
+              flex: 1,
+              minHeight: 0,
+              display: "flex",
+              flexDirection: "column"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Tabs.List, { children: [
+                /* @__PURE__ */ jsx(Tabs.Tab, { value: "configuration", children: "Configuration" }),
+                /* @__PURE__ */ jsx(Tabs.Tab, { value: "advanced", children: "Advanced" }),
+                /* @__PURE__ */ jsx(Tabs.Tab, { value: "runs", children: "Runs" })
+              ] }),
+              /* @__PURE__ */ jsx(Tabs.Panel, { value: "configuration", style: panelStyle, children: configuration }),
+              /* @__PURE__ */ jsx(Tabs.Panel, { value: "advanced", style: panelStyle, children: advanced ?? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No advanced settings for this step." }) }),
+              /* @__PURE__ */ jsx(Tabs.Panel, { value: "runs", style: panelStyle, children: runs })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Stack, { gap: "xs", style: { flexShrink: 0 }, children: action })
+      ]
+    }
+  );
+}
 function ListBuilderIndexPage() {
   const navigate = useNavigate();
   const [query, setQuery] = useState("");
@@ -1491,6 +1841,9 @@ function PipelineFunnel({ progress, pipelineConfig, actions }) {
     )
   ] }) });
 }
+function asRecord(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : {};
+}
 function selectedCount(selection) {
   return selection.selectedCompanyIds.length + selection.selectedContactIds.length;
 }
@@ -1515,7 +1868,9 @@ function RunWorkflowModal({
   onResourceChange,
   onSubmitted
 }) {
-  const [selectedResourceId, setSelectedResourceId] = useState(initialResourceId ?? actions[0]?.resourceId ?? null);
+  const [selectedResourceId, setSelectedResourceId] = useState(
+    initialResourceId ?? actions[0]?.resourceId ?? null
+  );
   const selectedAction = useMemo(
     () => actions.find((action) => action.resourceId === selectedResourceId) ?? actions[0],
     [actions, selectedResourceId]
@@ -1551,57 +1906,88 @@ function RunWorkflowModal({
       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 })
-      ] })
-    ] }),
-    !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(
-        Select,
-        {
-          label: "Workflow",
-          data: actionOptions,
-          value: selectedAction?.resourceId ?? null,
-          onChange: handleResourceChange,
-          disabled: execution.isPending || lockResourceSelection,
-          searchable: true
-        }
-      ),
-      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))
+  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 })
+          ] })
         ] }),
-        /* @__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,
-        {
-          leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }),
-          loading: execution.isPending,
-          onClick: () => void submitInput(selectedAction.defaultInput?.(list) ?? { listId: list.id }),
-          children: [
-            "Run ",
-            selectedAction.label
-          ]
-        }
-      ) }) : null
-    ] })
-  ] }) });
+        !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(
+            Select,
+            {
+              label: "Workflow",
+              data: actionOptions,
+              value: selectedAction?.resourceId ?? null,
+              onChange: handleResourceChange,
+              disabled: execution.isPending || lockResourceSelection,
+              searchable: true
+            }
+          ),
+          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,
+          selectedAction ? /* @__PURE__ */ jsx(
+            RunWorkflowConfigForm,
+            {
+              action: selectedAction,
+              list,
+              onSubmit: submitInput,
+              isSubmitting: execution.isPending
+            },
+            selectedAction.resourceId
+          ) : null
+        ] })
+      ] })
+    }
+  );
+}
+function RunWorkflowConfigForm({ action, list, onSubmit, isSubmitting }) {
+  const schema = action.schema;
+  const layout = action.layout;
+  const [config, setConfig] = useState(() => asRecord(action.defaultInput?.(list)));
+  const handleChange = (next) => {
+    setConfig(next);
+  };
+  const handleSubmit = async () => {
+    await onSubmit(config);
+  };
+  return /* @__PURE__ */ jsx(Stack, { gap: "md", children: /* @__PURE__ */ jsx(
+    StepConfigForm,
+    {
+      schema,
+      layout,
+      value: config,
+      onChange: (v) => handleChange(asRecord(v)),
+      actions: [{ id: "run", label: `Run ${action.label}`, loading: isSubmitting }],
+      onAction: async () => {
+        await handleSubmit();
+      },
+      disabled: isSubmitting
+    }
+  ) });
 }
 function formatDateTime2(value) {
   if (!value) return "Not yet";
@@ -1651,117 +2037,127 @@ function getSummaryKeys(value) {
   if (!hasObjectContent(value)) return [];
   return Object.keys(value).slice(0, 6);
 }
-function WorkflowRunsPanel({ listId, title = "Workflow Runs" }) {
+function WorkflowRunsPanel({
+  listId,
+  title = "Workflow Runs",
+  resourceFilter,
+  onClearResourceFilter
+}) {
   const navigate = useNavigate();
-  const executionsQuery = useListExecutions(listId);
+  const executionsQuery = useListExecutions(listId, resourceFilter ? { resourceId: resourceFilter } : {});
   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);
+  return /* @__PURE__ */ jsxs(
+    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: [
+        resourceFilter ? /* @__PURE__ */ jsxs(Group, { gap: "xs", mb: "xs", children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Filtered by workflow:" }),
+          /* @__PURE__ */ jsx(Pill, { withRemoveButton: true, onRemove: onClearResourceFilter, children: resourceFilter })
+        ] }) : null,
+        executionsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "lg", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : !executions.length ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: resourceFilter ? `No workflow runs recorded for ${resourceFilter}.` : "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 })
                   }
-                } : 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);
+                ) }),
+                /* @__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
                     }
-                  },
-                  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(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(JsonViewer, { data: details.config, maxHeight: 220, fontSize: "0.75rem" })
-            ] }) : null
-          ] }) }) }) })
-        ] }, execution.executionId);
-      }) })
-    ] }) })
-  ] });
+              /* @__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: [],
@@ -1902,290 +2298,19 @@ function ListBuilderPage({ listId }) {
     )
   ] });
 }
-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);
-    }
+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"
   });
-  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 contactDisplayName(firstName, lastName) {
+  const full = [firstName, lastName].filter(Boolean).join(" ").trim();
+  return full || "\u2014";
 }
 function getStatusColor4(status) {
   switch (status) {
@@ -2221,15 +2346,51 @@ function getMemberStateColor2(stateKey) {
       return "gray";
   }
 }
+function asRecord2(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 = asRecord2(run.payload);
+  return run.input ?? run.inputs ?? payload.input ?? payload.inputs;
+}
+function sanitizeStepInput(value, _capabilityKey) {
+  return value;
+}
+function getDefaultStepInput(list, action) {
+  return asRecord2(action?.defaultInput?.(list));
+}
+function getInitialStepInput(list, action) {
+  return getDefaultStepInput(list, action);
+}
+function mergeStepRunInput(list, action, inputAtSubmit) {
+  return {
+    ...getDefaultStepInput(list, action),
+    ...inputAtSubmit
+  };
+}
 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",
@@ -2385,10 +2546,12 @@ function getPrerequisiteSteps(step, byStepId) {
     return dependency ? [dependency] : [];
   });
 }
-function getStepActionKind(ready, failed, action) {
+function getStepActionKind(step, ready, failed, action) {
   if (!action) return "none";
   if (failed > 0) return "retry_failed";
   if (ready > 0) return "run_next_batch";
+  const isSeedStep = (step.dependsOn?.length ?? 0) === 0 && step.outputs.includes(step.primaryEntity);
+  if (isSeedStep) return "run_next_batch";
   return "none";
 }
 function getStepActionLabel(kind) {
@@ -2421,7 +2584,7 @@ function deriveBuildStepStates(list, progress, actions) {
     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 eligibleTotal = hasDependencies ? prerequisites.reduce((sum, prerequisite) => sum + prerequisite.complete, 0) : entityTotal > 0 ? entityTotal : 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;
@@ -2429,7 +2592,7 @@ function deriveBuildStepStates(list, progress, actions) {
     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 nextActionKind = getStepActionKind(step, ready, failed, action);
     const state = {
       ...step,
       status,
@@ -2457,74 +2620,173 @@ function resolveBuildState(list, progress, actions) {
     recommendedAction: recommendedStep?.recommendedAction ?? null
   };
 }
-function PipelineSection({
-  title,
+function getStageStatus(entry) {
+  if (!entry || (entry.total ?? 0) === 0) return "not-started";
+  if ((entry.error ?? 0) > 0) return "errors";
+  if ((entry.attempted ?? 0) >= (entry.total ?? 0) && (entry.success ?? 0) > 0) return "complete";
+  return "in-progress";
+}
+function getStageColors(status) {
+  switch (status) {
+    case "complete":
+      return {
+        bg: "var(--color-success)",
+        fg: "white",
+        border: "var(--color-success)",
+        ring: "color-mix(in srgb, var(--color-success) 22%, transparent)"
+      };
+    case "errors":
+      return {
+        bg: "var(--color-error)",
+        fg: "white",
+        border: "var(--color-error)",
+        ring: "color-mix(in srgb, var(--color-error) 22%, transparent)"
+      };
+    case "in-progress":
+      return {
+        bg: "var(--color-primary)",
+        fg: "white",
+        border: "var(--color-primary)",
+        ring: "color-mix(in srgb, var(--color-primary) 22%, transparent)"
+      };
+    case "not-started":
+    default:
+      return {
+        bg: "color-mix(in srgb, var(--color-primary) 28%, var(--mantine-color-body))",
+        fg: "color-mix(in srgb, var(--color-primary) 55%, var(--color-text-dimmed))",
+        border: "color-mix(in srgb, var(--color-primary) 45%, var(--color-border))",
+        ring: "color-mix(in srgb, var(--color-primary) 10%, transparent)"
+      };
+  }
+}
+var STAGE_NODE_WIDTH = 110;
+var STAGE_CIRCLE_SIZE = 36;
+function StageNode({
+  index,
+  stageKey,
+  fallbackLabel,
+  entry
+}) {
+  const label = LEAD_GEN_STAGE_CATALOG[stageKey]?.label ?? fallbackLabel ?? stageKey;
+  const status = getStageStatus(entry);
+  const colors = getStageColors(status);
+  const total = entry?.total ?? 0;
+  const attempted = entry?.attempted ?? 0;
+  const success = entry?.success ?? 0;
+  const tooltipLines = entry ? [
+    `${attempted} / ${total} attempted`,
+    `${success} success`,
+    (entry.noResult ?? 0) > 0 ? `${entry.noResult} no result` : null,
+    (entry.skipped ?? 0) > 0 ? `${entry.skipped} skipped` : null,
+    (entry.error ?? 0) > 0 ? `${entry.error} errors` : null,
+    (entry.notAttempted ?? 0) > 0 ? `${entry.notAttempted} not attempted` : null
+  ].filter(Boolean) : ["Not started"];
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      gap: 6,
+      align: "center",
+      style: {
+        width: STAGE_NODE_WIDTH,
+        flex: "0 0 auto",
+        padding: "0 4px",
+        position: "relative",
+        zIndex: 1
+      },
+      children: [
+        /* @__PURE__ */ jsx(Tooltip, { label: tooltipLines.join(" \xB7 "), position: "top", withArrow: true, multiline: true, maw: 260, children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            style: {
+              width: STAGE_CIRCLE_SIZE,
+              height: STAGE_CIRCLE_SIZE,
+              borderRadius: "50%",
+              backgroundColor: colors.bg,
+              border: `1.5px solid ${colors.border}`,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              boxShadow: `0 0 0 4px ${colors.ring}`,
+              transition: "all var(--duration-normal) var(--easing)"
+            },
+            children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: status === "not-started" ? 500 : 700, style: { color: colors.fg, lineHeight: 1 }, children: status === "complete" ? "\u2713" : index + 1 })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Stack, { gap: 2, align: "center", style: { minWidth: 0, maxWidth: "100%" }, children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "xs",
+              fw: status === "not-started" ? 500 : 600,
+              ta: "center",
+              lineClamp: 1,
+              style: {
+                maxWidth: "100%",
+                color: status === "not-started" ? "var(--color-text-dimmed)" : "var(--color-text)",
+                letterSpacing: 0.2
+              },
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { size: "xs", style: { color: "var(--color-text-subtle)", fontVariantNumeric: "tabular-nums" }, children: entry ? `${attempted}/${total}` : "Pending" })
+        ] })
+      ]
+    }
+  );
+}
+function PipelineStepper({
+  plannedSteps,
   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,
-            "%)"
-          ] })
-        ] }),
+  const stageKeys = plannedSteps.length > 0 ? plannedSteps.map((s) => s.stageKey) : sortStageKeys(Object.keys(byStage));
+  const labelByKey = new Map(plannedSteps.map((s) => [s.stageKey, s.label]));
+  if (stageKeys.length === 0) {
+    return /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: emptyText });
+  }
+  return /* @__PURE__ */ jsx(Box, { style: { overflowX: "auto", padding: "4px 0" }, children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      style: {
+        position: "relative",
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        minWidth: stageKeys.length * STAGE_NODE_WIDTH
+      },
+      children: [
         /* @__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
-            ))
+            style: {
+              position: "absolute",
+              top: STAGE_CIRCLE_SIZE / 2 - 1,
+              left: STAGE_NODE_WIDTH / 2,
+              right: STAGE_NODE_WIDTH / 2,
+              height: 2,
+              backgroundColor: "var(--color-border)"
+            }
           }
         ),
-        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: statusSummary.join(" \xB7 ") })
-      ] }, key);
-    }) })
-  ] });
+        stageKeys.map((key, index) => /* @__PURE__ */ jsx(StageNode, { index, stageKey: key, fallbackLabel: labelByKey.get(key), entry: byStage[key] }, key))
+      ]
+    }
+  ) });
 }
 function PipelineStagesCard({ list, progress }) {
-  const hasAnyActivity = Object.keys(progress.byCompanyStage).length > 0 || Object.keys(progress.byContactStage).length > 0;
+  const plannedSteps = list.metadata.buildPlanSnapshot?.steps ?? [];
+  const templateLabel = list.metadata.buildPlanSnapshot?.templateLabel;
+  const combinedByStage = { ...progress.byCompanyStage, ...progress.byContactStage };
+  const hasAnyContent = plannedSteps.length > 0 || Object.keys(combinedByStage).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(Stack, { gap: 2, children: [
+        /* @__PURE__ */ jsx(Title, { order: 5, children: "Pipeline Stages" }),
+        templateLabel && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Template: ",
+          templateLabel
+        ] })
+      ] }),
       /* @__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: [
@@ -2537,21 +2799,20 @@ function PipelineStagesCard({ list, progress }) {
         ] })
       ] })
     ] }),
-    !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."
-        }
-      ),
+    !hasAnyContent ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No pipeline stages configured yet \u2014 plan a build template to populate this list." }) : /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 600, children: [
+        "Pipeline (",
+        progress.totalCompanies,
+        " companies \xB7 ",
+        progress.totalMembers,
+        " contacts)"
+      ] }),
       /* @__PURE__ */ jsx(
-        PipelineSection,
+        PipelineStepper,
         {
-          title: `Contact Pipeline (${progress.totalMembers})`,
-          byStage: progress.byContactStage,
-          emptyText: "No contact-stage flags recorded yet."
+          plannedSteps,
+          byStage: combinedByStage,
+          emptyText: "No pipeline activity recorded yet."
         }
       )
     ] })
@@ -2565,12 +2826,12 @@ function ListConfigCard({ list }) {
   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." })
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No ICP rubric or scraping criteria recorded 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 || hasScraping) && /* @__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: [
@@ -2627,32 +2888,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 })
-    ] }) })
-  ] });
-}
-function getBuildStatusLabel(status) {
-  switch (status) {
-    case "failed":
-      return "Needs retry";
-    case "blocked":
-      return "Waiting";
-    case "complete":
-      return "Complete";
-    case "ready":
-    default:
-      return "Ready";
-  }
+  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" }),
+          /* @__PURE__ */ jsx(JsonViewer, { data: list.metadata, maxHeight: 320 })
+        ] }) })
+      ]
+    }
+  );
 }
 function getBuildToneStyle(tone) {
   switch (tone) {
@@ -2671,7 +2926,7 @@ function getBuildToneStyle(tone) {
     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))",
+        borderColor: "var(--border-primary-muted)",
         color: "var(--color-primary)"
       };
     case "blocked":
@@ -2706,23 +2961,21 @@ function StatusPill({ label, tone }) {
     }
   );
 }
-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 StepCounterLine({ step }) {
+  const items = [
+    step.ready > 0 ? { label: "ready", value: step.ready, color: "var(--color-primary)" } : null,
+    step.complete > 0 ? { label: "done", value: step.complete, color: "var(--color-success)" } : null,
+    step.failed > 0 ? { label: "failed", value: step.failed, color: "var(--color-error)" } : null,
+    step.blocked > 0 ? { label: "waiting", value: step.blocked, color: "var(--color-text-dimmed)" } : null
+  ].filter((item) => item !== null);
+  if (!items.length) {
+    return /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No records yet" });
+  }
+  return /* @__PURE__ */ jsx(Group, { gap: "md", wrap: "nowrap", children: items.map((item) => /* @__PURE__ */ jsxs(Text, { size: "xs", fw: 700, style: { color: item.color }, children: [
+    item.value,
+    " ",
+    item.label
+  ] }, item.label)) });
 }
 function BuildStepProgressBar({ step }) {
   const segments = [
@@ -2747,19 +3000,11 @@ function BuildStepProgressBar({ 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({
+  list,
   steps,
   recommendedStep,
   onRunStep,
@@ -2767,83 +3012,132 @@ function BuildTab({
   onViewRuns
 }) {
   const [selectedStepId, setSelectedStepId] = useState(null);
+  const [stepInputFormState, setStepInputFormState] = useState({});
+  const [stepInputError, setStepInputError] = useState(null);
+  const [stepInputInitialized, setStepInputInitialized] = useState(false);
+  const [activeRightColumnTab, setActiveRightColumnTab] = useState("configuration");
+  const [stepInputResetKey, setStepInputResetKey] = useState(0);
   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 stepSchema = selectedStep?.action?.schema;
+  const stepLayout = selectedStep?.action?.layout;
+  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(() => {
+    setStepInputFormState(getInitialStepInput(list, selectedStep?.action));
+    setStepInputError(null);
+    setStepInputInitialized(false);
+    setStepInputResetKey((k) => k + 1);
+  }, [list, selectedStep?.action]);
+  useEffect(() => {
+    if (stepInputInitialized) return;
+    if (recentRunsQuery.isLoading) return;
+    if (recentRuns.length > 0) {
+      const lastInput = getRunInput(recentRuns[0]);
+      if (lastInput) {
+        setStepInputFormState(sanitizeStepInput(asRecord2(lastInput)));
+        setStepInputResetKey((k) => k + 1);
+      }
+    }
+    setStepInputInitialized(true);
+  }, [stepInputInitialized, recentRunsQuery.isLoading, recentRuns, selectedCapabilityKey]);
+  const handleStepInputChange = (next) => {
+    setStepInputFormState(next);
+    if (stepInputError) setStepInputError(null);
+  };
   const handleSelectedAction = () => {
     if (!selectedStep || !canRunSelectedAction) return;
+    if (stepSchema) {
+      const parsed = stepSchema.safeParse(stepInputFormState);
+      if (!parsed.success) {
+        const firstIssue = parsed.error.issues[0];
+        setStepInputError(firstIssue?.message ?? "Validation failed");
+        return;
+      }
+    }
+    setStepInputError(null);
+    const submittedInput = stepSchema ? stepInputFormState : {};
     if (selectedActionKind === "retry_failed") {
-      onRetryStep(selectedStep);
+      onRetryStep(selectedStep, submittedInput);
       return;
     }
-    onRunStep(selectedStep);
+    onRunStep(selectedStep, submittedInput);
   };
-  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) => {
+    setStepInputFormState(sanitizeStepInput(asRecord2(getRunInput(run))));
+    setStepInputResetKey((k) => k + 1);
+    setActiveRightColumnTab("configuration");
+  };
+  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(Card, { withBorder: true, style: { height: "100%", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx(Stack, { gap: "xs", style: { flex: 1, minHeight: 0 }, 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(--surface-primary-strong)" : 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: 4, 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", lineClamp: 2, children: step.description }),
+                  /* @__PURE__ */ jsx(StepCounterLine, { 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: [
+            },
+            step.id
+          );
+        }) }) }),
+        selectedStep ? /* @__PURE__ */ jsx(Card, { withBorder: true, style: { height: "100%", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", style: { flex: 1, minHeight: 0 }, children: [
+          /* @__PURE__ */ jsxs(Stack, { gap: 2, style: { minWidth: 0, flexShrink: 0 }, children: [
             /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", fw: 700, tt: "uppercase", children: [
               "Step ",
               selectedStepIndex + 1,
@@ -2851,40 +3145,104 @@ function BuildTab({
             ] }),
             /* @__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(BuildStepProgressBar, { step: selectedStep }),
           /* @__PURE__ */ jsx(
-            Button,
+            StepDetailRightColumn,
             {
-              leftSection: selectedActionIcon,
-              disabled: !canRunSelectedAction,
-              onClick: handleSelectedAction,
-              children: selectedActionKind === "none" ? "No action" : getStepActionLabel(selectedActionKind)
+              activeTab: activeRightColumnTab,
+              onTabChange: setActiveRightColumnTab,
+              configuration: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+                selectedStep.status === "blocked" ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: selectedStep.emptyBlockedText }) : null,
+                selectedStep.outputs.includes(selectedStep.primaryEntity) && selectedStep.ready === 0 && selectedStep.complete === 0 && selectedStep.failed === 0 && selectedStep.blocked === 0 ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Run this step to populate members." }) : null,
+                !selectedStep.outputs.includes(selectedStep.primaryEntity) && 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,
+                stepSchema && stepLayout ? /* @__PURE__ */ jsx(
+                  StepConfigForm,
+                  {
+                    slot: "main",
+                    schema: stepSchema,
+                    layout: stepLayout,
+                    value: stepInputFormState,
+                    onChange: (v) => handleStepInputChange(asRecord2(v) ?? {}),
+                    disabled: !canRunSelectedAction
+                  },
+                  `${selectedResourceId ?? "none"}-main-${stepInputResetKey}`
+                ) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No configuration for this step." })
+              ] }),
+              advanced: stepSchema && stepLayout?.advanced ? /* @__PURE__ */ jsx(
+                StepConfigForm,
+                {
+                  slot: "advanced",
+                  schema: stepSchema,
+                  layout: stepLayout,
+                  value: stepInputFormState,
+                  onChange: (v) => handleStepInputChange(asRecord2(v) ?? {}),
+                  disabled: !canRunSelectedAction
+                },
+                `${selectedResourceId ?? "none"}-advanced-${stepInputResetKey}`
+              ) : void 0,
+              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
+                )) })
+              ] }) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No runs available for this step." }),
+              action: /* @__PURE__ */ jsxs(Fragment, { children: [
+                stepInputError ? /* @__PURE__ */ jsx(Alert, { color: "red", icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), variant: "light", children: stepInputError }) : 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)
+                    }
+                  ),
+                  recentRuns.length > 0 ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "light",
+                      leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 }),
+                      onClick: () => onViewRuns(selectedResourceId),
+                      children: "View runs"
+                    }
+                  ) : null
+                ] })
+              ] })
             }
-          ),
-          /* @__PURE__ */ jsx(Button, { variant: "light", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 }), onClick: onViewRuns, children: "View runs" })
-        ] })
-      ] }) }) : null
-    ] })
-  ] });
+          )
+        ] }) }) : null
+      ] })
+    }
+  );
 }
 function MembersTab({
   listId,
@@ -2896,75 +3254,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,
@@ -2995,13 +3354,22 @@ function LeadGenListDetailPage({ listId }) {
   const listQuery = useList(listId);
   const progressQuery = useListProgress(listId);
   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 [runsResourceFilter, setRunsResourceFilter] = useState(null);
   const [initialRunResourceId, setInitialRunResourceId] = useState(null);
+  const [pendingStepRunInput, setPendingStepRunInput] = useState(null);
+  const runModalActions = useMemo(() => {
+    if (!pendingStepRunInput) return actions;
+    return actions.map((action) => {
+      if (action.resourceId !== pendingStepRunInput.resourceId) return action;
+      return {
+        ...action,
+        defaultInput: (nextList) => mergeStepRunInput(nextList, action, pendingStepRunInput.inputAtSubmit)
+      };
+    });
+  }, [actions, pendingStepRunInput]);
   const isLoading = listQuery.isLoading || progressQuery.isLoading;
   const error = listQuery.error ?? progressQuery.error;
   const backButton = /* @__PURE__ */ jsx(
@@ -3055,12 +3423,7 @@ function LeadGenListDetailPage({ listId }) {
   }
   const list = listQuery.data;
   const progress = progressQuery.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;
@@ -3072,8 +3435,17 @@ function LeadGenListDetailPage({ listId }) {
   const closeRunModal = () => {
     setRunModalOpen(false);
     setInitialRunResourceId(null);
+    setPendingStepRunInput(null);
   };
-  const openStepRun = (step) => {
+  const openStepRun = (step, inputAtSubmit) => {
+    if (step.action?.schema) {
+      setPendingStepRunInput({
+        resourceId: step.action.resourceId,
+        inputAtSubmit
+      });
+    } else {
+      setPendingStepRunInput(null);
+    }
     openRunModal(step.action?.resourceId ?? null);
   };
   const handleCopyListCommand = () => {
@@ -3088,29 +3460,6 @@ function LeadGenListDetailPage({ listId }) {
       }
     });
   };
-  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(
@@ -3130,16 +3479,6 @@ function LeadGenListDetailPage({ listId }) {
           ] })
         ] }),
         /* @__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 }) })
@@ -3171,60 +3510,29 @@ function LeadGenListDetailPage({ listId }) {
         /* @__PURE__ */ jsx(Tabs.Panel, { value: "build", pt: "sm", children: /* @__PURE__ */ jsx(
           BuildTab,
           {
+            list,
             steps: buildSteps,
             recommendedStep: recommendedBuildStep,
             onRunStep: openStepRun,
             onRetryStep: openStepRun,
-            onViewRuns: () => setActiveTab("runs")
+            onViewRuns: (resourceId) => {
+              setRunsResourceFilter(resourceId);
+              setActiveTab("runs");
+            }
           }
         ) }),
-        /* @__PURE__ */ jsx(Tabs.Panel, { value: "runs", pt: "sm", children: /* @__PURE__ */ jsx(WorkflowRunsPanel, { listId, title: "Runs" }) })
+        /* @__PURE__ */ jsx(Tabs.Panel, { value: "runs", pt: "sm", children: /* @__PURE__ */ jsx(
+          WorkflowRunsPanel,
+          {
+            listId,
+            title: "Runs",
+            resourceFilter: runsResourceFilter,
+            onClearResourceFilter: () => setRunsResourceFilter(null)
+          }
+        ) })
       ] }) })
     ] }) }),
     /* @__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,
       {
@@ -3257,13 +3565,13 @@ 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: (_, executionId) => {
           showSuccessNotification(`Workflow run started: ${executionId}`);
         }
       }
@@ -3628,4 +3936,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 { CompanyDetailModal, ContactDetailModal, LEAD_GEN_ITEMS, LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, ListBuilderIndexPage, ListBuilderPage, RunWorkflowModal, StepConfigForm, TabSection, formatDate, getEnrichmentColor, getEnrichmentStatus, getStateKeyColor, getStatusColor, leadGenManifest, useDeleteLists };