@elevasis/ui 2.25.0 → 2.25.1

package/dist/components/index.js

@@ -1,28 +1,29 @@
-import { useBreadcrumbs } from '../chunk-DDZOHLHB.js';
-import '../chunk-6Z3G4U2R.js';
-export { AllTasksPage, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage, calculateProgress, deliveryManifest, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors } from '../chunk-WSC5LU3U.js';
-export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, getEnrichmentColor, getStatusColor, leadGenManifest, useDeleteLists } from '../chunk-HVC2BTFO.js';
-export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, operationsManifest, useNewKnowledgeMapLayout } from '../chunk-ABV5LDDC.js';
+import { useBreadcrumbs } from '../chunk-26HQMR7S.js';
+import '../chunk-Q5BEODAT.js';
+export { AllTasksPage, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage, calculateProgress, deliveryManifest, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors } from '../chunk-IX7LWINC.js';
+export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, getEnrichmentColor, getStatusColor, leadGenManifest, useDeleteLists } from '../chunk-QB2CC4VH.js';
+export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, operationsManifest, useNewKnowledgeMapLayout } from '../chunk-AZQY7AJR.js';
 import '../chunk-ROSMICXG.js';
-import '../chunk-3JCMO7SD.js';
+import '../chunk-N55DVMAG.js';
 import '../chunk-ZTWA5H77.js';
-import { BaseNode, useGraphTheme, BaseEdge, GraphBackground, GraphLegend, GraphFitViewButton } from '../chunk-7D2HSSIW.js';
-export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, FormFieldRenderer, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, RunResourceButton, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowExecutionTimeline, ZodFormRenderer, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme } from '../chunk-7D2HSSIW.js';
+import { BaseNode, useGraphTheme, BaseEdge, GraphBackground, GraphLegend, GraphFitViewButton } from '../chunk-7LJUTTXU.js';
+export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, FormFieldRenderer, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, RunResourceButton, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowExecutionTimeline, ZodFormRenderer, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme } from '../chunk-7LJUTTXU.js';
 import '../chunk-442LZPIR.js';
-import { NotificationList } from '../chunk-V3UOW2HG.js';
-export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList, monitoringManifest } from '../chunk-V3UOW2HG.js';
-export { ResourceHealthPanel } from '../chunk-ZMXZ476Y.js';
+import '../chunk-IS53MXE4.js';
+import { NotificationList } from '../chunk-VOVZLL23.js';
+export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList, monitoringManifest } from '../chunk-VOVZLL23.js';
+export { ResourceHealthPanel } from '../chunk-3AHEHVJ6.js';
 export { ResourceHealthChart, getHealthColor } from '../chunk-LGKLC5MG.js';
-import '../chunk-TSSKOQBX.js';
-export { SEOSidebar, SEOSidebarMiddle, SEOSidebarTop, seoManifest } from '../chunk-BIWHHWCJ.js';
-import { showAuthError } from '../chunk-ZGZZIR6K.js';
-export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal, settingsManifest, showAuthError } from '../chunk-ZGZZIR6K.js';
-import { AppShellLoader } from '../chunk-M25JL54Z.js';
-import { ActionFormButton, ActionButton } from '../chunk-WWVSPOJY.js';
-export { ActivityFeedWidget, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, crmManifest, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity } from '../chunk-WWVSPOJY.js';
+import '../chunk-KMAXFJPH.js';
+export { SEOSidebar, SEOSidebarMiddle, SEOSidebarTop, seoManifest } from '../chunk-DWK2QIAK.js';
+import { showAuthError } from '../chunk-L4RT57WU.js';
+export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal, settingsManifest, showAuthError } from '../chunk-L4RT57WU.js';
+import { AppShellLoader } from '../chunk-RYTEQBAO.js';
+import { setDealReferrer, compareDealsByPriority } from '../chunk-JDQSCEEF.js';
+export { ActivityFeedWidget, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, crmManifest, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity } from '../chunk-JDQSCEEF.js';
 import '../chunk-BZZCNLT6.js';
 export { SortableHeader, TableSelectionToolbar } from '../chunk-TUMSNGTX.js';
