@elevasis/ui 1.26.1 → 1.27.0

package/dist/components/index.js

@@ -1,43 +1,46 @@
 import { useBreadcrumbs } from '../chunk-MG3NF7QL.js';
-import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer } from '../chunk-L3GVDMCA.js';
-import { NotificationList } from '../chunk-4INR75ZS.js';
-export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList } from '../chunk-4INR75ZS.js';
-export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal } from '../chunk-LR4WVA7W.js';
+import '../chunk-C27LLJM6.js';
+import { NotificationList } from '../chunk-Y2SYGFRF.js';
+export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList, monitoringManifest } from '../chunk-Y2SYGFRF.js';
+export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal, settingsManifest } from '../chunk-WJ7W7JU4.js';
 import { FilterBar } from '../chunk-PDHTXPSF.js';
 export { FilterBar } from '../chunk-PDHTXPSF.js';
+export { dashboardManifest } from '../chunk-BAGYETKM.js';
 export { ResourceHealthChart, getHealthColor } from '../chunk-LGKLC5MG.js';
-export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewEdge, CommandViewGraph, CommandViewNode, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, FormFieldRenderer, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, useNewKnowledgeMapLayout } from '../chunk-TCKIAHDC.js';
-import { SubshellLoader, PageContainer, SubshellSidebarSection, SidebarListItem, CollapsibleSidebarGroup } from '../chunk-AWT255UH.js';
-export { ResourceHealthPanel } from '../chunk-4WKWLFBZ.js';
+export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewEdge, CommandViewGraph, CommandViewNode, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, FormFieldRenderer, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, operationsManifest, useNewKnowledgeMapLayout } from '../chunk-TLAIQC7B.js';
+import '../chunk-ROSMICXG.js';
+import { SubshellLoader, PageContainer, SubshellSidebarSection, SidebarListItem, CollapsibleSidebarGroup } from '../chunk-2IJCM3VQ.js';
+export { ResourceHealthPanel } from '../chunk-P5EWG45B.js';
 import { CustomModal } from '../chunk-GBMNCNHX.js';
 export { ConfirmationInputModal, ConfirmationModal, CustomModal } from '../chunk-GBMNCNHX.js';
-export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowExecutionTimeline, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme } from '../chunk-O4UB5DQQ.js';
+export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowExecutionTimeline, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme } from '../chunk-F2J7675J.js';
 import '../chunk-JHVKGZ2P.js';
 import { ListSkeleton, EmptyState, PageTitleCaption, StatCard, CenteredErrorState, CardHeader, ActivityTimeline, StatusBadge } from '../chunk-MCA6LOGM.js';
 export { APIErrorAlert, ActivityTimeline, CardHeader, CenteredErrorState, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, GlowDot, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-MCA6LOGM.js';
 export { StyledMarkdown } from '../chunk-3KMDHCAR.js';
 export { NavigationButton } from '../chunk-NNKKBSJN.js';
-import { AppShellLoader } from '../chunk-WWEMNIHW.js';
-import '../chunk-QJ2S46NI.js';
-import { useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, useTasks, useProjects, useMilestones } from '../chunk-YNGQ7U5H.js';
-import { usePaginationState, useDeploymentDocs, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useDealNotes, useCreateDealNote, useDeals, useSyncDealStage, dealKeys, useDealTasksDue, useCreateDealTask, useMarkAllAsRead, useNotifications, showErrorNotification, showSuccessNotification, showApiErrorNotification } from '../chunk-ZVJKIJFG.js';
-export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-ZVJKIJFG.js';
+import { AppShellLoader } from '../chunk-YYBM5LNJ.js';
+import '../chunk-QTD5HPKD.js';
+import { useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, useTasks, useProjects, useMilestones } from '../chunk-WLNEJ6JJ.js';
+import { usePaginationState, useDeploymentDocs, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useDealNotes, useCreateDealNote, useDeals, useSyncDealStage, dealKeys, useDealTasksDue, useCreateDealTask, useMarkAllAsRead, useNotifications, showErrorNotification, showSuccessNotification, showApiErrorNotification } from '../chunk-RCQPWA5X.js';
+export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-RCQPWA5X.js';
 import '../chunk-LXHZYSMQ.js';
-import '../chunk-MHW43EOH.js';
 export { Graph_module_css_default as graphStyles } from '../chunk-F6RBK7NJ.js';
 export { CONTAINER_CONSTANTS, SHARED_VIZ_CONSTANTS } from '../chunk-XA34RETF.js';
 import '../chunk-ELJIFLCB.js';
-import '../chunk-L4XXM55J.js';
-import '../chunk-SLVC5OJ2.js';
-import '../chunk-RNP5R5I3.js';
-import '../chunk-RMPXGBNI.js';
+import '../chunk-5JSR6TL5.js';
 export { ElevasisLoader } from '../chunk-SZHARWKU.js';
-import '../chunk-FEZZ3IDU.js';
+import '../chunk-TXPUIHX2.js';
 import '../chunk-CYXZHBP4.js';
-import '../chunk-R7WLWGPO.js';
+import '../chunk-ITCEULI5.js';
+import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer } from '../chunk-5COLSYBE.js';
 import '../chunk-NVOCKXUQ.js';
-import '../chunk-V7XHGJQZ.js';
+import '../chunk-MHW43EOH.js';
+import '../chunk-W4VYXIN7.js';
 import { useAppearance } from '../chunk-QJ2KCHKX.js';
+import '../chunk-QJ2S46NI.js';
+import '../chunk-SLVC5OJ2.js';
+import '../chunk-RNP5R5I3.js';
 import { formatDateTime, PAGE_SIZE_DEFAULT, formatTimeAgo } from '../chunk-IOKL7BKE.js';
 import '../chunk-RWQIFKMJ.js';
 import '../chunk-ALA56RGZ.js';
@@ -47,7 +50,7 @@ import { useElevasisServices } from '../chunk-QEPXAWE2.js';
 import '../chunk-BRJ3QZ4E.js';
 import { useRouterContext } from '../chunk-Q7DJKLEN.js';
 import { Table, Group, Text, Button, Stack, Title, TextInput, Alert, Tooltip, ActionIcon, Paper, Code, CopyButton, SimpleGrid, Badge, Loader, Pagination, useMantineTheme, Box, ScrollArea, Select, Center, Card, SegmentedControl, Switch, Textarea, Divider, Menu, Timeline, ThemeIcon, Tabs, Anchor, Breadcrumbs as Breadcrumbs$1, Drawer, UnstyledButton, Modal, RingProgress, Collapse, Popover, Indicator } from '@mantine/core';
-import { IconChevronUp, IconChevronDown, IconSelector, IconTrash, IconPencil, IconAlertCircle, IconKey, IconCalendar, IconClock, IconAlertTriangle, IconExclamationMark, IconShieldLock, IconCheck, IconCopy, IconPlus, IconRocket, IconRefresh, IconPower, IconPlayerPlay, IconCircleCheck, IconTag, IconBook2, IconFileOff, IconList, IconCalendarRepeat, IconCalendarEvent, IconCalendarTime, IconRobot, IconGitBranch, IconSettings, IconExternalLink, IconDotsVertical, IconPlayerPause, IconPlayerStop, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconColumns, IconChecklist, IconHistory, IconTrophy, IconClockExclamation, IconUser, IconHeartbeat, IconFlag, IconFileText, IconInbox, IconLock, IconChevronRight, IconDownload, IconBriefcase, IconMessageCircle, IconBell, IconNotes, IconFolderOpen, IconFolder, IconCheckbox, IconMail, IconPhone, IconArrowRight, IconNote } from '@tabler/icons-react';
+import { IconBriefcase, IconChevronUp, IconChevronDown, IconSelector, IconTrash, IconPencil, IconAlertCircle, IconKey, IconCalendar, IconClock, IconAlertTriangle, IconExclamationMark, IconShieldLock, IconCheck, IconCopy, IconPlus, IconRocket, IconRefresh, IconPower, IconPlayerPlay, IconCircleCheck, IconTag, IconBook2, IconFileOff, IconList, IconCalendarRepeat, IconCalendarEvent, IconCalendarTime, IconRobot, IconGitBranch, IconSettings, IconExternalLink, IconDotsVertical, IconPlayerPause, IconPlayerStop, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconAddressBook, IconTrophy, IconClockExclamation, IconUser, IconLayoutGrid, IconColumns, IconFileInvoice, IconChecklist, IconHistory, IconTarget, IconListDetails, IconBuilding, IconMailCheck, IconSearch, IconChartBar, IconTrendingUp, IconHeartbeat, IconFlag, IconFileText, IconInbox, IconLock, IconChevronRight, IconDownload, IconMessageCircle, IconBell, IconNotes, IconFolderOpen, IconFolder, IconCheckbox, IconMail, IconPhone, IconArrowRight, IconNote } from '@tabler/icons-react';
 import * as runtime from 'react/jsx-runtime';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDisclosure } from '@mantine/hooks';
