@elevasis/ui 2.30.0 → 2.32.0

package/dist/{chunk-3GV5NHSS.js → chunk-7KZINJLP.js}

@@ -1,79 +1,60 @@
-import { DEFAULT_ORGANIZATION_MODEL_PROSPECTING, PROSPECTING_STEPS } from './chunk-NITGGYH2.js';
+import { SalesSidebar, LeadGenSidebarMiddle } from './chunk-MOY4VOHF.js';
 import { sanitizeInput } from './chunk-3MEXPLWT.js';
+import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
 import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
-import { SubshellNavItem } from './chunk-X4WBGKJQ.js';
-import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
-import { CustomModal } from './chunk-KVJ3LFH2.js';
-import { acquisitionListKeys, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useWorkflowExecution, useList, useListProgress, useListExecutions, useDeleteList, useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts, useCredentials, useVerifyCredential, useInFlightExecutions, useListRecords, useCompany, useContact, useExecutionSSE, useListMembers, useListMember, useTransitionListMember, useDeriveActions, useArtifacts } from './chunk-6EFVZV6X.js';
-import { showApiErrorNotification, showSuccessNotification } from './chunk-T2PAD63Y.js';
-import { PageTitleCaption, CenteredErrorState, StatCard, CardHeader, EmptyState, JsonViewer } from './chunk-6WXDE5LZ.js';
-import { useListActions, LEAD_GEN_STAGE_CATALOG, LEAD_GEN_PIPELINE_DEFINITIONS, findPipeline } from './chunk-AKOD52HS.js';
+import { CustomModal } from './chunk-R66W5UDG.js';
+import { acquisitionListKeys, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useWorkflowExecution, useList, useListProgress, useListExecutions, useDeleteList, useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts, useCredentials, useVerifyCredential, useInFlightExecutions, useListRecords, useExecutionSSE, useListMembers, useListMember, useTransitionListMember, useDeriveActions, useArtifacts } from './chunk-GCOQ3TBG.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-XZGSCABI.js';
+import { PageTitleCaption, CenteredErrorState, StatCard, CardHeader, EmptyState, JsonViewer } from './chunk-EPTHX4VZ.js';
+import { useListActions } from './chunk-YLQEVSOR.js';
 import { SubshellContentContainer } from './chunk-TKAYX2SP.js';
-import { useRouterContext } from './chunk-Q7DJKLEN.js';
+import { PROSPECTING_STEPS, LEAD_GEN_STAGE_CATALOG, LEAD_GEN_PIPELINE_DEFINITIONS, findPipeline } from './chunk-T35FWDAB.js';
 import { isStepStartedContext, isStepCompletedContext, isStepFailedContext } from './chunk-KRWALB24.js';
 import { useElevasisServices } from './chunk-KJ3QUBNU.js';