-import '../chunk-CEWTOKE7.js';
+import '../chunk-X4WBGKJQ.js';
 import '../chunk-IIMU5YAJ.js';
 import { FilterBar } from '../chunk-PDHTXPSF.js';
 export { FilterBar } from '../chunk-PDHTXPSF.js';
@@ -31,48 +32,48 @@ export { ConfirmationInputModal, ConfirmationModal, CustomModal } from '../chunk
 import '../chunk-SNHGSCKH.js';
 export { CONTAINER_CONSTANTS, SHARED_VIZ_CONSTANTS } from '../chunk-E4WQGJNS.js';
 import '../chunk-7M2VOCYN.js';
-import { useCommandViewLayout, useOrganizationPermissions, useCreateOrgRole, usePermissionCatalog, useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, usePaginationState, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useDealNotes, useCreateDealNote, useTransitionState, useTransitionItem, useDeals, dealKeys, useMarkAllAsRead, useNotifications } from '../chunk-QJLRDTYS.js';
+import { useCommandViewLayout, useOrganizationPermissions, useCreateOrgRole, usePermissionCatalog, useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, usePaginationState, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useDeals, useTransitionItem, dealKeys, useMarkAllAsRead, useNotifications } from '../chunk-RSG2O3HF.js';
 import '../chunk-BRXELOHC.js';
-import '../chunk-QSTH6T77.js';
-import { showSuccessNotification, showErrorNotification, showApiErrorNotification } from '../chunk-Z6FAH4XV.js';
-export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-Z6FAH4XV.js';
+import '../chunk-VKMNWHTL.js';
+import { showSuccessNotification, showErrorNotification, showApiErrorNotification } from '../chunk-HKBEURCV.js';
+export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-HKBEURCV.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, GRAPH_CONSTANTS } from '../chunk-22UVE3RA.js';
 export { Graph_module_css_default as graphStyles } from '../chunk-22UVE3RA.js';
 import '../chunk-3ZMAGTWF.js';
-import '../chunk-EIOJNUPL.js';
-import '../chunk-LK4MPIMK.js';
+import '../chunk-PNLJIPV5.js';
+import '../chunk-MU4VPAMR.js';
 import '../chunk-QIW6OCEI.js';
 import '../chunk-WLOQ4IBG.js';
-import '../chunk-AXXTN44Z.js';
-import { useCrmActions, deriveActions, CRM_PIPELINE_DEFINITION, getValidStatesForStage } from '../chunk-AZXSFDG2.js';
-import '../chunk-LJWV4TWV.js';
+import '../chunk-IYIZYMIE.js';
+import '../chunk-JMI7L7Y7.js';
+import '../chunk-4ZFBVND2.js';
 import { SubshellContentContainer } from '../chunk-TKAYX2SP.js';