@@ -3044,7 +3047,7 @@ var Breadcrumbs = ({ navItems }) => {
   });
   return /* @__PURE__ */ jsx(Breadcrumbs$1, { separator: "/", children: items });
 };
-function DealKanbanCard({ deal, config: _config, onClick, onDragStart, onDragEnd }) {
+function DealKanbanCard({ deal, config, onClick, onDragStart, onDragEnd }) {
   const contactFirstName = deal.contact?.first_name || "";
   const contactLastName = deal.contact?.last_name || "";
   const contactName = [contactFirstName, contactLastName].filter(Boolean).join(" ");
@@ -3052,15 +3055,18 @@ function DealKanbanCard({ deal, config: _config, onClick, onDragStart, onDragEnd
   const companyName = deal.contact?.company?.name || deal.discovery_data?.company || deal.contact_email?.split("@")[1] || null;
   const hasInitialFee = typeof deal.initial_fee === "number" && deal.initial_fee > 0;
   const hasMonthlyFee = typeof deal.monthly_fee === "number" && deal.monthly_fee > 0;
+  const stageColor = (deal.cached_stage ? config[deal.cached_stage]?.color : null) ?? "gray";
   return /* @__PURE__ */ jsx(
-    Card,
+    Paper,
     {
-      padding: "sm",
+      p: "sm",
       style: {
+        border: "1px solid var(--color-border)",
+        borderLeft: `3px solid var(--mantine-color-${stageColor}-6)`,
         cursor: "grab",
-        userSelect: "none"
+        userSelect: "none",
+        transition: `all var(--duration-fast) var(--easing)`
       },
-      withBorder: true,
       draggable: true,
       onDragStart: (e) => onDragStart(e, deal),
       onDragEnd,
@@ -3086,37 +3092,14 @@ function DealKanbanCard({ deal, config: _config, onClick, onDragStart, onDragEnd
 }
 
 // src/components/acquisition/kanban/constants.ts
-var DEAL_STAGES = [
-  "interested",
-  "booked",
-  "qualified",
-  "demo_booked",
-  "proposal",
-  "proposal_sent",
-  "proposal_signed",
-  "payment_sent",
-  "proposal_revision",
-  "closed_won",
-  "closed_lost",
-  "nurturing",
-  "cancelled",
-  "no_show"
-];
+var DEAL_STAGES = ["interested", "proposal", "closing", "closed_won", "closed_lost", "nurturing"];
 var DEFAULT_KANBAN_CONFIG = {
   interested: { color: "blue" },
-  booked: { color: "cyan" },
-  qualified: { color: "teal" },
-  demo_booked: { color: "indigo" },
   proposal: { color: "yellow" },
-  proposal_sent: { color: "orange" },
-  proposal_signed: { color: "lime" },
-  payment_sent: { color: "yellow" },
-  proposal_revision: { color: "pink" },
+  closing: { color: "lime" },
   closed_won: { color: "green" },
   closed_lost: { color: "red" },
-  nurturing: { color: "grape" },
-  cancelled: { color: "gray" },
-  no_show: { color: "gray" }
+  nurturing: { color: "grape" }
 };
 function formatStageLabel(stage) {
   if (!stage) return "Unstaged";
@@ -3326,49 +3309,73 @@ function KanbanBoard({ config = DEFAULT_KANBAN_CONFIG, renderDrawerActions }) {
     return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(Alert, { color: "red", children: "Failed to load deals" }) });
   }
   return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
-    /* @__PURE__ */ jsxs(Stack, { style: { height: "100%" }, children: [
+    /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(PageTitleCaption, { title: "Pipeline", caption: "Kanban view of your deal pipeline" }),
-      /* @__PURE__ */ jsx(ScrollArea, { style: { flex: 1 }, 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" : config[columnKey]?.color ?? "gray";
-        return /* @__PURE__ */ jsx(
-          Paper,
-          {
-            withBorder: true,
-            style: {
-              width: 320,
-              minWidth: 320,
-              backgroundColor: isDragTarget ? "color-mix(in srgb, var(--color-primary) 8%, var(--glass-background))" : "var(--glass-background)",
-              border: isDragTarget ? "1px solid var(--color-primary)" : "1px solid var(--color-border)",
-              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: "sm", p: "xs", children: [
-              /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
-                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, tt: "uppercase", lineClamp: 1, children: formatStageLabel2(columnKey) }),
-                /* @__PURE__ */ jsx(Badge, { variant: "light", color: badgeColor, size: "sm", style: { flexShrink: 0 }, children: columnDeals.length })
-              ] }),
-              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,
-                  onClick: handleCardClick,
-                  onDragStart: handleDragStart,
-                  onDragEnd: handleDragEnd
-                },
-                deal.id
-              )) })
-            ] })
+      /* @__PURE__ */ jsx(
+        Paper,
+        {
+          p: "lg",
+          style: {
+            border: "1px solid var(--color-border)",
+            overflow: "hidden"
           },
-          columnKey
-        );
-      }) }) })
+          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" : config[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,
+                      onClick: handleCardClick,
+                      onDragStart: handleDragStart,
+                      onDragEnd: handleDragEnd
+                    },
+                    deal.id
+                  )) })
+                ] })
+              },
+              columnKey
+            );
+          }) }) })
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx(
       DealDrawer,
@@ -3381,153 +3388,464 @@ function KanbanBoard({ config = DEFAULT_KANBAN_CONFIG, renderDrawerActions }) {
     )
   ] });
 }
-var PIPELINE_FUNNEL_ORDER = [
-  "interested",
-  "booked",
-  "qualified",
-  "demo_booked",
-  "proposal",
-  "proposal_sent",
-  "proposal_signed",
-  "payment_sent",
-  "closed_won",
-  "proposal_revision",
-  "closed_lost",
-  "nurturing",
-  "cancelled",
-  "no_show"
-];
-var defaultValueOf = (deal) => deal.initial_fee ?? 0;
-function useCrmPipelineSummary(opts) {
-  const getValue = opts?.getDealValue ?? defaultValueOf;
-  const { data: deals, isLoading, error } = useDeals();
-  const data = useMemo(() => {
-    const dealList = deals ?? [];
-    const stageMap = /* @__PURE__ */ new Map();
-    for (const stage of PIPELINE_FUNNEL_ORDER) {
-      stageMap.set(stage, { count: 0, totalValue: 0 });
-    }
-    for (const deal of dealList) {
-      const stage = deal.cached_stage;
-      if (!stage || !stageMap.has(stage)) continue;
-      const entry = stageMap.get(stage);
-      entry.count += 1;
-      entry.totalValue += getValue(deal);
+var CrmSidebarTop = () => {
+  return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconAddressBook, label: "CRM" });
+};
+
+// src/features/crm/workbench/constants.ts
+var SAVED_VIEW_PRESETS = [
+  {
+    id: "my-deals",
+    label: "My Deals",
+    iconName: "IconUser",
+    target: "/crm/deals"
+  },
+  {
+    id: "overdue",
+    label: "Overdue",
+    iconName: "IconClockExclamation",
+    target: "/crm/deals"
+  },
+  {
+    id: "won-this-month",
+    label: "Won this month",
+    iconName: "IconTrophy",
+    target: "/crm/deals",
+    urlFilters: { stage: "closed_won" },
+    predicate: (deal) => {
+      if (deal.cached_stage !== "closed_won") return false;
+      const updated = new Date(deal.updated_at);
+      const now = /* @__PURE__ */ new Date();
+      return updated.getMonth() === now.getMonth() && updated.getFullYear() === now.getFullYear();
     }
-    return PIPELINE_FUNNEL_ORDER.map((stage) => {
-      const entry = stageMap.get(stage);
-      return { stage, count: entry.count, totalValue: entry.totalValue };
-    });
-  }, [deals, getValue]);
-  return { data, isLoading, error };
-}
-var CLOSED_STAGES = ["closed_won", "closed_lost", "cancelled"];
-var OPEN_EXCLUDED = CLOSED_STAGES;
-var ZERO_METRICS = {
-  totalDeals: 0,
-  openDeals: 0,
-  wonDeals: 0,
-  winRate: 0,
-  avgDealSize: 0,
-  totalPipelineValue: 0
+  }
+];
+var KIND_ICONS = {
+  call: IconPhone,
+  email: IconMail,
+  meeting: IconCalendar,
+  other: IconCheckbox
 };