-import { Stack, Group, Title, Text, Alert, Button, Collapse, Paper, Anchor, ActionIcon, Divider, Box, SimpleGrid, Badge, Card, Center, Loader, Table, TextInput, Select, Checkbox, Pagination, Textarea, Tooltip, Tabs, ThemeIcon, Pill, SegmentedControl, UnstyledButton, Drawer, JsonInput, Switch, NumberInput, MultiSelect, TagsInput, ScrollArea, Progress } from '@mantine/core';
-import { IconLayoutGrid, IconList, IconBuilding, IconAddressBook, IconTarget, IconExternalLink, IconX, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconSparkles, IconListDetails, IconPlus, IconSearch, IconAlertTriangle, IconLayoutDashboard, IconBolt, IconCopy, IconUsers, IconTrash, IconBuildingFactory2, IconArrowLeft, IconChevronDown, IconChevronRight, IconRefresh, IconSettings, IconCircleCheck, IconCircleDot, IconTerminal2, IconProgressCheck, IconMail, IconUser, IconDatabase } from '@tabler/icons-react';
+import { Stack, Group, Title, Text, Alert, Button, Collapse, Paper, Anchor, Center, Loader, SimpleGrid, Card, Table, Badge, TextInput, Select, Checkbox, Pagination, Textarea, ActionIcon, Tooltip, Tabs, ThemeIcon, Box, Pill, SegmentedControl, UnstyledButton, Drawer, JsonInput, Switch, NumberInput, MultiSelect, TagsInput, ScrollArea, Progress } from '@mantine/core';
+import { IconTarget, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconSparkles, IconListDetails, IconPlus, IconSearch, IconList, IconExternalLink, IconAlertTriangle, IconLayoutDashboard, IconBolt, IconCopy, IconBuilding, IconUsers, IconTrash, IconBuildingFactory2, IconArrowLeft, IconChevronDown, IconChevronRight, IconRefresh, IconAddressBook, IconSettings, IconCircleCheck, IconCircleDot, IconTerminal2, IconProgressCheck, IconMail, IconUser, IconDatabase } from '@tabler/icons-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Link, useNavigate, useSearch } from '@tanstack/react-router';
 import { useState, useRef, useMemo, useEffect, Fragment as Fragment$1, useCallback } 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 LEAD_GEN_ITEMS = [
-  { label: "Overview", to: "/lead-gen", icon: IconLayoutGrid, exact: true },
-  { label: "Lists", to: "/lead-gen/lists", icon: IconList, exact: false },
-  { label: "Companies", to: "/lead-gen/companies", icon: IconBuilding, exact: false },
-  { label: "Contacts", to: "/lead-gen/contacts", icon: IconAddressBook, exact: false }
-];
-var LeadGenSidebarMiddle = ({ items = LEAD_GEN_ITEMS } = {}) => {
-  const { currentPath, navigate } = useRouterContext();
-  return /* @__PURE__ */ jsx(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: items.map((item) => {
-    const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
-    return /* @__PURE__ */ jsx(
-      SubshellNavItem,
-      {
-        icon: item.icon,
-        label: item.label,
-        isActive,
-        href: item.to,
-        onClick: () => navigate(item.to)
-      },
-      item.to
-    );
-  }) }) });
-};
 var LeadGenSidebar = ({ children } = {}) => {
   return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ jsx(LeadGenSidebarTop, {}),
     children ?? /* @__PURE__ */ jsx(LeadGenSidebarMiddle, {})
   ] });
 };
-var leadGenManifest = {
-  key: "lead-gen",
-  featureId: "sales.lead-gen",
-  capabilityIds: ["leadgen.lists.manage"],
-  icon: IconTarget,
-  sidebar: LeadGenSidebar
-};
 
 // ../core/src/business/acquisition/build-templates.ts
-var PROSPECTING_BUILD_TEMPLATE_OPTIONS = DEFAULT_ORGANIZATION_MODEL_PROSPECTING.buildTemplates.map(
-  ({ id, label, description }) => ({
-    id,
-    label,
-    description
-  })
-);
-var DEFAULT_PROSPECTING_BUILD_TEMPLATE_ID = DEFAULT_ORGANIZATION_MODEL_PROSPECTING.defaultBuildTemplateId;
+var BUILD_TEMPLATE_CATALOG = [
+  {
+    id: "local-services",
+    label: "Local Services",
+    description: "Source, analyze, qualify, and personalize local service businesses for outreach.",
+    steps: Object.values(PROSPECTING_STEPS.localServices)
+  },
+  {
+    id: "dtc-subscription-apollo-clickup",
+    label: "DTC Subscription (Apollo + ClickUp)",
+    description: "Import DTC brand leads from Apollo, crawl their websites, score fit, enrich contacts, and export via ClickUp.",
+    steps: Object.values(PROSPECTING_STEPS.dtcApolloClickup)
+  }
+];
+var DEFAULT_PROSPECTING_BUILD_TEMPLATE_ID = "local-services";
+var PROSPECTING_BUILD_TEMPLATE_OPTIONS = BUILD_TEMPLATE_CATALOG.map(({ id, label, description }) => ({
+  id,
+  label,
+  description
+}));
 function createBuildPlanSnapshotFromTemplateId(templateId) {
-  const template = DEFAULT_ORGANIZATION_MODEL_PROSPECTING.buildTemplates.find((item) => item.id === templateId);
+  const template = BUILD_TEMPLATE_CATALOG.find((item) => item.id === templateId);
   if (!template) return null;
   return {
     templateId: template.id,
@@ -88,7 +69,7 @@ function createBuildPlanSnapshotFromTemplateId(templateId) {
         recordsStageKey: step.recordsStageKey ?? step.stageKey,
         recordSourceStageKey: step.recordSourceStageKey ?? step.recordsStageKey ?? step.stageKey,
         dependencyMode: step.dependencyMode,
-        capabilityKey: step.capabilityKey,
+        actionKey: step.actionKey,
         defaultBatchSize: step.defaultBatchSize,
         maxBatchSize: step.maxBatchSize
       };
@@ -96,12 +77,18 @@ function createBuildPlanSnapshotFromTemplateId(templateId) {
       if (step.recordEntity) snapshotStep.recordEntity = step.recordEntity;
       if (step.dependsOn?.length) snapshotStep.dependsOn = [...step.dependsOn];
       if (step.credentialRequirements?.length) {
-        snapshotStep.credentialRequirements = step.credentialRequirements.map((requirement) => ({ ...requirement }));
+        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 })) } : {}
+          ...step.recordColumns.company ? {
+            company: step.recordColumns.company.map((column) => ({ ...column }))
+          } : {},
+          ...step.recordColumns.contact ? {
+            contact: step.recordColumns.contact.map((column) => ({ ...column }))
+          } : {}
         };
       }
       return snapshotStep;