-import { ListSkeleton, EmptyState, PageTitleCaption, StatCard, CenteredErrorState, CardHeader, ActivityTimeline } from '../chunk-XUYBOO32.js';
-export { APIErrorAlert, ActivityTimeline, CardHeader, CenteredErrorState, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, FeatureUnavailableState, GlowDot, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-XUYBOO32.js';
+import { ListSkeleton, EmptyState, PageTitleCaption, StatCard, CenteredErrorState, CardHeader } from '../chunk-U36X6NZM.js';
+export { APIErrorAlert, ActivityTimeline, CardHeader, CenteredErrorState, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, FeatureUnavailableState, GlowDot, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-U36X6NZM.js';
 export { ElevasisLoader } from '../chunk-SZHARWKU.js';
 export { StyledMarkdown } from '../chunk-3KMDHCAR.js';
 export { NavigationButton } from '../chunk-NYBEU5TE.js';
 import '../chunk-T6INEVX6.js';
 import '../chunk-2IFYDILW.js';
 import { useRouterContext } from '../chunk-Q7DJKLEN.js';
-export { RoleBadge } from '../chunk-ZDKQNQ4X.js';
-import '../chunk-HC2KV6BU.js';
-import { useAppearance } from '../chunk-QJ2KCHKX.js';
-import '../chunk-HQ7M6PBW.js';
+export { RoleBadge } from '../chunk-GESXCQWY.js';
+import '../chunk-HOIT677G.js';
+import { useAppearance } from '../chunk-E565XMTQ.js';
+import '../chunk-KU7ZDWQ7.js';
 import '../chunk-DT3QYZVU.js';
 import '../chunk-RNP5R5I3.js';
 import { getResourceIcon, getResourceColor, formatDateTime, PAGE_SIZE_DEFAULT, formatTimeAgo } from '../chunk-SGXXJE52.js';
 import '../chunk-KRWALB24.js';
-import '../chunk-SLH2QLKV.js';
-import { useInitialization } from '../chunk-DK2HVHCY.js';
+import '../chunk-WFTNY755.js';
+import { useInitialization } from '../chunk-WKJ47GIW.js';
 import '../chunk-DD3CCMCZ.js';
-import '../chunk-QHSW4WHM.js';
-import { useElevasisServices } from '../chunk-IRW7JMQ4.js';
+import '../chunk-XTVZFT7U.js';
+import { useElevasisServices } from '../chunk-5WWZXCS5.js';
 import '../chunk-BRJ3QZ4E.js';
 import '../chunk-I2KLQ2HA.js';
 import * as runtime from 'react/jsx-runtime';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Stack, Group, ThemeIcon, Text, Badge, Box, Card, Title, Checkbox, Tooltip, Center, TextInput, Textarea, Loader, Alert, Button, Table, ActionIcon, Paper, Code, CopyButton, SimpleGrid, Pagination, SegmentedControl, Switch, Select, Divider, Menu, Timeline, Tabs, ScrollArea, Breadcrumbs as Breadcrumbs$1, Drawer, Popover, Indicator } from '@mantine/core';
+import { Stack, Group, ThemeIcon, Text, Badge, Box, Card, Title, Checkbox, Tooltip, Center, TextInput, Textarea, Loader, Alert, Button, Table, ActionIcon, Paper, Code, CopyButton, SimpleGrid, Pagination, SegmentedControl, Switch, Select, Divider, Menu, Timeline, Tabs, ScrollArea, Breadcrumbs as Breadcrumbs$1, Popover, Indicator } from '@mantine/core';
 import { IconBrain, IconDatabase, IconMessage, IconAlertCircle, IconCircleX, IconCircleCheck, IconBolt, IconHandClick, IconClock, IconWebhook, IconExternalLink, IconLock, IconPencil, IconKey, IconCalendar, IconTrash, IconAlertTriangle, IconExclamationMark, IconShieldLock, IconCheck, IconCopy, IconPlus, IconRocket, IconRefresh, IconPower, IconPlayerPlay, IconTag, IconCalendarRepeat, IconCalendarEvent, IconCalendarTime, IconRobot, IconGitBranch, IconSettings, IconDotsVertical, IconPlayerPause, IconPlayerStop, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconBell } from '@tabler/icons-react';
 import { useForm } from '@mantine/form';
 import { memo, forwardRef, useMemo, useImperativeHandle, useRef, useEffect, useState, useCallback, Component } from 'react';
@@ -87,6 +88,7 @@ import Placeholder from '@tiptap/extension-placeholder';
 import StarterKit from '@tiptap/starter-kit';
 import { Prism } from 'react-syntax-highlighter';
 import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import { useNavigate } from '@tanstack/react-router';
 
 function Can({ permission, fallback = null, children }) {
   const { hasPermission, isReady } = useOrganizationPermissions();
@@ -3326,7 +3328,19 @@ function DealKanbanCard({ deal, config, onClick, onDragStart, onDragEnd }) {
       onDragEnd,
       onClick: () => onClick(deal),
       children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, lineClamp: 1, children: displayName }),
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", gap: "xs", wrap: "nowrap", children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, lineClamp: 1, style: { minWidth: 0, flex: 1 }, children: displayName }),
+          /* @__PURE__ */ jsx(Tooltip, { label: deal.priority.reason, withArrow: true, children: /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: "light",
+              size: "xs",
+              color: deal.priority.color,
+              style: { flexShrink: 0, maxWidth: 112, textTransform: "none" },
+              children: /* @__PURE__ */ jsx(Box, { component: "span", style: { display: "block", maxWidth: 88, overflow: "hidden", textOverflow: "ellipsis" }, children: deal.priority.label })
+            }
+          ) })
+        ] }),
         /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", lineClamp: 1, children: [
           "State: ",
           stateLabel