-function useCrmQuickMetrics() {
-  const { data: deals, isLoading, error } = useDeals();
-  const data = useMemo(() => {
-    const dealList = deals ?? [];
-    if (dealList.length === 0) return ZERO_METRICS;
-    let openDeals = 0;
-    let wonDeals = 0;
-    let lostDeals = 0;
-    let wonFeeSum = 0;
-    let wonFeeCount = 0;
-    let pipelineValue = 0;
-    for (const deal of dealList) {
-      const stage = deal.cached_stage;
-      const isOpen = !stage || !OPEN_EXCLUDED.includes(stage);
-      const isWon = stage === "closed_won";
-      const isLost = stage === "closed_lost";
-      if (isOpen) {
-        openDeals += 1;
-        pipelineValue += deal.initial_fee ?? 0;
-      }
-      if (isWon) {
-        wonDeals += 1;
-        if (deal.initial_fee != null) {
-          wonFeeSum += deal.initial_fee;
-          wonFeeCount += 1;
-        }
-      }
-      if (isLost) {
-        lostDeals += 1;
-      }
+function formatDueLabel(dueAt) {
+  if (!dueAt) return "";
+  const date = new Date(dueAt);
+  const now = /* @__PURE__ */ new Date();
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  const dueDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  const diffDays = Math.round((dueDay.getTime() - today.getTime()) / 864e5);
+  if (diffDays < 0) return `${Math.abs(diffDays)}d overdue`;
+  if (diffDays === 0) {
+    return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+  }
+  return `in ${diffDays}d`;
+}
+function TaskRow({ task, onClick }) {
+  const KindIcon2 = KIND_ICONS[task.kind];
+  const dueLabel = formatDueLabel(task.dueAt);
+  const isOverdue = task.dueAt !== null && new Date(task.dueAt) < /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      onClick,
+      style: {
+        display: "block",
+        width: "100%",
+        padding: "4px 6px",
+        borderRadius: "var(--mantine-radius-sm)",
+        transition: `background-color var(--duration-fast) var(--easing)`
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.backgroundColor = "transparent";
+      },
+      children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+        /* @__PURE__ */ jsx(KindIcon2, { size: 14, style: { color: "var(--color-text-dimmed)", flexShrink: 0 } }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", truncate: true, style: { flex: 1, minWidth: 0 }, children: task.title }),
+        dueLabel && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: isOverdue ? "red" : "gray", style: { flexShrink: 0 }, children: dueLabel })
+      ] })
     }
-    const winRateDenominator = wonDeals + lostDeals;
-    const winRate = winRateDenominator === 0 ? 0 : wonDeals / winRateDenominator;
-    const avgDealSize = wonFeeCount === 0 ? 0 : wonFeeSum / wonFeeCount;
-    return {
-      totalDeals: dealList.length,
-      openDeals,
-      wonDeals,
-      winRate,
-      avgDealSize,
-      totalPipelineValue: pipelineValue
-    };
-  }, [deals]);
-  return { data, isLoading, error };
+  );
 }
-function useRecentCrmActivity(opts) {
-  const { apiRequest, isReady, organizationId } = useElevasisServices();
-  const limit = opts?.limit ?? 20;
-  const query = useQuery({
-    queryKey: ["recent-crm-activity", organizationId, limit],
-    queryFn: () => apiRequest(`/crm/recent-activity?limit=${limit}`),
-    enabled: isReady
-  });
-  return {
-    data: query.data?.entries ?? [],
-    isLoading: query.isLoading,
-    error: query.error
-  };
+function MyTasksPanel({ onTaskClick, onSeeAll }) {
+  const { data, isLoading, isError } = useDealTasksDue({ window: "today_and_overdue" });
+  const tasks = data ?? [];
+  const total = tasks.length;
+  const visible = tasks.slice(0, 5);
+  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: 4, children: [
+      /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, children: "My Tasks" }),
+      total > 0 && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", children: total })
+    ] }),
+    isLoading && /* @__PURE__ */ jsx(Center, { py: 4, children: /* @__PURE__ */ jsx(Loader, { size: "xs" }) }),
+    isError && /* @__PURE__ */ jsx(Text, { size: "xs", c: "red", children: "Failed to load tasks" }),
+    !isLoading && !isError && visible.length === 0 && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No tasks due - you're caught up." }),
+    !isLoading && !isError && visible.map((task) => /* @__PURE__ */ jsx(TaskRow, { task, onClick: () => onTaskClick(task.dealId) }, task.id)),
+    onSeeAll && total > 5 && /* @__PURE__ */ jsx(UnstyledButton, { onClick: onSeeAll, mt: 2, style: { display: "inline-block" }, children: /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", style: { textDecoration: "underline" }, children: [
+      "See all (",
+      total,
+      ")"
+    ] }) })
+  ] }) });
 }