@@ -401,6 +388,15 @@ function StepConfigForm({
     )) })
   ] });
 }
+
+// src/features/lead-gen/manifest.ts
+var leadGenManifest = {
+  key: "lead-gen",
+  systemId: "sales.lead-gen",
+  capabilityIds: ["leadgen.lists.manage"],
+  icon: IconTarget,
+  sidebar: SalesSidebar
+};
 var LEAD_GEN_ROUTE_LINKS = [
   { label: "Overview", to: "/lead-gen" },
   { label: "Lists", to: "/lead-gen/lists" },
@@ -471,133 +467,6 @@ function getEnrichmentStatus(enrichmentData) {
   if (website === "failed" || linkedin === "failed") return "failed";
   return "pending";
 }
-function formatName(parts, fallback) {
-  const name = parts.filter(Boolean).join(" ").trim();
-  return name || fallback;
-}
-function CompanyDetailModal({
-  company,
-  onClose
-}) {
-  return /* @__PURE__ */ jsx(CustomModal, { opened: !!company, onClose, size: "xl", children: company ? /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: company.name }),
-        company.domain ? /* @__PURE__ */ jsxs(Anchor, { href: `https://${company.domain}`, target: "_blank", size: "sm", c: "dimmed", children: [
-          company.domain,
-          " ",
-          /* @__PURE__ */ jsx(IconExternalLink, { size: 12, style: { verticalAlign: "middle" } })
-        ] }) : null
-      ] }),
-      /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: onClose, children: /* @__PURE__ */ jsx(IconX, { size: 18 }) })
-    ] }),
-    /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Firmographics" }),
-      /* @__PURE__ */ jsxs(SimpleGrid, { cols: 3, children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Segment" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.segment || "-" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Category" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.category || "-" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Employees" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.numEmployees || "-" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Founded" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.foundedYear || "-" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Location" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: [company.locationCity, company.locationState].filter(Boolean).join(", ") || "-" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Contacts" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: company.contactCount })
-        ] })
-      ] })
-    ] }),
-    company.enrichmentData ? /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Enrichment Data" }),
-      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { whiteSpace: "pre-wrap" }, children: JSON.stringify(company.enrichmentData, null, 2) })
-    ] }) : null,
-    /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-      company.linkedinUrl ? /* @__PURE__ */ jsxs(Anchor, { href: company.linkedinUrl, target: "_blank", size: "sm", children: [
-        "LinkedIn ",
-        /* @__PURE__ */ jsx(IconExternalLink, { size: 12 })
-      ] }) : null,
-      company.website ? /* @__PURE__ */ jsxs(Anchor, { href: company.website, target: "_blank", size: "sm", children: [
-        "Website ",
-        /* @__PURE__ */ jsx(IconExternalLink, { size: 12 })
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-      "Created: ",
-      formatDate(company.createdAt),
-      company.updatedAt && ` | Updated: ${formatDate(company.updatedAt)}`
-    ] })
-  ] }) : null });
-}
-function ContactDetailModal({
-  contact,
-  onClose
-}) {
-  return /* @__PURE__ */ jsx(CustomModal, { opened: !!contact, onClose, size: "xl", children: contact ? /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: formatName([contact.firstName, contact.lastName], contact.email) }),
-        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: contact.email }),
-        contact.title ? /* @__PURE__ */ jsx(Text, { size: "sm", children: contact.title }) : null
-      ] }),
-      /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: onClose, children: /* @__PURE__ */ jsx(IconX, { size: 18 }) })
-    ] }),
-    /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Badge, { color: getStatusColor(contact.status), children: contact.status }),
-      contact.openingLine ? /* @__PURE__ */ jsx(Badge, { color: "green", children: "Personalized" }) : null
-    ] }),
-    contact.company ? /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Company" }),
-      /* @__PURE__ */ jsxs(Card, { withBorder: true, children: [
-        /* @__PURE__ */ jsx(Text, { fw: 500, children: contact.company.name }),
-        contact.company.domain ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: contact.company.domain }) : null
-      ] })
-    ] }) : null,
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Contact Information" }),
-      /* @__PURE__ */ jsxs(SimpleGrid, { cols: 2, children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Headline" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: contact.headline || "-" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "LinkedIn" }),
-          contact.linkedinUrl ? /* @__PURE__ */ jsxs(Anchor, { href: contact.linkedinUrl, target: "_blank", size: "sm", children: [
-            "View Profile ",
-            /* @__PURE__ */ jsx(IconExternalLink, { size: 12 })
-          ] }) : /* @__PURE__ */ jsx(Text, { size: "sm", children: "-" })
-        ] })
-      ] })
-    ] }),
-    contact.filterReason ? /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Qualification" }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "red", children: contact.filterReason })
-    ] }) : null,
-    contact.openingLine ? /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "xs", children: "Personalization" }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", children: contact.openingLine })
-    ] }) : null,
-    /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-      "Created: ",
-      formatDate(contact.createdAt),
-      contact.updatedAt && ` | Updated: ${formatDate(contact.updatedAt)}`
-    ] })
-  ] }) : null });
-}
 function useDeleteLists() {
   const { apiRequest, workOSOrganizationId } = useElevasisServices();
   const queryClient = useQueryClient();
@@ -2692,7 +2561,7 @@ function getEntityTotal(progress, entity) {
   return entity === "company" ? progress.totalCompanies : progress.totalMembers;
 }
 function findActionForStep(actions, step) {
-  return actions.find((action) => action.capabilityKey === step.capabilityKey) ?? actions.find((action) => action.stagesAffected?.includes(step.stageKey));
+  return actions.find((action) => action.actionKey === step.actionKey) ?? actions.find((action) => action.stagesAffected?.includes(step.stageKey));
 }
 function normalizeBuildPlanStep(step) {
   const fallback = MVP_BUILD_STEPS.find((item) => item.id === step.id || item.stageKey === step.stageKey);
@@ -2708,7 +2577,7 @@ function normalizeBuildPlanStep(step) {
     recordSourceStageKey: step.recordSourceStageKey,
     dependsOn: step.dependsOn,
     dependencyMode: step.dependencyMode,
-    capabilityKey: step.capabilityKey,
+    actionKey: step.actionKey,
     defaultBatchSize: step.defaultBatchSize,
     maxBatchSize: step.maxBatchSize,
     recordColumns: step.recordColumns,
@@ -2795,7 +2664,7 @@ function hasApprovedExportRun(executions) {
   });
 }
 function hasCompletedSourcingRun(step, action, executions) {
-  return executions.some((run) => isCompletedRun(run) && run.resourceId === (action?.resourceId ?? step.capabilityKey));
+  return executions.some((run) => isCompletedRun(run) && run.resourceId === (action?.resourceId ?? step.actionKey));
 }
 function deriveBusinessProgress(list, progress, actions = [], executions = []) {
   const byCompanyStage = { ...progress.byCompanyStage };
@@ -2829,7 +2698,7 @@ function getStepRecommendedAction(step, action, kind) {
   return {
     kind,
     label: getStepActionLabel(kind),
-    capabilityKey: action.capabilityKey ?? step.capabilityKey,
+    actionKey: action.actionKey ?? step.actionKey,
     defaultSize: step.defaultBatchSize,
     maxSize: step.maxBatchSize
   };
@@ -3047,7 +2916,7 @@ function hasRunInput(run) {
   const input = getRunInput(run);
   return input !== void 0 && input !== null;
 }
-function sanitizeStepInput(value, _capabilityKey) {
+function sanitizeStepInput(value, _actionKey) {
   return value;
 }
 function getDefaultStepInput(list, action) {
@@ -3636,7 +3505,7 @@ function StepRecordsPanel({
   const queryClient = useQueryClient();
   const [page, setPage] = useState(1);
   const [approvalByCompanyId, setApprovalByCompanyId] = useState({});
-  const [selectedRecord, setSelectedRecord] = useState(null);
+  const navigate = useNavigate();
   const recordsStageKey = step.recordSourceStageKey ?? step.recordsStageKey ?? step.stageKey;
   const recordsEntity = step.recordEntity ?? step.primaryEntity;
   const columns = step.recordColumns?.[recordsEntity] ?? [];
@@ -3651,19 +3520,14 @@ function StepRecordsPanel({
     workflowId: exportWorkflowId,
     listId: list.id
   });
-  const selectedCompanyId = selectedRecord?.entity === "company" ? selectedRecord.id : "";
-  const selectedContactId = selectedRecord?.entity === "contact" ? selectedRecord.id : "";
-  const selectedCompanyQuery = useCompany(selectedCompanyId);
-  const selectedContactQuery = useContact(selectedContactId);
   useEffect(() => {
     setPage(1);
     setApprovalByCompanyId({});
-    setSelectedRecord(null);
   }, [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" && (step.capabilityKey === "lead-gen.export.list" || exportWorkflowId === EXPORT_WORKFLOW_ID);
+  const isReviewExportStep = step.primaryEntity === "company" && (step.actionKey === "lead-gen.export.list" || exportWorkflowId === EXPORT_WORKFLOW_ID);
   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 clickupRequirement = getClickUpRequirement(step);
@@ -3677,10 +3541,10 @@ function StepRecordsPanel({
   };
   const openRecordDetail = (row) => {
     if (row.entity === "company") {
-      setSelectedRecord({ entity: "company", id: row.companyId });
+      void navigate({ to: "/crm/companies/$companyId", params: { companyId: row.companyId } });
       return;
     }
-    setSelectedRecord({ entity: "contact", id: row.contactId });
+    void navigate({ to: "/crm/contacts/$contactId", params: { contactId: row.contactId } });
   };
   const exportApproved = async () => {
     try {
@@ -3704,7 +3568,6 @@ function StepRecordsPanel({
       showApiErrorNotification(error);
     }
   };
-  const selectedRecordIsLoading = selectedRecord?.entity === "company" ? selectedCompanyQuery.isLoading : selectedRecord?.entity === "contact" ? selectedContactQuery.isLoading : false;
   if (!columns.length) {
     return /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No record columns are configured for this step." });
   }
@@ -3803,30 +3666,7 @@ function StepRecordsPanel({
           }
         )
       ] }) : null
-    ] }),
-    /* @__PURE__ */ jsx(
-      CustomModal,
-      {
-        opened: Boolean(selectedRecord) && selectedRecordIsLoading,
-        onClose: () => setSelectedRecord(null),
-        size: "xl",
-        children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      CompanyDetailModal,
-      {
-        company: selectedRecord?.entity === "company" ? selectedCompanyQuery.data ?? null : null,
-        onClose: () => setSelectedRecord(null)
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ContactDetailModal,
-      {
-        contact: selectedRecord?.entity === "contact" ? selectedContactQuery.data ?? null : null,
-        onClose: () => setSelectedRecord(null)
-      }
-    )
+    ] })
   ] });
 }
 function BuildTab({
@@ -3851,7 +3691,7 @@ function BuildTab({
   const selectedStep = steps.find((step) => step.id === selectedStepId) ?? currentStep;
   const selectedStepIndex = selectedStep ? steps.findIndex((step) => step.id === selectedStep.id) : -1;
   const selectedActionKind = selectedStep?.nextActionKind ?? "none";
-  const selectedCapabilityKey = selectedStep?.action?.capabilityKey ?? selectedStep?.capabilityKey;
+  const selectedCapabilityKey = selectedStep?.action?.actionKey ?? selectedStep?.actionKey;
   const selectedResourceId = selectedStep?.action?.resourceId ?? null;
   const stepSchema = selectedStep?.action?.schema;
   const stepLayout = selectedStep?.action?.layout;
@@ -4106,7 +3946,7 @@ function BuildTab({
                 onVerify: handleVerifyCredential
               }
             ),
-            selectedStep.capabilityKey === "lead-gen.export.list" || getClickUpRequirement(selectedStep) ? /* @__PURE__ */ jsx(
+            selectedStep.actionKey === "lead-gen.export.list" || getClickUpRequirement(selectedStep) ? /* @__PURE__ */ jsx(
               TextInput,
               {
                 label: "ClickUp List ID",
@@ -4551,11 +4391,15 @@ function LeadGenCompaniesPage() {
   const [segmentFilter, setSegmentFilter] = useState(null);
   const [categoryFilter, setCategoryFilter] = useState(null);
   const [statusFilter, setStatusFilter] = useState(null);
-  const [selectedCompany, setSelectedCompany] = 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({
+  const {
+    data: pagedCompanies,
+    isLoading: pagedCompaniesLoading,
+    error: pagedCompaniesError
+  } = useCompanies({
     search: companySearch || void 0,
     segment: segmentFilter || void 0,
     category: categoryFilter || void 0,
@@ -4671,7 +4515,7 @@ function LeadGenCompaniesPage() {
             Table.Tr,
             {
               style: { cursor: "pointer" },
-              onClick: () => setSelectedCompany(company),
+              onClick: () => navigate({ to: "/crm/companies/$companyId", params: { companyId: company.id } }),
               children: [
                 /* @__PURE__ */ jsx(
                   Table.Td,
@@ -4713,7 +4557,6 @@ function LeadGenCompaniesPage() {
         }
       ) }) : null
     ] }) }),
-    /* @__PURE__ */ jsx(CompanyDetailModal, { company: selectedCompany, onClose: () => setSelectedCompany(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)" }),
@@ -4736,11 +4579,15 @@ function LeadGenContactsPage() {
   const [contactSearch, setContactSearch] = useState("");
   const [statusFilter, setStatusFilter] = useState(null);
   const [listFilter, setListFilter] = useState(null);
-  const [selectedContact, setSelectedContact] = 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({
+  const {
+    data: contacts,
+    isLoading: contactsLoading,
+    error: contactsError
+  } = useContacts({
     search: contactSearch || void 0,
     contactStatus: statusFilter || void 0,
     listId: listFilter || void 0,
@@ -4843,7 +4690,7 @@ function LeadGenContactsPage() {
             Table.Tr,
             {
               style: { cursor: "pointer" },
-              onClick: () => setSelectedContact(contact),
+              onClick: () => navigate({ to: "/crm/contacts/$contactId", params: { contactId: contact.id } }),
               children: [
                 /* @__PURE__ */ jsx(
                   Table.Td,
@@ -4884,7 +4731,6 @@ function LeadGenContactsPage() {
         }
       ) }) : null
     ] }) }),
-    /* @__PURE__ */ jsx(ContactDetailModal, { contact: selectedContact, onClose: () => setSelectedContact(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)" }),
@@ -4903,4 +4749,4 @@ function LeadGenContactsPage() {
   ] }) });
 }
 
-export { CompanyDetailModal, ContactDetailModal, LEAD_GEN_ITEMS, LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, ListBuilderIndexPage, ListBuilderPage, ORPHAN_STAGE_ORDER, RunWorkflowModal, StepConfigForm, TabSection, deriveBusinessProgress, formatDate, getEnrichmentColor, getEnrichmentStatus, getStateKeyColor, getStatusColor, getStepActionLabel, leadGenManifest, resolveBuildPlanSteps, resolveBuildState, sortStageKeys, useDeleteLists };
+export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarTop, ListBuilderIndexPage, ListBuilderPage, ORPHAN_STAGE_ORDER, RunWorkflowModal, StepConfigForm, TabSection, deriveBusinessProgress, formatDate, getEnrichmentColor, getEnrichmentStatus, getStateKeyColor, getStatusColor, getStepActionLabel, leadGenManifest, resolveBuildPlanSteps, resolveBuildState, sortStageKeys, useDeleteLists };

package/dist/{chunk-6WXDE5LZ.js → chunk-EPTHX4VZ.js}

@@ -1,6 +1,6 @@
 import { StyledMarkdown } from './chunk-3KMDHCAR.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { getErrorInfo, getErrorTitle, getResourceIcon, formatTimeAgo } from './chunk-HXZQWMKE.js';
+import { getErrorInfo, getErrorTitle, getResourceIcon, formatTimeAgo } from './chunk-2RJMVWFJ.js';
 import { ResourceStatusColors } from './chunk-KRWALB24.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { Center, Stack, Title, Text, Button, Box, Loader, Badge, Group, Collapse, ScrollArea, Card, Select, Alert, Code, ThemeIcon, Paper, Grid, Timeline, Space } from '@mantine/core';