@@ -3348,214 +3362,9 @@ function DealKanbanCard({ deal, config, onClick, onDragStart, onDragEnd }) {
     }
   );
 }
-function formatStageLabel(stage) {
-  if (!stage) return "Unstaged";
-  return stage.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
-}
-function DealDrawer({ deal, config, opened, onClose, renderActions }) {
-  const [noteBody, setNoteBody] = useState("");
-  const [stagingStage, setStagingStage] = useState("interested");
-  const [stagingState, setStagingState] = useState(null);
-  const { data: notes, isLoading: notesLoading } = useDealNotes(deal?.id ?? "");
-  const createNote = useCreateDealNote();
-  const crmActions = useCrmActions();
-  const actions = useMemo(() => deal ? deriveActions(deal, crmActions) : [], [deal, crmActions]);
-  const transitionState = useTransitionState();
-  const transitionItem = useTransitionItem();
-  if (!deal) return null;
-  const contactFirstName = deal.contact?.first_name || "";
-  const contactLastName = deal.contact?.last_name || "";
-  const contactName = [contactFirstName, contactLastName].filter(Boolean).join(" ");
-  const displayName = contactName || deal.contact_email || "Unknown";
-  const email = deal.contact?.email || deal.contact_email || null;
-  const companyName = deal.contact?.company?.name || deal.discovery_data?.company || null;
-  const stage = deal.stage_key;
-  const badgeColor = (stage ? config?.[stage]?.color : null) ?? "gray";
-  const activityLog = deal.activity_log || [];
-  const hasInitialFee = typeof deal.initial_fee === "number" && deal.initial_fee > 0;
-  const hasMonthlyFee = typeof deal.monthly_fee === "number" && deal.monthly_fee > 0;
-  function handleAddNote() {
-    if (!noteBody.trim() || !deal) return;
-    createNote.mutate(
-      { dealId: deal.id, body: noteBody.trim() },
-      {
-        onSuccess: () => setNoteBody("")
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      opened,
-      onClose,
-      position: "right",
-      size: "lg",
-      title: /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", children: [
-        /* @__PURE__ */ jsx(Title, { order: 4, style: { margin: 0 }, children: displayName }),
-        /* @__PURE__ */ jsx(Badge, { variant: "light", color: badgeColor, size: "sm", children: formatStageLabel(stage) })
-      ] }),
-      scrollAreaComponent: ScrollArea.Autosize,
-      children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        email && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: email }),
-        companyName && /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: companyName }),
-        /* @__PURE__ */ jsx(Divider, {}),
-        /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
-          /* @__PURE__ */ jsx(Title, { order: 5, children: "Summary" }),
-          /* @__PURE__ */ jsxs(Group, { gap: "xl", wrap: "wrap", children: [
-            hasInitialFee && /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Initial Fee" }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
-                "$",
-                deal.initial_fee.toLocaleString()
-              ] })
-            ] }),
-            hasMonthlyFee && /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Monthly Fee" }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
-                "$",
-                deal.monthly_fee.toLocaleString(),
-                "/mo"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Last Updated" }),
-              /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: formatTimeAgo(deal.updated_at) })
-            ] }),
-            /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Deal ID" }),
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ff: "monospace", children: deal.id })
-            ] })
-          ] })
-        ] }),
-        deal.stage_key === null ? /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-          /* @__PURE__ */ jsx(Title, { order: 5, children: "Stage this deal" }),
-          /* @__PURE__ */ jsx(
-            Select,
-            {
-              label: "Stage",
-              data: CRM_PIPELINE_DEFINITION.stages.map((s) => ({
-                value: s.stageKey,
-                label: s.label
-              })),
-              value: stagingStage,
-              onChange: (val) => {
-                setStagingStage(val ?? "interested");
-                setStagingState(null);
-              }
-            }
-          ),
-          getValidStatesForStage(CRM_PIPELINE_DEFINITION, stagingStage).length > 0 && /* @__PURE__ */ jsx(
-            Select,
-            {
-              label: "State",
-              clearable: true,
-              data: getValidStatesForStage(CRM_PIPELINE_DEFINITION, stagingStage).map((s) => ({
-                value: s.stateKey,
-                label: s.label
-              })),
-              value: stagingState,
-              onChange: (val) => setStagingState(val)
-            }
-          ),
-          /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "xs",
-              variant: "light",
-              loading: transitionItem.isPending,
-              onClick: () => transitionItem.mutate({
-                dealId: deal.id,
-                pipelineKey: "crm",
-                stageKey: stagingStage,
-                stateKey: stagingState ?? void 0,
-                expectedUpdatedAt: deal.updated_at
-              }),
-              children: "Stage deal"
-            }
-          ) })
-        ] }) : (() => {
-          const validStates = getValidStatesForStage(CRM_PIPELINE_DEFINITION, deal.stage_key);
-          return validStates.length > 0 ? /* @__PURE__ */ jsx(
-            Select,
-            {
-              label: "State",
-              data: validStates.map((s) => ({ value: s.stateKey, label: s.label })),
-              value: deal.state_key ?? null,
-              disabled: transitionState.isPending,
-              onChange: (val) => {
-                if (val)
-                  transitionState.mutate({
-                    dealId: deal.id,
-                    stateKey: val,
-                    expectedUpdatedAt: deal.updated_at
-                  });
-              }
-            }
-          ) : null;
-        })(),
-        (actions.length > 0 || renderActions) && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-          /* @__PURE__ */ jsx(Title, { order: 5, children: "Actions" }),
-          actions.length > 0 && /* @__PURE__ */ jsx(Group, { gap: "xs", wrap: "wrap", children: actions.map(
-            (action) => action.payloadSchema ? /* @__PURE__ */ jsx(ActionFormButton, { action, dealId: deal.id }, action.key) : /* @__PURE__ */ jsx(ActionButton, { action, dealId: deal.id }, action.key)
-          ) }),
-          renderActions && renderActions()
-        ] }),
-        /* @__PURE__ */ jsx(Divider, {}),
-        /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(Title, { order: 5, children: "Notes" }),
-          /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(
-              Textarea,
-              {
-                placeholder: "Add a note...",
-                minRows: 2,
-                autosize: true,
-                value: noteBody,
-                onChange: (e) => setNoteBody(e.currentTarget.value)
-              }
-            ),
-            /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "xs",
-                variant: "light",
-                loading: createNote.isPending,
-                disabled: !noteBody.trim(),
-                onClick: handleAddNote,
-                children: "Add note"
-              }
-            ) })
-          ] }),
-          notesLoading ? /* @__PURE__ */ jsx(Center, { p: "sm", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : notes && notes.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: "xs", children: notes.map((note) => /* @__PURE__ */ jsxs(
-            Stack,
-            {
-              gap: 4,
-              style: {
-                padding: "8px 12px",
-                borderRadius: 6,
-                backgroundColor: "var(--color-surface)",
-                border: "1px solid var(--color-border)"
-              },
-              children: [
-                /* @__PURE__ */ jsx(Text, { size: "sm", children: note.body }),
-                /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatTimeAgo(note.createdAt) })
-              ]
-            },
-            note.id
-          )) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No notes yet." })
-        ] }),
-        /* @__PURE__ */ jsx(Divider, {}),
-        /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(Title, { order: 5, children: "Activity" }),
-          /* @__PURE__ */ jsx(ActivityTimeline, { activities: activityLog })
-        ] })
-      ] })
-    }
-  );
-}
 var UNSTAGED_KEY = "unstaged";
 var KANBAN_FETCH_LIMIT = 250;