-var currencyFormatter = new Intl.NumberFormat("en-US", {
-  style: "currency",
-  currency: "USD",
-  maximumFractionDigits: 0
-});
-var STAGE_LABELS = {
-  interested: "Interested",
-  booked: "Booked",
-  qualified: "Qualified",
-  demo_booked: "Demo Booked",
-  proposal: "Proposal",
-  proposal_sent: "Proposal Sent",
-  proposal_signed: "Proposal Signed",
-  payment_sent: "Payment Sent",
-  closed_won: "Closed Won",
-  proposal_revision: "Revision",
-  closed_lost: "Closed Lost",
-  nurturing: "Nurturing",
-  cancelled: "Cancelled",
-  no_show: "No Show"
+var ICON_MAP = {
+  IconUser,
+  IconClockExclamation,
+  IconTrophy
 };
-function PipelineFunnelWidget({ onStageClick, getDealValue }) {
-  const { data, isLoading, error } = useCrmPipelineSummary({ getDealValue });
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load pipeline data" }) });
-  }
-  const totalDeals = data.reduce((sum, s) => sum + s.count, 0);
-  const maxCount = Math.max(...data.map((s) => s.count), 1);
-  if (totalDeals === 0) {
-    return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconColumns, { size: 16 }), title: "Pipeline" }),
-      /* @__PURE__ */ jsx(Center, { h: 200, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, {}), color: "gray", variant: "light", children: "No deals in the pipeline yet" }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+function SavedViewsPanel({ onViewClick }) {
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Divider, { mb: "xs" }),
+    /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+      /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, mb: 4, children: "Saved Views" }),
+      SAVED_VIEW_PRESETS.map((preset) => {
+        const Icon = ICON_MAP[preset.iconName];
+        return /* @__PURE__ */ jsx(
+          UnstyledButton,
+          {
+            onClick: () => onViewClick(preset),
+            style: {
+              display: "block",
+              width: "100%",
+              padding: "4px 6px",
+              borderRadius: "var(--mantine-radius-sm)",
+              transition: `background-color var(--duration-fast) var(--easing)`
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.backgroundColor = "transparent";
+            },
+            children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+              /* @__PURE__ */ jsx(Icon, { size: 14, style: { color: "var(--color-text-dimmed)", flexShrink: 0 } }),
+              /* @__PURE__ */ jsx(Text, { size: "xs", children: preset.label })
+            ] })
+          },
+          preset.id
+        );
+      })
+    ] })
+  ] });
+}
+var KIND_OPTIONS = [
+  { value: "call", label: "Call" },
+  { value: "email", label: "Email" },
+  { value: "meeting", label: "Meeting" },
+  { value: "other", label: "Other" }
+];
+function buildDealLabel(deal) {
+  const contact = deal.contact;
+  if (!contact) return `Deal ${deal.id.slice(0, 8)}`;
+  const name = `${contact.first_name ?? ""} ${contact.last_name ?? ""}`.trim();
+  const company = contact.company?.name ?? "\u2014";
+  return name ? `${name} \u2013 ${company}` : `Deal ${deal.id.slice(0, 8)}`;
+}
+function QuickCreateActions({ onNewDeal }) {
+  const [open, setOpen] = useState(false);
+  const [dealId, setDealId] = useState(null);
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [kind, setKind] = useState("other");
+  const [dueAt, setDueAt] = useState("");
+  const { data: deals } = useDeals();
+  const createTask = useCreateDealTask();
+  const dealOptions = (deals ?? []).map((deal) => ({
+    value: deal.id,
+    label: buildDealLabel(deal)
+  }));
+  function resetForm() {
+    setDealId(null);
+    setTitle("");
+    setDescription("");
+    setKind("other");
+    setDueAt("");
+  }
+  function handleClose() {
+    setOpen(false);
+    resetForm();
+  }
+  async function handleSubmit() {
+    if (!dealId || !title) return;
+    await createTask.mutateAsync({
+      dealId,
+      title,
+      description: description || null,
+      kind,
+      dueAt: dueAt ? new Date(dueAt).toISOString() : null
+    });
+    handleClose();
+  }
+  const isSubmitDisabled = !dealId || !title || createTask.isPending;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+      /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, children: "QUICK CREATE" }),
+      /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "light", size: "xs", leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 14 }), fullWidth: true, onClick: onNewDeal, children: "New Deal" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "light",
+            size: "xs",
+            leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 14 }),
+            fullWidth: true,
+            onClick: () => setOpen(true),
+            children: "New Task"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Modal, { opened: open, onClose: handleClose, title: "New Task", size: "md", children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            label: "Deal",
+            placeholder: "Select a deal",
+            data: dealOptions,
+            value: dealId,
+            onChange: setDealId,
+            searchable: true,
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            label: "Title",
+            placeholder: "Task title",
+            value: title,
+            onChange: (e) => setTitle(e.currentTarget.value),
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            label: "Description",
+            placeholder: "Optional description",
+            value: description,
+            onChange: (e) => setDescription(e.currentTarget.value),
+            autosize: true,
+            minRows: 2,
+            maxRows: 5
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            label: "Kind",
+            data: KIND_OPTIONS,
+            value: kind,
+            onChange: (v) => setKind(v ?? "other")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            type: "datetime-local",
+            label: "Due At",
+            value: dueAt,
+            onChange: (e) => setDueAt(e.currentTarget.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: handleClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: createTask.isPending, disabled: isSubmitDisabled, children: "Create" })
+      ] })
+    ] })
+  ] });
+}
+var CRM_ITEMS = [
+  { label: "Overview", to: "/crm", icon: IconLayoutGrid, exact: true },
+  { label: "Pipeline", to: "/crm/pipeline", icon: IconColumns, exact: false },
+  { label: "Deals", to: "/crm/deals", icon: IconFileInvoice, exact: false }
+];
+function toSearchString(filters) {
+  if (!filters) return "";
+  const params = new URLSearchParams();
+  if (filters.stage) params.set("stage", filters.stage);
+  if (filters.search) params.set("search", filters.search);
+  const query = params.toString();
+  return query ? `?${query}` : "";
+}
+var CrmSidebarMiddle = () => {
+  const { currentPath, navigate } = useRouterContext();
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: [
+    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: CRM_ITEMS.map((item) => {
+      const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
+      return /* @__PURE__ */ jsx(
+        SidebarListItem,
+        {
+          icon: item.icon,
+          label: item.label,
+          isActive,
+          onClick: () => navigate(item.to)
+        },
+        item.to
+      );
+    }) }),
+    /* @__PURE__ */ jsx(Divider, { my: "xs" }),
+    /* @__PURE__ */ jsxs(Stack, { gap: "md", p: "sm", children: [
+      /* @__PURE__ */ jsx(
+        MyTasksPanel,
+        {
+          onTaskClick: (dealId) => navigate(`/crm/deals/${dealId}`),
+          onSeeAll: () => navigate("/crm/deals")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SavedViewsPanel,
+        {
+          onViewClick: (preset) => {
+            const search = toSearchString(preset.urlFilters);
+            navigate(`${preset.target}${search}`);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(QuickCreateActions, { onNewDeal: () => navigate("/crm/deals") })
+    ] })
+  ] });
+};
+var CrmSidebar = () => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(CrmSidebarTop, {}),
+    /* @__PURE__ */ jsx(CrmSidebarMiddle, {})
+  ] });
+};
+var PIPELINE_FUNNEL_ORDER = [
+  "interested",
+  "proposal",
+  "closing",
+  "closed_won",
+  "closed_lost",
+  "nurturing"
+];
+var defaultValueOf = (deal) => deal.initial_fee ?? 0;
+function useCrmPipelineSummary(opts) {
+  const getValue = opts?.getDealValue ?? defaultValueOf;
+  const { data: deals, isLoading, error } = useDeals();
+  const data = useMemo(() => {
+    const dealList = deals ?? [];
+    const stageMap = /* @__PURE__ */ new Map();
+    for (const stage of PIPELINE_FUNNEL_ORDER) {
+      stageMap.set(stage, { count: 0, totalValue: 0 });
+    }
+    for (const deal of dealList) {
+      const stage = deal.cached_stage;
+      if (!stage || !stageMap.has(stage)) continue;
+      const entry = stageMap.get(stage);
+      entry.count += 1;
+      entry.totalValue += getValue(deal);
+    }
+    return PIPELINE_FUNNEL_ORDER.map((stage) => {
+      const entry = stageMap.get(stage);
+      return { stage, count: entry.count, totalValue: entry.totalValue };
+    });
+  }, [deals, getValue]);
+  return { data, isLoading, error };
+}
+var CLOSED_STAGES = ["closed_won", "closed_lost"];
+var OPEN_EXCLUDED = CLOSED_STAGES;
+var ZERO_METRICS = {
+  totalDeals: 0,
+  openDeals: 0,
+  wonDeals: 0,
+  winRate: 0,
+  avgDealSize: 0,
+  totalPipelineValue: 0
+};
+function useCrmQuickMetrics() {
+  const { data: deals, isLoading, error } = useDeals();
+  const data = useMemo(() => {
+    const dealList = deals ?? [];
+    if (dealList.length === 0) return ZERO_METRICS;
+    let openDeals = 0;
+    let wonDeals = 0;
+    let lostDeals = 0;
+    let wonFeeSum = 0;
+    let wonFeeCount = 0;
+    let pipelineValue = 0;
+    for (const deal of dealList) {
+      const stage = deal.cached_stage;
+      const isOpen = !stage || !OPEN_EXCLUDED.includes(stage);
+      const isWon = stage === "closed_won";
+      const isLost = stage === "closed_lost";
+      if (isOpen) {
+        openDeals += 1;
+        pipelineValue += deal.initial_fee ?? 0;
+      }
+      if (isWon) {
+        wonDeals += 1;
+        if (deal.initial_fee != null) {
+          wonFeeSum += deal.initial_fee;
+          wonFeeCount += 1;
+        }
+      }
+      if (isLost) {
+        lostDeals += 1;
+      }
+    }
+    const winRateDenominator = wonDeals + lostDeals;
+    const winRate = winRateDenominator === 0 ? 0 : wonDeals / winRateDenominator;
+    const avgDealSize = wonFeeCount === 0 ? 0 : wonFeeSum / wonFeeCount;
+    return {
+      totalDeals: dealList.length,
+      openDeals,
+      wonDeals,
+      winRate,
+      avgDealSize,
+      totalPipelineValue: pipelineValue
+    };
+  }, [deals]);
+  return { data, isLoading, error };
+}
+function useRecentCrmActivity(opts) {
+  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  const limit = opts?.limit ?? 20;
+  const query = useQuery({
+    queryKey: ["recent-crm-activity", organizationId, limit],
+    queryFn: () => apiRequest(`/crm/recent-activity?limit=${limit}`),
+    enabled: isReady
+  });
+  return {
+    data: query.data?.entries ?? [],
+    isLoading: query.isLoading,
+    error: query.error
+  };
+}
+var currencyFormatter = new Intl.NumberFormat("en-US", {
+  style: "currency",
+  currency: "USD",
+  maximumFractionDigits: 0
+});
+var STAGE_LABELS = {
+  interested: "Interested",
+  proposal: "Proposal",
+  closing: "Closing",
+  closed_won: "Closed Won",
+  closed_lost: "Closed Lost",
+  nurturing: "Nurturing"
+};
+function PipelineFunnelWidget({ onStageClick, getDealValue }) {
+  const { data, isLoading, error } = useCrmPipelineSummary({ getDealValue });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load pipeline data" }) });
+  }
+  const totalDeals = data.reduce((sum, s) => sum + s.count, 0);
+  const maxCount = Math.max(...data.map((s) => s.count), 1);
+  if (totalDeals === 0) {
+    return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconColumns, { size: 16 }), title: "Pipeline" }),
+      /* @__PURE__ */ jsx(Center, { h: 200, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, {}), color: "gray", variant: "light", children: "No deals in the pipeline yet" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
     /* @__PURE__ */ jsx(
       CardHeader,
       {
@@ -3581,471 +3899,290 @@ function PipelineFunnelWidget({ onStageClick, getDealValue }) {
     }) })
   ] });
 }
