@elevasis/ui 1.24.3 → 1.25.0

package/dist/components/index.js

@@ -1,28 +1,28 @@
 import { useBreadcrumbs } from '../chunk-MG3NF7QL.js';
-import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer } from '../chunk-CTF6FS2M.js';
-import { NotificationList } from '../chunk-ZDKC3V7C.js';
-export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList } from '../chunk-ZDKC3V7C.js';
-export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal } from '../chunk-H3MU3WTM.js';
+import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer } from '../chunk-L3GVDMCA.js';
+import { NotificationList } from '../chunk-7RS6VTAV.js';
+export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList } from '../chunk-7RS6VTAV.js';
+export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal } from '../chunk-3EVTCVKR.js';
 import { FilterBar } from '../chunk-PDHTXPSF.js';
 export { FilterBar } from '../chunk-PDHTXPSF.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, TaskCard, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, useNewKnowledgeMapLayout } from '../chunk-BGTZFEKR.js';
-import { SubshellLoader, PageContainer, CollapsibleSidebarGroup, SidebarListItem } from '../chunk-AWT255UH.js';
-export { ResourceHealthPanel } from '../chunk-WY5IJI37.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-HYYI4ZFT.js';
+import { SubshellLoader, PageContainer, SubshellSidebarSection, SidebarListItem, CollapsibleSidebarGroup } from '../chunk-AWT255UH.js';
+export { ResourceHealthPanel } from '../chunk-RIL2CDFE.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-VMMNFRAO.js';
-import '../chunk-UG5565XQ.js';
-import { ListSkeleton, EmptyState, PageTitleCaption, StatCard, APIErrorAlert, CardHeader } from '../chunk-IAZT3VO6.js';
-export { APIErrorAlert, ActivityTimeline, CardHeader, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, GlowDot, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-IAZT3VO6.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-QNABH7YG.js';
+import '../chunk-US4JUSI3.js';
+import { ListSkeleton, EmptyState, PageTitleCaption, StatCard, CenteredErrorState, CardHeader, ActivityTimeline, StatusBadge } from '../chunk-G25YWGUL.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-G25YWGUL.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 } from '../chunk-JTUX5FDC.js';
+import { useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, useDealNotes, useCreateDealNote, useDeals, useSyncDealStage, dealKeys, useDealTasksDue, useCreateDealTask, useTasks, useProjects, useMilestones } from '../chunk-R565P6XC.js';
 import { usePaginationState, useDeploymentDocs, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useMarkAllAsRead, useNotifications, showErrorNotification, showSuccessNotification, showApiErrorNotification } from '../chunk-QDO6NF2I.js';
 export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-QDO6NF2I.js';
-import '../chunk-NJJ3NQ7B.js';
+import { useSupabase } from '../chunk-NJJ3NQ7B.js';
 import '../chunk-LXHZYSMQ.js';
 import '../chunk-MHW43EOH.js';
 export { Graph_module_css_default as graphStyles } from '../chunk-F6RBK7NJ.js';
@@ -31,28 +31,28 @@ import '../chunk-ELJIFLCB.js';
 import '../chunk-L4XXM55J.js';
 import '../chunk-SLVC5OJ2.js';
 import '../chunk-RNP5R5I3.js';
-import '../chunk-TML32XBW.js';
+import '../chunk-RMPXGBNI.js';
 export { ElevasisLoader } from '../chunk-SZHARWKU.js';
-import '../chunk-OH74INP2.js';
-import '../chunk-JR2C4XAN.js';
+import '../chunk-FEZZ3IDU.js';
+import '../chunk-CYXZHBP4.js';
 import '../chunk-R7WLWGPO.js';
 import '../chunk-NVOCKXUQ.js';
 import '../chunk-V7XHGJQZ.js';
 import { useAppearance } from '../chunk-QJ2KCHKX.js';
-import { formatDateTime, PAGE_SIZE_DEFAULT } from '../chunk-IOKL7BKE.js';
+import { formatDateTime, PAGE_SIZE_DEFAULT, formatTimeAgo } from '../chunk-IOKL7BKE.js';
 import '../chunk-RWQIFKMJ.js';
 import '../chunk-ALA56RGZ.js';
 import { useInitialization } from '../chunk-TUXTSEAF.js';
-import '../chunk-DD3CCMCZ.js';
+import { useOrganization } from '../chunk-DD3CCMCZ.js';
 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, 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, IconBell, IconFolderOpen, IconFolder, IconFileText } from '@tabler/icons-react';