-function formatStageLabel2(stage) {
+function formatStageLabel(stage) {
   if (stage === UNSTAGED_KEY) return "Unstaged";
   return stage.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
 }
@@ -3571,9 +3380,13 @@ function groupDealsByStage(deals, columns) {
       map.get(UNSTAGED_KEY).push(deal);
     }
   }
+  for (const bucket of map.values()) {
+    bucket.sort((a, b) => compareDealsByPriority(a, b));
+  }
   return map;
 }
-function KanbanBoard({ config, renderDrawerActions }) {
+function KanbanBoard({ config }) {
+  const navigate = useNavigate();
   const {
     data: deals,
     total,
@@ -3585,8 +3398,6 @@ function KanbanBoard({ config, renderDrawerActions }) {
   });
   const transitionItem = useTransitionItem();
   const queryClient = useQueryClient();
-  const [selectedDeal, setSelectedDeal] = useState(null);
-  const [drawerOpen, setDrawerOpen] = useState(false);
   const [dragOverColumn, setDragOverColumn] = useState(null);
   const draggingDealRef = useRef(null);
   const resolvedConfig = config ?? {};
@@ -3637,10 +3448,13 @@ function KanbanBoard({ config, renderDrawerActions }) {
     draggingDealRef.current = null;
     setDragOverColumn(null);
   }, []);
-  const handleCardClick = useCallback((deal) => {
-    setSelectedDeal(deal);
-    setDrawerOpen(true);
-  }, []);
+  const handleCardClick = useCallback(
+    (deal) => {
+      setDealReferrer("pipeline");
+      void navigate({ to: "/crm/deals/$dealId", params: { dealId: deal.id } });
+    },
+    [navigate]
+  );
   if (isLoading) {
     return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(Center, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(Loader, {}) }) });
   }