-var MAX_VISIBLE = 5;
-function KindIcon({ kind }) {
-  const size = 16;
-  switch (kind) {
-    case "call":
-      return /* @__PURE__ */ jsx(IconPhone, { size });
-    case "email":
-      return /* @__PURE__ */ jsx(IconMail, { size });
-    case "meeting":
-      return /* @__PURE__ */ jsx(IconCalendar, { size });
-    default:
-      return /* @__PURE__ */ jsx(IconCheckbox, { size });
-  }
-}
-function formatDueDate(dueAt) {
-  if (!dueAt) return "No due date";
-  return new Date(dueAt).toLocaleDateString();
-}
-function TasksDueWidget({ onTaskClick, onSeeAll }) {
-  const { data: tasks, isLoading, error } = useDealTasksDue({ window: "today_and_overdue" });
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load tasks" }) });
-  }
-  const totalCount = tasks?.length ?? 0;
-  const visibleTasks = (tasks ?? []).slice(0, MAX_VISIBLE);
-  const hasMore = totalCount > MAX_VISIBLE;
-  const seeAllLink = onSeeAll && hasMore ? /* @__PURE__ */ jsxs(Anchor, { size: "sm", onClick: onSeeAll, style: { cursor: "pointer" }, children: [
-    "See all (",
-    totalCount,
-    ")"
-  ] }) : void 0;
-  if (totalCount === 0) {
-    return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconChecklist, { size: 16 }), title: "Tasks Due" }),
-      /* @__PURE__ */ jsx(Center, { h: 120, children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No tasks due today" }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-    /* @__PURE__ */ jsx(
-      CardHeader,
-      {
-        icon: /* @__PURE__ */ jsx(IconChecklist, { size: 16 }),
-        title: "Tasks Due",
-        subtitle: `${totalCount} task${totalCount !== 1 ? "s" : ""}`,
-        rightSection: seeAllLink
-      }
-    ),
-    /* @__PURE__ */ jsx(Stack, { gap: "xs", children: visibleTasks.map((task) => /* @__PURE__ */ jsx(
-      Box,
-      {
-        onClick: () => onTaskClick(task.dealId),
-        style: {
-          cursor: "pointer",
-          borderRadius: "var(--mantine-radius-sm)",
-          padding: "6px 8px",
-          transition: `background-color var(--duration-fast) var(--easing)`
-        },
-        onMouseEnter: (e) => {
-          e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-        },
-        onMouseLeave: (e) => {
-          e.currentTarget.style.backgroundColor = "transparent";
-        },
-        children: /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", children: [
-          /* @__PURE__ */ jsx(Text, { c: "dimmed", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx(KindIcon, { kind: task.kind }) }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", style: { flex: 1, minWidth: 0 }, truncate: true, children: task.title }),
-          /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: "gray", style: { flexShrink: 0 }, children: formatDueDate(task.dueAt) })
-        ] })
-      },
-      task.id
-    )) })
-  ] });
-}
-function ActivityKindIcon({ kind }) {
-  const size = 16;
-  switch (kind) {
-    case "note":
-      return /* @__PURE__ */ jsx(IconNote, { size });
-    case "stage_change":
-      return /* @__PURE__ */ jsx(IconArrowRight, { size });
-    case "deal_created":
-      return /* @__PURE__ */ jsx(IconPlus, { size });
-  }
-}
-function formatRelativeTime(occurredAt) {
-  const date = new Date(occurredAt);
-  const now = /* @__PURE__ */ new Date();
-  const diffMs = now.getTime() - date.getTime();
-  const diffMin = Math.floor(diffMs / 6e4);
-  const diffHr = Math.floor(diffMin / 60);
-  const diffDay = Math.floor(diffHr / 24);
-  if (diffMin < 1) return "just now";
-  if (diffMin < 60) return `${diffMin}m ago`;
-  if (diffHr < 24) return `${diffHr}h ago`;
-  if (diffDay < 7) return `${diffDay}d ago`;
-  return date.toLocaleDateString();
-}
-function ActivityFeedWidget({ onDealClick, limit }) {
-  const { data, isLoading, error } = useRecentCrmActivity({ limit: limit ?? 15 });
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load activity" }) });
-  }
-  if (!data.length) {
-    return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconHistory, { size: 16 }), title: "Recent Activity" }),
-      /* @__PURE__ */ jsx(Center, { h: 120, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, {}), color: "gray", variant: "light", children: "No recent activity" }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
-    /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconHistory, { size: 16 }), title: "Recent Activity" }),
-    /* @__PURE__ */ jsx(Stack, { gap: 4, children: data.map((entry) => {
-      const name = entry.contactName ?? entry.companyName ?? "Unknown";
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          onClick: () => onDealClick(entry.dealId),
-          style: {
-            cursor: "pointer",
-            borderRadius: "var(--mantine-radius-sm)",
-            padding: "6px 8px",
-            transition: `background-color var(--duration-fast) var(--easing)`
-          },
-          onMouseEnter: (e) => {
-            e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-          },
-          onMouseLeave: (e) => {
-            e.currentTarget.style.backgroundColor = "transparent";
-          },
-          children: /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", align: "flex-start", children: [
-            /* @__PURE__ */ jsx(Text, { c: "dimmed", style: { flexShrink: 0, paddingTop: 2 }, children: /* @__PURE__ */ jsx(ActivityKindIcon, { kind: entry.kind }) }),
-            /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-              /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, truncate: true, style: { flexShrink: 0, maxWidth: 140 }, children: name }),
-              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", truncate: true, style: { flex: 1, minWidth: 0 }, children: entry.description })
-            ] }) }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { flexShrink: 0, whiteSpace: "nowrap" }, children: formatRelativeTime(entry.occurredAt) })
-          ] })
-        },
-        entry.id
-      );
-    }) })
-  ] });
-}
-var currencyFormatter2 = new Intl.NumberFormat("en-US", {
-  style: "currency",
-  currency: "USD",
-  maximumFractionDigits: 0
-});
-function formatPercent(value) {
-  return `${Math.round(value * 100)}%`;
-}
-function StatTile({ label, value }) {
-  return /* @__PURE__ */ jsx(Card, { padding: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: label }),
-    /* @__PURE__ */ jsx(Text, { fw: 700, size: "xl", children: value })
-  ] }) });
+var MAX_VISIBLE = 5;
+function KindIcon({ kind }) {
+  const size = 16;
+  switch (kind) {
+    case "call":
+      return /* @__PURE__ */ jsx(IconPhone, { size });
+    case "email":
+      return /* @__PURE__ */ jsx(IconMail, { size });
+    case "meeting":
+      return /* @__PURE__ */ jsx(IconCalendar, { size });
+    default:
+      return /* @__PURE__ */ jsx(IconCheckbox, { size });
+  }
 }
