@contractspec/example.crm-pipeline 3.7.7 → 3.7.12

package/dist/ui/CrmDashboard.js

@@ -169,8 +169,13 @@ function useDealList(options = {}) {
   const [stages, setStages] = useState2([]);
   const [loading, setLoading] = useState2(true);
   const [error, setError] = useState2(null);
-  const [page, setPage] = useState2(1);
+  const [internalPage, setInternalPage] = useState2(0);
   const pipelineId = options.pipelineId ?? "pipeline-1";
+  const pageIndex = options.pageIndex ?? internalPage;
+  const pageSize = options.pageSize ?? options.limit ?? 50;
+  const [sort] = options.sorting ?? [];
+  const sortBy = sort?.id;
+  const sortDirection = sort ? sort.desc ? "desc" : "asc" : undefined;
   const fetchData = useCallback(async () => {
     setLoading(true);
     setError(null);
@@ -182,8 +187,10 @@ function useDealList(options = {}) {
           stageId: options.stageId,
           status: options.status === "all" ? undefined : options.status,
           search: options.search,
-          limit: options.limit ?? 50,
-          offset: (page - 1) * (options.limit ?? 50)
+          limit: pageSize,
+          offset: pageIndex * pageSize,
+          sortBy: sortBy === "name" || sortBy === "value" || sortBy === "status" || sortBy === "expectedCloseDate" || sortBy === "updatedAt" ? sortBy : undefined,
+          sortDirection
         }),
         crm.getDealsByStage({ projectId, pipelineId }),
         crm.getPipelineStages({ pipelineId })
@@ -203,8 +210,10 @@ function useDealList(options = {}) {
     options.stageId,
     options.status,
     options.search,
-    options.limit,
-    page
+    pageIndex,
+    pageSize,
+    sortBy,
+    sortDirection
   ]);
   useEffect(() => {
     fetchData();
@@ -232,10 +241,12 @@ function useDealList(options = {}) {
     loading,
     error,
     stats,
-    page,
+    page: pageIndex + 1,
+    pageIndex,
+    pageSize,
     refetch: fetchData,
-    nextPage: () => setPage((p) => p + 1),
-    prevPage: () => page > 1 && setPage((p) => p - 1)
+    nextPage: options.pageIndex === undefined ? () => setInternalPage((page) => page + 1) : undefined,
+    prevPage: options.pageIndex === undefined ? () => pageIndex > 0 && setInternalPage((page) => page - 1) : undefined
   };
 }
 
@@ -972,11 +983,305 @@ function DealActionsModal({
   }, undefined, true, undefined, this);
 }
 
-// src/ui/CrmDashboard.tsx
+// src/ui/tables/DealListTab.tsx
 import {
   Button as Button3,
+  DataTable,
+  LoaderBlock
+} from "@contractspec/lib.design-system";
+import { useContractTable } from "@contractspec/lib.presentation-runtime-react";
+import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
+import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { Text } from "@contractspec/lib.ui-kit-web/ui/text";
+import * as React from "react";
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+"use client";
+function formatCurrency4(value, currency = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(value);
+}
+function statusVariant(status) {
+  switch (status) {
+    case "WON":
+      return "default";
+    case "LOST":
+      return "destructive";
+    case "STALE":
+      return "outline";
+    default:
+      return "secondary";
+  }
+}
+function DealListDataTable({
+  deals,
+  totalItems,
+  pageIndex,
+  pageSize,
+  sorting,
+  loading,
+  onSortingChange,
+  onPaginationChange,
+  onDealClick
+}) {
+  const controller = useContractTable({
+    data: deals,
+    columns: [
+      {
+        id: "deal",
+        header: "Deal",
+        label: "Deal",
+        accessor: (deal) => deal.name,
+        cell: ({ item }) => /* @__PURE__ */ jsxDEV5(VStack, {
+          gap: "xs",
+          children: [
+            /* @__PURE__ */ jsxDEV5(Text, {
+              className: "font-medium text-sm",
+              children: item.name
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV5(Text, {
+              className: "text-muted-foreground text-xs",
+              children: item.companyId ?? "Unassigned company"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        size: 240,
+        minSize: 180,
+        canSort: true,
+        canPin: true,
+        canResize: true
+      },
+      {
+        id: "value",
+        header: "Value",
+        label: "Value",
+        accessorKey: "value",
+        cell: ({ item }) => formatCurrency4(item.value, item.currency),
+        align: "right",
+        size: 140,
+        canSort: true,
+        canResize: true
+      },
+      {
+        id: "status",
+        header: "Status",
+        label: "Status",
+        accessorKey: "status",
+        cell: ({ value }) => /* @__PURE__ */ jsxDEV5(Badge, {
+          variant: statusVariant(value),
+          children: String(value)
+        }, undefined, false, undefined, this),
+        size: 130,
+        canSort: true,
+        canHide: true,
+        canPin: true,
+        canResize: true
+      },
+      {
+        id: "expectedCloseDate",
+        header: "Expected Close",
+        label: "Expected Close",
+        accessor: (deal) => deal.expectedCloseDate?.toISOString() ?? "",
+        cell: ({ item }) => item.expectedCloseDate?.toLocaleDateString() ?? "Not scheduled",
+        size: 170,
+        canSort: true,
+        canHide: true,
+        canResize: true
+      },
+      {
+        id: "updatedAt",
+        header: "Updated",
+        label: "Updated",
+        accessor: (deal) => deal.updatedAt.toISOString(),
+        cell: ({ item }) => item.updatedAt.toLocaleDateString(),
+        size: 140,
+        canSort: true,
+        canHide: true,
+        canResize: true
+      },
+      {
+        id: "actions",
+        header: "Actions",
+        label: "Actions",
+        accessor: (deal) => deal.id,
+        cell: ({ item }) => /* @__PURE__ */ jsxDEV5(Button3, {
+          variant: "ghost",
+          size: "sm",
+          onPress: () => onDealClick?.(item.id),
+          children: "Actions"
+        }, undefined, false, undefined, this),
+        size: 120,
+        canSort: false,
+        canHide: false,
+        canPin: false,
+        canResize: false
+      }
+    ],
+    executionMode: "server",
+    selectionMode: "multiple",
+    totalItems,
+    state: {
+      sorting,
+      pagination: {
+        pageIndex,
+        pageSize
+      }
+    },
+    onSortingChange,
+    onPaginationChange,
+    initialState: {
+      columnVisibility: { updatedAt: false },
+      columnPinning: { left: ["deal", "status"], right: [] }
+    },
+    renderExpandedContent: (deal) => /* @__PURE__ */ jsxDEV5(VStack, {
+      gap: "sm",
+      className: "py-2",
+      children: [
+        /* @__PURE__ */ jsxDEV5(HStack, {
+          justify: "between",
+          children: [
+            /* @__PURE__ */ jsxDEV5(Text, {
+              className: "font-medium text-sm",
+              children: "Owner"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV5(Text, {
+              className: "text-muted-foreground text-sm",
+              children: deal.ownerId
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV5(HStack, {
+          justify: "between",
+          children: [
+            /* @__PURE__ */ jsxDEV5(Text, {
+              className: "font-medium text-sm",
+              children: "Contact"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV5(Text, {
+              className: "text-muted-foreground text-sm",
+              children: deal.contactId ?? "No linked contact"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        deal.wonSource ? /* @__PURE__ */ jsxDEV5(HStack, {
+          justify: "between",
+          children: [
+            /* @__PURE__ */ jsxDEV5(Text, {
+              className: "font-medium text-sm",
+              children: "Won Source"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV5(Text, {
+              className: "text-muted-foreground text-sm",
+              children: deal.wonSource
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this) : null,
+        deal.lostReason ? /* @__PURE__ */ jsxDEV5(HStack, {
+          justify: "between",
+          children: [
+            /* @__PURE__ */ jsxDEV5(Text, {
+              className: "font-medium text-sm",
+              children: "Lost Reason"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV5(Text, {
+              className: "text-muted-foreground text-sm",
+              children: deal.lostReason
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this) : null,
+        deal.notes ? /* @__PURE__ */ jsxDEV5(VStack, {
+          gap: "xs",
+          children: [
+            /* @__PURE__ */ jsxDEV5(Text, {
+              className: "font-medium text-sm",
+              children: "Notes"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV5(Text, {
+              className: "text-muted-foreground text-sm",
+              children: deal.notes
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this) : null
+      ]
+    }, undefined, true, undefined, this),
+    getCanExpand: () => true
+  });
+  return /* @__PURE__ */ jsxDEV5(DataTable, {
+    controller,
+    title: "All Deals",
+    description: "Server-mode table using the shared ContractSpec controller.",
+    loading,
+    toolbar: /* @__PURE__ */ jsxDEV5(HStack, {
+      gap: "sm",
+      className: "flex-wrap",
+      children: [
+        /* @__PURE__ */ jsxDEV5(Text, {
+          className: "text-muted-foreground text-sm",
+          children: [
+            "Selected ",
+            controller.selectedRowIds.length
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV5(Text, {
+          className: "text-muted-foreground text-sm",
+          children: [
+            totalItems,
+            " total deals"
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this),
+    footer: `Page ${controller.pageIndex + 1} of ${controller.pageCount}`,
+    emptyState: /* @__PURE__ */ jsxDEV5("div", {
+      className: "rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",
+      children: "No deals found"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function DealListTab({
+  onDealClick
+}) {
+  const [sorting, setSorting] = React.useState([
+    { id: "value", desc: true }
+  ]);
+  const [pagination, setPagination] = React.useState({
+    pageIndex: 0,
+    pageSize: 3
+  });
+  const { data, loading } = useDealList({
+    pageIndex: pagination.pageIndex,
+    pageSize: pagination.pageSize,
+    sorting
+  });
+  if (loading && !data) {
+    return /* @__PURE__ */ jsxDEV5(LoaderBlock, {
+      label: "Loading deals..."
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV5(DealListDataTable, {
+    deals: data?.deals ?? [],
+    totalItems: data?.total ?? 0,
+    pageIndex: pagination.pageIndex,
+    pageSize: pagination.pageSize,
+    sorting,
+    loading,
+    onSortingChange: (nextSorting) => {
+      setSorting(nextSorting);
+      setPagination((current) => ({ ...current, pageIndex: 0 }));
+    },
+    onPaginationChange: setPagination,
+    onDealClick
+  }, undefined, false, undefined, this);
+}
+
+// src/ui/CrmDashboard.tsx
+import {
+  Button as Button4,
   ErrorState,
-  LoaderBlock,
+  LoaderBlock as LoaderBlock2,
   StatCard,
   StatCardGroup
 } from "@contractspec/lib.design-system";
@@ -986,10 +1291,10 @@ import {
   TabsList,
   TabsTrigger
 } from "@contractspec/lib.ui-kit-web/ui/tabs";
-import { useCallback as useCallback3, useState as useState6 } from "react";
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+import { useCallback as useCallback3, useState as useState7 } from "react";
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
 "use client";
-function formatCurrency4(value, currency = "USD") {
+function formatCurrency5(value, currency = "USD") {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
     currency,
@@ -998,9 +1303,9 @@ function formatCurrency4(value, currency = "USD") {
   }).format(value);
 }
 function CrmDashboard() {
-  const [isCreateModalOpen, setIsCreateModalOpen] = useState6(false);
-  const [selectedDeal, setSelectedDeal] = useState6(null);
-  const [isDealActionsOpen, setIsDealActionsOpen] = useState6(false);
+  const [isCreateModalOpen, setIsCreateModalOpen] = useState7(false);
+  const [selectedDeal, setSelectedDeal] = useState7(null);
+  const [isDealActionsOpen, setIsDealActionsOpen] = useState7(false);
   const { data, dealsByStage, stages, loading, error, stats, refetch } = useDealList();
   const mutations = useDealMutations({
     onSuccess: () => {
@@ -1018,32 +1323,32 @@ function CrmDashboard() {
     await mutations.moveDeal({ dealId, stageId: toStageId });
   }, [mutations]);
   if (loading && !data) {
-    return /* @__PURE__ */ jsxDEV5(LoaderBlock, {
+    return /* @__PURE__ */ jsxDEV6(LoaderBlock2, {
       label: "Loading CRM..."
     }, undefined, false, undefined, this);
   }
   if (error) {
-    return /* @__PURE__ */ jsxDEV5(ErrorState, {
+    return /* @__PURE__ */ jsxDEV6(ErrorState, {
       title: "Failed to load CRM",
       description: error.message,
       onRetry: refetch,
       retryLabel: "Retry"
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV5("div", {
+  return /* @__PURE__ */ jsxDEV6("div", {
     className: "space-y-6",
     children: [
-      /* @__PURE__ */ jsxDEV5("div", {
+      /* @__PURE__ */ jsxDEV6("div", {
         className: "flex items-center justify-between",
         children: [
-          /* @__PURE__ */ jsxDEV5("h2", {
+          /* @__PURE__ */ jsxDEV6("h2", {
             className: "font-bold text-2xl",
             children: "CRM Pipeline"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(Button3, {
+          /* @__PURE__ */ jsxDEV6(Button4, {
             onClick: () => setIsCreateModalOpen(true),
             children: [
-              /* @__PURE__ */ jsxDEV5("span", {
+              /* @__PURE__ */ jsxDEV6("span", {
                 className: "mr-2",
                 children: "+"
               }, undefined, false, undefined, this),
@@ -1052,60 +1357,60 @@ function CrmDashboard() {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      stats && /* @__PURE__ */ jsxDEV5(StatCardGroup, {
+      stats && /* @__PURE__ */ jsxDEV6(StatCardGroup, {
         children: [
-          /* @__PURE__ */ jsxDEV5(StatCard, {
+          /* @__PURE__ */ jsxDEV6(StatCard, {
             label: "Total Pipeline",
-            value: formatCurrency4(stats.totalValue),
+            value: formatCurrency5(stats.totalValue),
             hint: `${stats.total} deals`
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(StatCard, {
+          /* @__PURE__ */ jsxDEV6(StatCard, {
             label: "Open Deals",
-            value: formatCurrency4(stats.openValue),
+            value: formatCurrency5(stats.openValue),
             hint: `${stats.openCount} active`
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(StatCard, {
+          /* @__PURE__ */ jsxDEV6(StatCard, {
             label: "Won",
-            value: formatCurrency4(stats.wonValue),
+            value: formatCurrency5(stats.wonValue),
             hint: `${stats.wonCount} closed`
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(StatCard, {
+          /* @__PURE__ */ jsxDEV6(StatCard, {
             label: "Lost",
             value: stats.lostCount,
             hint: "deals lost"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5(Tabs, {
+      /* @__PURE__ */ jsxDEV6(Tabs, {
         defaultValue: "pipeline",
         className: "w-full",
         children: [
-          /* @__PURE__ */ jsxDEV5(TabsList, {
+          /* @__PURE__ */ jsxDEV6(TabsList, {
             children: [
-              /* @__PURE__ */ jsxDEV5(TabsTrigger, {
+              /* @__PURE__ */ jsxDEV6(TabsTrigger, {
                 value: "pipeline",
                 children: [
-                  /* @__PURE__ */ jsxDEV5("span", {
+                  /* @__PURE__ */ jsxDEV6("span", {
                     className: "mr-2",
                     children: "\uD83D\uDCCA"
                   }, undefined, false, undefined, this),
                   "Pipeline"
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV5(TabsTrigger, {
+              /* @__PURE__ */ jsxDEV6(TabsTrigger, {
                 value: "list",
                 children: [
-                  /* @__PURE__ */ jsxDEV5("span", {
+                  /* @__PURE__ */ jsxDEV6("span", {
                     className: "mr-2",
                     children: "\uD83D\uDCCB"
                   }, undefined, false, undefined, this),
                   "All Deals"
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV5(TabsTrigger, {
+              /* @__PURE__ */ jsxDEV6(TabsTrigger, {
                 value: "metrics",
                 children: [
-                  /* @__PURE__ */ jsxDEV5("span", {
+                  /* @__PURE__ */ jsxDEV6("span", {
                     className: "mr-2",
                     children: "\uD83D\uDCC8"
                   }, undefined, false, undefined, this),
@@ -1114,34 +1419,33 @@ function CrmDashboard() {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV5(TabsContent, {
+          /* @__PURE__ */ jsxDEV6(TabsContent, {
             value: "pipeline",
             className: "min-h-[400px]",
-            children: /* @__PURE__ */ jsxDEV5(CrmPipelineBoard, {
+            children: /* @__PURE__ */ jsxDEV6(CrmPipelineBoard, {
               dealsByStage,
               stages,
               onDealClick: handleDealClick,
               onDealMove: handleDealMove
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(TabsContent, {
+          /* @__PURE__ */ jsxDEV6(TabsContent, {
             value: "list",
             className: "min-h-[400px]",
-            children: /* @__PURE__ */ jsxDEV5(DealListTab, {
-              data,
+            children: /* @__PURE__ */ jsxDEV6(DealListTab, {
               onDealClick: handleDealClick
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(TabsContent, {
+          /* @__PURE__ */ jsxDEV6(TabsContent, {
             value: "metrics",
             className: "min-h-[400px]",
-            children: /* @__PURE__ */ jsxDEV5(MetricsTab, {
+            children: /* @__PURE__ */ jsxDEV6(MetricsTab, {
               stats
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5(CreateDealModal, {
+      /* @__PURE__ */ jsxDEV6(CreateDealModal, {
         isOpen: isCreateModalOpen,
         onClose: () => setIsCreateModalOpen(false),
         onSubmit: async (input) => {
@@ -1150,7 +1454,7 @@ function CrmDashboard() {
         stages,
         isLoading: mutations.createState.loading
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV5(DealActionsModal, {
+      /* @__PURE__ */ jsxDEV6(DealActionsModal, {
         isOpen: isDealActionsOpen,
         deal: selectedDeal,
         stages,
@@ -1173,112 +1477,30 @@ function CrmDashboard() {
     ]
   }, undefined, true, undefined, this);
 }
-function DealListTab({ data, onDealClick }) {
-  if (!data?.deals.length) {
-    return /* @__PURE__ */ jsxDEV5("div", {
-      className: "flex h-64 items-center justify-center text-muted-foreground",
-      children: "No deals found"
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV5("div", {
-    className: "rounded-lg border border-border",
-    children: /* @__PURE__ */ jsxDEV5("table", {
-      className: "w-full",
-      children: [
-        /* @__PURE__ */ jsxDEV5("thead", {
-          className: "border-border border-b bg-muted/30",
-          children: /* @__PURE__ */ jsxDEV5("tr", {
-            children: [
-              /* @__PURE__ */ jsxDEV5("th", {
-                className: "px-4 py-3 text-left font-medium text-sm",
-                children: "Deal"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("th", {
-                className: "px-4 py-3 text-left font-medium text-sm",
-                children: "Value"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("th", {
-                className: "px-4 py-3 text-left font-medium text-sm",
-                children: "Status"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("th", {
-                className: "px-4 py-3 text-left font-medium text-sm",
-                children: "Expected Close"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("th", {
-                className: "px-4 py-3 text-left font-medium text-sm",
-                children: "Actions"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV5("tbody", {
-          className: "divide-y divide-border",
-          children: data.deals.map((deal) => /* @__PURE__ */ jsxDEV5("tr", {
-            className: "hover:bg-muted/50",
-            children: [
-              /* @__PURE__ */ jsxDEV5("td", {
-                className: "px-4 py-3",
-                children: /* @__PURE__ */ jsxDEV5("div", {
-                  className: "font-medium",
-                  children: deal.name
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("td", {
-                className: "px-4 py-3 font-mono",
-                children: formatCurrency4(deal.value, deal.currency)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("td", {
-                className: "px-4 py-3",
-                children: /* @__PURE__ */ jsxDEV5("span", {
-                  className: `inline-flex rounded-full px-2 py-0.5 font-medium text-xs ${deal.status === "WON" ? "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400" : deal.status === "LOST" ? "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400" : "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"}`,
-                  children: deal.status
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("td", {
-                className: "px-4 py-3 text-muted-foreground",
-                children: deal.expectedCloseDate?.toLocaleDateString() ?? "-"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("td", {
-                className: "px-4 py-3",
-                children: /* @__PURE__ */ jsxDEV5(Button3, {
-                  variant: "ghost",
-                  size: "sm",
-                  onPress: () => onDealClick?.(deal.id),
-                  children: "Actions"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            ]
-          }, deal.id, true, undefined, this))
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
-}
 function MetricsTab({
   stats
 }) {
   if (!stats)
     return null;
-  return /* @__PURE__ */ jsxDEV5("div", {
+  return /* @__PURE__ */ jsxDEV6("div", {
     className: "space-y-6",
-    children: /* @__PURE__ */ jsxDEV5("div", {
+    children: /* @__PURE__ */ jsxDEV6("div", {
       className: "rounded-xl border border-border bg-card p-6",
       children: [
-        /* @__PURE__ */ jsxDEV5("h3", {
+        /* @__PURE__ */ jsxDEV6("h3", {
           className: "mb-4 font-semibold text-lg",
           children: "Pipeline Overview"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV5("dl", {
+        /* @__PURE__ */ jsxDEV6("dl", {
           className: "grid gap-4 sm:grid-cols-3",
           children: [
-            /* @__PURE__ */ jsxDEV5("div", {
+            /* @__PURE__ */ jsxDEV6("div", {
               children: [
-                /* @__PURE__ */ jsxDEV5("dt", {
+                /* @__PURE__ */ jsxDEV6("dt", {
                   className: "text-muted-foreground text-sm",
                   children: "Win Rate"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV5("dd", {
+                /* @__PURE__ */ jsxDEV6("dd", {
                   className: "font-semibold text-2xl",
                   children: [
                     stats.total > 0 ? (stats.wonCount / stats.total * 100).toFixed(0) : 0,
@@ -1287,25 +1509,25 @@ function MetricsTab({
                 }, undefined, true, undefined, this)
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV5("div", {
+            /* @__PURE__ */ jsxDEV6("div", {
               children: [
-                /* @__PURE__ */ jsxDEV5("dt", {
+                /* @__PURE__ */ jsxDEV6("dt", {
                   className: "text-muted-foreground text-sm",
                   children: "Avg Deal Size"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV5("dd", {
+                /* @__PURE__ */ jsxDEV6("dd", {
                   className: "font-semibold text-2xl",
-                  children: formatCurrency4(stats.total > 0 ? stats.totalValue / stats.total : 0)
+                  children: formatCurrency5(stats.total > 0 ? stats.totalValue / stats.total : 0)
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV5("div", {
+            /* @__PURE__ */ jsxDEV6("div", {
               children: [
-                /* @__PURE__ */ jsxDEV5("dt", {
+                /* @__PURE__ */ jsxDEV6("dt", {
                   className: "text-muted-foreground text-sm",
                   children: "Conversion"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV5("dd", {
+                /* @__PURE__ */ jsxDEV6("dd", {
                   className: "font-semibold text-2xl",
                   children: [
                     stats.wonCount,