@@ -3656,93 +3470,81 @@ function KanbanBoard({ config, renderDrawerActions }) {
       ] }) }) })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
-    /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsx(PageTitleCaption, { title: "Pipeline", caption: "Kanban view of your deal pipeline" }),
-      total > deals.length && /* @__PURE__ */ jsxs(Alert, { color: "yellow", variant: "light", children: [
-        "Showing the first ",
-        deals.length,
-        " of ",
-        total,
-        " deals in the board. This view is temporarily bounded to the list endpoint until full-board pagination lands."
-      ] }),
-      /* @__PURE__ */ jsx(
-        Paper,
-        {
-          p: "lg",
-          style: {
-            border: "1px solid var(--color-border)",
-            overflow: "hidden"
-          },
-          children: /* @__PURE__ */ jsx(ScrollArea, { scrollbarSize: 8, type: "auto", children: /* @__PURE__ */ jsx(Group, { align: "flex-start", wrap: "nowrap", gap: "sm", style: { paddingBottom: 16, minWidth: "max-content" }, children: columns.map((columnKey) => {
-            const columnDeals = groupedDeals.get(columnKey) ?? [];
-            const isUnstaged = columnKey === UNSTAGED_KEY;
-            const isDragTarget = dragOverColumn === columnKey;
-            const badgeColor = isUnstaged ? "gray" : resolvedConfig[columnKey]?.color ?? "gray";
-            return /* @__PURE__ */ jsx(
-              Box,
-              {
-                style: {
-                  width: 260,
-                  minWidth: 260,
-                  borderRadius: 8,
-                  padding: "10px 8px",
-                  backgroundColor: isDragTarget ? "color-mix(in srgb, var(--color-primary) 6%, transparent)" : "transparent",
-                  border: isDragTarget ? "1px solid var(--color-primary)" : "1px solid transparent",
-                  transition: `background-color var(--duration-fast) var(--easing), border-color var(--duration-fast) var(--easing)`
-                },
-                onDragOver: (e) => handleDragOver(e, columnKey),
-                onDragLeave: handleDragLeave,
-                onDrop: (e) => handleDrop(e, columnKey),
-                children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-                  /* @__PURE__ */ jsx(Group, { justify: "space-between", wrap: "nowrap", children: /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
-                    /* @__PURE__ */ jsx(
-                      Box,
-                      {
-                        w: 10,
-                        h: 10,
-                        style: {
-                          borderRadius: "50%",
-                          background: `var(--mantine-color-${badgeColor}-6)`,
-                          flexShrink: 0
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, lineClamp: 1, children: formatStageLabel2(columnKey) }),
-                    /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: badgeColor, children: columnDeals.length })
-                  ] }) }),
-                  /* @__PURE__ */ jsx(Divider, {}),
-                  columnDeals.length === 0 && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ta: "center", py: "md", style: { opacity: 0.5 }, children: isUnstaged ? "No unstaged deals" : "Drop here" }),
-                  /* @__PURE__ */ jsx(Stack, { gap: "xs", children: columnDeals.map((deal) => /* @__PURE__ */ jsx(
-                    DealKanbanCard,
-                    {
-                      deal,
-                      config: resolvedConfig,
-                      onClick: handleCardClick,
-                      onDragStart: handleDragStart,
-                      onDragEnd: handleDragEnd
-                    },
-                    deal.id
-                  )) })
-                ] })
-              },
-              columnKey
-            );
-          }) }) })
-        }
-      )
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(PageTitleCaption, { title: "Pipeline", caption: "Kanban view of your deal pipeline" }),
+    total > deals.length && /* @__PURE__ */ jsxs(Alert, { color: "yellow", variant: "light", children: [
+      "Showing the first ",
+      deals.length,
+      " of ",
+      total,
+      " deals in the board. This view is temporarily bounded to the list endpoint until full-board pagination lands."
     ] }),
     /* @__PURE__ */ jsx(
-      DealDrawer,
+      Paper,
       {
-        deal: selectedDeal,
-        config: resolvedConfig,
-        opened: drawerOpen,
-        onClose: () => setDrawerOpen(false),
-        renderActions: renderDrawerActions
+        p: "lg",
+        style: {
+          border: "1px solid var(--color-border)",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ jsx(ScrollArea, { scrollbarSize: 8, type: "auto", children: /* @__PURE__ */ jsx(Group, { align: "flex-start", wrap: "nowrap", gap: "sm", style: { paddingBottom: 16, minWidth: "max-content" }, children: columns.map((columnKey) => {
+          const columnDeals = groupedDeals.get(columnKey) ?? [];
+          const isUnstaged = columnKey === UNSTAGED_KEY;
+          const isDragTarget = dragOverColumn === columnKey;
+          const badgeColor = isUnstaged ? "gray" : resolvedConfig[columnKey]?.color ?? "gray";
+          return /* @__PURE__ */ jsx(
+            Box,
+            {
+              style: {
+                width: 260,
+                minWidth: 260,
+                borderRadius: 8,
+                padding: "10px 8px",
+                backgroundColor: isDragTarget ? "color-mix(in srgb, var(--color-primary) 6%, transparent)" : "transparent",
+                border: isDragTarget ? "1px solid var(--color-primary)" : "1px solid transparent",
+                transition: `background-color var(--duration-fast) var(--easing), border-color var(--duration-fast) var(--easing)`
+              },
+              onDragOver: (e) => handleDragOver(e, columnKey),
+              onDragLeave: handleDragLeave,
+              onDrop: (e) => handleDrop(e, columnKey),
+              children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+                /* @__PURE__ */ jsx(Group, { justify: "space-between", wrap: "nowrap", children: /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+                  /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      w: 10,
+                      h: 10,
+                      style: {
+                        borderRadius: "50%",
+                        background: `var(--mantine-color-${badgeColor}-6)`,
+                        flexShrink: 0
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, lineClamp: 1, children: formatStageLabel(columnKey) }),
+                  /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: badgeColor, children: columnDeals.length })
+                ] }) }),
+                /* @__PURE__ */ jsx(Divider, {}),
+                columnDeals.length === 0 && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ta: "center", py: "md", style: { opacity: 0.5 }, children: isUnstaged ? "No unstaged deals" : "Drop here" }),
+                /* @__PURE__ */ jsx(Stack, { gap: "xs", children: columnDeals.map((deal) => /* @__PURE__ */ jsx(
+                  DealKanbanCard,
+                  {
+                    deal,
+                    config: resolvedConfig,
+                    onClick: handleCardClick,
+                    onDragStart: handleDragStart,
+                    onDragEnd: handleDragEnd
+                  },
+                  deal.id
+                )) })
+              ] })
+            },
+            columnKey
+          );
+        }) }) })
       }
     )