-function MetricsStrip() {
-  const { data } = useCrmQuickMetrics();
-  return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 2, sm: 4 }, children: [
-    /* @__PURE__ */ jsx(StatTile, { label: "Total Pipeline Value", value: currencyFormatter2.format(data.totalPipelineValue) }),
-    /* @__PURE__ */ jsx(StatTile, { label: "Win Rate", value: formatPercent(data.winRate) }),
-    /* @__PURE__ */ jsx(StatTile, { label: "Open Deals", value: String(data.openDeals) }),
-    /* @__PURE__ */ jsx(StatTile, { label: "Won This Period", value: String(data.wonDeals) })
-  ] }) });
+function formatDueDate(dueAt) {
+  if (!dueAt) return "No due date";
+  return new Date(dueAt).toLocaleDateString();
 }
-function CrmOverview({
-  onStageClick,
-  onDealClick,
-  onGoToPipeline,
-  getDealValue,
-  renderActions
-}) {
-  const rightSection = renderActions ? renderActions() : /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconColumns, { size: 16 }), variant: "light", size: "sm", onClick: onGoToPipeline, children: "Go to Pipeline" });
-  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+function TasksDueWidget({ onTaskClick, onSeeAll }) {
+  const { data: tasks, isLoading, error } = useDealTasksDue({ window: "today_and_overdue" });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load tasks" }) });
+  }
+  const totalCount = tasks?.length ?? 0;
+  const visibleTasks = (tasks ?? []).slice(0, MAX_VISIBLE);
+  const hasMore = totalCount > MAX_VISIBLE;
+  const seeAllLink = onSeeAll && hasMore ? /* @__PURE__ */ jsxs(Anchor, { size: "sm", onClick: onSeeAll, style: { cursor: "pointer" }, children: [
+    "See all (",
+    totalCount,
+    ")"
+  ] }) : void 0;
+  if (totalCount === 0) {
+    return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconChecklist, { size: 16 }), title: "Tasks Due" }),
+      /* @__PURE__ */ jsx(Center, { h: 120, children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No tasks due today" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
     /* @__PURE__ */ jsx(
-      PageTitleCaption,
+      CardHeader,
       {
-        title: "CRM Overview",
-        caption: "Pipeline health, tasks, and recent activity at a glance.",
-        rightSection
+        icon: /* @__PURE__ */ jsx(IconChecklist, { size: 16 }),
+        title: "Tasks Due",
+        subtitle: `${totalCount} task${totalCount !== 1 ? "s" : ""}`,
+        rightSection: seeAllLink
       }
     ),
-    /* @__PURE__ */ jsx(MetricsStrip, {}),
-    /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, lg: 2 }, spacing: "md", children: [
-      /* @__PURE__ */ jsx(PipelineFunnelWidget, { onStageClick, getDealValue }),
-      /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsx(TasksDueWidget, { onTaskClick: onDealClick }),
-        /* @__PURE__ */ jsx(ActivityFeedWidget, { onDealClick })
-      ] })
-    ] })
-  ] });
-}
-
-// src/features/acquisition/workbench/constants.ts
-var SAVED_VIEW_PRESETS = [
-  {
-    id: "my-deals",
-    label: "My Deals",
-    iconName: "IconUser",
-    target: "/crm/deals"
-  },
-  {
-    id: "overdue",
-    label: "Overdue",
-    iconName: "IconClockExclamation",
-    target: "/crm/deals"
-  },
-  {
-    id: "won-this-month",
-    label: "Won this month",
-    iconName: "IconTrophy",
-    target: "/crm/deals",
-    urlFilters: { stage: "closed_won" },
-    predicate: (deal) => {
-      if (deal.cached_stage !== "closed_won") return false;
-      const updated = new Date(deal.updated_at);
-      const now = /* @__PURE__ */ new Date();
-      return updated.getMonth() === now.getMonth() && updated.getFullYear() === now.getFullYear();
-    }
-  }
-];
-var KIND_ICONS = {
-  call: IconPhone,
-  email: IconMail,
-  meeting: IconCalendar,
-  other: IconCheckbox
-};
-function formatDueLabel(dueAt) {
-  if (!dueAt) return "";
-  const date = new Date(dueAt);
-  const now = /* @__PURE__ */ new Date();
-  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-  const dueDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-  const diffDays = Math.round((dueDay.getTime() - today.getTime()) / 864e5);
-  if (diffDays < 0) return `${Math.abs(diffDays)}d overdue`;
-  if (diffDays === 0) {
-    return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
-  }
-  return `in ${diffDays}d`;
-}
-function TaskRow({ task, onClick }) {
-  const KindIcon2 = KIND_ICONS[task.kind];
-  const dueLabel = formatDueLabel(task.dueAt);
-  const isOverdue = task.dueAt !== null && new Date(task.dueAt) < /* @__PURE__ */ new Date();
-  return /* @__PURE__ */ jsx(
-    UnstyledButton,
-    {
-      onClick,
-      style: {
-        display: "block",
-        width: "100%",
-        padding: "4px 6px",
-        borderRadius: "var(--mantine-radius-sm)",
-        transition: `background-color var(--duration-fast) var(--easing)`
-      },
-      onMouseEnter: (e) => {
-        e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-      },
-      onMouseLeave: (e) => {
-        e.currentTarget.style.backgroundColor = "transparent";
+    /* @__PURE__ */ jsx(Stack, { gap: "xs", children: visibleTasks.map((task) => /* @__PURE__ */ jsx(
+      Box,
+      {
+        onClick: () => onTaskClick(task.dealId),
+        style: {
+          cursor: "pointer",
+          borderRadius: "var(--mantine-radius-sm)",
+          padding: "6px 8px",
+          transition: `background-color var(--duration-fast) var(--easing)`
+        },
+        onMouseEnter: (e) => {
+          e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.backgroundColor = "transparent";
+        },
+        children: /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", children: [
+          /* @__PURE__ */ jsx(Text, { c: "dimmed", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx(KindIcon, { kind: task.kind }) }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", style: { flex: 1, minWidth: 0 }, truncate: true, children: task.title }),
+          /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: "gray", style: { flexShrink: 0 }, children: formatDueDate(task.dueAt) })
+        ] })
       },
-      children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-        /* @__PURE__ */ jsx(KindIcon2, { size: 14, style: { color: "var(--color-text-dimmed)", flexShrink: 0 } }),
-        /* @__PURE__ */ jsx(Text, { size: "xs", truncate: true, style: { flex: 1, minWidth: 0 }, children: task.title }),
-        dueLabel && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: isOverdue ? "red" : "gray", style: { flexShrink: 0 }, children: dueLabel })
-      ] })
-    }
-  );
-}
-function MyTasksPanel({ onTaskClick, onSeeAll }) {
-  const { data, isLoading, isError } = useDealTasksDue({ window: "today_and_overdue" });
-  const tasks = data ?? [];
-  const total = tasks.length;
-  const visible = tasks.slice(0, 5);
-  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: 4, children: [
-      /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, children: "My Tasks" }),
-      total > 0 && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", children: total })
-    ] }),
-    isLoading && /* @__PURE__ */ jsx(Center, { py: 4, children: /* @__PURE__ */ jsx(Loader, { size: "xs" }) }),
-    isError && /* @__PURE__ */ jsx(Text, { size: "xs", c: "red", children: "Failed to load tasks" }),
-    !isLoading && !isError && visible.length === 0 && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No tasks due \u2014 you're caught up." }),
-    !isLoading && !isError && visible.map((task) => /* @__PURE__ */ jsx(TaskRow, { task, onClick: () => onTaskClick(task.dealId) }, task.id)),
-    onSeeAll && total > 5 && /* @__PURE__ */ jsx(UnstyledButton, { onClick: onSeeAll, mt: 2, style: { display: "inline-block" }, children: /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", style: { textDecoration: "underline" }, children: [
-      "See all (",
-      total,
-      ")"
-    ] }) })
-  ] }) });
-}
-var ICON_MAP = {
-  IconUser,
-  IconClockExclamation,
-  IconTrophy
-};
-function SavedViewsPanel({ onViewClick }) {
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(Divider, { mb: "xs" }),
-    /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-      /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, mb: 4, children: "Saved Views" }),
-      SAVED_VIEW_PRESETS.map((preset) => {
-        const Icon = ICON_MAP[preset.iconName];
-        return /* @__PURE__ */ jsx(
-          UnstyledButton,
-          {
-            onClick: () => onViewClick(preset),
-            style: {
-              display: "block",
-              width: "100%",
-              padding: "4px 6px",
-              borderRadius: "var(--mantine-radius-sm)",
-              transition: `background-color var(--duration-fast) var(--easing)`
-            },
-            onMouseEnter: (e) => {
-              e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-            },
-            onMouseLeave: (e) => {
-              e.currentTarget.style.backgroundColor = "transparent";
-            },
-            children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-              /* @__PURE__ */ jsx(Icon, { size: 14, style: { color: "var(--color-text-dimmed)", flexShrink: 0 } }),
-              /* @__PURE__ */ jsx(Text, { size: "xs", children: preset.label })
-            ] })
-          },
-          preset.id
-        );
-      })
-    ] })
+      task.id
+    )) })
   ] });
 }
