@elevasis/ui 2.67.0 → 2.69.0

package/dist/chunk-ZD6LM53O.js

@@ -0,0 +1,4528 @@
+import { LEAD_GEN_API_INTERFACE } from './chunk-7WJEPTE7.js';
+import { sanitizeInput } from './chunk-3MEXPLWT.js';
+import { PageContainer } from './chunk-BZZCNLT6.js';
+import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
+import { FilterBar } from './chunk-PDHTXPSF.js';
+import { LeadGenSidebarMiddle, SubshellContentContainer, PageTitleCaption, acquisitionListKeys, useOptionalElevasisSystems, getAllBuildTemplates, getLeadGenStageCatalog, useListsTelemetry, useLists, useAccess, AccessKeys, CenteredErrorState, StatCard, useTableSort, sortData, usePaginationState, useTableSelection, EmptyState, CustomModal, useListActions, useList, useListProgress, useListExecutions, useDeleteList, useExecuteAsync, useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts, useCreateList, JsonViewer, useCredentials, useVerifyCredential, useWorkflowExecution, useInFlightExecutions, useExecutionSSE, useListRecords, useListMembers, useListMember, useTransitionListMember, useDeriveActions, useArtifacts } from './chunk-WXHAHKKI.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-C75XWBYZ.js';
+import { SubshellSidebarSection } from './chunk-MISHPEJX.js';
+import { CardHeader } from './chunk-62GVNH5U.js';
+import { computeInterfaceReadiness, getSystem } from './chunk-NM4A63KJ.js';
+import { useElevasisServices } from './chunk-BI5VDO2K.js';
+import { Stack, Group, Title, Text, Alert, Button, Collapse, Paper, Anchor, Center, Loader, SimpleGrid, Table, Badge, TextInput, Select, Checkbox, Pagination, ActionIcon, Tooltip, Tabs, ThemeIcon, Box, Textarea, Card, SegmentedControl, UnstyledButton, Pill, Drawer, JsonInput, Switch, NumberInput, MultiSelect, TagsInput, ScrollArea } from '@mantine/core';
+import { IconTarget, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconListDetails, IconPlus, IconAlertTriangle, IconSearch, IconList, IconExternalLink, IconCopy, IconTrash, IconBuilding, IconUsers, IconBolt, IconLayoutDashboard, IconBuildingFactory2, IconArrowLeft, IconSparkles, IconAddressBook, IconSettings, IconChevronDown, IconChevronRight, IconRefresh, IconMail, IconUser, IconDatabase } from '@tabler/icons-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useMemo, useCallback, useEffect, Fragment as Fragment$1 } from 'react';
+import { useForm } from '@mantine/form';
+import { zod4Resolver } from 'mantine-form-zod-resolver';
+import { Link, useNavigate, useSearch } from '@tanstack/react-router';
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+
+var LeadGenSidebarTop = () => {
+  return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconTarget, label: "Lead Gen" });
+};
+var LeadGenSidebar = ({ children } = {}) => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(LeadGenSidebarTop, {}),
+    children ?? /* @__PURE__ */ jsx(LeadGenSidebarMiddle, {})
+  ] });
+};
+
+// ../core/src/business/acquisition/build-templates.ts
+function getProspectingBuildTemplateOptions(templates) {
+  return templates.map(({ id, label, description }) => ({
+    id,
+    label,
+    description
+  }));
+}
+function createBuildPlanSnapshotFromTemplate(template) {
+  const stepIdByStageKey = new Map(template.steps.map((step) => [step.stageKey, step.id]));
+  const stepIds = new Set(template.steps.map((step) => step.id));
+  return {
+    templateId: template.id,
+    templateLabel: template.label,
+    steps: template.steps.map((step) => {
+      const snapshotStep = {
+        id: step.id,
+        label: step.label,
+        primaryEntity: step.primaryEntity,
+        outputs: [...step.outputs],
+        stageKey: step.stageKey,
+        recordsStageKey: step.recordsStageKey ?? step.stageKey,
+        recordSourceStageKey: step.recordSourceStageKey ?? step.recordsStageKey ?? step.stageKey,
+        dependencyMode: step.dependencyMode,
+        actionKey: step.actionKey,
+        defaultBatchSize: step.defaultBatchSize,
+        maxBatchSize: step.maxBatchSize
+      };
+      if (step.description) snapshotStep.description = step.description;
+      if (step.recordEntity) snapshotStep.recordEntity = step.recordEntity;
+      if (step.dependsOn?.length) {
+        snapshotStep.dependsOn = step.dependsOn.map(
+          (dependency) => stepIds.has(dependency) ? dependency : stepIdByStageKey.get(dependency) ?? dependency
+        );
+      }
+      if (step.credentialRequirements?.length) {
+        snapshotStep.credentialRequirements = step.credentialRequirements.map((requirement) => ({
+          ...requirement
+        }));
+      }
+      if (step.recordColumns) {
+        snapshotStep.recordColumns = {
+          ...step.recordColumns.company ? {
+            company: step.recordColumns.company.map((column) => ({ ...column }))
+          } : {},
+          ...step.recordColumns.contact ? {
+            contact: step.recordColumns.contact.map((column) => ({ ...column }))
+          } : {}
+        };
+      }
+      return snapshotStep;
+    })
+  };
+}
+function createBuildPlanSnapshotFromTemplateId(templateId, templates = []) {
+  const template = templates.find((item) => item.id === templateId);
+  if (!template) return null;
+  return createBuildPlanSnapshotFromTemplate(template);
+}
+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 "checkboxgroup":
+      return /* @__PURE__ */ jsx(
+        Checkbox.Group,
+        {
+          label,
+          description,
+          value: inputProps.value ?? [],
+          onChange: (val) => form.setFieldValue(field.path, val),
+          error: inputProps.error,
+          children: /* @__PURE__ */ jsx(Stack, { gap: 6, mt: "xs", children: (field.options ?? []).map((option) => /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              value: option.value,
+              label: option.label,
+              disabled
+            },
+            option.value
+          )) })
+        },
+        field.path
+      );
+    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" },
+  { label: "Companies", to: "/lead-gen/companies" },
+  { label: "Contacts", to: "/lead-gen/contacts" }
+];
+function LeadGenRouteShell({
+  title,
+  caption,
+  body,
+  links = LEAD_GEN_ROUTE_LINKS
+}) {
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(PageTitleCaption, { title, caption }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "lg", children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      body,
+      /* @__PURE__ */ jsx(Text, { children: links.map((link, index) => /* @__PURE__ */ jsxs("span", { children: [
+        index > 0 ? " | " : null,
+        /* @__PURE__ */ jsx(Anchor, { component: Link, to: link.to, children: link.label })
+      ] }, link.to)) })
+    ] }) })
+  ] }) }) });
+}
+function formatDate(dateValue) {
+  const date = typeof dateValue === "string" ? new Date(dateValue) : dateValue;
+  return date.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+function getStatusColor(status) {
+  return status === "active" ? "green" : status === "invalid" ? "red" : "gray";
+}
+function getStateKeyColor(stateKey) {
+  switch (stateKey) {
+    case "draft":
+      return "gray";
+    case "enriching":
+      return "blue";
+    case "launched":
+      return "green";
+    case "closing":
+      return "yellow";
+    case "archived":
+      return "dimmed";
+    default:
+      return "gray";
+  }
+}
+function getEnrichmentColor(status) {
+  switch (status) {
+    case "complete":
+      return "green";
+    case "pending":
+      return "yellow";
+    case "failed":
+      return "red";
+    default:
+      return "gray";
+  }
+}
+function getEnrichmentStatus(enrichmentData) {
+  if (!enrichmentData || typeof enrichmentData !== "object") return "pending";
+  const website = enrichmentData.website;
+  const linkedin = enrichmentData.linkedin;
+  if (website === "complete" && linkedin === "complete") return "complete";
+  if (website === "failed" || linkedin === "failed") return "failed";
+  return "pending";
+}
+function useDeleteLists() {
+  const { apiRequest, workOSOrganizationId } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (listIds) => {
+      const uniqueIds = [...new Set(listIds)].filter(Boolean);
+      if (uniqueIds.length === 0) return;
+      await Promise.all(
+        uniqueIds.map(
+          (listId) => apiRequest(`/acquisition/lists/${listId}`, {
+            method: "DELETE"
+          })
+        )
+      );
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: acquisitionListKeys.list(workOSOrganizationId) });
+      queryClient.invalidateQueries({ queryKey: acquisitionListKeys.telemetry(workOSOrganizationId) });
+      showSuccessNotification("Lists deleted");
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+function isLeadGenExportAction(action) {
+  if (!action) return false;
+  const ontologyActionSegment = action.split(":action/")[1];
+  if (ontologyActionSegment) {
+    return ontologyActionSegment === "export" || ontologyActionSegment.startsWith("export.") || ontologyActionSegment.startsWith("export-");
+  }
+  return action === "lead-gen.export.list" || action.includes(".export.");
+}
+function getLeadGenExportWorkflowId(model) {
+  return Object.values(model.resources ?? {}).find(
+    (resource) => resource.kind === "workflow" && resource.systemPath === "sales.lead-gen" && (isLeadGenExportAction(resource.ontology?.primaryAction) || resource.ontology?.actions?.some(isLeadGenExportAction) === true)
+  )?.id;
+}
+function toBuildStepDefinition(step) {
+  return {
+    ...step,
+    description: step.description ?? `Run ${step.label.toLowerCase()} for this list.`,
+    outputs: [...step.outputs],
+    emptyBlockedText: step.emptyBlockedText ?? "Complete prerequisite build steps before this action can run."
+  };
+}
+function getDefaultBuildTemplateId(model, templates) {
+  const configuredId = getSystem(model, "sales.lead-gen")?.config?.defaultBuildTemplateId;
+  if (typeof configuredId === "string" && templates.some((template) => template.id === configuredId)) return configuredId;
+  return templates[0]?.id;
+}
+function getDefaultBuildSteps(templates, defaultBuildTemplateId) {
+  const template = templates.find((item) => item.id === defaultBuildTemplateId) ?? templates[0];
+  return template?.steps.map((step) => toBuildStepDefinition(step)) ?? [];
+}
+function summarizeReadinessIssues(issues) {
+  return issues[0]?.message;
+}
+function getLeadGenApiInterfaceReadiness(model) {
+  if (!model) {
+    return {
+      systemPath: LEAD_GEN_API_INTERFACE.systemPath,
+      interfaceKey: LEAD_GEN_API_INTERFACE.interfaceKey,
+      readinessProfile: LEAD_GEN_API_INTERFACE.readinessProfile,
+      declared: false,
+      ready: false,
+      reason: "No Organization Model is available for lead-gen System Interface readiness.",
+      issues: [
+        {
+          family: "SYSTEM_INTERFACE_MISSING",
+          code: "missing-organization-model",
+          message: "No Organization Model is available for lead-gen System Interface readiness."
+        }
+      ]
+    };
+  }
+  const readiness = computeInterfaceReadiness(model, LEAD_GEN_API_INTERFACE);
+  return {
+    systemPath: LEAD_GEN_API_INTERFACE.systemPath,
+    interfaceKey: LEAD_GEN_API_INTERFACE.interfaceKey,
+    readinessProfile: readiness.readinessProfile,
+    declared: getSystem(model, LEAD_GEN_API_INTERFACE.systemPath)?.apiInterface !== void 0,
+    ready: readiness.ready,
+    reason: summarizeReadinessIssues(readiness.issues),
+    issues: readiness.issues
+  };
+}
+function useLeadGenConfig() {
+  const systems = useOptionalElevasisSystems();
+  const organizationModel = systems?.organizationModel;
+  return useMemo(() => {
+    const leadGenApiInterface = getLeadGenApiInterfaceReadiness(organizationModel);
+    const interfaceState = {
+      leadGenApiInterface,
+      canUseLeadGenApiActions: leadGenApiInterface.ready
+    };
+    if (!organizationModel) return interfaceState;
+    const buildTemplates = getAllBuildTemplates(organizationModel);
+    const defaultBuildTemplateId = getDefaultBuildTemplateId(organizationModel, buildTemplates);
+    return {
+      stageCatalog: getLeadGenStageCatalog(organizationModel),
+      exportWorkflowId: getLeadGenExportWorkflowId(organizationModel),
+      defaultBuildTemplateId,
+      defaultBuildSteps: getDefaultBuildSteps(buildTemplates, defaultBuildTemplateId),
+      buildTemplates,
+      ...interfaceState
+    };
+  }, [organizationModel]);
+}
+var DATA_MODE_OPTIONS = [
+  { value: "mock", label: "Mock data" },
+  { value: "live", label: "Live data" }
+];
+function CreateListModal({ opened, onClose, canCreate, onCreated }) {
+  const leadGenConfig = useLeadGenConfig();
+  const createListMutation = useCreateList();
+  const buildTemplateOptions = useMemo(
+    () => getProspectingBuildTemplateOptions(leadGenConfig.buildTemplates ?? []).map((template) => ({
+      value: template.id,
+      label: template.label
+    })),
+    [leadGenConfig.buildTemplates]
+  );
+  const defaultBuildTemplateId = leadGenConfig.defaultBuildTemplateId ?? buildTemplateOptions[0]?.value ?? "";
+  const [newListName, setNewListName] = useState("");
+  const [newListDescription, setNewListDescription] = useState("");
+  const [newBuildTemplateId, setNewBuildTemplateId] = useState("");
+  const [newDataMode, setNewDataMode] = useState("mock");
+  const selectedBuildTemplateId = newBuildTemplateId || defaultBuildTemplateId;
+  const selectedBuildTemplate = leadGenConfig.buildTemplates?.find((template) => template.id === selectedBuildTemplateId);
+  function resetForm() {
+    setNewListName("");
+    setNewListDescription("");
+    setNewBuildTemplateId("");
+    setNewDataMode("mock");
+  }
+  function handleClose() {
+    if (createListMutation.isPending) return;
+    resetForm();
+    onClose();
+  }
+  function handleCreateList() {
+    if (!canCreate) return;
+    const trimmedName = newListName.trim();
+    if (!trimmedName) return;
+    const body = {
+      name: trimmedName,
+      description: newListDescription.trim() || null,
+      ...selectedBuildTemplateId ? { buildTemplateId: selectedBuildTemplateId } : {},
+      pipelineConfig: {
+        dataMode: newDataMode
+      }
+    };
+    createListMutation.mutate(body, {
+      onSuccess: (list) => {
+        resetForm();
+        onClose();
+        onCreated?.(list);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(CustomModal, { opened, onClose: handleClose, size: "md", loading: createListMutation.isPending, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(IconSparkles, { size: 24 }),
+      /* @__PURE__ */ jsx(Title, { order: 4, children: "Create List" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: "List Name",
+        placeholder: "e.g. Orange County Vets Q2",
+        value: newListName,
+        onChange: (event) => setNewListName(event.currentTarget.value),
+        disabled: createListMutation.isPending,
+        required: true
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        label: "Description",
+        placeholder: "Optional context for this list",
+        value: newListDescription,
+        onChange: (event) => setNewListDescription(event.currentTarget.value),
+        disabled: createListMutation.isPending,
+        minRows: 3
+      }
+    ),
+    /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          label: "Build Pipeline",
+          description: "Choose the sequence this list should follow.",
+          data: buildTemplateOptions,
+          value: selectedBuildTemplateId || null,
+          onChange: (value) => setNewBuildTemplateId(value ?? ""),
+          disabled: createListMutation.isPending || buildTemplateOptions.length === 0,
+          required: true
+        }
+      ),
+      selectedBuildTemplate?.description ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: selectedBuildTemplate.description }) : null
+    ] }),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        label: "Data Mode",
+        description: "Choose whether sourcing and enrichment use demo fixtures or live providers.",
+        data: DATA_MODE_OPTIONS,
+        value: newDataMode,
+        onChange: (value) => setNewDataMode(value ?? "mock"),
+        disabled: createListMutation.isPending,
+        required: true
+      }
+    ),
+    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "The list will open in draft mode after creation so you can review configuration and run build steps from the list workspace." }),
+    /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "light", onClick: handleClose, disabled: createListMutation.isPending, children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: handleCreateList,
+          loading: createListMutation.isPending,
+          disabled: !newListName.trim() || !canCreate,
+          children: "Create List"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/features/lead-gen/pages/overview-telemetry.ts
+function computeBacklog(current, completed) {
+  return Math.max(current - completed, 0);
+}
+function getOrderedStageEntries(stageCatalog) {
+  return Object.values(stageCatalog).sort((a, b) => a.order - b.order || a.key.localeCompare(b.key));
+}
+function resolveReadinessStages(orderedStageEntries) {
+  const idx = orderedStageEntries.findIndex((e) => e.readinessTarget === true);
+  return {
+    readinessTargetEntry: idx >= 0 ? orderedStageEntries[idx] : void 0,
+    predecessorEntry: idx > 0 ? orderedStageEntries[idx - 1] : void 0
+  };
+}
+function computeStageTotals(lists) {
+  return lists.reduce((acc, list) => {
+    for (const [key, count] of Object.entries(list.stageCounts)) {
+      acc[key] = (acc[key] ?? 0) + count;
+    }
+    return acc;
+  }, {});
+}
+function computeReadyBacklog(stageTotals, orderedStageEntries, readiness) {
+  if (readiness.readinessTargetEntry) {
+    return computeBacklog(
+      stageTotals[readiness.predecessorEntry?.key ?? ""] ?? 0,
+      stageTotals[readiness.readinessTargetEntry.key] ?? 0
+    );
+  }
+  return computeBacklog(
+    stageTotals[orderedStageEntries[orderedStageEntries.length - 2]?.key ?? ""] ?? 0,
+    stageTotals[orderedStageEntries[orderedStageEntries.length - 1]?.key ?? ""] ?? 0
+  );
+}
+function getOverviewStatus(list, readinessTargetEntry, predecessorEntry) {
+  if ((list.activeWorkflows?.length ?? 0) > 0) {
+    return { label: "Active Work", color: "green" };
+  }
+  if (readinessTargetEntry && predecessorEntry) {
+    const predecessorCount = list.stageCounts[predecessorEntry.key] ?? 0;
+    const targetCount = list.stageCounts[readinessTargetEntry.key] ?? 0;
+    if (predecessorCount > 0 && targetCount >= predecessorCount) {
+      return { label: "Complete", color: "blue" };
+    }
+  }
+  return { label: "Idle", color: "gray" };
+}
+function getNextFocus(list, orderedStageEntries) {
+  if ((list.activeWorkflows?.length ?? 0) > 0) {
+    return { label: "Workflow running", count: list.activeWorkflows?.length ?? 0 };
+  }
+  if (list.totalCompanies === 0 && list.totalContacts === 0) {
+    return { label: "Populate list", count: null };
+  }
+  for (let i = 1; i < orderedStageEntries.length; i++) {
+    const predecessor = orderedStageEntries[i - 1];
+    const current = orderedStageEntries[i];
+    if (!predecessor || !current) continue;
+    const gap = computeBacklog(list.stageCounts[predecessor.key] ?? 0, list.stageCounts[current.key] ?? 0);
+    if (gap > 0) {
+      return { label: current.label, count: gap };
+    }
+  }
+  return { label: "Complete", count: null };
+}
+function computeListTotalBacklog(list, orderedStageEntries) {
+  let total = 0;
+  for (let i = 1; i < orderedStageEntries.length; i++) {
+    const predecessor = orderedStageEntries[i - 1];
+    const current = orderedStageEntries[i];
+    if (!predecessor || !current) continue;
+    total += computeBacklog(list.stageCounts[predecessor.key] ?? 0, list.stageCounts[current.key] ?? 0);
+  }
+  return total;
+}
+function formatCountLabel(value, noun) {
+  return `${value} ${noun}${value === 1 ? "" : "s"}`;
+}
+function LeadGenOverviewPage({ headerActions, tabs, footer } = {}) {
+  const navigate = useNavigate();
+  const telemetryQuery = useListsTelemetry();
+  const listsQuery = useLists();
+  const leadGenConfig = useLeadGenConfig();
+  const canManageLeadGen = useAccess(AccessKeys.leadGenManage);
+  const [showCreateList, setShowCreateList] = useState(false);
+  const data = telemetryQuery.data;
+  const listMetaById = new Map((listsQuery.data ?? []).map((list) => [list.id, list]));
+  const stageCatalog = leadGenConfig.stageCatalog ?? {};
+  const orderedStageEntries = getOrderedStageEntries(stageCatalog);
+  const { readinessTargetEntry, predecessorEntry } = resolveReadinessStages(orderedStageEntries);
+  const stageTotals = computeStageTotals(data ?? []);
+  const readyBacklog = computeReadyBacklog(stageTotals, orderedStageEntries, { readinessTargetEntry, predecessorEntry });
+  const deliverabilityTotals = data?.reduce(
+    (acc, list) => ({
+      valid: acc.valid + list.deliverability.valid,
+      risky: acc.risky + list.deliverability.risky,
+      invalid: acc.invalid + list.deliverability.invalid,
+      unknown: acc.unknown + list.deliverability.unknown,
+      bounced: acc.bounced + list.deliverability.bounced
+    }),
+    { valid: 0, risky: 0, invalid: 0, unknown: 0, bounced: 0 }
+  ) ?? { risky: 0, invalid: 0, bounced: 0 };
+  const deliverabilityRiskCount = deliverabilityTotals.risky + deliverabilityTotals.invalid + deliverabilityTotals.bounced;
+  const totalLists = data?.length ?? 0;
+  const canUseApiActions = leadGenConfig.canUseLeadGenApiActions;
+  const canCreateLists = canManageLeadGen.allowed && canUseApiActions;
+  const apiDisabledReason = leadGenConfig.leadGenApiInterface.reason;
+  const readySummaryLabel = readinessTargetEntry ? `ready: ${readinessTargetEntry.label.toLowerCase()}` : "next-stage backlog";
+  const readyCardLabel = readinessTargetEntry ? `Ready: ${readinessTargetEntry.label}` : "Next-stage backlog";
+  const summaryLine = [
+    `${totalLists} total ${totalLists === 1 ? "list" : "lists"}`,
+    `${formatCountLabel(readyBacklog, "contact")} ${readySummaryLabel}`,
+    deliverabilityRiskCount === 0 ? "no risks" : `${formatCountLabel(deliverabilityRiskCount, "risk")}`
+  ].join(" | ");
+  const overviewRows = data?.map((list) => {
+    const listMeta = listMetaById.get(list.listId);
+    const nextFocus = getNextFocus(list, orderedStageEntries);
+    return {
+      ...list,
+      name: listMeta?.name ?? `List ${list.listId.slice(0, 8)}`,
+      nextFocus,
+      status: getOverviewStatus(list, readinessTargetEntry, predecessorEntry)
+    };
+  }).sort((a, b) => {
+    const aActive = a.status.label === "Active Work" ? 1 : 0;
+    const bActive = b.status.label === "Active Work" ? 1 : 0;
+    if (aActive !== bActive) return bActive - aActive;
+    const aBacklog = computeListTotalBacklog(a, orderedStageEntries);
+    const bBacklog = computeListTotalBacklog(b, orderedStageEntries);
+    if (aBacklog !== bBacklog) return bBacklog - aBacklog;
+    return b.totalContacts - a.totalContacts;
+  }) ?? [];
+  return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
+    /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: "Lead Gen Overview", caption: summaryLine }),
+      headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
+      tabs ?? null,
+      telemetryQuery.isLoading ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) }) : telemetryQuery.isError ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error: telemetryQuery.error, title: "Failed to load list telemetry" }) }) : !data?.length ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { h: 300, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "No lists yet." }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 3 }, children: [
+          /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconPlayerPlay, value: totalLists, label: "Total Lists" }),
+          /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconArrowRight, value: readyBacklog, label: readyCardLabel }),
+          /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconAlertCircle, value: deliverabilityRiskCount, label: "At Risk" })
+        ] }),
+        /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", gap: "md", children: [
+            /* @__PURE__ */ jsx(
+              CardHeader,
+              {
+                icon: /* @__PURE__ */ jsx(IconListDetails, { size: 18 }),
+                title: "List Snapshot",
+                subtitle: "Ranked to surface active work first, then the largest unresolved backlogs."
+              }
+            ),
+            canManageLeadGen.allowed ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }),
+                onClick: () => setShowCreateList(true),
+                size: "xs",
+                disabled: !canUseApiActions,
+                title: !canUseApiActions ? apiDisabledReason : void 0,
+                children: "Create List"
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsxs(Table, { children: [
+            /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+              /* @__PURE__ */ jsx(Table.Th, { children: "List" }),
+              /* @__PURE__ */ jsx(Table.Th, { children: "Companies" }),
+              /* @__PURE__ */ jsx(Table.Th, { children: "Contacts" }),
+              /* @__PURE__ */ jsx(Table.Th, { children: "Next Focus" }),
+              /* @__PURE__ */ jsx(Table.Th, { children: "Status" })
+            ] }) }),
+            /* @__PURE__ */ jsx(Table.Tbody, { children: overviewRows.map((list) => /* @__PURE__ */ jsxs(
+              Table.Tr,
+              {
+                style: { cursor: "pointer" },
+                onClick: () => navigate({ to: "/lead-gen/lists/$listId", params: { listId: list.listId } }),
+                children: [
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+                    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: list.name }),
+                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: list.listId })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: list.totalCompanies }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: list.totalContacts }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+                    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: list.nextFocus.label }),
+                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: list.nextFocus.count == null ? "No outstanding count" : `${list.nextFocus.count} item${list.nextFocus.count === 1 ? "" : "s"} queued` })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: list.status.color, children: list.status.label }) })
+                ]
+              },
+              list.listId
+            )) })
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        CreateListModal,
+        {
+          opened: showCreateList,
+          onClose: () => setShowCreateList(false),
+          canCreate: canCreateLists,
+          onCreated: (list) => navigate({ to: "/lead-gen/lists/$listId", params: { listId: list.id } })
+        }
+      )
+    ] }) }),
+    footer ?? null
+  ] });
+}
+var PAGE_SIZE_DEFAULT = 20;
+var STATUS_FILTER_OPTIONS = [
+  { value: "", label: "All statuses" },
+  { value: "draft", label: "Draft" },
+  { value: "enriching", label: "Enriching" },
+  { value: "launched", label: "Launched" },
+  { value: "closing", label: "Closing" },
+  { value: "archived", label: "Archived" }
+];
+function LeadGenListsPage() {
+  const navigate = useNavigate();
+  const leadGenConfig = useLeadGenConfig();
+  const [searchQuery, setSearchQuery] = useState("");
+  const [statusFilter, setStatusFilter] = useState("");
+  const [showCreateList, setShowCreateList] = useState(false);
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const { data: lists, isLoading: listsLoading } = useLists();
+  const { data: telemetry, isLoading: telemetryLoading } = useListsTelemetry();
+  const canManageLeadGen = useAccess(AccessKeys.leadGenManage);
+  const deleteListsMutation = useDeleteLists();
+  const { sort, toggleSort } = useTableSort("created");
+  const contactCountByListId = useMemo(
+    () => new Map((telemetry ?? []).map((item) => [item.listId, item.totalContacts])),
+    [telemetry]
+  );
+  const sortAccessors = useMemo(
+    () => ({
+      name: (list) => list.name,
+      description: (list) => list.description || "",
+      contacts: (list) => contactCountByListId.get(list.id) ?? 0,
+      batches: (list) => list.batchIds.length,
+      created: (list) => list.createdAt,
+      status: (list) => list.status
+    }),
+    [contactCountByListId]
+  );
+  const filteredLists = useMemo(() => {
+    if (!lists) return [];
+    let result = lists;
+    if (searchQuery.trim()) {
+      const query = searchQuery.toLowerCase();
+      result = result.filter((list) => list.name.toLowerCase().includes(query));
+    }
+    if (statusFilter) {
+      result = result.filter((list) => list.status === statusFilter);
+    }
+    return result;
+  }, [lists, searchQuery, statusFilter]);
+  const sortedLists = useMemo(() => sortData(filteredLists, sort, sortAccessors), [filteredLists, sort, sortAccessors]);
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT, [searchQuery, statusFilter], sortedLists.length);
+  const paginatedLists = useMemo(
+    () => sortedLists.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT),
+    [sortedLists, pagination.offset]
+  );
+  const selection = useTableSelection(paginatedLists, sortedLists);
+  const canUseApiActions = leadGenConfig.canUseLeadGenApiActions;
+  const apiDisabledReason = leadGenConfig.leadGenApiInterface.reason;
+  const canCreateOrDeleteLists = canManageLeadGen.allowed && canUseApiActions;
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "Lists",
+        caption: "Lead lists and contact organization",
+        rightSection: canManageLeadGen.allowed ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }),
+            onClick: () => setShowCreateList(true),
+            variant: "light",
+            size: "xs",
+            disabled: !canUseApiActions,
+            title: !canUseApiActions ? apiDisabledReason : void 0,
+            children: "New List"
+          }
+        ) : null
+      }
+    ) }),
+    !canUseApiActions ? /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 16 }), color: "yellow", variant: "light", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: "Lead-gen API actions are disabled until System Interface readiness passes. Existing list data can still be reviewed when available." }) }) : null,
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(
+        FilterBar,
+        {
+          actions: /* @__PURE__ */ jsx(
+            TableSelectionToolbar,
+            {
+              selectedCount: selection.selectedCount,
+              onDelete: canCreateOrDeleteLists ? () => setShowBatchDelete(true) : void 0,
+              isDeleting: deleteListsMutation.isPending
+            }
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                placeholder: "Search by name...",
+                leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+                value: searchQuery,
+                onChange: (e) => setSearchQuery(e.currentTarget.value)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                placeholder: "All statuses",
+                data: STATUS_FILTER_OPTIONS,
+                value: statusFilter,
+                onChange: (value) => setStatusFilter(value ?? ""),
+                clearable: true,
+                size: "sm",
+                w: 160
+              }
+            )
+          ]
+        }
+      ),
+      listsLoading || telemetryLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : !filteredLists.length ? /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconList,
+          title: searchQuery.trim() || statusFilter ? "No lists match your filters" : "No lists yet",
+          description: searchQuery.trim() || statusFilter ? void 0 : !canUseApiActions ? "Lead-gen System Interface readiness is missing, so list creation is disabled." : "Create one to get started.",
+          action: searchQuery.trim() || statusFilter || !canCreateOrDeleteLists ? void 0 : {
+            label: "Create List",
+            onClick: () => setShowCreateList(true),
+            icon: /* @__PURE__ */ jsx(IconPlus, { size: 16 })
+          }
+        }
+      ) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { w: 40, children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: selection.isPageAllSelected,
+              indeterminate: selection.isPagePartiallySelected,
+              onChange: selection.togglePage
+            }
+          ) }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "name", sort, onToggle: toggleSort, children: "Name" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "description", sort, onToggle: toggleSort, children: "Description" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "status", sort, onToggle: toggleSort, children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Pipeline" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "contacts", sort, onToggle: toggleSort, children: "Contacts" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "batches", sort, onToggle: toggleSort, children: "Batches" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "created", sort, onToggle: toggleSort, children: "Created" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "List" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: paginatedLists.map((list) => {
+          const pipelineLabel = list.metadata.buildPlanSnapshot?.templateLabel;
+          return /* @__PURE__ */ jsxs(
+            Table.Tr,
+            {
+              style: { cursor: "pointer" },
+              onClick: () => navigate({ to: "/lead-gen/lists/$listId", params: { listId: list.id } }),
+              children: [
+                /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: selection.isSelected(list.id),
+                    onChange: () => selection.toggle(list.id)
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", children: [
+                  /* @__PURE__ */ jsx(Text, { fw: 500, children: list.name }),
+                  list.instantlyCampaignId ? /* @__PURE__ */ jsx(
+                    Anchor,
+                    {
+                      href: `https://app.instantly.ai/app/campaign/${list.instantlyCampaignId}/analytics`,
+                      target: "_blank",
+                      rel: "noreferrer",
+                      onClick: (e) => e.stopPropagation(),
+                      c: "dimmed",
+                      lh: 1,
+                      children: /* @__PURE__ */ jsx(IconExternalLink, { size: 16 })
+                    }
+                  ) : null
+                ] }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: list.description || "-" }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", color: getStateKeyColor(list.status), variant: "light", children: list.status }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: pipelineLabel || "\u2014" }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: contactCountByListId.get(list.id) ?? 0 }),
+                /* @__PURE__ */ jsx(Table.Td, { children: list.batchIds.length }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDate(list.createdAt) }) }),
+                /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "xs",
+                    variant: "subtle",
+                    leftSection: /* @__PURE__ */ jsx(IconList, { size: 14 }),
+                    onClick: () => navigate({ to: "/lead-gen/lists/$listId", params: { listId: list.id } }),
+                    children: "Open"
+                  }
+                ) })
+              ]
+            },
+            list.id
+          );
+        }) })
+      ] }),
+      sortedLists.length > PAGE_SIZE_DEFAULT && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          value: pagination.page,
+          onChange: pagination.setPage,
+          total: pagination.totalPages(sortedLists.length),
+          size: "sm"
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      CreateListModal,
+      {
+        opened: showCreateList,
+        onClose: () => setShowCreateList(false),
+        canCreate: canCreateOrDeleteLists,
+        onCreated: (list) => navigate({ to: "/lead-gen/lists/$listId", params: { listId: list.id } })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: showBatchDelete,
+        onClose: () => !deleteListsMutation.isPending && setShowBatchDelete(false),
+        size: "sm",
+        loading: deleteListsMutation.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconAlertTriangle, { size: 24, color: "var(--color-error)" }),
+            /* @__PURE__ */ jsxs(Title, { order: 4, children: [
+              "Delete ",
+              selection.selectedCount,
+              " Lists"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            "Are you sure you want to delete",
+            " ",
+            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: selection.selectedCount }),
+            " ",
+            "selected lists?"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This action cannot be undone." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "light",
+                onClick: () => setShowBatchDelete(false),
+                disabled: deleteListsMutation.isPending,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: "red",
+                loading: deleteListsMutation.isPending,
+                disabled: !canCreateOrDeleteLists,
+                onClick: () => {
+                  if (!canCreateOrDeleteLists) return;
+                  deleteListsMutation.mutate([...selection.selectedIds], {
+                    onSuccess: () => {
+                      setShowBatchDelete(false);
+                      selection.clear();
+                    }
+                  });
+                },
+                children: "Delete"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] }) });
+}
+
+// src/lib/lead-gen/legacy-pipeline.ts
+function resolveLegacyListMemberPipelineLabel(member, stageCatalog = {}) {
+  const stage = stageCatalog[member.stageKey];
+  if (!stage) return null;
+  return {
+    stageLabel: stage.label,
+    stateLabel: stageCatalog[member.stateKey]?.label ?? member.stateKey
+  };
+}
+function formatDateTime(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 getMemberStateColor(stateKey, stageCatalog) {
+  const stage = stageCatalog[stateKey];
+  if (stage?.entity === "contact") return "green";
+  if (stage?.entity === "company") return "blue";
+  return "gray";
+}
+function ArtifactsPanel({ listMemberId }) {
+  const { data, isLoading, error } = useArtifacts({ ownerKind: "list_member", ownerId: listMemberId });
+  const artifacts = data?.artifacts ?? [];
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load artifacts" });
+  }
+  if (!artifacts.length) {
+    return /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconDatabase, { size: 16 }), color: "gray", variant: "light", children: "No artifacts recorded for this member yet." });
+  }
+  return /* @__PURE__ */ jsx(Stack, { gap: "sm", children: artifacts.map((artifact) => /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "blue", children: artifact.kind }),
+        /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "v",
+          artifact.version
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatDateTime(artifact.createdAt) })
+    ] }),
+    /* @__PURE__ */ jsx(JsonViewer, { data: artifact.content, maxHeight: 240 })
+  ] }) }, artifact.id)) });
+}
+function ListMemberDrawerContent({ member, listId }) {
+  const leadGenConfig = useLeadGenConfig();
+  const { stageCatalog = {} } = leadGenConfig;
+  const transitionMember = useTransitionListMember();
+  const statefulItem = useMemo(
+    () => ({
+      id: member.id,
+      pipeline_key: member.pipelineKey,
+      stage_key: member.stageKey,
+      state_key: member.stateKey,
+      activity_log: member.activityLog
+    }),
+    [member]
+  );
+  const derivedActions = useDeriveActions(statefulItem);
+  const resolved = resolveLegacyListMemberPipelineLabel(member, stageCatalog);
+  const contactName = [member.contact?.firstName, member.contact?.lastName].filter(Boolean).join(" ").trim() || member.contact?.email || "\u2014";
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", p: "md", children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+      /* @__PURE__ */ jsx(Group, { gap: "xs", align: "center", children: resolved ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "blue", children: resolved.stageLabel }),
+        /* @__PURE__ */ jsx(IconChevronRight, { size: 14, style: { color: "var(--color-text-dimmed)" } }),
+        /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "filled", color: getMemberStateColor(member.stateKey, stageCatalog), children: resolved.stateLabel })
+      ] }) : /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "filled", color: getMemberStateColor(member.stateKey, stageCatalog), children: member.stateKey }) }),
+      /* @__PURE__ */ jsx(Title, { order: 4, children: contactName }),
+      member.contact?.email && /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(IconMail, { size: 14, style: { color: "var(--color-text-dimmed)" } }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: member.contact.email })
+      ] }),
+      member.contact?.title && /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(IconUser, { size: 14, style: { color: "var(--color-text-dimmed)" } }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: member.contact.title })
+      ] })
+    ] }),
+    derivedActions.length > 0 && /* @__PURE__ */ jsx(Group, { gap: "xs", children: derivedActions.map((action) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "light",
+        size: "xs",
+        loading: transitionMember.isPending,
+        disabled: !leadGenConfig.canUseLeadGenApiActions,
+        onClick: () => {
+          if (!leadGenConfig.canUseLeadGenApiActions) return;
+          transitionMember.mutate({
+            memberId: member.id,
+            listId,
+            pipelineKey: member.pipelineKey,
+            // Lead-gen action dispatch targets are resolved server-side via the action key.
+            // Stage/state keys are no longer embedded in the client-side Action shape.
+            stageKey: action.key,
+            stateKey: null
+          });
+        },
+        children: action.label
+      },
+      action.key
+    )) }),
+    derivedActions.length > 0 && !leadGenConfig.canUseLeadGenApiActions ? /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "yellow", variant: "light", children: "API-backed member actions require System Interface readiness." }) : null,
+    /* @__PURE__ */ jsx(ArtifactsPanel, { listMemberId: member.id })
+  ] });
+}
+function CompanyMemberDrawerContent({ companyId: _companyId }) {
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", p: "md", children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+      /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "gray", children: "company member" }),
+      /* @__PURE__ */ jsx(Title, { order: 4, children: "Company" })
+    ] }),
+    /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "blue", variant: "light", children: "Company-level pipeline transitions are not yet available in this view." })
+  ] });
+}
+function ContactMemberDrawerShell({ contactId, listId }) {
+  const { data: membersData, isLoading, error } = useListMembers({ listId });
+  const listMember = useMemo(() => {
+    if (!membersData?.members) return null;
+    return membersData.members.find((m) => m.contactId === contactId) ?? null;
+  }, [membersData, contactId]);
+  const directQuery = useListMember(listMember === null && !isLoading ? contactId : "");
+  const resolvedMember = listMember ?? directQuery.data ?? null;
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load member detail" });
+  }
+  if (!resolvedMember) {
+    return /* @__PURE__ */ jsx(Stack, { gap: "md", p: "md", children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "Member detail not found. The member may have been removed from this list." }) });
+  }
+  return /* @__PURE__ */ jsx(ListMemberDrawerContent, { member: resolvedMember, listId });
+}
+function ListMemberDrawer({ memberId, memberKind, listId, onClose }) {
+  const opened = !!memberId && !!memberKind;
+  return /* @__PURE__ */ jsxs(
+    Drawer,
+    {
+      opened,
+      onClose,
+      position: "right",
+      size: "lg",
+      title: "Member Detail",
+      styles: {
+        body: { padding: 0 }
+      },
+      children: [
+        opened && memberId && memberKind === "contact" && /* @__PURE__ */ jsx(ContactMemberDrawerShell, { contactId: memberId, listId }),
+        opened && memberId && memberKind === "company" && /* @__PURE__ */ jsx(CompanyMemberDrawerContent, { companyId: memberId })
+      ]
+    }
+  );
+}
+function LeadGenReadinessAlert({
+  canUseApiActions,
+  reason
+}) {
+  if (canUseApiActions) return null;
+  return /* @__PURE__ */ jsxs(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "yellow", variant: "light", children: [
+    "Lead-gen API actions are disabled until System Interface readiness passes. Read-only list detail can still render when data is available.",
+    reason ? ` ${reason}` : ""
+  ] });
+}
+function formatDateTime2(value) {
+  if (!value) return "Not yet";
+  return new Date(value).toLocaleString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function formatDuration(durationMs) {
+  if (durationMs == null) return "n/a";
+  if (durationMs < 1e3) return `${durationMs} ms`;
+  const seconds = durationMs / 1e3;
+  if (seconds < 60) return `${seconds.toFixed(1)} s`;
+  return `${Math.floor(seconds / 60)}m ${Math.round(seconds % 60)}s`;
+}
+function getStatusColor2(status) {
+  switch (status) {
+    case "completed":
+    case "success":
+    case "succeeded":
+      return "green";
+    case "running":
+    case "pending":
+    case "queued":
+      return "blue";
+    case "failed":
+    case "error":
+    case "cancelled":
+      return "red";
+    default:
+      return "gray";
+  }
+}
+function hasObjectContent(value) {
+  return typeof value === "object" && value !== null && Object.keys(value).length > 0;
+}
+function getRunDetails(run) {
+  const payload = hasObjectContent(run.payload) ? run.payload : void 0;
+  const input = run.input ?? run.inputs ?? payload?.input ?? payload?.inputs;
+  const config = run.configSnapshot ?? run.config_snapshot ?? run.config ?? payload?.config_snapshot ?? payload?.configSnapshot ?? payload?.config;
+  return { input, config };
+}
+function getSummaryKeys(value) {
+  if (!hasObjectContent(value)) return [];
+  return Object.keys(value).slice(0, 6);
+}
+function WorkflowRunsPanel({
+  listId,
+  title = "Workflow Runs",
+  resourceFilter,
+  onClearResourceFilter
+}) {
+  const navigate = useNavigate();
+  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(
+    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 })
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs(Table.Td, { children: [
+                  execution.resourceId ? /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      fw: 500,
+                      role: "button",
+                      tabIndex: 0,
+                      c: "blue",
+                      onClick: () => openWorkflow(execution.resourceId),
+                      onKeyDown: (event) => {
+                        if (event.key === "Enter" || event.key === " ") {
+                          event.preventDefault();
+                          openWorkflow(execution.resourceId);
+                        }
+                      },
+                      style: { cursor: "pointer" },
+                      children: execution.resourceId
+                    }
+                  ) : /* @__PURE__ */ jsx(Text, { fw: 500, children: "Unknown workflow" }),
+                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ff: "monospace", children: execution.executionId })
+                ] }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor2(execution.status), children: execution.status }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime2(execution.createdAt) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime2(execution.completedAt) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: formatDuration(execution.durationMs) })
+              ] }),
+              /* @__PURE__ */ jsx(Table.Tr, { children: /* @__PURE__ */ jsx(Table.Td, { colSpan: 6, p: 0, children: /* @__PURE__ */ jsx(Collapse, { in: expanded, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", p: "sm", children: [
+                details.input !== void 0 ? /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+                  /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "Input" }),
+                    getSummaryKeys(details.input).map((key) => /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: "gray", children: key }, key))
+                  ] }),
+                  /* @__PURE__ */ jsx(JsonViewer, { data: details.input, maxHeight: 220, fontSize: "0.75rem" })
+                ] }) : null,
+                details.config !== void 0 ? /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+                  /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "Config" }),
+                    getSummaryKeys(details.config).map((key) => /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: "gray", children: key }, key))
+                  ] }),
+                  /* @__PURE__ */ jsx(JsonViewer, { data: details.config, maxHeight: 220, fontSize: "0.75rem" })
+                ] }) : null
+              ] }) }) }) })
+            ] }, execution.executionId);
+          }) })
+        ] }) })
+      ]
+    }
+  );
+}
+
+// src/features/lead-gen/build-state.ts
+var ORPHAN_STAGE_ORDER = 9999;
+function asRecord(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : {};
+}
+function sortStageKeys(keys, stageCatalog = {}) {
+  return keys.slice().sort((a, b) => {
+    const oa = stageCatalog[a]?.order ?? ORPHAN_STAGE_ORDER;
+    const ob = stageCatalog[b]?.order ?? ORPHAN_STAGE_ORDER;
+    return oa - ob || a.localeCompare(b);
+  });
+}
+function getStageProgress(progress, step) {
+  return step.primaryEntity === "company" ? progress.byCompanyStage[step.stageKey] : progress.byContactStage[step.stageKey];
+}
+function getEntityTotal(progress, entity) {
+  return entity === "company" ? progress.totalCompanies : progress.totalMembers;
+}
+function findActionForStep(actions, step) {
+  return actions.find((action) => action.actionKey === step.actionKey) ?? actions.find((action) => action.stagesAffected?.includes(step.stageKey));
+}
+function normalizeBuildPlanStep(step, fallbackSteps = []) {
+  const fallback = fallbackSteps.find((item) => item.id === step.id || item.stageKey === step.stageKey);
+  return {
+    id: step.id,
+    label: step.label,
+    description: step.description ?? fallback?.description ?? `Run ${step.label.toLowerCase()} for this list.`,
+    primaryEntity: step.primaryEntity,
+    outputs: step.outputs,
+    stageKey: step.stageKey,
+    recordEntity: step.recordEntity,
+    recordsStageKey: step.recordsStageKey,
+    recordSourceStageKey: step.recordSourceStageKey,
+    dependsOn: step.dependsOn,
+    dependencyMode: step.dependencyMode,
+    actionKey: step.actionKey,
+    defaultBatchSize: step.defaultBatchSize,
+    maxBatchSize: step.maxBatchSize,
+    recordColumns: step.recordColumns,
+    credentialRequirements: step.credentialRequirements,
+    emptyBlockedText: fallback?.emptyBlockedText ?? "Complete prerequisite build steps before this action can run."
+  };
+}
+function isCurrentBuildPlanStep(step) {
+  if (!step || typeof step !== "object") return false;
+  const candidate = step;
+  return (candidate.primaryEntity === "company" || candidate.primaryEntity === "contact") && Array.isArray(candidate.outputs) && candidate.outputs.length > 0 && candidate.dependencyMode === "per-record-eligibility";
+}
+function resolveBuildPlanSteps(list, defaultBuildSteps = [], buildTemplates = []) {
+  const snapshot = list.metadata.buildPlanSnapshot;
+  const snapshotSteps = snapshot?.steps;
+  if (snapshotSteps?.length && snapshotSteps.every(isCurrentBuildPlanStep)) {
+    return snapshotSteps.map((step) => normalizeBuildPlanStep(step, defaultBuildSteps));
+  }
+  if (snapshot?.templateId) {
+    const templateSnapshot = createBuildPlanSnapshotFromTemplateId(snapshot.templateId, buildTemplates);
+    if (templateSnapshot?.steps.length) {
+      return templateSnapshot.steps.map((step) => normalizeBuildPlanStep(step, defaultBuildSteps));
+    }
+  }
+  return defaultBuildSteps;
+}
+function getPrerequisiteSteps(step, byStepId) {
+  return (step.dependsOn ?? []).flatMap((dependencyId) => {
+    const dependency = byStepId.get(dependencyId);
+    return dependency ? [dependency] : [];
+  });
+}
+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) {
+  switch (kind) {
+    case "retry_failed":
+      return "Retry failed";
+    case "run_next_batch":
+      return "Run next batch";
+    case "advanced":
+      return "Advanced";
+    case "none":
+    default:
+      return "No action";
+  }
+}
+function createCompleteStageCounts(total) {
+  return {
+    total,
+    attempted: total,
+    success: total,
+    noResult: 0,
+    skipped: 0,
+    error: 0,
+    other: 0,
+    notAttempted: 0
+  };
+}
+function isStageComplete(entry) {
+  if (!entry || entry.total <= 0) return false;
+  return entry.error === 0 && entry.attempted >= entry.total && entry.success + entry.noResult + entry.skipped + entry.other >= entry.total;
+}
+function getExecutionInput(run) {
+  return asRecord(run.input);
+}
+function isCompletedRun(run) {
+  return run.status === "completed" || run.status === "warning" || run.status === "success" || run.status === "succeeded";
+}
+function getApprovedCompanyIds(run) {
+  const input = getExecutionInput(run);
+  const raw = input.approvedCompanyIds;
+  return Array.isArray(raw) ? raw.filter((value) => typeof value === "string") : [];
+}
+function hasApprovedExportRun(executions, exportWorkflowId) {
+  if (!exportWorkflowId) return false;
+  return executions.some((run) => {
+    if (!isCompletedRun(run) || run.resourceId !== exportWorkflowId) return false;
+    const input = getExecutionInput(run);
+    return input.approved === true || getApprovedCompanyIds(run).length > 0;
+  });
+}
+function hasCompletedSourcingRun(step, action, executions) {
+  return executions.some((run) => isCompletedRun(run) && run.resourceId === (action?.resourceId ?? step.actionKey));
+}
+function deriveBusinessProgress(list, progress, actions = [], executions = [], config = {}) {
+  const byCompanyStage = { ...progress.byCompanyStage };
+  const byContactStage = { ...progress.byContactStage };
+  const steps = resolveBuildPlanSteps(list, config.defaultBuildSteps, config.buildTemplates);
+  for (const step of steps) {
+    const stageProgress = step.primaryEntity === "company" ? byCompanyStage[step.stageKey] : byContactStage[step.stageKey];
+    if (stageProgress || (step.dependsOn?.length ?? 0) > 0 || !step.outputs.includes("company")) continue;
+    if (progress.totalCompanies <= 0) continue;
+    const action = findActionForStep(actions, step);
+    if (hasCompletedSourcingRun(step, action, executions) || step.stageKey === "populated") {
+      byCompanyStage[step.stageKey] = createCompleteStageCounts(progress.totalCompanies);
+    }
+  }
+  if (!isStageComplete(byCompanyStage.uploaded) && hasApprovedExportRun(executions, config.exportWorkflowId)) {
+    const exportedCount = Math.max(
+      ...executions.filter((run) => isCompletedRun(run) && run.resourceId === config.exportWorkflowId).map((run) => getApprovedCompanyIds(run).length),
+      0
+    );
+    const total = exportedCount > 0 ? exportedCount : progress.totalCompanies;
+    if (total > 0) byCompanyStage.uploaded = createCompleteStageCounts(total);
+  }
+  return {
+    ...progress,
+    byCompanyStage,
+    byContactStage
+  };
+}
+function getStepRecommendedAction(step, action, kind) {
+  if (!action || kind === "none") return void 0;
+  return {
+    kind,
+    label: getStepActionLabel(kind),
+    actionKey: action.actionKey ?? step.actionKey,
+    defaultSize: step.defaultBatchSize,
+    maxSize: step.maxBatchSize
+  };
+}
+function deriveBuildStepStates(list, progress, actions, defaultBuildSteps = [], buildTemplates = []) {
+  const byStepId = /* @__PURE__ */ new Map();
+  for (const step of resolveBuildPlanSteps(list, defaultBuildSteps, buildTemplates)) {
+    const stageProgress = getStageProgress(progress, step);
+    const entityTotal = getEntityTotal(progress, step.primaryEntity);
+    const prerequisites = getPrerequisiteSteps(step, byStepId);
+    const hasDependencies = (step.dependsOn?.length ?? 0) > 0;
+    const prerequisiteEligibleTotal = prerequisites.reduce((sum, prerequisite) => sum + prerequisite.complete, 0);
+    const eligibleTotal = hasDependencies ? entityTotal > 0 ? Math.min(entityTotal, prerequisiteEligibleTotal) : prerequisiteEligibleTotal : 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;
+    const ready = Math.max(0, eligibleTotal - complete - failed);
+    const blocked = hasDependencies ? Math.max(total - eligibleTotal - complete - failed, 0) : 0;
+    const action = findActionForStep(actions, step);
+    const nextActionKind = getStepActionKind(step, ready, failed, action);
+    const isActionableEmptySeedStep = !hasDependencies && total === 0 && nextActionKind === "run_next_batch";
+    const status = failed > 0 ? "failed" : ready > 0 || isActionableEmptySeedStep ? "ready" : blocked > 0 || total === 0 ? "blocked" : "complete";
+    const state = {
+      ...step,
+      status,
+      ready,
+      complete,
+      failed,
+      blocked,
+      nextActionKind,
+      recommendedAction: getStepRecommendedAction(step, action, nextActionKind),
+      action
+    };
+    byStepId.set(step.id, state);
+  }
+  return Array.from(byStepId.values());
+}
+function getRecommendedBuildStep(steps) {
+  return steps.find((step) => step.nextActionKind === "retry_failed") ?? steps.find((step) => step.nextActionKind === "run_next_batch") ?? null;
+}
+function resolveBuildState(list, progress, actions, config = {}) {
+  const steps = deriveBuildStepStates(list, progress, actions, config.defaultBuildSteps, config.buildTemplates);
+  const recommendedStep = getRecommendedBuildStep(steps);
+  return {
+    steps,
+    recommendedStep,
+    recommendedAction: recommendedStep?.recommendedAction ?? null
+  };
+}
+
+// src/lib/lead-gen/processing-state.ts
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function parseProcessingStageStatus(value) {
+  if (value === true || value === "success") return "success";
+  if (value === "no_result" || value === "noResult") return "noResult";
+  if (value === "skipped") return "skipped";
+  if (value === "error") return "error";
+  if (isRecord(value)) return parseProcessingStageStatus(value.status);
+  if (typeof value === "string") return "other";
+  return null;
+}
+function parseProcessingState(value, stageCatalog = {}) {
+  const parsed = {};
+  const stageStatuses = {};
+  const knownStageStatuses = {};
+  const unknownFields = {};
+  if (!isRecord(value)) {
+    Object.defineProperties(parsed, {
+      stageStatuses: { value: stageStatuses },
+      knownStageStatuses: { value: knownStageStatuses },
+      unknownFields: { value: unknownFields }
+    });
+    return parsed;
+  }
+  for (const [key, rawStatus] of Object.entries(value)) {
+    const parsedStatus = parseProcessingStageStatus(rawStatus);
+    const isKnownStage = Boolean(stageCatalog[key]);
+    if (!parsedStatus) {
+      unknownFields[key] = rawStatus;
+      continue;
+    }
+    stageStatuses[key] = parsedStatus;
+    parsed[key] = parsedStatus;
+    if (isKnownStage) {
+      knownStageStatuses[key] = parsedStatus;
+    } else {
+      unknownFields[key] = rawStatus;
+    }
+  }
+  Object.defineProperties(parsed, {
+    stageStatuses: { value: stageStatuses },
+    knownStageStatuses: { value: knownStageStatuses },
+    unknownFields: { value: unknownFields }
+  });
+  return parsed;
+}
+function readLeadGenProcessingState(row) {
+  if (!isRecord(row)) return null;
+  return row.processingState ?? row.processing_state ?? row.pipelineStatus ?? null;
+}
+function readLeadGenStateKey(row) {
+  if (!isRecord(row)) return null;
+  const stateKey = row.stateKey ?? row.state_key;
+  return typeof stateKey === "string" && stateKey.length > 0 ? stateKey : null;
+}
+function getDisplayLeadGenStageStateFor(row, entity, stageCatalog = {}) {
+  const parsed = parseProcessingState(readLeadGenProcessingState(row), stageCatalog);
+  const latest = Object.values(stageCatalog).filter((stage) => stage.entity === entity && parsed.knownStageStatuses[stage.key]).sort((a, b) => b.order - a.order)[0];
+  if (latest) {
+    return {
+      stageKey: latest.key,
+      stageStatus: parsed.knownStageStatuses[latest.key]
+    };
+  }
+  const unknownStageKey = Object.keys(parsed.stageStatuses).find((stageKey) => !stageCatalog[stageKey]);
+  if (unknownStageKey) {
+    return {
+      stageKey: unknownStageKey,
+      stageStatus: parsed.stageStatuses[unknownStageKey]
+    };
+  }
+  const stateKey = readLeadGenStateKey(row);
+  return stateKey && stageCatalog[stateKey] ? { stageKey: stateKey, stageStatus: null } : { stageKey: null, stageStatus: null };
+}
+
+// src/features/lead-gen/pages/list-detail/helpers.ts
+function formatDateTime3(value) {
+  if (!value) return "Not yet";
+  return new Date(value).toLocaleString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function contactDisplayName(firstName, lastName) {
+  const full = [firstName, lastName].filter(Boolean).join(" ").trim();
+  return full || "\u2014";
+}
+function getStatusColor3(status) {
+  switch (status) {
+    case "draft":
+      return "gray";
+    case "enriching":
+      return "blue";
+    case "launched":
+      return "green";
+    case "closing":
+      return "yellow";
+    case "archived":
+      return "red";
+    default:
+      return "gray";
+  }
+}
+function getMemberStateColor2(stateKey, stageCatalog) {
+  const stage = stageCatalog[stateKey];
+  if (stage?.entity === "contact") return "green";
+  if (stage?.entity === "company") return "blue";
+  return "gray";
+}
+function displayMemberStageFor(row, kind, stageCatalog) {
+  const stage = getDisplayLeadGenStageStateFor(row, kind, stageCatalog);
+  if (!stage.stageKey) return null;
+  const catalogStage = stageCatalog[stage.stageKey];
+  return {
+    key: stage.stageKey,
+    label: catalogStage?.label ?? stage.stageKey
+  };
+}
+function asRecord2(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : {};
+}
+function valueAtPath(source, path) {
+  return path.split(".").reduce((current, segment) => {
+    if (!current || typeof current !== "object") return void 0;
+    return current[segment];
+  }, source);
+}
+function compactText(value) {
+  if (value === null || value === void 0 || value === "") return "-";
+  if (Array.isArray(value)) {
+    if (!value.length) return "-";
+    return value.map((item) => {
+      if (item && typeof item === "object") {
+        const labelled = item;
+        return String(labelled.name ?? labelled.label ?? labelled.title ?? labelled.id ?? JSON.stringify(item));
+      }
+      return String(item);
+    }).join(", ");
+  }
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function getRecordDisplayName(row) {
+  if (row.entity === "company") return row.company?.name ?? "Company";
+  const contact = row.contact;
+  const full = [contact?.firstName, contact?.lastName].filter(Boolean).join(" ").trim();
+  return full || contact?.email || "Contact";
+}
+function getRecordColumnSource(row) {
+  if (row.entity === "company") {
+    return {
+      ...row,
+      company: row.company ? {
+        ...row.company,
+        enrichmentData: row.enrichmentData,
+        processingState: row.processingState
+      } : null
+    };
+  }
+  return {
+    ...row,
+    contact: row.contact ? {
+      ...row.contact,
+      name: getRecordDisplayName(row),
+      enrichmentData: row.enrichmentData,
+      processingState: row.processingState
+    } : null
+  };
+}
+function getStageEntry(row, stageKey) {
+  const entry = valueAtPath(row.processingState, stageKey);
+  return asRecord2(entry);
+}
+function getRecordStageStatus(row, stageKey) {
+  const status = getStageEntry(row, stageKey).status;
+  return typeof status === "string" ? status : "pending";
+}
+function getStageFailureReason(row, stageKey) {
+  const data = asRecord2(getStageEntry(row, stageKey).data);
+  const error = data.error ?? data.reason ?? data.failureReason ?? data.disqualifiedReason;
+  return compactText(error);
+}
+function getRecordStatusColor(status) {
+  switch (status) {
+    case "success":
+      return "green";
+    case "error":
+    case "failed":
+      return "red";
+    case "skipped":
+    case "no_result":
+      return "yellow";
+    case "pending":
+      return "gray";
+    default:
+      return "blue";
+  }
+}
+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 isRunInFlight(status) {
+  return status === "running" || status === "pending" || status === "queued";
+}
+function isRunTerminal(status) {
+  return !isRunInFlight(status);
+}
+function getRunInput(run) {
+  const payload = asRecord2(run.payload);
+  return run.input ?? run.inputs ?? payload.input ?? payload.inputs;
+}
+function hasRunInput(run) {
+  const input = getRunInput(run);
+  return input !== void 0 && input !== null;
+}
+function sanitizeStepInput(value, actionKey) {
+  if (isLeadGenExportAction(actionKey)) return value;
+  const next = { ...value };
+  delete next.mode;
+  return next;
+}
+function getDefaultStepInput(list, action) {
+  return asRecord2(action?.defaultInput?.(list));
+}
+function getInitialStepInput(list, action) {
+  return getDefaultStepInput(list, action);
+}
+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,
+  stageCatalog
+}) {
+  const label = stageCatalog[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 done = entry ? entry.success + entry.noResult + entry.skipped + entry.other : 0;
+  const summary = entry ? status === "complete" ? `${done}/${total} done` : status === "errors" ? `${entry.error} failed` : `${attempted}/${total} started` : "Not started";
+  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(Box, { style: { color: colors.fg, lineHeight: 1, display: "flex", alignItems: "center" }, children: status === "complete" ? "OK" : 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: summary })
+        ] })
+      ]
+    }
+  );
+}
+function PipelineStepper({
+  plannedSteps,
+  byStage,
+  emptyText,
+  stageCatalog
+}) {
+  const stageKeys = plannedSteps.length > 0 ? plannedSteps.map((s) => s.stageKey) : sortStageKeys(Object.keys(byStage), stageCatalog);
+  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,
+          {
+            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)"
+            }
+          }
+        ),
+        stageKeys.map((key, index) => /* @__PURE__ */ jsx(
+          StageNode,
+          {
+            index,
+            stageKey: key,
+            fallbackLabel: labelByKey.get(key),
+            entry: byStage[key],
+            stageCatalog
+          },
+          key
+        ))
+      ]
+    }
+  ) });
+}
+function PipelineStagesCard({
+  list,
+  progress,
+  leadGenConfig
+}) {
+  const stageCatalog = leadGenConfig.stageCatalog ?? {};
+  const plannedSteps = resolveBuildPlanSteps(list, leadGenConfig.defaultBuildSteps, leadGenConfig.buildTemplates);
+  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__ */ jsxs(Stack, { gap: 2, children: [
+        /* @__PURE__ */ jsx(Title, { order: 5, children: "List Build Progress" }),
+        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: getStatusColor3(list.status), children: list.status }),
+        list.launchedAt && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Launched ",
+          formatDateTime3(list.launchedAt)
+        ] }),
+        list.completedAt && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Completed ",
+          formatDateTime3(list.completedAt)
+        ] })
+      ] })
+    ] }),
+    !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(
+        PipelineStepper,
+        {
+          plannedSteps,
+          byStage: combinedByStage,
+          emptyText: "No pipeline activity recorded yet.",
+          stageCatalog
+        }
+      )
+    ] })
+  ] }) });
+}
+function OverviewTab({
+  list,
+  progress,
+  leadGenConfig
+}) {
+  const hasMetadata = list.metadata && Object.keys(list.metadata).length > 0;
+  return /* @__PURE__ */ jsxs(
+    TabSection,
+    {
+      icon: /* @__PURE__ */ jsx(IconBuilding, { size: 16 }),
+      title: "Overview",
+      description: "Build status and source details 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, leadGenConfig }),
+        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 MembersTab({
+  listId,
+  progress,
+  stageCatalog,
+  onMemberClick
+}) {
+  const [memberTab, setMemberTab] = useState("contacts");
+  const contactsQuery = useContacts({ listId, limit: 100, offset: 0 });
+  const companiesQuery = useCompanies({ listId, limit: 100, offset: 0 });
+  const contacts = contactsQuery.data?.data ?? [];
+  const companies = companiesQuery.data?.data ?? [];
+  const activeQuery = memberTab === "contacts" ? contactsQuery : companiesQuery;
+  const activeError = activeQuery.error ?? activeQuery.failureReason;
+  const activeIsInitialLoading = activeQuery.isLoading && !activeError;
+  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: activeError ? /* @__PURE__ */ jsx(CenteredErrorState, { error: activeError, title: "Failed to load members", h: 160 }) : activeIsInitialLoading ? /* @__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 memberStage = displayMemberStageFor(contact, "contact", stageCatalog);
+            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: getStatusColor3(contact.status), children: contact.status }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: memberStage ? /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "dot", color: getMemberStateColor2(memberStage.key, stageCatalog), children: memberStage.label }) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "\u2014" }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime3(contact.createdAt) })
+            ] }, contact.id);
+          }) })
+        ] }) }),
+        memberTab === "companies" && /* @__PURE__ */ jsx(Fragment, { children: activeError ? /* @__PURE__ */ jsx(CenteredErrorState, { error: activeError, title: "Failed to load companies", h: 160 }) : activeIsInitialLoading ? /* @__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 memberStage = displayMemberStageFor(company, "company", stageCatalog);
+            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: getStatusColor3(company.status), children: company.status }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: memberStage ? /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "dot", color: getMemberStateColor2(memberStage.key, stageCatalog), children: memberStage.label }) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "\u2014" }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: formatDateTime3(company.createdAt) })
+            ] }, company.id);
+          }) })
+        ] }) })
+      ]
+    }
+  );
+}
+var panelStyle = {
+  flex: 1,
+  minHeight: 0,
+  minWidth: 0,
+  overflowX: "hidden",
+  overflowY: "auto",
+  paddingTop: "var(--mantine-spacing-sm)"
+};
+function StepDetailRightColumn({
+  configuration,
+  records,
+  advanced,
+  runs,
+  action,
+  activeTab,
+  onTabChange
+}) {
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      gap: "sm",
+      style: {
+        flex: 1,
+        minHeight: 0,
+        minWidth: 0
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Tabs,
+          {
+            value: activeTab,
+            onChange: (value) => {
+              if (value === "configuration" || value === "records" || value === "advanced" || value === "runs") {
+                onTabChange(value);
+              }
+            },
+            style: {
+              flex: 1,
+              minHeight: 0,
+              minWidth: 0,
+              display: "flex",
+              flexDirection: "column"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Tabs.List, { children: [
+                /* @__PURE__ */ jsx(Tabs.Tab, { value: "configuration", children: "Configuration" }),
+                /* @__PURE__ */ jsx(Tabs.Tab, { value: "records", children: "Records" }),
+                /* @__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: "records", style: panelStyle, children: records ?? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No records view configured for this step." }) }),
+              /* @__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, minWidth: 0, overflowX: "hidden" }, children: action })
+      ]
+    }
+  );
+}
+function renderRecordValue(value, column) {
+  if (value === null || value === void 0 || value === "") {
+    return /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "-" });
+  }
+  switch (column.renderType) {
+    case "badge":
+      return /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: column.badgeColor ?? getRecordStatusColor(String(value)), children: compactText(value) });
+    case "datetime":
+      return compactText(typeof value === "string" ? formatDateTime3(value) : value);
+    case "count":
+      return Array.isArray(value) ? value.length : compactText(value);
+    case "json":
+      return /* @__PURE__ */ jsx(Text, { size: "xs", lineClamp: 2, children: compactText(value) });
+    case "text":
+    default:
+      return /* @__PURE__ */ jsx(Text, { size: "sm", lineClamp: 2, children: compactText(value) });
+  }
+}
+function getBuildToneStyle(tone) {
+  switch (tone) {
+    case "complete":
+      return {
+        backgroundColor: "color-mix(in srgb, var(--color-success) 16%, transparent)",
+        borderColor: "color-mix(in srgb, var(--color-success) 34%, var(--color-border))",
+        color: "var(--color-success)"
+      };
+    case "failed":
+      return {
+        backgroundColor: "color-mix(in srgb, var(--color-error) 14%, transparent)",
+        borderColor: "color-mix(in srgb, var(--color-error) 38%, var(--color-border))",
+        color: "var(--color-error)"
+      };
+    case "ready":
+      return {
+        backgroundColor: "color-mix(in srgb, var(--color-primary) 14%, transparent)",
+        borderColor: "var(--border-primary-muted)",
+        color: "var(--color-primary)"
+      };
+    case "blocked":
+    case "neutral":
+    default:
+      return {
+        backgroundColor: "color-mix(in srgb, var(--color-surface-hover) 70%, transparent)",
+        borderColor: "var(--color-border)",
+        color: "var(--color-text-dimmed)"
+      };
+  }
+}
+function StatusPill({ label, tone }) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "span",
+      px: 8,
+      py: 3,
+      style: {
+        ...getBuildToneStyle(tone),
+        borderRadius: 999,
+        borderStyle: "solid",
+        borderWidth: 1,
+        display: "inline-flex",
+        fontSize: 11,
+        fontWeight: 700,
+        lineHeight: 1,
+        whiteSpace: "nowrap"
+      },
+      children: label
+    }
+  );
+}
+function StepCounterLine({ step, isRunning = false }) {
+  if (isRunning) {
+    const processed = step.complete > 0 ? `${step.complete} processed` : "processing";
+    return /* @__PURE__ */ jsxs(Text, { size: "xs", fw: 700, style: { color: "var(--color-primary)" }, children: [
+      "Running - ",
+      processed
+    ] });
+  }
+  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, isRunning = false }) {
+  const segments = [
+    { key: "complete", value: step.complete, color: isRunning ? "var(--color-primary)" : "var(--color-success)" },
+    { key: "ready", value: step.ready, color: "var(--color-primary)" },
+    { key: "failed", value: step.failed, color: "var(--color-error)" },
+    { key: "blocked", value: step.blocked, color: "var(--color-border)" }
+  ].filter((segment) => segment.value > 0);
+  const total = segments.reduce((sum, segment) => sum + segment.value, 0);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      h: 8,
+      "aria-label": `${step.label} progress: ${step.complete} ${isRunning ? "processed" : "complete"}, ${step.ready} ready, ${step.failed} failed, ${step.blocked} blocked`,
+      style: {
+        backgroundColor: "color-mix(in srgb, var(--color-border) 65%, transparent)",
+        borderRadius: 999,
+        display: "flex",
+        overflow: "hidden"
+      },
+      children: segments.map((segment) => /* @__PURE__ */ jsx(Box, { h: "100%", w: `${total > 0 ? segment.value / total * 100 : 0}%`, bg: segment.color }, segment.key))
+    }
+  );
+}
+function getDisplayStep(steps, recommendedStep) {
+  return recommendedStep ?? steps.find((step) => step.status !== "complete") ?? steps[steps.length - 1] ?? null;
+}
+function getBuildTabDescription(steps, currentStep, runningStep = null) {
+  if (!steps.length) return "No build steps are available for this list.";
+  if (runningStep) return `${runningStep.label} is running.`;
+  if (steps.every((step) => step.status === "complete")) return "List build complete.";
+  if (!currentStep) return "No build steps need attention right now.";
+  if (currentStep.status === "ready") return `${currentStep.label} is ready to run.`;
+  if (currentStep.status === "failed") return `${currentStep.label} needs attention.`;
+  return `${currentStep.label} is waiting on earlier work.`;
+}
+var RECORDS_PAGE_SIZE = 25;
+function setValueAtInputPath(source, path, value) {
+  const segments = path.split(".").filter(Boolean);
+  if (!segments.length) return source;
+  const next = { ...source };
+  let cursor = next;
+  segments.forEach((segment, index) => {
+    if (index === segments.length - 1) {
+      cursor[segment] = value;
+      return;
+    }
+    const current = cursor[segment];
+    const child = current && typeof current === "object" && !Array.isArray(current) ? { ...current } : {};
+    cursor[segment] = child;
+    cursor = child;
+  });
+  return next;
+}
+function getSelectedCredential(credentials, selections, requirement) {
+  const selectedId = selections[requirement.key];
+  return credentials.find((credential) => credential.id === selectedId) ?? null;
+}
+function filterCredentialRequirementFields(layout, requirements) {
+  if (!layout || requirements.length === 0) return layout;
+  const credentialInputPaths = new Set(requirements.map((requirement) => requirement.inputPath).filter(Boolean));
+  if (!credentialInputPaths.size) return layout;
+  const filterSection = (section) => {
+    const fields = section.fields.filter((field) => !credentialInputPaths.has(field.path));
+    return fields.length > 0 ? { ...section, fields } : null;
+  };
+  return {
+    ...layout,
+    sections: layout.sections.map(filterSection).filter((section) => section !== null),
+    advanced: layout.advanced ? filterSection(layout.advanced) ?? void 0 : void 0
+  };
+}
+function hasMainConfigFields(layout) {
+  return Boolean(layout?.sections.some((section) => section.fields.length > 0));
+}
+function hasAdvancedConfigFields(layout) {
+  return Boolean(layout?.advanced?.fields.length);
+}
+function formatCredentialVerificationDetails(details) {
+  if (!details) return null;
+  const entries = Object.entries(details).filter(([, value]) => value !== null && value !== void 0 && value !== "").slice(0, 4);
+  if (!entries.length) return null;
+  return entries.map(([key, value]) => `${key}: ${compactText(value)}`).join(" | ");
+}
+function CredentialRequirementsPanel({
+  requirements,
+  credentials,
+  credentialsLoading,
+  credentialsError,
+  selections,
+  verificationByCredentialId,
+  verifyingCredentialId,
+  disabled,
+  onSelect,
+  onVerify
+}) {
+  if (!requirements.length) return null;
+  return /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 700, tt: "uppercase", children: "Credentials" }),
+    requirements.map((requirement) => {
+      const selectedCredential = getSelectedCredential(credentials, selections, requirement);
+      const verification = selectedCredential ? verificationByCredentialId[selectedCredential.id] : null;
+      const credentialsUnavailable = Boolean(credentialsError) && credentials.length === 0;
+      return /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "flex-end", wrap: "nowrap", children: [
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              label: requirement.label,
+              description: `${requirement.provider} credential for ${requirement.inputPath}`,
+              placeholder: credentialsLoading ? "Loading credentials..." : credentialsUnavailable ? "Credentials unavailable" : "Select credential",
+              data: credentials.map((credential) => ({
+                value: credential.id,
+                label: `${credential.name} (${credential.provider ?? credential.type})`
+              })),
+              value: selectedCredential?.id ?? null,
+              onChange: (credentialId) => {
+                onSelect(requirement, credentials.find((credential) => credential.id === credentialId) ?? null);
+              },
+              required: requirement.required,
+              disabled: disabled || credentialsLoading || credentialsUnavailable || credentials.length === 0,
+              style: { flex: 1 }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "xs",
+              variant: "light",
+              disabled: disabled || !selectedCredential,
+              loading: selectedCredential ? verifyingCredentialId === selectedCredential.id : false,
+              onClick: () => selectedCredential && onVerify(selectedCredential),
+              children: "Test credential"
+            }
+          )
+        ] }),
+        credentialsUnavailable ? /* @__PURE__ */ jsx(Alert, { color: "red", variant: "light", icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), children: /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+          "Credentials could not be loaded. ",
+          credentialsError?.message ?? "Refresh the page and try again."
+        ] }) }) : !credentialsLoading && credentials.length === 0 ? /* @__PURE__ */ jsx(
+          Alert,
+          {
+            color: requirement.required ? "yellow" : "gray",
+            variant: "light",
+            icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }),
+            children: /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+              "No credentials found. Add one in",
+              " ",
+              /* @__PURE__ */ jsx(Text, { component: "a", href: "/settings/credentials", size: "sm", fw: 600, children: "Settings -> Credentials" }),
+              "."
+            ] })
+          }
+        ) : null,
+        verification ? /* @__PURE__ */ jsx(
+          Alert,
+          {
+            color: verification.status === "success" ? "green" : "red",
+            variant: "light",
+            icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }),
+            children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+              /* @__PURE__ */ jsx(Text, { size: "sm", children: verification.message }),
+              verification.checkedAt ? /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+                "Checked ",
+                formatDateTime3(verification.checkedAt)
+              ] }) : null,
+              formatCredentialVerificationDetails(verification.details) ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatCredentialVerificationDetails(verification.details) }) : null
+            ] })
+          }
+        ) : null
+      ] }, requirement.key);
+    })
+  ] });
+}
+function BuildStepRunningWatcher({
+  listId,
+  resourceId,
+  onRunningChange
+}) {
+  const queryClient = useQueryClient();
+  const { workOSOrganizationId } = useElevasisServices();
+  const [wasRunning, setWasRunning] = useState(false);
+  const inFlightQuery = useInFlightExecutions(resourceId, {
+    enabled: Boolean(resourceId),
+    limit: 5,
+    listId,
+    refetchInterval: 2e3
+  });
+  const isRunning = (inFlightQuery.data?.executions.length ?? 0) > 0;
+  useExecutionSSE(resourceId, {
+    enabled: Boolean(resourceId) && isRunning,
+    listId
+  });
+  useEffect(() => {
+    if (!inFlightQuery.isFetched) return;
+    onRunningChange(resourceId, isRunning);
+    if (wasRunning && !isRunning) {
+      queryClient.invalidateQueries({ queryKey: acquisitionListKeys.executionsBase(workOSOrganizationId, listId) });
+      queryClient.invalidateQueries({ queryKey: acquisitionListKeys.progress(workOSOrganizationId, listId) });
+    }
+    setWasRunning(isRunning);
+    return () => onRunningChange(resourceId, false);
+  }, [
+    inFlightQuery.isFetched,
+    isRunning,
+    listId,
+    onRunningChange,
+    queryClient,
+    resourceId,
+    wasRunning,
+    workOSOrganizationId
+  ]);
+  return null;
+}
+function StepRecordsPanel({
+  list,
+  step,
+  exportWorkflowId,
+  stageCatalog,
+  approvalByCompanyId,
+  canManage,
+  onApprovalChange
+}) {
+  const [page, setPage] = useState(1);
+  const recordsStageKey = step.recordSourceStageKey ?? step.recordsStageKey ?? step.stageKey;
+  const recordsEntity = step.recordEntity ?? step.primaryEntity;
+  const columns = step.recordColumns?.[recordsEntity] ?? [];
+  const recordsQuery = useListRecords(list.id, {
+    entity: recordsEntity,
+    stage: recordsStageKey,
+    limit: RECORDS_PAGE_SIZE,
+    offset: (page - 1) * RECORDS_PAGE_SIZE
+  });
+  useEffect(() => {
+    setPage(1);
+  }, [step.id]);
+  const rows = recordsQuery.data?.data ?? [];
+  const total = recordsQuery.data?.total ?? 0;
+  const totalPages = Math.max(1, Math.ceil(total / RECORDS_PAGE_SIZE));
+  const isReviewExportStep = step.primaryEntity === "company" && (isLeadGenExportAction(step.actionKey) || step.action?.resourceId === exportWorkflowId);
+  const approvedCompanyIds = Object.entries(approvalByCompanyId).filter(([, status]) => status === "approved").map(([companyId]) => companyId);
+  const rejectedCompanyIds = Object.entries(approvalByCompanyId).filter(([, status]) => status === "rejected").map(([companyId]) => companyId);
+  const setApproval = (companyId, status) => {
+    onApprovalChange(companyId, status);
+  };
+  const getRecordDetailHref = (row) => row.entity === "company" ? `/crm/companies/${row.companyId}` : `/crm/contacts/${row.contactId}`;
+  if (!columns.length) {
+    return /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No record columns are configured for this step." });
+  }
+  if (recordsQuery.isLoading) {
+    return /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) });
+  }
+  if (recordsQuery.error) {
+    return /* @__PURE__ */ jsx(CenteredErrorState, { error: recordsQuery.error, title: "Failed to load records" });
+  }
+  if (!rows.length) {
+    return /* @__PURE__ */ jsx(Stack, { gap: "xs", children: /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+      "No records found for ",
+      stageCatalog[recordsStageKey]?.label ?? recordsStageKey,
+      "."
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 700, tt: "uppercase", children: "Records" }),
+        /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          total,
+          " ",
+          recordsEntity,
+          " records from ",
+          stageCatalog[recordsStageKey]?.label ?? recordsStageKey
+        ] })
+      ] }),
+      recordsQuery.isFetching ? /* @__PURE__ */ jsx(Loader, { size: "xs" }) : null
+    ] }),
+    /* @__PURE__ */ jsx(Box, { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxs(Table, { highlightOnHover: true, children: [
+      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        columns.map((column) => /* @__PURE__ */ jsx(Table.Th, { style: column.width ? { width: column.width } : void 0, children: column.label }, column.key)),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Failure reason" }),
+        isReviewExportStep ? /* @__PURE__ */ jsx(Table.Th, { children: "Approval" }) : null,
+        /* @__PURE__ */ jsx(Table.Th, { w: 44, "aria-label": "Open record" })
+      ] }) }),
+      /* @__PURE__ */ jsx(Table.Tbody, { children: rows.map((row) => {
+        const columnSource = getRecordColumnSource(row);
+        const status = getRecordStageStatus(row, recordsStageKey);
+        const companyId = row.entity === "company" ? row.companyId : null;
+        const recordHref = getRecordDetailHref(row);
+        return /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          columns.map((column) => /* @__PURE__ */ jsx(Table.Td, { children: renderRecordValue(valueAtPath(columnSource, column.path), column) }, column.key)),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getRecordStatusColor(status), children: status }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", lineClamp: 2, children: getStageFailureReason(row, recordsStageKey) }) }),
+          isReviewExportStep ? /* @__PURE__ */ jsx(Table.Td, { children: companyId ? /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", "aria-label": `Approval for ${getRecordDisplayName(row)}`, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "compact-xs",
+                variant: approvalByCompanyId[companyId] === "approved" ? "filled" : "light",
+                color: "green",
+                disabled: !canManage,
+                onClick: (event) => {
+                  event.stopPropagation();
+                  if (!canManage) return;
+                  setApproval(companyId, "approved");
+                },
+                children: "Approve"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "compact-xs",
+                variant: approvalByCompanyId[companyId] === "rejected" ? "filled" : "light",
+                color: "red",
+                disabled: !canManage,
+                onClick: (event) => {
+                  event.stopPropagation();
+                  if (!canManage) return;
+                  setApproval(companyId, "rejected");
+                },
+                children: "Reject"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "-" }) }) : null,
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Tooltip, { label: "Open record", children: /* @__PURE__ */ jsx(
+            ActionIcon,
+            {
+              component: "a",
+              href: recordHref,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              size: "sm",
+              variant: "subtle",
+              "aria-label": `Open ${getRecordDisplayName(row)}`,
+              children: /* @__PURE__ */ jsx(IconExternalLink, { size: 14 })
+            }
+          ) }) })
+        ] }, row.id);
+      }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", children: [
+      /* @__PURE__ */ jsx(Pagination, { size: "sm", total: totalPages, value: page, onChange: setPage, disabled: recordsQuery.isFetching }),
+      isReviewExportStep ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+        approvedCompanyIds.length,
+        " approved, ",
+        rejectedCompanyIds.length,
+        " rejected"
+      ] }) }) : null
+    ] })
+  ] });
+}
+function BuildTab({
+  list,
+  steps,
+  executions,
+  recommendedStep,
+  optimisticRuns,
+  exportWorkflowId,
+  stageCatalog,
+  canManage,
+  onRunStep,
+  onRetryStep,
+  onViewRunLog
+}) {
+  const queryClient = useQueryClient();
+  const { workOSOrganizationId } = useElevasisServices();
+  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 [credentialSelections, setCredentialSelections] = useState({});
+  const [credentialVerificationById, setCredentialVerificationById] = useState({});
+  const [reviewExportApprovals, setReviewExportApprovals] = useState({});
+  const [runningResources, setRunningResources] = useState({});
+  const lastObservedTerminalRunRef = useRef(null);
+  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?.actionKey ?? selectedStep?.actionKey;
+  const selectedResourceId = selectedStep?.action?.resourceId ?? null;
+  const stepSchema = selectedStep?.action?.schema;
+  const stepLayout = selectedStep?.action?.layout;
+  const credentialRequirements = selectedStep?.credentialRequirements ?? [];
+  const selectedStepIsReviewExport = selectedStep?.primaryEntity === "company" && (isLeadGenExportAction(selectedStep.actionKey) || selectedStep.action?.resourceId === exportWorkflowId);
+  const selectedExportWorkflowId = selectedStep?.action?.resourceId ?? exportWorkflowId ?? "";
+  const visibleStepLayout = useMemo(
+    () => filterCredentialRequirementFields(stepLayout, credentialRequirements),
+    [stepLayout, credentialRequirements]
+  );
+  const showMainStepConfig = stepSchema && hasMainConfigFields(visibleStepLayout);
+  const showAdvancedStepConfig = stepSchema && hasAdvancedConfigFields(visibleStepLayout);
+  const recentRunsQuery = useListExecutions(list.id, { resourceId: selectedResourceId, limit: 5 });
+  const recentRuns = useMemo(() => {
+    const serverRuns = recentRunsQuery.data ?? [];
+    const serverExecutionIds = new Set(serverRuns.map((run) => run.executionId));
+    const pendingRuns = optimisticRuns.filter(
+      (run) => run.resourceId === selectedResourceId && !serverExecutionIds.has(run.executionId)
+    );
+    return [...pendingRuns, ...serverRuns].sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()).slice(0, 5);
+  }, [optimisticRuns, recentRunsQuery.data, selectedResourceId]);
+  const runningResourceIds = useMemo(() => {
+    const ids = /* @__PURE__ */ new Set();
+    const serverExecutionIds = new Set(executions.map((run) => run.executionId));
+    executions.forEach((run) => {
+      if (run.resourceId && isRunInFlight(run.status)) ids.add(run.resourceId);
+    });
+    optimisticRuns.forEach((run) => {
+      if (serverExecutionIds.has(run.executionId)) return;
+      if (run.resourceId && isRunInFlight(run.status)) ids.add(run.resourceId);
+    });
+    return ids;
+  }, [executions, optimisticRuns]);
+  const runningStep = steps.find((step) => {
+    const resourceId = step.action?.resourceId;
+    return resourceId ? (runningResources[resourceId] ?? false) || runningResourceIds.has(resourceId) : false;
+  }) ?? null;
+  const latestRecentRun = recentRuns[0] ?? null;
+  const credentialsQuery = useCredentials();
+  const credentials = credentialsQuery.data ?? [];
+  const verifyCredential = useVerifyCredential();
+  const exportExecution = useWorkflowExecution({
+    workflowId: selectedExportWorkflowId,
+    listId: list.id
+  });
+  const approvedCompanyIds = Object.entries(reviewExportApprovals).filter(([, status]) => status === "approved").map(([companyId]) => companyId);
+  const rejectedCompanyIds = Object.entries(reviewExportApprovals).filter(([, status]) => status === "rejected").map(([companyId]) => companyId);
+  const canExportSelectedRecords = selectedStepIsReviewExport && activeRightColumnTab === "records" && approvedCompanyIds.length > 0;
+  const selectedExportDisabledReason = !selectedStepIsReviewExport || activeRightColumnTab !== "records" ? null : approvedCompanyIds.length === 0 ? "Approve records" : null;
+  const canRunSelectedAction = !!selectedStep?.action && (selectedActionKind === "retry_failed" || selectedActionKind === "run_next_batch");
+  const selectedResourceIsRunning = selectedResourceId ? (runningResources[selectedResourceId] ?? false) || runningResourceIds.has(selectedResourceId) : false;
+  const selectedActionDisabled = !canManage ? true : selectedStepIsReviewExport && activeRightColumnTab !== "records" ? false : selectedStepIsReviewExport ? !canExportSelectedRecords || exportExecution.isPending : !canRunSelectedAction || selectedResourceIsRunning;
+  const selectedActionLabel = selectedResourceIsRunning ? "Running..." : selectedStepIsReviewExport && activeRightColumnTab !== "records" ? "Approve records" : selectedStepIsReviewExport ? selectedExportDisabledReason ?? "Export approved" : selectedActionKind === "none" ? "No action" : getStepActionLabel(selectedActionKind);
+  const selectedActionIcon = selectedStepIsReviewExport && activeRightColumnTab !== "records" ? /* @__PURE__ */ jsx(IconAddressBook, { size: 14 }) : selectedActionKind === "retry_failed" ? /* @__PURE__ */ jsx(IconRefresh, { size: 14 }) : /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 });
+  const handleResourceRunningChange = useCallback((resourceId, isRunning) => {
+    setRunningResources((current) => {
+      if (current[resourceId] === isRunning) return current;
+      return { ...current, [resourceId]: isRunning };
+    });
+  }, []);
+  useEffect(() => {
+    if (!selectedResourceId || !latestRecentRun || !isRunTerminal(latestRecentRun.status)) return;
+    if (lastObservedTerminalRunRef.current === latestRecentRun.executionId) return;
+    lastObservedTerminalRunRef.current = latestRecentRun.executionId;
+    handleResourceRunningChange(selectedResourceId, false);
+    queryClient.invalidateQueries({ queryKey: acquisitionListKeys.detail(workOSOrganizationId, list.id) });
+    queryClient.invalidateQueries({ queryKey: acquisitionListKeys.progress(workOSOrganizationId, list.id) });
+    queryClient.invalidateQueries({
+      queryKey: [...acquisitionListKeys.all, "records", workOSOrganizationId, list.id]
+    });
+  }, [handleResourceRunningChange, latestRecentRun, list.id, queryClient, selectedResourceId, workOSOrganizationId]);
+  useEffect(() => {
+    setStepInputFormState(getInitialStepInput(list, selectedStep?.action));
+    setStepInputError(null);
+    setStepInputInitialized(false);
+    setStepInputResetKey((k) => k + 1);
+    setReviewExportApprovals({});
+  }, [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), selectedCapabilityKey));
+        setStepInputResetKey((k) => k + 1);
+      }
+    }
+    setStepInputInitialized(true);
+  }, [stepInputInitialized, recentRunsQuery.isLoading, recentRuns, selectedCapabilityKey]);
+  const handleStepInputChange = (next) => {
+    if (!canManage) return;
+    setStepInputFormState(next);
+    if (stepInputError) setStepInputError(null);
+  };
+  const handleCredentialSelect = (requirement, credential) => {
+    if (!canManage) return;
+    setCredentialSelections((current) => ({
+      ...current,
+      [requirement.key]: credential?.id ?? null
+    }));
+    setStepInputFormState((current) => setValueAtInputPath(current, requirement.inputPath, credential?.name ?? ""));
+    if (stepInputError) setStepInputError(null);
+  };
+  const handleVerifyCredential = (credential) => {
+    if (!canManage) return;
+    verifyCredential.mutate(credential.id, {
+      onSuccess: (result) => {
+        setCredentialVerificationById((current) => ({
+          ...current,
+          [credential.id]: {
+            status: result.ok ? "success" : "error",
+            checkedAt: result.checkedAt,
+            message: result.message ?? (result.ok ? "Credential verified." : "Credential verification failed."),
+            details: result.details
+          }
+        }));
+      },
+      onError: (error) => {
+        setCredentialVerificationById((current) => ({
+          ...current,
+          [credential.id]: {
+            status: "error",
+            message: error instanceof Error ? error.message : "Credential verification failed."
+          }
+        }));
+      }
+    });
+  };
+  const handleReviewExportApprovalChange = (companyId, status) => {
+    if (!canManage) return;
+    setReviewExportApprovals((current) => ({ ...current, [companyId]: status }));
+    if (stepInputError) setStepInputError(null);
+  };
+  const exportApprovedRecords = async () => {
+    if (!canManage) return;
+    try {
+      const result = await exportExecution.execute({
+        input: {
+          listId: list.id,
+          mode: "export",
+          approved: true,
+          approvedCompanyIds,
+          rejectedCompanyIds
+        }
+      });
+      showSuccessNotification(`Export workflow run started: ${result.executionId}`);
+      await queryClient.invalidateQueries({ queryKey: acquisitionListKeys.all });
+    } catch (error) {
+      showApiErrorNotification(error);
+    }
+  };
+  const handleSelectedAction = async () => {
+    if (!canManage) return;
+    if (!selectedStep || selectedActionDisabled) return;
+    if (selectedStepIsReviewExport && activeRightColumnTab !== "records") {
+      setActiveRightColumnTab("records");
+      return;
+    }
+    if (selectedStepIsReviewExport) {
+      await exportApprovedRecords();
+      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 : {};
+    setActiveRightColumnTab("runs");
+    const resourceId = selectedStep.action?.resourceId ?? null;
+    try {
+      let result = null;
+      if (selectedActionKind === "retry_failed") {
+        result = await onRetryStep(selectedStep, submittedInput);
+      } else {
+        result = await onRunStep(selectedStep, submittedInput);
+      }
+      if (resourceId && result?.executionId) handleResourceRunningChange(resourceId, true);
+    } catch {
+      if (resourceId) handleResourceRunningChange(resourceId, false);
+    }
+  };
+  const loadRecentRunInput = (run) => {
+    if (!canManage) return;
+    setStepInputFormState(sanitizeStepInput(asRecord2(getRunInput(run)), selectedCapabilityKey));
+    setStepInputResetKey((k) => k + 1);
+    setActiveRightColumnTab("configuration");
+  };
+  const openRecentRunLog = (run) => {
+    const resourceId = run.resourceId ?? selectedResourceId;
+    if (!resourceId) return;
+    onViewRunLog(resourceId, run.executionId);
+  };
+  return /* @__PURE__ */ jsx(
+    TabSection,
+    {
+      icon: /* @__PURE__ */ jsx(IconBolt, { size: 16 }),
+      title: "Build",
+      description: getBuildTabDescription(steps, currentStep, runningStep),
+      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__ */ jsxs(Stack, { gap: "xs", style: { flex: 1, minHeight: 0 }, children: [
+          steps.map(
+            (step) => step.action?.resourceId ? /* @__PURE__ */ jsx(
+              BuildStepRunningWatcher,
+              {
+                listId: list.id,
+                resourceId: step.action.resourceId,
+                onRunningChange: handleResourceRunningChange
+              },
+              `running-${step.id}`
+            ) : null
+          ),
+          steps.map((step, index) => {
+            const isCurrent = currentStep?.id === step.id;
+            const isSelected = selectedStep?.id === step.id;
+            const stepResourceId = step.action?.resourceId ?? null;
+            const isStepRunning = stepResourceId ? (runningResources[stepResourceId] ?? false) || runningResourceIds.has(stepResourceId) : false;
+            const isWaiting = step.status === "blocked";
+            const isPassiveWaiting = isWaiting && !isSelected && !isCurrent;
+            const stepTone = isStepRunning ? "ready" : 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)" : isStepRunning ? "color-mix(in srgb, var(--color-primary) 12%, transparent)" : isPassiveWaiting ? "color-mix(in srgb, var(--color-surface-hover) 38%, transparent)" : "transparent",
+                  border: isSelected ? "var(--active-border)" : isStepRunning ? "1px solid var(--border-primary-muted)" : "1px solid var(--color-border)",
+                  borderStyle: isPassiveWaiting && !isStepRunning ? "dashed" : "solid",
+                  borderRadius: 8,
+                  display: "block",
+                  opacity: isPassiveWaiting && !isStepRunning ? 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 && !isStepRunning ? "dimmed" : void 0, truncate: true, children: step.label }),
+                      !isStepRunning && 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, isRunning: isStepRunning })
+                  ] })
+                ] })
+              },
+              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,
+              " details"
+            ] }),
+            /* @__PURE__ */ jsx(Title, { order: 5, children: selectedStep.label })
+          ] }),
+          /* @__PURE__ */ jsx(BuildStepProgressBar, { step: selectedStep, isRunning: selectedResourceIsRunning }),
+          /* @__PURE__ */ jsx(
+            StepDetailRightColumn,
+            {
+              activeTab: activeRightColumnTab,
+              onTabChange: setActiveRightColumnTab,
+              configuration: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+                showMainStepConfig && visibleStepLayout ? /* @__PURE__ */ jsx(
+                  StepConfigForm,
+                  {
+                    slot: "main",
+                    schema: stepSchema,
+                    layout: visibleStepLayout,
+                    value: stepInputFormState,
+                    onChange: (v) => handleStepInputChange(asRecord2(v) ?? {}),
+                    disabled: !canManage || !canRunSelectedAction
+                  },
+                  `${selectedResourceId ?? "none"}-main-${stepInputResetKey}`
+                ) : !credentialRequirements.length ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No configuration for this step." }) : null,
+                /* @__PURE__ */ jsx(
+                  CredentialRequirementsPanel,
+                  {
+                    requirements: credentialRequirements,
+                    credentials,
+                    credentialsLoading: credentialsQuery.isLoading,
+                    credentialsError: credentialsQuery.error instanceof Error ? credentialsQuery.error : null,
+                    selections: credentialSelections,
+                    verificationByCredentialId: credentialVerificationById,
+                    verifyingCredentialId: verifyCredential.isPending ? verifyCredential.variables ?? null : null,
+                    disabled: !canManage,
+                    onSelect: handleCredentialSelect,
+                    onVerify: handleVerifyCredential
+                  }
+                )
+              ] }),
+              advanced: showAdvancedStepConfig && visibleStepLayout ? /* @__PURE__ */ jsx(
+                StepConfigForm,
+                {
+                  slot: "advanced",
+                  schema: stepSchema,
+                  layout: visibleStepLayout,
+                  value: stepInputFormState,
+                  onChange: (v) => handleStepInputChange(asRecord2(v) ?? {}),
+                  disabled: !canManage || !canRunSelectedAction
+                },
+                `${selectedResourceId ?? "none"}-advanced-${stepInputResetKey}`
+              ) : void 0,
+              records: /* @__PURE__ */ jsx(
+                StepRecordsPanel,
+                {
+                  list,
+                  step: selectedStep,
+                  exportWorkflowId,
+                  stageCatalog,
+                  approvalByCompanyId: reviewExportApprovals,
+                  canManage,
+                  onApprovalChange: handleReviewExportApprovalChange
+                },
+                selectedStep.id
+              ),
+              runs: selectedResourceId ? /* @__PURE__ */ jsxs(Stack, { gap: "sm", 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) => {
+                  const canUseSettings = hasRunInput(run);
+                  return /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      style: {
+                        border: "1px solid var(--color-border)",
+                        borderRadius: 8,
+                        padding: "8px 10px",
+                        width: "100%"
+                      },
+                      children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", wrap: "nowrap", children: [
+                        /* @__PURE__ */ jsx(
+                          UnstyledButton,
+                          {
+                            onClick: () => openRecentRunLog(run),
+                            style: { flex: 1, minWidth: 0, textAlign: "left" },
+                            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: formatDateTime3(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 })
+                            ] })
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Tooltip, { label: "Use this run's settings", children: /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            size: "xs",
+                            variant: "subtle",
+                            leftSection: /* @__PURE__ */ jsx(IconSettings, { size: 12 }),
+                            disabled: !canManage || !canUseSettings,
+                            onClick: () => loadRecentRunInput(run),
+                            children: "Use settings"
+                          }
+                        ) })
+                      ] })
+                    },
+                    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__ */ jsx(Group, { gap: "xs", justify: "flex-end", wrap: "nowrap", style: { minWidth: 0, overflowX: "hidden" }, children: /* @__PURE__ */ jsx(Tooltip, { label: selectedExportDisabledReason, disabled: !selectedExportDisabledReason, children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    leftSection: selectedActionIcon,
+                    disabled: selectedActionDisabled,
+                    onClick: handleSelectedAction,
+                    style: { maxWidth: "100%" },
+                    children: selectedActionLabel
+                  }
+                ) }) })
+              ] })
+            }
+          )
+        ] }) }) : null
+      ] })
+    }
+  );
+}
+var LIST_DETAIL_TABS = ["overview", "members", "build", "runs"];
+function isListDetailTab(value) {
+  return typeof value === "string" && LIST_DETAIL_TABS.includes(value);
+}
+function normalizeListDetailTab(value) {
+  return isListDetailTab(value) ? value : "overview";
+}
+function ListDetailHeader({
+  title,
+  caption,
+  rightSection
+}) {
+  return /* @__PURE__ */ jsx(PageTitleCaption, { title, caption, rightSection });
+}
+function LeadGenListDetailPage({
+  listId,
+  headerActions,
+  tabs,
+  footer
+}) {
+  const navigate = useNavigate();
+  const actions = useListActions();
+  const leadGenConfig = useLeadGenConfig();
+  const stageCatalog = leadGenConfig.stageCatalog ?? {};
+  const rawSearch = useSearch({ strict: false });
+  const activeTab = normalizeListDetailTab(rawSearch.tab);
+  const memberId = rawSearch.member ?? null;
+  const memberKind = rawSearch.memberKind ?? null;
+  const updateSearch = useCallback(
+    (patch, options = {}) => {
+      void navigate({
+        to: ".",
+        search: ((current) => {
+          const next = { ...current, ...patch };
+          for (const [key, value] of Object.entries(patch)) {
+            if (value === void 0) {
+              delete next[key];
+            }
+          }
+          return next;
+        }),
+        replace: options.replace
+      });
+    },
+    [navigate]
+  );
+  useEffect(() => {
+    if (rawSearch.tab && !isListDetailTab(rawSearch.tab)) {
+      updateSearch({ tab: "overview" }, { replace: true });
+    }
+  }, [rawSearch.tab, updateSearch]);
+  const handleTabChange = (value) => {
+    if (!isListDetailTab(value) || value === activeTab) return;
+    updateSearch({ tab: value });
+  };
+  const handleMemberClick = (id, kind) => {
+    updateSearch({ member: id, memberKind: kind });
+  };
+  const handleDrawerClose = () => {
+    updateSearch({ member: void 0, memberKind: void 0 });
+  };
+  const listQuery = useList(listId);
+  const progressQuery = useListProgress(listId);
+  const executionsQuery = useListExecutions(listId);
+  const canManageLeadGen = useAccess(AccessKeys.leadGenManage);
+  const deleteListMutation = useDeleteList();
+  const executeAsync = useExecuteAsync();
+  const queryClient = useQueryClient();
+  const { workOSOrganizationId } = useElevasisServices();
+  const [deleteModalOpen, setDeleteModalOpen] = useState(false);
+  const [runsResourceFilter, setRunsResourceFilter] = useState(null);
+  const [optimisticRuns, setOptimisticRuns] = useState([]);
+  const isLoading = listQuery.isLoading || progressQuery.isLoading || executionsQuery.isLoading;
+  const error = listQuery.error ?? progressQuery.error ?? executionsQuery.error;
+  const backButton = /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "light",
+      size: "xs",
+      leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+      onClick: () => navigate({ to: "/lead-gen/lists" }),
+      children: "Lists"
+    }
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        ListDetailHeader,
+        {
+          title: "List Detail",
+          caption: "Configuration, progress, and execution history for a single lead-gen list",
+          rightSection: backButton
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
+    ] }) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        ListDetailHeader,
+        {
+          title: "List Detail",
+          caption: "Configuration, progress, and execution history for a single lead-gen list",
+          rightSection: backButton
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load list detail" }) })
+    ] }) }) });
+  }
+  if (!listQuery.data || !progressQuery.data) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        ListDetailHeader,
+        {
+          title: "List Not Found",
+          caption: "The requested lead-gen list is unavailable.",
+          rightSection: backButton
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { h: 240, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "The requested list could not be found." }) }) })
+    ] }) }) });
+  }
+  const list = listQuery.data;
+  const progress = progressQuery.data;
+  const executions = executionsQuery.data ?? [];
+  const businessProgress = deriveBusinessProgress(list, progress, actions, executions, leadGenConfig);
+  const currentBuildTemplateLabel = list.metadata.buildPlanSnapshot?.templateLabel ?? "Default lead generation";
+  const buildResolution = resolveBuildState(list, businessProgress, actions, leadGenConfig);
+  const buildSteps = buildResolution.steps;
+  const recommendedBuildStep = buildResolution.recommendedStep;
+  const canUseApiActions = leadGenConfig.canUseLeadGenApiActions;
+  const apiDisabledReason = leadGenConfig.leadGenApiInterface.reason;
+  const canManageLeadGenApi = canManageLeadGen.allowed && canUseApiActions;
+  const runStep = async (step, inputAtSubmit) => {
+    if (!canManageLeadGenApi) return null;
+    const resourceId = step.action?.resourceId;
+    if (!resourceId) return null;
+    try {
+      const result = await executeAsync.mutateAsync({
+        resourceId,
+        resourceType: "workflow",
+        input: inputAtSubmit,
+        listId: list.id
+      });
+      showSuccessNotification(`Workflow run started: ${result.executionId}`);
+      setOptimisticRuns((current) => [
+        {
+          executionId: result.executionId,
+          resourceId,
+          status: result.status || "running",
+          createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+          completedAt: null,
+          durationMs: null,
+          input: inputAtSubmit
+        },
+        ...current.filter((run) => run.executionId !== result.executionId)
+      ]);
+      queryClient.invalidateQueries({
+        queryKey: acquisitionListKeys.executionsBase(workOSOrganizationId, list.id)
+      });
+      return result;
+    } catch (error2) {
+      showApiErrorNotification(error2);
+      throw error2;
+    }
+  };
+  const handleCopyListCommand = () => {
+    void navigator.clipboard.writeText(`/acquisition --lead-gen list ${list.id}`);
+    showSuccessNotification("Copied list command to clipboard");
+  };
+  const handleDeleteList = () => {
+    if (!canManageLeadGenApi) return;
+    deleteListMutation.mutate(list.id, {
+      onSuccess: () => {
+        setDeleteModalOpen(false);
+        void navigate({ to: "/lead-gen/lists" });
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
+    /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        ListDetailHeader,
+        {
+          title: list.name,
+          caption: list.description ?? "Configuration, progress, and execution history for this list"
+        }
+      ),
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", wrap: "nowrap", children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "filled", color: getStatusColor3(list.status), children: list.status }),
+          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "violet", children: currentBuildTemplateLabel }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+            "Created ",
+            formatDateTime3(list.createdAt)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", onClick: handleCopyListCommand, style: { cursor: "pointer" }, children: [
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ff: "monospace", children: list.id }),
+            /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", "aria-label": "Copy list command", children: /* @__PURE__ */ jsx(IconCopy, { size: 14 }) })
+          ] }),
+          /* @__PURE__ */ jsx(Tooltip, { label: "Delete list", children: /* @__PURE__ */ jsx(
+            ActionIcon,
+            {
+              variant: "subtle",
+              color: "red",
+              size: "sm",
+              "aria-label": "Delete list",
+              disabled: !canManageLeadGenApi,
+              loading: deleteListMutation.isPending,
+              onClick: () => setDeleteModalOpen(true),
+              children: /* @__PURE__ */ jsx(IconTrash, { size: 14 })
+            }
+          ) }),
+          backButton
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(LeadGenReadinessAlert, { canUseApiActions, reason: apiDisabledReason }),
+      headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onChange: handleTabChange, keepMounted: false, children: [
+        /* @__PURE__ */ jsxs(Tabs.List, { children: [
+          /* @__PURE__ */ jsx(Tabs.Tab, { value: "overview", leftSection: /* @__PURE__ */ jsx(IconBuilding, { size: 14 }), children: "Overview" }),
+          /* @__PURE__ */ jsx(Tabs.Tab, { value: "members", leftSection: /* @__PURE__ */ jsx(IconUsers, { size: 14 }), children: "Members" }),
+          /* @__PURE__ */ jsx(Tabs.Tab, { value: "build", leftSection: /* @__PURE__ */ jsx(IconBolt, { size: 14 }), children: "Build" }),
+          /* @__PURE__ */ jsx(Tabs.Tab, { value: "runs", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 }), children: "Runs" })
+        ] }),
+        tabs ?? null,
+        /* @__PURE__ */ jsx(Tabs.Panel, { value: "overview", pt: "sm", children: /* @__PURE__ */ jsx(
+          OverviewTab,
+          {
+            list,
+            progress: businessProgress,
+            canManage: canManageLeadGenApi,
+            leadGenConfig
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Tabs.Panel, { value: "members", pt: "sm", children: /* @__PURE__ */ jsx(
+          MembersTab,
+          {
+            listId,
+            progress: businessProgress,
+            stageCatalog,
+            onMemberClick: handleMemberClick
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Tabs.Panel, { value: "build", pt: "sm", children: /* @__PURE__ */ jsx(
+          BuildTab,
+          {
+            list,
+            steps: buildSteps,
+            executions,
+            recommendedStep: recommendedBuildStep,
+            optimisticRuns,
+            exportWorkflowId: leadGenConfig.exportWorkflowId,
+            stageCatalog,
+            canManage: canManageLeadGenApi,
+            onRunStep: runStep,
+            onRetryStep: runStep,
+            onViewRunLog: (resourceId, executionId) => {
+              void navigate({
+                to: "/operations/resources/workflow/$workflowId",
+                params: { workflowId: resourceId },
+                search: { exec: executionId }
+              });
+            }
+          }
+        ) }),
+        /* @__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: deleteModalOpen,
+        onClose: () => !deleteListMutation.isPending && setDeleteModalOpen(false),
+        size: "sm",
+        loading: deleteListMutation.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconTrash, { size: 22, color: "var(--color-error)" }),
+            /* @__PURE__ */ jsx(Title, { order: 4, children: "Delete list" })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            "Are you sure you want to delete",
+            " ",
+            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: list.name }),
+            "?"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This removes the list and its list membership links. Companies and contacts remain in the shared lead-gen database." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: () => setDeleteModalOpen(false), disabled: deleteListMutation.isPending, children: "Cancel" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: "red",
+                loading: deleteListMutation.isPending,
+                disabled: !canManageLeadGenApi,
+                onClick: handleDeleteList,
+                children: "Delete"
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    footer ?? null
+  ] });
+}
+function ListBuilderIndexPage() {
+  const navigate = useNavigate();
+  const [query, setQuery] = useState("");
+  const listsQuery = useLists();
+  const lists = listsQuery.data ?? [];
+  const filteredLists = useMemo(() => {
+    const normalized = query.trim().toLowerCase();
+    if (!normalized) return lists;
+    return lists.filter((list) => list.name.toLowerCase().includes(normalized));
+  }, [lists, query]);
+  const openList = (listId) => {
+    navigate({ to: "/lead-gen/lists/$listId", params: { listId }, search: { tab: "build" } });
+  };
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(PageTitleCaption, { title: "List Builder", caption: "Choose a list to run lead-gen workflows and monitor progress." }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          placeholder: "Search lists...",
+          leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+          value: query,
+          onChange: (event) => setQuery(event.currentTarget.value)
+        }
+      ),
+      listsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : !filteredLists.length ? /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconLayoutDashboard,
+          title: query.trim() ? "No lists match your search" : "No lists available",
+          description: query.trim() ? void 0 : "Create a list first, then open it in the builder."
+        }
+      ) : /* @__PURE__ */ jsxs(Table, { highlightOnHover: true, children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Batches" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Created" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: filteredLists.map((list) => /* @__PURE__ */ jsxs(
+          Table.Tr,
+          {
+            role: "button",
+            tabIndex: 0,
+            onClick: () => openList(list.id),
+            onKeyDown: (event) => {
+              if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                openList(list.id);
+              }
+            },
+            style: { cursor: "pointer" },
+            children: [
+              /* @__PURE__ */ jsxs(Table.Td, { children: [
+                /* @__PURE__ */ jsx(Text, { fw: 500, children: list.name }),
+                /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: list.description ?? list.id })
+              ] }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStateKeyColor(list.status), children: list.status }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: list.batchIds.length }),
+              /* @__PURE__ */ jsx(Table.Td, { children: formatDate(list.createdAt) })
+            ]
+          },
+          list.id
+        )) })
+      ] })
+    ] }) })
+  ] }) }) });
+}
+
+// src/lib/lead-gen/stage-colors.ts
+var FALLBACK_STAGE_COLORS = {
+  accent: "var(--color-text-dimmed)",
+  background: "color-mix(in srgb, var(--color-text-dimmed) 10%, transparent)",
+  border: "color-mix(in srgb, var(--color-border) 85%, var(--color-text-dimmed))",
+  text: "var(--color-text)"
+};
+var STAGE_COLOR_SETS = {
+  scraped: {
+    accent: "var(--color-text-subtle)",
+    background: "color-mix(in srgb, var(--color-text-subtle) 12%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 80%, var(--color-text-subtle))",
+    text: "var(--color-text)"
+  },
+  populated: {
+    accent: "var(--color-primary)",
+    background: "color-mix(in srgb, var(--color-primary) 12%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 70%, var(--color-primary))",
+    text: "var(--color-text)"
+  },
+  crawled: {
+    accent: "color-mix(in srgb, var(--color-primary) 70%, var(--color-text-subtle))",
+    background: "color-mix(in srgb, var(--color-primary) 9%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 72%, var(--color-primary))",
+    text: "var(--color-text)"
+  },
+  extracted: {
+    accent: "color-mix(in srgb, var(--color-primary) 78%, var(--color-success))",
+    background: "color-mix(in srgb, var(--color-primary) 10%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 65%, var(--color-primary))",
+    text: "var(--color-text)"
+  },
+  enriched: {
+    accent: "color-mix(in srgb, var(--color-success) 70%, var(--color-primary))",
+    background: "color-mix(in srgb, var(--color-success) 12%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 68%, var(--color-success))",
+    text: "var(--color-text)"
+  },
+  "decision-makers-enriched": {
+    accent: "color-mix(in srgb, var(--color-primary) 66%, var(--color-warning))",
+    background: "color-mix(in srgb, var(--color-primary) 12%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 66%, var(--color-primary))",
+    text: "var(--color-text)"
+  },
+  discovered: {
+    accent: "color-mix(in srgb, var(--color-primary) 70%, var(--color-warning))",
+    background: "color-mix(in srgb, var(--color-warning) 10%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 68%, var(--color-warning))",
+    text: "var(--color-text)"
+  },
+  verified: {
+    accent: "var(--color-success)",
+    background: "color-mix(in srgb, var(--color-success) 12%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 64%, var(--color-success))",
+    text: "var(--color-text)"
+  },
+  qualified: {
+    accent: "color-mix(in srgb, var(--color-success) 82%, var(--color-text))",
+    background: "color-mix(in srgb, var(--color-success) 14%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 62%, var(--color-success))",
+    text: "var(--color-text)"
+  },
+  personalized: {
+    accent: "color-mix(in srgb, var(--color-primary) 58%, var(--color-success))",
+    background: "color-mix(in srgb, var(--color-primary) 11%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 66%, var(--color-primary))",
+    text: "var(--color-text)"
+  },
+  uploaded: {
+    accent: "color-mix(in srgb, var(--color-warning) 72%, var(--color-primary))",
+    background: "color-mix(in srgb, var(--color-warning) 12%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 64%, var(--color-warning))",
+    text: "var(--color-text)"
+  },
+  interested: {
+    accent: "color-mix(in srgb, var(--color-success) 72%, var(--color-warning))",
+    background: "color-mix(in srgb, var(--color-success) 15%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 58%, var(--color-success))",
+    text: "var(--color-text)"
+  },
+  disqualified: {
+    accent: "var(--color-error)",
+    background: "color-mix(in srgb, var(--color-error) 10%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 66%, var(--color-error))",
+    text: "var(--color-text)"
+  },
+  invalid: {
+    accent: "color-mix(in srgb, var(--color-error) 72%, var(--color-text-dimmed))",
+    background: "color-mix(in srgb, var(--color-error) 8%, transparent)",
+    border: "color-mix(in srgb, var(--color-border) 78%, var(--color-error))",
+    text: "var(--color-text)"
+  }
+};
+function getLeadGenStageColor(stageKey) {
+  return STAGE_COLOR_SETS[stageKey] ?? FALLBACK_STAGE_COLORS;
+}
+function getLeadGenStageColorVar(stageKey, tone = "accent") {
+  return getLeadGenStageColor(stageKey)[tone];
+}
+var FALLBACK_STAGE_ORDER = 1e4;
+function unique(values) {
+  return Array.from(new Set(values.filter(Boolean)));
+}
+function configuredStages(pipelineConfig, stageCatalog) {
+  return (pipelineConfig?.stages ?? []).filter((stage) => stage.enabled !== false).slice().sort((a, b) => {
+    const aOrder = a.order ?? stageCatalog[a.key]?.order ?? FALLBACK_STAGE_ORDER;
+    const bOrder = b.order ?? stageCatalog[b.key]?.order ?? FALLBACK_STAGE_ORDER;
+    return aOrder - bOrder || a.key.localeCompare(b.key);
+  });
+}
+function workflowStageKeys(actions) {
+  return unique((actions ?? []).flatMap((action) => [...action.stagesAffected]));
+}
+function sourceFor(stageKey, observedKeys, configKeys, workflowKeys) {
+  if (observedKeys.has(stageKey)) return "activity";
+  if (configKeys.has(stageKey)) return "config";
+  if (workflowKeys.has(stageKey)) return "workflow";
+  return "activity";
+}
+function sortStageNodes(nodes) {
+  return nodes.slice().sort((a, b) => a.order - b.order || a.key.localeCompare(b.key));
+}
+function buildLaneStages({
+  entity,
+  progress,
+  pipelineConfig,
+  actions,
+  stageCatalog
+}) {
+  const stageMap = entity === "company" ? progress.byCompanyStage : progress.byContactStage;
+  const observedKeys = new Set(Object.keys(stageMap));
+  const configStages = configuredStages(pipelineConfig, stageCatalog);
+  const configStageByKey = new Map(configStages.map((stage) => [stage.key, stage]));
+  const configKeys = new Set(configStages.map((stage) => stage.key));
+  const workflowKeys = new Set(workflowStageKeys(actions));
+  const stageKeys = unique([...observedKeys, ...configKeys, ...workflowKeys]);
+  return sortStageNodes(
+    stageKeys.flatMap((key) => {
+      const catalogEntry = stageCatalog[key];
+      const inferredEntity = catalogEntry?.entity ?? (observedKeys.has(key) ? entity : null);
+      if (inferredEntity !== entity) return [];
+      return [
+        {
+          key,
+          label: configStageByKey.get(key)?.label ?? catalogEntry?.label ?? key,
+          order: configStageByKey.get(key)?.order ?? catalogEntry?.order ?? FALLBACK_STAGE_ORDER,
+          entity,
+          source: sourceFor(key, observedKeys, configKeys, workflowKeys)
+        }
+      ];
+    })
+  );
+}
+function getStageProgress2(progress, stageKey, entity) {
+  const stageProgress = entity === "company" ? progress.byCompanyStage[stageKey] : progress.byContactStage[stageKey];
+  const total = stageProgress?.total ?? (entity === "company" ? progress.totalCompanies : progress.totalMembers);
+  return {
+    total,
+    attempted: stageProgress?.attempted ?? 0,
+    success: stageProgress?.success ?? 0,
+    noResult: stageProgress?.noResult ?? 0,
+    skipped: stageProgress?.skipped ?? 0,
+    error: stageProgress?.error ?? 0,
+    other: stageProgress?.other ?? 0,
+    notAttempted: stageProgress?.notAttempted ?? total
+  };
+}
+function percent(value, total) {
+  if (total <= 0) return 0;
+  return Math.max(0, Math.min(100, value / total * 100));
+}
+function SourceBadge({ source }) {
+  const label = source === "activity" ? "recorded" : source;
+  const color = source === "activity" ? "green" : source === "config" ? "blue" : "gray";
+  return /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color, children: label });
+}
+function ProgressRail({ counts, stageKey }) {
+  const accent = getLeadGenStageColorVar(stageKey);
+  const segments = [
+    { key: "success", value: counts.success, color: accent },
+    { key: "noResult", value: counts.noResult, color: "var(--color-text-subtle)" },
+    { key: "skipped", value: counts.skipped, color: "var(--color-warning)" },
+    { key: "error", value: counts.error, color: "var(--color-error)" },
+    { key: "other", value: counts.other, color: "var(--color-primary)" }
+  ].filter((segment) => segment.value > 0);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      h: 6,
+      bg: "var(--color-surface-hover)",
+      style: {
+        borderRadius: 999,
+        display: "flex",
+        overflow: "hidden",
+        opacity: counts.total > 0 ? 1 : 0.55
+      },
+      children: segments.length > 0 ? segments.map((segment) => /* @__PURE__ */ jsx(Box, { h: "100%", w: `${percent(segment.value, counts.total)}%`, bg: segment.color }, segment.key)) : /* @__PURE__ */ jsx(Box, { h: "100%", w: counts.total > 0 ? `${percent(counts.attempted, counts.total)}%` : "0%", bg: accent })
+    }
+  );
+}
+function TimelineLane({
+  title,
+  entity,
+  total,
+  stages,
+  progress,
+  emptyText
+}) {
+  const Icon = entity === "company" ? IconBuilding : IconUsers;
+  return /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", gap: "xs", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            w: 28,
+            h: 28,
+            style: {
+              alignItems: "center",
+              background: "color-mix(in srgb, var(--color-primary) 14%, transparent)",
+              border: "1px solid color-mix(in srgb, var(--color-border) 75%, var(--color-primary))",
+              borderRadius: 999,
+              color: "var(--color-primary)",
+              display: "flex",
+              justifyContent: "center"
+            },
+            children: /* @__PURE__ */ jsx(Icon, { size: 15 })
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { gap: 0, children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, children: title }),
+          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+            total,
+            " ",
+            entity === "company" ? "companies" : "contacts"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "outline", color: entity === "company" ? "blue" : "teal", children: [
+        stages.length,
+        " stages"
+      ] })
+    ] }),
+    stages.length === 0 ? /* @__PURE__ */ jsx(
+      Box,
+      {
+        p: "sm",
+        style: {
+          border: "1px dashed var(--color-border)",
+          borderRadius: "var(--mantine-radius-md)"
+        },
+        children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: emptyText })
+      }
+    ) : /* @__PURE__ */ jsx(ScrollArea, { type: "hover", offsetScrollbars: true, children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        style: {
+          minWidth: Math.max(560, stages.length * 178),
+          padding: "8px 2px 2px"
+        },
+        children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            style: {
+              alignItems: "start",
+              display: "grid",
+              gap: 0,
+              gridTemplateColumns: `repeat(${stages.length}, minmax(150px, 1fr))`,
+              position: "relative"
+            },
+            children: stages.map((stage, index) => {
+              const counts = getStageProgress2(progress, stage.key, entity);
+              const accent = getLeadGenStageColorVar(stage.key);
+              const completion = Math.round(percent(counts.success, counts.total));
+              const attempted = Math.round(percent(counts.attempted, counts.total));
+              return /* @__PURE__ */ jsxs(Stack, { gap: 8, px: "xs", style: { position: "relative", zIndex: 1 }, children: [
+                /* @__PURE__ */ jsxs(Group, { gap: 8, wrap: "nowrap", children: [
+                  /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      w: 44,
+                      h: 44,
+                      style: {
+                        alignItems: "center",
+                        background: getLeadGenStageColorVar(stage.key, "background"),
+                        border: `1px solid ${getLeadGenStageColorVar(stage.key, "border")}`,
+                        borderRadius: 999,
+                        boxShadow: `0 0 0 4px ${getLeadGenStageColorVar(stage.key, "background")}`,
+                        color: accent,
+                        display: "flex",
+                        flexShrink: 0,
+                        fontSize: 13,
+                        fontWeight: 800,
+                        justifyContent: "center"
+                      },
+                      children: index + 1
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(Stack, { gap: 1, style: { minWidth: 0 }, children: [
+                    /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", children: [
+                      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, lineClamp: 1, children: stage.label }),
+                      /* @__PURE__ */ jsx(SourceBadge, { source: stage.source })
+                    ] }),
+                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", lineClamp: 1, children: counts.total > 0 ? `${counts.attempted} / ${counts.total} attempted` : `Ready for ${entity === "company" ? "company" : "contact"} rows` })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(ProgressRail, { counts, stageKey: stage.key }),
+                /* @__PURE__ */ jsxs(Group, { gap: 10, wrap: "nowrap", children: [
+                  /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+                    counts.success,
+                    " success"
+                  ] }),
+                  /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+                    attempted,
+                    "% attempted"
+                  ] }),
+                  counts.error > 0 ? /* @__PURE__ */ jsxs(Text, { size: "xs", c: "red", children: [
+                    counts.error,
+                    " errors"
+                  ] }) : null
+                ] }),
+                /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+                  completion,
+                  "% complete"
+                ] })
+              ] }, stage.key);
+            })
+          }
+        )
+      }
+    ) })
+  ] });
+}
+function PipelineFunnel({ progress, pipelineConfig, actions }) {
+  const { stageCatalog = {} } = useLeadGenConfig();
+  const companyStages = buildLaneStages({ entity: "company", progress, pipelineConfig, actions, stageCatalog });
+  const contactStages = buildLaneStages({ entity: "contact", progress, pipelineConfig, actions, stageCatalog });
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "lg", children: [
+    /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconListDetails, { size: 16 }), title: "Pipeline" }),
+    /* @__PURE__ */ jsx(
+      TimelineLane,
+      {
+        title: "Company pipeline",
+        entity: "company",
+        total: progress.totalCompanies,
+        stages: companyStages,
+        progress,
+        emptyText: "No company stages are configured, runnable, or recorded yet."
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TimelineLane,
+      {
+        title: "Contact pipeline",
+        entity: "contact",
+        total: progress.totalMembers,
+        stages: contactStages,
+        progress,
+        emptyText: "No contact stages are configured, runnable, or recorded yet."
+      }
+    )
+  ] }) });
+}
+function 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 getStatusColor4(status) {
+  switch (status) {
+    case "completed":
+    case "success":
+    case "launched":
+      return "green";
+    case "running":
+    case "pending":
+    case "enriching":
+      return "blue";
+    case "failed":
+    case "error":
+    case "archived":
+      return "red";
+    case "closing":
+      return "yellow";
+    default:
+      return "gray";
+  }
+}
+function ListBuilderPage({ listId }) {
+  const navigate = useNavigate();
+  const actions = useListActions();
+  const listQuery = useList(listId);
+  const progressQuery = useListProgress(listId);
+  const executionsQuery = useListExecutions(listId);
+  const isLoading = listQuery.isLoading || progressQuery.isLoading || executionsQuery.isLoading;
+  const error = listQuery.error ?? progressQuery.error ?? executionsQuery.error;
+  const executions = useMemo(() => executionsQuery.data ?? [], [executionsQuery.data]);
+  const openListDetail = () => {
+    void navigate({ to: "/lead-gen/lists/$listId", params: { listId }, search: { tab: "build" } });
+  };
+  const copyListCommand = (id) => {
+    void navigator.clipboard.writeText(`/acquisition --lead-gen list ${id}`);
+    showSuccessNotification("Copied list command to clipboard");
+  };
+  const backButton = /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "light",
+      size: "xs",
+      leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+      onClick: () => navigate({ to: "/lead-gen/lists" }),
+      children: "Lists"
+    }
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: "List Builder", caption: "Lead-gen workspace", rightSection: backButton }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
+    ] }) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: "List Builder", caption: "Lead-gen workspace", rightSection: backButton }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load list builder" }) })
+    ] }) }) });
+  }
+  if (!listQuery.data || !progressQuery.data) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: "List Not Found", caption: "The requested lead-gen list is unavailable." }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { h: 240, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "The requested list could not be found." }) }) })
+    ] }) }) });
+  }
+  const list = listQuery.data;
+  const progress = progressQuery.data;
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: list.name,
+        caption: list.description ?? "Lead-gen list builder",
+        rightSection: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Button, { size: "xs", leftSection: /* @__PURE__ */ jsx(IconBolt, { size: 16 }), onClick: openListDetail, children: "Open Build" }),
+          backButton
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "filled", color: getStatusColor4(list.status), children: list.status }),
+        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+          "Created ",
+          formatDateTime4(list.createdAt)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Group, { gap: "xs", children: /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", onClick: () => copyListCommand(list.id), style: { cursor: "pointer" }, children: [
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ff: "monospace", children: list.id }),
+        /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", "aria-label": "Copy list command", children: /* @__PURE__ */ jsx(IconCopy, { size: 14 }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2, lg: 4 }, children: [
+      /* @__PURE__ */ jsx(StatCard, { label: "Companies", value: progress.totalCompanies, icon: IconBuilding }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Contacts", value: progress.totalMembers, icon: IconUsers }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Workflows", value: actions.length, icon: IconBolt }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Runs", value: executions.length, icon: IconPlayerPlay })
+    ] }),
+    /* @__PURE__ */ jsx(PipelineFunnel, { progress, pipelineConfig: list.pipelineConfig, actions }),
+    /* @__PURE__ */ jsx(WorkflowRunsPanel, { listId })
+  ] }) }) });
+}
+var PAGE_SIZE_DEFAULT2 = 20;
+function getValueAtPath(source, path) {
+  return path.split(".").reduce((current, segment) => {
+    if (current == null || typeof current !== "object") return void 0;
+    return current[segment];
+  }, source);
+}
+function renderExtraColumnValue(value, column) {
+  if (value === null || value === void 0 || value === "") return "-";
+  if (column.renderType === "count" && Array.isArray(value)) return String(value.length);
+  if (Array.isArray(value)) return value.map(String).join(", ");
+  return String(value);
+}
+function LeadGenCompaniesPage({ extraColumns, replaceDefaultColumns } = {}) {
+  const [companySearch, setCompanySearch] = useState("");
+  const [segmentFilter, setSegmentFilter] = useState(null);
+  const [categoryFilter, setCategoryFilter] = useState(null);
+  const [statusFilter, setStatusFilter] = useState(null);
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const navigate = useNavigate();
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT2, [companySearch, segmentFilter, categoryFilter, statusFilter]);
+  const { data: companyFacets } = useCompanyFacets();
+  const {
+    data: pagedCompanies,
+    isLoading: pagedCompaniesLoading,
+    error: pagedCompaniesError
+  } = useCompanies({
+    search: companySearch || void 0,
+    segment: segmentFilter || void 0,
+    category: categoryFilter || void 0,
+    status: statusFilter || void 0,
+    limit: PAGE_SIZE_DEFAULT2,
+    offset: pagination.offset
+  });
+  const deleteCompaniesMutation = useDeleteCompanies();
+  const companyRows = pagedCompanies?.data ?? [];
+  const selection = useTableSelection(companyRows);
+  useEffect(() => {
+    if ((pagedCompanies?.total ?? 0) === 0) return;
+    if (companyRows.length > 0 || pagination.page === 1) return;
+    pagination.setPage(pagination.page - 1);
+  }, [companyRows.length, pagedCompanies?.total, pagination.page, pagination.setPage]);
+  function handleBatchDelete() {
+    deleteCompaniesMutation.mutate([...selection.selectedIds], {
+      onSuccess: () => {
+        selection.clear();
+        setShowBatchDelete(false);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "Companies", caption: "Company records and enrichment tracking" }) }),
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(
+        FilterBar,
+        {
+          actions: /* @__PURE__ */ jsx(
+            TableSelectionToolbar,
+            {
+              selectedCount: selection.selectedCount,
+              onDelete: () => setShowBatchDelete(true),
+              isDeleting: deleteCompaniesMutation.isPending
+            }
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                placeholder: "All Segments",
+                data: companyFacets?.segments ?? [],
+                value: segmentFilter,
+                onChange: (value) => setSegmentFilter(value),
+                style: { minWidth: 180 },
+                size: "sm",
+                clearable: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                placeholder: "All Categories",
+                data: companyFacets?.categories ?? [],
+                value: categoryFilter,
+                onChange: (value) => setCategoryFilter(value),
+                style: { minWidth: 160 },
+                size: "sm",
+                clearable: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                placeholder: "All Statuses",
+                data: (companyFacets?.statuses ?? []).map((status) => ({
+                  value: status,
+                  label: status[0].toUpperCase() + status.slice(1)
+                })),
+                value: statusFilter,
+                onChange: (value) => setStatusFilter(value),
+                style: { minWidth: 160 },
+                size: "sm",
+                clearable: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                placeholder: "Search by name or domain...",
+                leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+                style: { minWidth: 250 },
+                size: "sm",
+                value: companySearch,
+                onChange: (e) => setCompanySearch(e.target.value)
+              }
+            )
+          ]
+        }
+      ),
+      pagedCompaniesLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : pagedCompaniesError ? /* @__PURE__ */ jsx(CenteredErrorState, { error: pagedCompaniesError, title: "Failed to load companies" }) : !companyRows.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconBuildingFactory2, title: "No companies yet", description: "Add one to get started." }) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { w: 40, children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: selection.isPageAllSelected,
+              indeterminate: selection.isPagePartiallySelected,
+              onChange: selection.togglePage
+            }
+          ) }),
+          !replaceDefaultColumns ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Table.Th, { children: "Company" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Domain" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Segment" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Category" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Employees" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Enrichment" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Contacts" })
+          ] }) : null,
+          (extraColumns ?? []).map((column) => /* @__PURE__ */ jsx(Table.Th, { style: column.width ? { width: column.width } : void 0, children: column.label }, column.key))
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: companyRows.map((company) => {
+          const enrichStatus = getEnrichmentStatus(company.enrichmentData);
+          return /* @__PURE__ */ jsxs(
+            Table.Tr,
+            {
+              style: { cursor: "pointer" },
+              onClick: () => navigate({ to: "/crm/companies/$companyId", params: { companyId: company.id } }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Table.Td,
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      selection.toggle(company.id);
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        checked: selection.isSelected(company.id),
+                        onChange: () => selection.toggle(company.id),
+                        onClick: (e) => e.stopPropagation()
+                      }
+                    )
+                  }
+                ),
+                !replaceDefaultColumns ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: company.name }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: company.domain || "-" }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: company.segment || "-" }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: company.category || "-" }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: company.numEmployees || "-" }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: getEnrichmentColor(enrichStatus), size: "sm", children: enrichStatus }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: company.contactCount })
+                ] }) : null,
+                (extraColumns ?? []).map((column) => /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", children: renderExtraColumnValue(getValueAtPath(company, column.path), column) }) }, column.key))
+              ]
+            },
+            company.id
+          );
+        }) })
+      ] }),
+      (pagedCompanies?.total ?? 0) > PAGE_SIZE_DEFAULT2 ? /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          value: pagination.page,
+          onChange: pagination.setPage,
+          total: pagination.totalPages(pagedCompanies?.total ?? 0),
+          size: "sm"
+        }
+      ) }) : null
+    ] }) }),
+    /* @__PURE__ */ jsx(CustomModal, { opened: showBatchDelete, onClose: () => setShowBatchDelete(false), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, color: "var(--mantine-color-red-6)" }),
+        /* @__PURE__ */ jsxs(Title, { order: 5, children: [
+          "Delete ",
+          selection.selectedCount,
+          " companies?"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This will permanently delete the selected companies and cannot be undone." }),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "sm", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", size: "sm", onClick: () => setShowBatchDelete(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { color: "red", size: "sm", loading: deleteCompaniesMutation.isPending, onClick: handleBatchDelete, children: "Delete" })
+      ] })
+    ] }) })
+  ] }) });
+}
+var PAGE_SIZE_DEFAULT3 = 20;
+function getValueAtPath2(source, path) {
+  return path.split(".").reduce((current, segment) => {
+    if (current == null || typeof current !== "object") return void 0;
+    return current[segment];
+  }, source);
+}
+function renderExtraColumnValue2(value, column) {
+  if (value === null || value === void 0 || value === "") return "-";
+  if (column.renderType === "count" && Array.isArray(value)) return String(value.length);
+  if (Array.isArray(value)) return value.map(String).join(", ");
+  return String(value);
+}
+function LeadGenContactsPage({ extraColumns, replaceDefaultColumns } = {}) {
+  const [contactSearch, setContactSearch] = useState("");
+  const [statusFilter, setStatusFilter] = useState(null);
+  const [listFilter, setListFilter] = useState(null);
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const navigate = useNavigate();
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT3, [contactSearch, statusFilter, listFilter]);
+  const { data: lists } = useLists();
+  const {
+    data: contacts,
+    isLoading: contactsLoading,
+    error: contactsError
+  } = useContacts({
+    search: contactSearch || void 0,
+    contactStatus: statusFilter || void 0,
+    listId: listFilter || void 0,
+    limit: PAGE_SIZE_DEFAULT3,
+    offset: pagination.offset
+  });
+  const deleteContactsMutation = useDeleteContacts();
+  const contactRows = contacts?.data ?? [];
+  const selection = useTableSelection(contactRows);
+  useEffect(() => {
+    if ((contacts?.total ?? 0) === 0) return;
+    if (contactRows.length > 0 || pagination.page === 1) return;
+    pagination.setPage(pagination.page - 1);
+  }, [contactRows.length, contacts?.total, pagination.page, pagination.setPage]);
+  function handleBatchDelete() {
+    deleteContactsMutation.mutate([...selection.selectedIds], {
+      onSuccess: () => {
+        selection.clear();
+        setShowBatchDelete(false);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "Contacts", caption: "Contact records and outreach tracking" }) }),
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(
+        FilterBar,
+        {
+          actions: /* @__PURE__ */ jsx(
+            TableSelectionToolbar,
+            {
+              selectedCount: selection.selectedCount,
+              onDelete: () => setShowBatchDelete(true),
+              isDeleting: deleteContactsMutation.isPending
+            }
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                placeholder: "All Statuses",
+                data: [
+                  { value: "active", label: "Active" },
+                  { value: "invalid", label: "Invalid" }
+                ],
+                value: statusFilter,
+                onChange: (value) => setStatusFilter(value),
+                style: { minWidth: 160 },
+                size: "sm",
+                clearable: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                placeholder: "All Lists",
+                data: (lists ?? []).map((list) => ({ value: list.id, label: list.name })),
+                value: listFilter,
+                onChange: (value) => setListFilter(value),
+                style: { minWidth: 200 },
+                size: "sm",
+                clearable: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                placeholder: "Search by name or email...",
+                leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+                style: { minWidth: 250 },
+                size: "sm",
+                value: contactSearch,
+                onChange: (e) => setContactSearch(e.target.value)
+              }
+            )
+          ]
+        }
+      ),
+      contactsLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : contactsError ? /* @__PURE__ */ jsx(CenteredErrorState, { error: contactsError, title: "Failed to load contacts" }) : !contactRows.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconUsers, title: "No contacts yet", description: "Add one to get started." }) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { w: 40, children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: selection.isPageAllSelected,
+              indeterminate: selection.isPagePartiallySelected,
+              onChange: selection.togglePage
+            }
+          ) }),
+          !replaceDefaultColumns ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Email" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Company" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Title" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Personalized" })
+          ] }) : null,
+          (extraColumns ?? []).map((column) => /* @__PURE__ */ jsx(Table.Th, { style: column.width ? { width: column.width } : void 0, children: column.label }, column.key))
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: contactRows.map((contact) => {
+          const fullName = [contact.firstName, contact.lastName].filter(Boolean).join(" ") || contact.email;
+          const hasPersonalization = !!contact.openingLine;
+          return /* @__PURE__ */ jsxs(
+            Table.Tr,
+            {
+              style: { cursor: "pointer" },
+              onClick: () => navigate({ to: "/crm/contacts/$contactId", params: { contactId: contact.id } }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Table.Td,
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      selection.toggle(contact.id);
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        checked: selection.isSelected(contact.id),
+                        onChange: () => selection.toggle(contact.id),
+                        onClick: (e) => e.stopPropagation()
+                      }
+                    )
+                  }
+                ),
+                !replaceDefaultColumns ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: fullName }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: contact.email }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: contact.company?.name || "-" }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: contact.title || "-" }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: getStatusColor(contact.status), size: "sm", children: contact.status || "unknown" }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: hasPersonalization ? "green" : "gray", size: "sm", children: hasPersonalization ? "Yes" : "No" }) })
+                ] }) : null,
+                (extraColumns ?? []).map((column) => /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", children: renderExtraColumnValue2(getValueAtPath2(contact, column.path), column) }) }, column.key))
+              ]
+            },
+            contact.id
+          );
+        }) })
+      ] }),
+      (contacts?.total ?? 0) > PAGE_SIZE_DEFAULT3 ? /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          value: pagination.page,
+          onChange: pagination.setPage,
+          total: pagination.totalPages(contacts?.total ?? 0),
+          size: "sm"
+        }
+      ) }) : null
+    ] }) }),
+    /* @__PURE__ */ jsx(CustomModal, { opened: showBatchDelete, onClose: () => setShowBatchDelete(false), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, color: "var(--mantine-color-red-6)" }),
+        /* @__PURE__ */ jsxs(Title, { order: 5, children: [
+          "Delete ",
+          selection.selectedCount,
+          " contacts?"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This will permanently delete the selected contacts and cannot be undone." }),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "sm", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", size: "sm", onClick: () => setShowBatchDelete(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { color: "red", size: "sm", loading: deleteContactsMutation.isPending, onClick: handleBatchDelete, children: "Delete" })
+      ] })
+    ] }) })
+  ] }) });
+}
+
+export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenReadinessAlert, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarTop, ListBuilderIndexPage, ListBuilderPage, ORPHAN_STAGE_ORDER, StepConfigForm, TabSection, deriveBusinessProgress, formatDate, getEnrichmentColor, getEnrichmentStatus, getLeadGenApiInterfaceReadiness, getLeadGenExportWorkflowId, getStateKeyColor, getStatusColor, getStepActionLabel, isLeadGenExportAction, resolveBuildPlanSteps, resolveBuildState, sortStageKeys, useDeleteLists, useLeadGenConfig };