-  ] });
+  ] }) });
 }
 
 // src/components/acquisition/kanban/constants.ts
@@ -3807,4 +3609,4 @@ function NotificationBell({ unreadCount, onNavigate }) {
   ] });
 }
 
-export { AbsoluteScheduleForm, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, AppErrorBoundary, Breadcrumbs, Can, CommandViewEdge, CommandViewGraph, CommandViewNode, CrashErrorFallback, CreateApiKeyModal, CreateRoleModal, CreateScheduleModal, DEAL_STAGES, DEFAULT_KANBAN_CONFIG, DealDrawer, DealKanbanCard, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, EditApiKeyModal, ErrorReportCard, KanbanBoard, MdxRenderer, NoAccessState, NotificationBell, NotificationPanel, PermissionMatrix, RecurringScheduleForm, RelativeScheduleForm, RichTextEditor, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, TaskScheduler, buildErrorReport, mdxComponents };
+export { AbsoluteScheduleForm, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, AppErrorBoundary, Breadcrumbs, Can, CommandViewEdge, CommandViewGraph, CommandViewNode, CrashErrorFallback, CreateApiKeyModal, CreateRoleModal, CreateScheduleModal, DEAL_STAGES, DEFAULT_KANBAN_CONFIG, DealKanbanCard, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, EditApiKeyModal, ErrorReportCard, KanbanBoard, MdxRenderer, NoAccessState, NotificationBell, NotificationPanel, PermissionMatrix, RecurringScheduleForm, RelativeScheduleForm, RichTextEditor, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, TaskScheduler, buildErrorReport, mdxComponents };