+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 * as runtime from 'react/jsx-runtime';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDisclosure } from '@mantine/hooks';
-import { useQuery } from '@tanstack/react-query';
+import { useQueryClient, useQuery } from '@tanstack/react-query';
 import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { useForm } from '@mantine/form';
 import { Link, RichTextEditor as RichTextEditor$1 } from '@mantine/tiptap';
@@ -2212,7 +2212,7 @@ var TaskScheduler = () => {
     return buckets;
   };
   if (error) {
-    return /* @__PURE__ */ jsx(APIErrorAlert, { error, title: "Failed to load schedules" });
+    return /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load schedules" }) });
   }
   const timeBuckets = groupByTimeBucket(filteredSchedules);
   const renderScheduleCards = (schedules) => schedules.map((schedule) => /* @__PURE__ */ jsx(
@@ -2229,7 +2229,7 @@ var TaskScheduler = () => {
     },
     schedule.id
   ));
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(
       PageTitleCaption,
       {
@@ -3045,6 +3045,1521 @@ var Breadcrumbs = ({ navItems }) => {
   });
   return /* @__PURE__ */ jsx(Breadcrumbs$1, { separator: "/", children: items });
 };
+function DealKanbanCard({ deal, config: _config, onClick, onDragStart, onDragEnd }) {
+  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 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;
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      padding: "sm",
+      style: {
+        cursor: "grab",
+        userSelect: "none"
+      },
+      withBorder: true,
+      draggable: true,
+      onDragStart: (e) => onDragStart(e, deal),
+      onDragEnd,
+      onClick: () => onClick(deal),
+      children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, lineClamp: 1, children: displayName }),
+        companyName && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", lineClamp: 1, children: companyName }),
+        /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "wrap", children: [
+          hasInitialFee && /* @__PURE__ */ jsxs(Badge, { variant: "outline", size: "xs", color: "green", children: [
+            "$",
+            deal.initial_fee.toLocaleString()
+          ] }),
+          hasMonthlyFee && /* @__PURE__ */ jsxs(Badge, { variant: "outline", size: "xs", color: "teal", children: [
+            "$",
+            deal.monthly_fee.toLocaleString(),
+            "/mo"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatTimeAgo(deal.updated_at) })
+      ] })
+    }
+  );
+}
+
+// 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 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" },
+  closed_won: { color: "green" },
+  closed_lost: { color: "red" },
+  nurturing: { color: "grape" },
+  cancelled: { color: "gray" },
+  no_show: { color: "gray" }
+};
+function formatStageLabel(stage) {
+  if (!stage) return "Unstaged";
+  return stage.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+function DealDrawer({ deal, opened, onClose, renderActions }) {
+  const [noteBody, setNoteBody] = useState("");
+  const { data: notes, isLoading: notesLoading } = useDealNotes(deal?.id ?? "");
+  const createNote = useCreateDealNote();
+  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.cached_stage;
+  const badgeColor = DEFAULT_KANBAN_CONFIG[stage]?.color ?? "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 })
+            ] })
+          ] })
+        ] }),
+        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";
+function formatStageLabel2(stage) {
+  if (stage === UNSTAGED_KEY) return "Unstaged";
+  return stage.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+function groupDealsByStage(deals) {
+  const map = /* @__PURE__ */ new Map();
+  for (const stage of DEAL_STAGES) {
+    map.set(stage, []);
+  }
+  map.set(UNSTAGED_KEY, []);
+  for (const deal of deals) {
+    const key = deal.cached_stage ?? UNSTAGED_KEY;
+    const bucket = map.get(key);
+    if (bucket) {
+      bucket.push(deal);
+    } else {
+      map.get(UNSTAGED_KEY).push(deal);
+    }
+  }
+  return map;
+}
+function KanbanBoard({ config = DEFAULT_KANBAN_CONFIG, renderDrawerActions }) {
+  const { data: deals, isLoading, error } = useDeals();
+  const syncStage = useSyncDealStage();
+  const queryClient = useQueryClient();
+  const [selectedDeal, setSelectedDeal] = useState(null);
+  const [drawerOpen, setDrawerOpen] = useState(false);
+  const [dragOverColumn, setDragOverColumn] = useState(null);
+  const draggingDealRef = useRef(null);
+  const groupedDeals = groupDealsByStage(deals ?? []);
+  const columns = [...DEAL_STAGES, UNSTAGED_KEY];
+  const handleDragStart = useCallback((e, deal) => {
+    draggingDealRef.current = deal;
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/plain", deal.id);
+  }, []);
+  const handleDragOver = useCallback((e, column) => {
+    if (column === UNSTAGED_KEY) {
+      e.dataTransfer.dropEffect = "none";
+      return;
+    }
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+    setDragOverColumn(column);
+  }, []);
+  const handleDragLeave = useCallback(() => {
+    setDragOverColumn(null);
+  }, []);
+  const handleDrop = useCallback(
+    (e, targetStage) => {
+      e.preventDefault();
+      setDragOverColumn(null);
+      if (targetStage === UNSTAGED_KEY) return;
+      const deal = draggingDealRef.current;
+      draggingDealRef.current = null;
+      if (!deal) return;
+      if (deal.cached_stage === targetStage) return;
+      queryClient.setQueriesData({ queryKey: dealKeys.lists() }, (old) => {
+        if (!old) return old;
+        return old.map((d) => d.id === deal.id ? { ...d, cached_stage: targetStage } : d);
+      });
+      syncStage.mutate({ dealId: deal.id, stage: targetStage });
+    },
+    [queryClient, syncStage]
+  );
+  const handleDragEnd = useCallback(() => {
+    draggingDealRef.current = null;
+    setDragOverColumn(null);
+  }, []);
+  const handleCardClick = useCallback((deal) => {
+    setSelectedDeal(deal);
+    setDrawerOpen(true);
+  }, []);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(Center, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(Loader, {}) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(Alert, { color: "red", children: "Failed to load deals" }) });
+  }
+  return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: "md", style: { height: "100%" }, 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: 300,
+              minWidth: 300,
+              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: "sm", 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
+              )) })
+            ] })
+          },
+          columnKey
+        );
+      }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DealDrawer,
+      {
+        deal: selectedDeal,
+        opened: drawerOpen,
+        onClose: () => setDrawerOpen(false),
+        renderActions: 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);
+    }
+    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
+};
+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 };
+}
+var RECENT_NOTES_LIMIT = 50;
+function useRecentCrmActivity(opts) {
+  const limit = opts?.limit ?? 25;
+  const supabase = useSupabase();
+  const { currentSupabaseOrganizationId: organizationId, isInitializing, isOrgRefreshing } = useOrganization();
+  const isReady = !!organizationId && !isInitializing && !isOrgRefreshing;
+  const { data: deals, isLoading: dealsLoading, error: dealsError } = useDeals();
+  const {
+    data: rawNotes,
+    isLoading: notesLoading,
+    error: notesError
+  } = useQuery({
+    queryKey: ["crm-recent-notes", organizationId],
+    queryFn: async () => {
+      if (!organizationId) return [];
+      const { data: data2, error } = await supabase.from("acq_deal_notes").select("id, deal_id, organization_id, body, created_at").eq("organization_id", organizationId).order("created_at", { ascending: false }).limit(RECENT_NOTES_LIMIT);
+      if (error) throw error;
+      return data2 ?? [];
+    },
+    enabled: isReady
+  });
+  const data = useMemo(() => {
+    const dealList = deals ?? [];
+    const noteList = rawNotes ?? [];
+    const dealById = /* @__PURE__ */ new Map();
+    for (const deal of dealList) {
+      dealById.set(deal.id, deal);
+    }
+    const entries = [];
+    for (const note of noteList) {
+      const deal = dealById.get(note.deal_id);
+      const contact = deal?.contact ?? null;
+      const contactName = contact ? [contact.first_name, contact.last_name].filter(Boolean).join(" ") || null : null;
+      const companyName = contact?.company?.name ?? null;
+      entries.push({
+        id: `note-${note.id}`,
+        kind: "note",
+        dealId: note.deal_id,
+        occurredAt: note.created_at,
+        description: note.body.slice(0, 120),
+        contactName,
+        companyName,
+        stage: deal?.cached_stage ?? null
+      });
+    }
+    for (const deal of dealList) {
+      const rawLog = deal.activity_log;
+      if (!Array.isArray(rawLog) || rawLog.length === 0) continue;
+      const contact = deal.contact ?? null;
+      const contactName = contact ? [contact.first_name, contact.last_name].filter(Boolean).join(" ") || null : null;
+      const companyName = contact?.company?.name ?? null;
+      const activityLog = rawLog;
+      for (let i = 0; i < activityLog.length; i++) {
+        const entry = activityLog[i];
+        const kind = i === 0 ? "deal_created" : "stage_change";
+        let description;
+        if (entry.description) {
+          description = entry.description;
+        } else if (kind === "deal_created") {
+          description = "Deal created";
+        } else {
+          description = entry.title ?? "Stage updated";
+        }
+        entries.push({
+          id: `${kind}-${deal.id}-${i}`,
+          kind,
+          dealId: deal.id,
+          occurredAt: entry.occurredAt,
+          description,
+          contactName,
+          companyName,
+          stage: deal.cached_stage ?? null
+        });
+      }
+    }
+    entries.sort((a, b) => a.occurredAt < b.occurredAt ? 1 : a.occurredAt > b.occurredAt ? -1 : 0);
+    return entries.slice(0, limit);
+  }, [deals, rawNotes, limit]);
+  return {
+    data,
+    isLoading: dealsLoading || notesLoading,
+    error: dealsError ?? notesError ?? null
+  };
+}
+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"
+};
+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,
+      {
+        icon: /* @__PURE__ */ jsx(IconColumns, { size: 16 }),
+        title: "Pipeline",
+        subtitle: `${totalDeals} deal${totalDeals !== 1 ? "s" : ""} total`
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { children: PIPELINE_FUNNEL_ORDER.map((stage) => {
+      const summary = data.find((s) => s.stage === stage);
+      const isEmpty = summary.count === 0;
+      const barWidth = isEmpty ? 2 : Math.max(4, summary.count / maxCount * 100);
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          onClick: () => onStageClick(stage),
+          style: {
+            cursor: "pointer",
+            borderRadius: "var(--mantine-radius-sm)",
+            padding: "6px 8px",
+            transition: `background-color var(--duration-fast) var(--easing)`,
+            marginBottom: 4
+          },
+          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, { size: "sm", c: isEmpty ? "dimmed" : void 0, style: { width: 130, flexShrink: 0 }, children: STAGE_LABELS[stage] }),
+            /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: isEmpty ? "gray" : void 0, style: { flexShrink: 0 }, children: summary.count }),
+            /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "outline", color: isEmpty ? "gray" : "teal", style: { flexShrink: 0 }, children: currencyFormatter.format(summary.totalValue) }),
+            /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx(
+              Box,
+              {
+                style: {
+                  height: 8,
+                  width: `${barWidth}%`,
+                  borderRadius: 4,
+                  backgroundColor: isEmpty ? "var(--color-border)" : "color-mix(in srgb, var(--color-primary) 70%, transparent)",
+                  opacity: isEmpty ? 0.4 : 1,
+                  transition: `width var(--duration-normal) var(--easing)`
+                }
+              }
+            ) })
+          ] })
+        },
+        stage
+      );
+    }) })
+  ] });
+}
+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 })
+  ] }) });
+}
+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/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";
+      },
+      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__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Divider, { mb: "xs" }),
+    /* @__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
+        );
+      })
+    ] })
+  ] });
+}
+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" })
+      ] })
+    ] })
+  ] });
+}
+function ringColor(completed, total) {
+  if (total === 0) return "gray";
+  const pct = completed / total;
+  if (pct > 0.75) return "green";
+  if (pct > 0.5) return "yellow";
+  return "gray";
+}
+function ringValue(completed, total) {
+  if (total === 0) return 0;
+  return Math.round(completed / total * 100);
+}
+function formatDate2(iso) {
+  return new Date(iso).toLocaleDateString();
+}
+function daysRelative(targetEndDate) {
+  const now = /* @__PURE__ */ new Date();
+  const end = new Date(targetEndDate);
+  const diffMs = end.getTime() - now.getTime();
+  const diffDays = Math.ceil(diffMs / 864e5);
+  if (diffDays >= 0) {
+    return { label: `${diffDays} day${diffDays === 1 ? "" : "s"} remaining`, overdue: false };
+  }
+  return { label: `${Math.abs(diffDays)} day${Math.abs(diffDays) === 1 ? "" : "s"} overdue`, overdue: true };
+}
+function HealthStatusCard({
+  status,
+  milestoneCount,
+  completedMilestones,
+  taskCount,
+  completedTasks,
+  startDate,
+  targetEndDate
+}) {
+  const milestoneRingValue = ringValue(completedMilestones, milestoneCount);
+  const taskRingValue = ringValue(completedTasks, taskCount);
+  const timeInfo = targetEndDate ? daysRelative(targetEndDate) : null;
+  return /* @__PURE__ */ jsxs(SimpleGrid, { cols: 4, children: [
+    /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "md", p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: 8, children: [
+      /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+        /* @__PURE__ */ jsx(ThemeIcon, { size: 20, variant: "light", color: "gray", children: /* @__PURE__ */ jsx(IconHeartbeat, { size: 14 }) }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 500, children: "Status" })
+      ] }),
+      /* @__PURE__ */ jsx(StatusBadge, { status, size: "md" })
+    ] }) }),
+    /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "md", p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: 8, children: [
+      /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+        /* @__PURE__ */ jsx(ThemeIcon, { size: 20, variant: "light", color: "gray", children: /* @__PURE__ */ jsx(IconFlag, { size: 14 }) }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 500, children: "Milestones" })
+      ] }),
+      /* @__PURE__ */ jsxs(Group, { gap: 10, align: "center", children: [
+        /* @__PURE__ */ jsx(
+          RingProgress,
+          {
+            size: 48,
+            thickness: 5,
+            sections: [{ value: milestoneRingValue, color: ringColor(completedMilestones, milestoneCount) }]
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+          /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 600, children: [
+            completedMilestones,
+            "/",
+            milestoneCount
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "complete" })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "md", p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: 8, children: [
+      /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+        /* @__PURE__ */ jsx(ThemeIcon, { size: 20, variant: "light", color: "gray", children: /* @__PURE__ */ jsx(IconFileText, { size: 14 }) }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 500, children: "Tasks" })
+      ] }),
+      /* @__PURE__ */ jsxs(Group, { gap: 10, align: "center", children: [
+        /* @__PURE__ */ jsx(
+          RingProgress,
+          {
+            size: 48,
+            thickness: 5,
+            sections: [{ value: taskRingValue, color: ringColor(completedTasks, taskCount) }]
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+          /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 600, children: [
+            completedTasks,
+            "/",
+            taskCount
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "approved" })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "md", p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: 8, children: [
+      /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+        /* @__PURE__ */ jsx(ThemeIcon, { size: 20, variant: "light", color: "gray", children: /* @__PURE__ */ jsx(IconCalendar, { size: 14 }) }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 500, children: "Timeline" })
+      ] }),
+      /* @__PURE__ */ jsx(Stack, { gap: 2, children: startDate && targetEndDate ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
+          formatDate2(startDate),
+          " \u2192 ",
+          formatDate2(targetEndDate)
+        ] }),
+        timeInfo && /* @__PURE__ */ jsx(Text, { size: "xs", c: timeInfo.overdue ? "red" : "dimmed", children: timeInfo.label })
+      ] }) : startDate ? /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
+        "Started ",
+        formatDate2(startDate)
+      ] }) : targetEndDate ? /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
+        "Due ",
+        formatDate2(targetEndDate)
+      ] }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No dates set" }) })
+    ] }) })
+  ] });
+}
+
+// src/features/delivery/_shared.ts
+var projectStatusColors = {
+  active: "blue",
+  on_track: "green",
+  at_risk: "yellow",
+  blocked: "red",
+  completed: "teal",
+  paused: "gray"
+};
+var milestoneStatusColors = {
+  upcoming: "gray",
+  in_progress: "blue",
+  completed: "green",
+  overdue: "red",
+  blocked: "orange"
+};
+var taskStatusColors = {
+  pending: "gray",
+  planned: "gray",
+  in_progress: "blue",
+  submitted: "yellow",
+  approved: "green",
+  rejected: "red",
+  revision_requested: "orange"
+};
+var taskTypeColors = {
+  documentation: "blue",
+  code: "violet",
+  report: "cyan",
+  design: "pink",
+  other: "gray"
+};
+var noteTypeColors = {
+  call_note: "blue",
+  status_update: "green",
+  issue: "yellow",
+  blocker: "red"
+};
+function formatStatusLabel(status) {
+  return status.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+function formatDate3(dateString) {
+  if (!dateString) return "-";
+  return new Date(dateString).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+}
+function calculateProgress(completed, total) {
+  if (total === 0) return 0;
+  return Math.round(completed / total * 100);
+}
+var MILESTONE_ICONS = {
+  upcoming: IconClock,
+  in_progress: IconFlag,
+  completed: IconCircleCheck,
+  overdue: IconAlertTriangle,
+  blocked: IconLock
+};
+function MilestoneTimeline({ milestones, tasks }) {
+  const sorted = [...milestones].sort((a, b) => a.sequence - b.sequence);
+  const defaultExpanded = new Set(sorted.filter((m) => m.status === "in_progress").map((m) => m.id));
+  const [expanded, setExpanded] = useState(defaultExpanded);
+  if (sorted.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyState, { icon: IconInbox, title: "No milestones yet" });
+  }
+  function toggleMilestone(id) {
+    setExpanded((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  }
+  const activeIndex = sorted.reduce((last, m, i) => m.status !== "upcoming" ? i : last, -1);
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(Timeline, { active: activeIndex, bulletSize: 28, lineWidth: 2, color: "var(--color-primary)", children: sorted.map((milestone) => {
+    const Icon = MILESTONE_ICONS[milestone.status] || IconFlag;
+    const color = milestoneStatusColors[milestone.status] || "gray";
+    const isExpanded = expanded.has(milestone.id);
+    const milestoneTasks = tasks.filter((t) => t.milestone_id === milestone.id);
+    const ChevronIcon = isExpanded ? IconChevronDown : IconChevronRight;
+    return /* @__PURE__ */ jsx(
+      Timeline.Item,
+      {
+        bullet: /* @__PURE__ */ jsx(ThemeIcon, { size: 28, variant: "filled", color, radius: "xl", children: /* @__PURE__ */ jsx(Icon, { size: 14 }) }),
+        children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+          /* @__PURE__ */ jsxs(
+            Group,
+            {
+              gap: 8,
+              style: { cursor: "pointer", userSelect: "none" },
+              onClick: () => toggleMilestone(milestone.id),
+              children: [
+                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, children: milestone.name }),
+                /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color, children: formatStatusLabel(milestone.status) }),
+                /* @__PURE__ */ jsx(ThemeIcon, { size: 16, variant: "transparent", color: "dimmed", children: /* @__PURE__ */ jsx(ChevronIcon, { size: 14 }) })
+              ]
+            }
+          ),
+          milestone.due_date && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+            "Due ",
+            new Date(milestone.due_date).toLocaleDateString()
+          ] }),
+          /* @__PURE__ */ jsx(Collapse, { in: isExpanded, children: /* @__PURE__ */ jsx(Stack, { gap: 6, mt: 6, children: milestoneTasks.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No tasks" }) : milestoneTasks.map((task) => /* @__PURE__ */ jsxs(Card, { withBorder: true, p: "xs", children: [
+            /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", children: [
+              /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, style: { flex: 1, minWidth: 0 }, children: task.name }),
+              /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: taskTypeColors[task.type] || "gray", children: formatStatusLabel(task.type) }),
+              /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: taskStatusColors[task.status] || "gray", children: formatStatusLabel(task.status) })
+            ] }),
+            task.due_date && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", mt: 4, children: [
+              "Due ",
+              new Date(task.due_date).toLocaleDateString()
+            ] })
+          ] }, task.id)) }) })
+        ] })
+      },
+      milestone.id
+    );
+  }) }) });
+}
+function TaskCard({ task }) {
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "sm", p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx(Text, { fw: 500, size: "sm", style: { flexShrink: 0 }, children: task.name }),
+        /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: taskTypeColors[task.type] || "gray", children: formatStatusLabel(task.type) }),
+        /* @__PURE__ */ jsx(StatusBadge, { status: task.status, size: "xs" })
+      ] }),
+      task.file_url && /* @__PURE__ */ jsx(
+        ActionIcon,
+        {
+          component: "a",
+          href: task.file_url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          variant: "light",
+          size: "sm",
+          "aria-label": "Download file",
+          children: /* @__PURE__ */ jsx(IconDownload, { size: 14 })
+        }
+      )
+    ] }),
+    task.description && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: task.description }),
+    task.due_date && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+      "Due ",
+      new Date(task.due_date).toLocaleDateString()
+    ] })
+  ] }) });
+}
+var ProjectsSidebarTop = () => {
+  return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconBriefcase, label: "Projects" });
+};
+var PROJECT_ITEMS = [{ label: "Projects", to: "/projects", icon: IconBriefcase, exact: true }];
+var WORK_ITEMS = [
+  { label: "Tasks", to: "/projects/tasks", icon: IconChecklist, exact: false },
+  { label: "Milestones", to: "/projects/milestones", icon: IconFlag, exact: false }
+];
+var COMMUNICATION_ITEMS = [{ label: "Notes", to: "/projects/notes", icon: IconNotes, exact: false }];
+var ProjectsSidebarMiddle = ({ currentPath, onNavigate }) => {
+  const renderItems = (items) => 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: () => onNavigate(item.to)
+      },
+      item.to
+    );
+  });
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: [
+    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: renderItems(PROJECT_ITEMS) }),
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconListCheck, label: "Work", withTopBorder: true }),
+      /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: renderItems(WORK_ITEMS) })
+    ] }),
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconMessageCircle, label: "Communication", withTopBorder: true }),
+      /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: renderItems(COMMUNICATION_ITEMS) })
+    ] })
+  ] });
+};
+var ProjectsSidebar = ({ currentPath, onNavigate }) => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(ProjectsSidebarTop, {}),
+    /* @__PURE__ */ jsx(ProjectsSidebarMiddle, { currentPath, onNavigate })
+  ] });
+};
+var taskStatusOptions = [
+  { value: "planned", label: "Planned" },
+  { value: "in_progress", label: "In Progress" },
+  { value: "blocked", label: "Blocked" },
+  { value: "completed", label: "Completed" },
+  { value: "cancelled", label: "Cancelled" },
+  { value: "submitted", label: "Submitted" },
+  { value: "approved", label: "Approved" },
+  { value: "rejected", label: "Rejected" },
+  { value: "revision_requested", label: "Revision Requested" }
+];
+var taskTypeOptions = [
+  { value: "documentation", label: "Documentation" },
+  { value: "code", label: "Code" },
+  { value: "report", label: "Report" },
+  { value: "design", label: "Design" },
+  { value: "other", label: "Other" }
+];
+function AllTasksPage() {
+  const [statusFilter, setStatusFilter] = useState(null);
+  const [typeFilter, setTypeFilter] = useState(null);
+  const { data: tasks, isLoading } = useTasks({
+    status: statusFilter || void 0,
+    type: typeFilter || void 0
+  });
+  const { data: projects } = useProjects();
+  const projectNameById = useMemo(() => new Map(projects?.map((p) => [p.id, p.name]) ?? []), [projects]);
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "All Tasks", caption: "Tasks across all projects, filterable by status and type" }) }),
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(Group, { m: "sm", children: [
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            placeholder: "All Statuses",
+            data: taskStatusOptions,
+            style: { minWidth: 180, maxWidth: 220 },
+            size: "sm",
+            clearable: true,
+            value: statusFilter,
+            onChange: setStatusFilter
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            placeholder: "All Types",
+            data: taskTypeOptions,
+            style: { minWidth: 180, maxWidth: 220 },
+            size: "sm",
+            clearable: true,
+            value: typeFilter,
+            onChange: setTypeFilter
+          }
+        )
+      ] }),
+      isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : !tasks?.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconChecklist, title: "No tasks found" }) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Type" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Project" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Milestone" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Created" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: tasks.map((task) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: taskStatusColors[task.status] || "gray", size: "sm", children: formatStatusLabel(task.status) }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: taskTypeColors[task.type] || "gray", size: "sm", children: formatStatusLabel(task.type) }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", children: task.name }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: projectNameById.get(task.project_id) || "-" }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "-" }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatTimeAgo(task.created_at) }) })
+        ] }, task.id)) })
+      ] })
+    ] }) })
+  ] }) });
+}
+var milestoneStatusOptions = [
+  { value: "upcoming", label: "Upcoming" },
+  { value: "in_progress", label: "In Progress" },
+  { value: "overdue", label: "Overdue" },
+  { value: "blocked", label: "Blocked" }
+];
+function UpcomingMilestonesPage() {
+  const [statusFilter, setStatusFilter] = useState(null);
+  const { data: milestonesRaw, isLoading } = useMilestones({
+    status: statusFilter || void 0
+  });
+  const { data: projects } = useProjects();
+  const projectNameById = useMemo(() => new Map(projects?.map((p) => [p.id, p.name]) ?? []), [projects]);
+  const milestones = useMemo(() => {
+    const list = milestonesRaw ?? [];
+    const filtered = statusFilter ? list : list.filter((m) => m.status !== "completed");
+    return [...filtered].sort((a, b) => {
+      if (!a.due_date && !b.due_date) return 0;
+      if (!a.due_date) return 1;
+      if (!b.due_date) return -1;
+      return a.due_date < b.due_date ? -1 : a.due_date > b.due_date ? 1 : 0;
+    });
+  }, [milestonesRaw, statusFilter]);
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "Upcoming Milestones", caption: "Milestones across all projects sorted by due date" }) }),
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          placeholder: "All Statuses",
+          data: milestoneStatusOptions,
+          style: { minWidth: 180, maxWidth: 220 },
+          size: "sm",
+          clearable: true,
+          value: statusFilter,
+          onChange: setStatusFilter,
+          m: "sm"
+        }
+      ),
+      isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : !milestones.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconFlag, title: "No upcoming milestones" }) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Project" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Due" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Progress" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: milestones.map((milestone) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: milestoneStatusColors[milestone.status] || "gray", size: "sm", children: formatStatusLabel(milestone.status) }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", children: milestone.name }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: projectNameById.get(milestone.project_id) || "-" }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDate3(milestone.due_date) }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "-" }) })
+        ] }, milestone.id)) })
+      ] })
+    ] }) })
+  ] }) });
+}
 function NotificationPanel({ notifications, isLoading, onClose, onNavigate }) {
   const markAllAsRead = useMarkAllAsRead();
   const hasUnread = notifications.some((n) => !n.read);
@@ -3097,4 +4612,4 @@ function NotificationBell({ unreadCount, onNavigate }) {
   ] });
 }
 
-export { AbsoluteScheduleForm, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, Breadcrumbs, CrashErrorFallback, CreateApiKeyModal, CreateScheduleModal, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, DocTreeNav, EditApiKeyModal, ErrorReportCard, KnowledgeBasePage, MdxRenderer, NotificationBell, NotificationPanel, RecurringScheduleForm, RelativeScheduleForm, RichTextEditor, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, SortableHeader, TableSelectionToolbar, TaskScheduler, buildErrorReport, mdxComponents };
+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 };