-var KIND_OPTIONS = [
-  { value: "call", label: "Call" },
-  { value: "email", label: "Email" },
-  { value: "meeting", label: "Meeting" },
-  { value: "other", label: "Other" }
-];
-function buildDealLabel(deal) {
-  const contact = deal.contact;
-  if (!contact) return `Deal ${deal.id.slice(0, 8)}`;
-  const name = `${contact.first_name ?? ""} ${contact.last_name ?? ""}`.trim();
-  const company = contact.company?.name ?? "\u2014";
-  return name ? `${name} \u2013 ${company}` : `Deal ${deal.id.slice(0, 8)}`;
+function ActivityKindIcon({ kind }) {
+  const size = 16;
+  switch (kind) {
+    case "note":
+      return /* @__PURE__ */ jsx(IconNote, { size });
+    case "stage_change":
+      return /* @__PURE__ */ jsx(IconArrowRight, { size });
+    case "deal_created":
+      return /* @__PURE__ */ jsx(IconPlus, { size });
+  }
 }
-function QuickCreateActions({ onNewDeal }) {
-  const [open, setOpen] = useState(false);
-  const [dealId, setDealId] = useState(null);
-  const [title, setTitle] = useState("");
-  const [description, setDescription] = useState("");
-  const [kind, setKind] = useState("other");
-  const [dueAt, setDueAt] = useState("");
-  const { data: deals } = useDeals();
-  const createTask = useCreateDealTask();
-  const dealOptions = (deals ?? []).map((deal) => ({
-    value: deal.id,
-    label: buildDealLabel(deal)
-  }));
-  function resetForm() {
-    setDealId(null);
-    setTitle("");
-    setDescription("");
-    setKind("other");
-    setDueAt("");
+function formatRelativeTime(occurredAt) {
+  const date = new Date(occurredAt);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMin = Math.floor(diffMs / 6e4);
+  const diffHr = Math.floor(diffMin / 60);
+  const diffDay = Math.floor(diffHr / 24);
+  if (diffMin < 1) return "just now";
+  if (diffMin < 60) return `${diffMin}m ago`;
+  if (diffHr < 24) return `${diffHr}h ago`;
+  if (diffDay < 7) return `${diffDay}d ago`;
+  return date.toLocaleDateString();
+}
+function ActivityFeedWidget({ onDealClick, limit }) {
+  const { data, isLoading, error } = useRecentCrmActivity({ limit: limit ?? 15 });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
   }
-  function handleClose() {
-    setOpen(false);
-    resetForm();
+  if (error) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load activity" }) });
   }
-  async function handleSubmit() {
-    if (!dealId || !title) return;
-    await createTask.mutateAsync({
-      dealId,
-      title,
-      description: description || null,
-      kind,
-      dueAt: dueAt ? new Date(dueAt).toISOString() : null
-    });
-    handleClose();
+  if (!data.length) {
+    return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconHistory, { size: 16 }), title: "Recent Activity" }),
+      /* @__PURE__ */ jsx(Center, { h: 120, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, {}), color: "gray", variant: "light", children: "No recent activity" }) })
+    ] });
   }
-  const isSubmitDisabled = !dealId || !title || createTask.isPending;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-      /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, children: "QUICK CREATE" }),
-      /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "light", size: "xs", leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 14 }), fullWidth: true, onClick: onNewDeal, children: "New Deal" }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "light",
-            size: "xs",
-            leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 14 }),
-            fullWidth: true,
-            onClick: () => setOpen(true),
-            children: "New Task"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Modal, { opened: open, onClose: handleClose, title: "New Task", size: "md", children: [
-      /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-        /* @__PURE__ */ jsx(
-          Select,
-          {
-            label: "Deal",
-            placeholder: "Select a deal",
-            data: dealOptions,
-            value: dealId,
-            onChange: setDealId,
-            searchable: true,
-            required: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TextInput,
-          {
-            label: "Title",
-            placeholder: "Task title",
-            value: title,
-            onChange: (e) => setTitle(e.currentTarget.value),
-            required: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            label: "Description",
-            placeholder: "Optional description",
-            value: description,
-            onChange: (e) => setDescription(e.currentTarget.value),
-            autosize: true,
-            minRows: 2,
-            maxRows: 5
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Select,
-          {
-            label: "Kind",
-            data: KIND_OPTIONS,
-            value: kind,
-            onChange: (v) => setKind(v ?? "other")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TextInput,
-          {
-            type: "datetime-local",
-            label: "Due At",
-            value: dueAt,
-            onChange: (e) => setDueAt(e.currentTarget.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: handleClose, children: "Cancel" }),
-        /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: createTask.isPending, disabled: isSubmitDisabled, children: "Create" })
+  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", children: [
+    /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconHistory, { size: 16 }), title: "Recent Activity" }),
+    /* @__PURE__ */ jsx(Stack, { gap: 4, children: data.map((entry) => {
+      const name = entry.contactName ?? entry.companyName ?? "Unknown";
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          onClick: () => onDealClick(entry.dealId),
+          style: {
+            cursor: "pointer",
+            borderRadius: "var(--mantine-radius-sm)",
+            padding: "6px 8px",
+            transition: `background-color var(--duration-fast) var(--easing)`
+          },
+          onMouseEnter: (e) => {
+            e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+          },
+          onMouseLeave: (e) => {
+            e.currentTarget.style.backgroundColor = "transparent";
+          },
+          children: /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", align: "flex-start", children: [
+            /* @__PURE__ */ jsx(Text, { c: "dimmed", style: { flexShrink: 0, paddingTop: 2 }, children: /* @__PURE__ */ jsx(ActivityKindIcon, { kind: entry.kind }) }),
+            /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+              /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, truncate: true, style: { flexShrink: 0, maxWidth: 140 }, children: name }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", truncate: true, style: { flex: 1, minWidth: 0 }, children: entry.description })
+            ] }) }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { flexShrink: 0, whiteSpace: "nowrap" }, children: formatRelativeTime(entry.occurredAt) })
+          ] })
+        },
+        entry.id
+      );
+    }) })
+  ] });
+}
+var currencyFormatter2 = new Intl.NumberFormat("en-US", {
+  style: "currency",
+  currency: "USD",
+  maximumFractionDigits: 0
+});
+function formatPercent(value) {
+  return `${Math.round(value * 100)}%`;
+}
+function StatTile({ label, value }) {
+  return /* @__PURE__ */ jsx(Card, { padding: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: label }),
+    /* @__PURE__ */ jsx(Text, { fw: 700, size: "xl", children: value })
+  ] }) });
+}
+function MetricsStrip() {
+  const { data } = useCrmQuickMetrics();
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 2, sm: 4 }, children: [
+    /* @__PURE__ */ jsx(StatTile, { label: "Total Pipeline Value", value: currencyFormatter2.format(data.totalPipelineValue) }),
+    /* @__PURE__ */ jsx(StatTile, { label: "Win Rate", value: formatPercent(data.winRate) }),
+    /* @__PURE__ */ jsx(StatTile, { label: "Open Deals", value: String(data.openDeals) }),
+    /* @__PURE__ */ jsx(StatTile, { label: "Won This Period", value: String(data.wonDeals) })
+  ] }) });
+}
+function CrmOverview({
+  onStageClick,
+  onDealClick,
+  onGoToPipeline,
+  getDealValue,
+  renderActions
+}) {
+  const rightSection = renderActions ? renderActions() : /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconColumns, { size: 16 }), variant: "light", size: "sm", onClick: onGoToPipeline, children: "Go to Pipeline" });
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "CRM Overview",
+        caption: "Pipeline health, tasks, and recent activity at a glance.",
+        rightSection
+      }
+    ),
+    /* @__PURE__ */ jsx(MetricsStrip, {}),
+    /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, lg: 2 }, spacing: "md", children: [
+      /* @__PURE__ */ jsx(PipelineFunnelWidget, { onStageClick, getDealValue }),
+      /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(TasksDueWidget, { onTaskClick: onDealClick }),
+        /* @__PURE__ */ jsx(ActivityFeedWidget, { onDealClick })
       ] })
     ] })
   ] });
 }