package/dist/components/navigation/index.css

@@ -136,6 +136,17 @@
 .mantine-Button-root[data-variant=default]:hover {
   background-color: var(--color-surface-hover);
 }
+.lead-gen-build-action-button:disabled,
+.lead-gen-build-action-button[data-disabled] {
+  background-color: color-mix(in srgb, var(--mantine-color-gray-8) 48%, var(--color-surface) 52%) !important;
+  border-color: color-mix(in srgb, var(--mantine-color-gray-8) 58%, var(--color-surface) 42%) !important;
+  color: color-mix(in srgb, var(--color-text-subtle) 88%, var(--color-text-dimmed) 12%) !important;
+  opacity: 0.78;
+}
+.lead-gen-build-action-button:disabled:hover,
+.lead-gen-build-action-button[data-disabled]:hover {
+  background-color: color-mix(in srgb, var(--mantine-color-gray-8) 48%, var(--color-surface) 52%) !important;
+}
 .mantine-Accordion-control:hover {
   background-color: var(--color-surface-hover);
 }

package/dist/components/navigation/index.js

@@ -1,13 +1,13 @@
-export { useBreadcrumbs } from '../../chunk-DDZOHLHB.js';
-import '../../chunk-LJWV4TWV.js';
+export { useBreadcrumbs } from '../../chunk-26HQMR7S.js';
+import '../../chunk-4ZFBVND2.js';
 import '../../chunk-Q7DJKLEN.js';
-import '../../chunk-ZDKQNQ4X.js';
-import '../../chunk-HC2KV6BU.js';
-import '../../chunk-HQ7M6PBW.js';
+import '../../chunk-GESXCQWY.js';
+import '../../chunk-HOIT677G.js';
+import '../../chunk-KU7ZDWQ7.js';
 import '../../chunk-RNP5R5I3.js';
-import '../../chunk-DK2HVHCY.js';
+import '../../chunk-WKJ47GIW.js';
 import '../../chunk-DD3CCMCZ.js';
-import '../../chunk-QHSW4WHM.js';
-import '../../chunk-IRW7JMQ4.js';
+import '../../chunk-XTVZFT7U.js';
+import '../../chunk-5WWZXCS5.js';
 import '../../chunk-BRJ3QZ4E.js';
 import '../../chunk-I2KLQ2HA.js';

package/dist/features/auth/index.css

@@ -136,6 +136,17 @@
 .mantine-Button-root[data-variant=default]:hover {
   background-color: var(--color-surface-hover);
 }
+.lead-gen-build-action-button:disabled,
+.lead-gen-build-action-button[data-disabled] {
+  background-color: color-mix(in srgb, var(--mantine-color-gray-8) 48%, var(--color-surface) 52%) !important;
+  border-color: color-mix(in srgb, var(--mantine-color-gray-8) 58%, var(--color-surface) 42%) !important;
+  color: color-mix(in srgb, var(--color-text-subtle) 88%, var(--color-text-dimmed) 12%) !important;
+  opacity: 0.78;
+}
+.lead-gen-build-action-button:disabled:hover,
+.lead-gen-build-action-button[data-disabled]:hover {
+  background-color: color-mix(in srgb, var(--mantine-color-gray-8) 48%, var(--color-surface) 52%) !important;
+}
 .mantine-Accordion-control:hover {
   background-color: var(--color-surface-hover);
 }