+
+// src/features/crm/manifest.ts
+var crmManifest = {
+  key: "crm",
+  label: "CRM",
+  sidebar: CrmSidebar,
+  subshellRoutes: ["/crm"]
+};
+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: "Batches", to: "/lead-gen/batches", icon: IconListDetails, exact: false },
+  { 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 },
+  { label: "Deliverability", to: "/lead-gen/deliverability", icon: IconMailCheck, exact: false }
+];
+var LeadGenSidebarMiddle = () => {
+  const { currentPath, navigate } = useRouterContext();
+  return /* @__PURE__ */ jsx(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: LEAD_GEN_ITEMS.map((item) => {
+    const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
+    return /* @__PURE__ */ jsx(
+      SidebarListItem,
+      {
+        icon: item.icon,
+        label: item.label,
+        isActive,
+        onClick: () => navigate(item.to)
+      },
+      item.to
+    );
+  }) }) });
+};
+var LeadGenSidebar = () => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(LeadGenSidebarTop, {}),
+    /* @__PURE__ */ jsx(LeadGenSidebarMiddle, {})
+  ] });
+};
+
+// src/features/lead-gen/manifest.ts
+var leadGenManifest = {
+  key: "lead-gen",
+  label: "Lead Gen",
+  sidebar: LeadGenSidebar,
+  subshellRoutes: ["/lead-gen"]
+};
+var SEOSidebarTop = () => {
+  return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconSearch, label: "SEO" });
+};
+var NAV_ITEMS = [
+  { label: "SEO Pages", to: "/seo", icon: IconChartBar, exact: true },
+  { label: "Metrics", to: "/seo/metrics", icon: IconTrendingUp, exact: false }
+];
+var SEOSidebarMiddle = () => {
+  const { currentPath, navigate } = useRouterContext();
+  return /* @__PURE__ */ jsx(Stack, { gap: "xs", p: "sm", style: { flex: 1, overflowY: "auto" }, children: NAV_ITEMS.map((item) => {
+    const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
+    return /* @__PURE__ */ jsx(
+      SidebarListItem,
+      {
+        icon: item.icon,
+        label: item.label,
+        isActive,
+        onClick: () => navigate(item.to)
+      },
+      item.to
+    );
+  }) });
+};
+var SEOSidebar = () => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(SEOSidebarTop, {}),
+    /* @__PURE__ */ jsx(SEOSidebarMiddle, {})
+  ] });
+};
+
+// src/features/seo/manifest.ts
+var seoManifest = {
+  key: "seo",
+  label: "SEO",
+  sidebar: SEOSidebar,
+  subshellRoutes: ["/seo"]
+};
 function ringColor(completed, total) {
   if (total === 0) return "gray";
   const pct = completed / total;
@@ -4345,10 +4482,13 @@ var ProjectsSidebarMiddle = ({ currentPath, onNavigate }) => {
     ] })
   ] });
 };
-var ProjectsSidebar = ({ currentPath, onNavigate }) => {
+var ProjectsSidebar = ({ currentPath, onNavigate } = {}) => {
+  const { currentPath: routerCurrentPath, navigate } = useRouterContext();
+  const resolvedCurrentPath = currentPath ?? routerCurrentPath;
+  const resolvedNavigate = onNavigate ?? navigate;
   return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ jsx(ProjectsSidebarTop, {}),
-    /* @__PURE__ */ jsx(ProjectsSidebarMiddle, { currentPath, onNavigate })
+    /* @__PURE__ */ jsx(ProjectsSidebarMiddle, { currentPath: resolvedCurrentPath, onNavigate: resolvedNavigate })
   ] });
 };
 var taskStatusOptions = [
@@ -4486,6 +4626,18 @@ function UpcomingMilestonesPage() {
     ] }) })
   ] }) });
 }
+var deliveryManifest = {
+  key: "delivery",
+  label: "Projects",
+  navEntry: {
+    label: "Projects",
+    icon: IconBriefcase,
+    link: "/projects",
+    featureKey: "delivery"
+  },
+  sidebar: ProjectsSidebar,
+  subshellRoutes: ["/projects"]
+};
 function NotificationPanel({ notifications, isLoading, onClose, onNavigate }) {
   const markAllAsRead = useMarkAllAsRead();
   const hasUnread = notifications.some((n) => !n.read);
@@ -4538,4 +4690,4 @@ function NotificationBell({ unreadCount, onNavigate }) {
   ] });
 }
 
-export { AbsoluteScheduleForm, ActivityFeedWidget, AllTasksPage, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, Breadcrumbs, CrashErrorFallback, CreateApiKeyModal, CreateScheduleModal, CrmOverview, DEAL_STAGES, DEFAULT_KANBAN_CONFIG, DealDrawer, DealKanbanCard, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, DocTreeNav, EditApiKeyModal, ErrorReportCard, HealthStatusCard, KanbanBoard, KnowledgeBasePage, MdxRenderer, MetricsStrip, MilestoneTimeline, MyTasksPanel, NotificationBell, NotificationPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, QuickCreateActions, RecurringScheduleForm, RelativeScheduleForm, RichTextEditor, SAVED_VIEW_PRESETS, SavedViewsPanel, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, SortableHeader, TableSelectionToolbar, TaskCard, TaskScheduler, TasksDueWidget, UpcomingMilestonesPage, buildErrorReport, calculateProgress, formatStatusLabel, mdxComponents, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity };
+export { AbsoluteScheduleForm, ActivityFeedWidget, AllTasksPage, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, Breadcrumbs, CrashErrorFallback, CreateApiKeyModal, CreateScheduleModal, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DEAL_STAGES, DEFAULT_KANBAN_CONFIG, DealDrawer, DealKanbanCard, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, DocTreeNav, EditApiKeyModal, ErrorReportCard, HealthStatusCard, KanbanBoard, KnowledgeBasePage, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, MdxRenderer, MetricsStrip, MilestoneTimeline, MyTasksPanel, NotificationBell, NotificationPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, QuickCreateActions, RecurringScheduleForm, RelativeScheduleForm, RichTextEditor, SAVED_VIEW_PRESETS, SEOSidebar, SEOSidebarMiddle, SEOSidebarTop, SavedViewsPanel, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, SortableHeader, TableSelectionToolbar, TaskCard, TaskScheduler, TasksDueWidget, UpcomingMilestonesPage, buildErrorReport, calculateProgress, crmManifest, deliveryManifest, formatStatusLabel, leadGenManifest, mdxComponents, milestoneStatusColors, noteTypeColors, projectStatusColors, seoManifest, taskStatusColors, taskTypeColors, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity };