@elevasis/ui 2.17.0 → 2.18.0

package/dist/{chunk-MDO4UCEJ.js → chunk-LT33DSMO.js}

@@ -4,9 +4,9 @@ import { SubshellNavItem } from './chunk-CEWTOKE7.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
-import { useDealTasksDue, useDeals, useCreateDealTask, useDeleteDeal, useTableSort, sortData, usePaginationState, useTableSelection, useDealDetail, useCompany } from './chunk-R7GKX4HW.js';
+import { useDealTasksDue, useDealsLookup, useCreateDealTask, useDealsSummary, useDeleteDeal, usePaginationState, useDeals, useTableSort, sortData, useTableSelection, useDealDetail, useCompany } from './chunk-EY322HXF.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
-import { CenteredErrorState, CardHeader, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-TTP62HWW.js';
+import { CenteredErrorState, CardHeader, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-SQPM2QDH.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-GCBWGGI6.js';
 import { useElevasisServices } from './chunk-IRW7JMQ4.js';
@@ -14,7 +14,7 @@ import { Box, Stack, Group, Text, Badge, Center, Loader, UnstyledButton, Button,
 import { IconLayoutGrid, IconColumns, IconFileInvoice, IconAddressBook, IconTrophy, IconClockExclamation, IconUser, IconPlus, IconChecklist, IconAlertCircle, IconHistory, IconSearch, IconTargetArrow, IconAlertTriangle, IconArrowLeft, IconFileText, IconTrash, IconX, IconBuilding, IconCheckbox, IconCalendar, IconMail, IconPhone, IconArrowRight, IconNote } from '@tabler/icons-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo, useEffect } from 'react';
-import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { useQuery } from '@tanstack/react-query';
 import { useNavigate } from '@tanstack/react-router';
 
 var CrmSidebarTop = () => {
@@ -161,28 +161,29 @@ var KIND_OPTIONS = [
   { 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({ showSectionLabel = true }) {
   const [open, setOpen] = useState(false);
   const [dealId, setDealId] = useState(null);
+  const [dealSearch, setDealSearch] = useState("");
   const [title, setTitle] = useState("");
   const [description, setDescription] = useState("");
   const [kind, setKind] = useState("other");
   const [dueAt, setDueAt] = useState("");
-  const { data: deals } = useDeals();
+  const { data: deals, isLoading: isLoadingDeals } = useDealsLookup(
+    {
+      search: dealSearch || void 0,
+      limit: 25
+    },
+    { enabled: open }
+  );
   const createTask = useCreateDealTask();
   const dealOptions = (deals ?? []).map((deal) => ({
     value: deal.id,
-    label: buildDealLabel(deal)
+    label: deal.displayLabel
   }));
   function resetForm() {
     setDealId(null);
+    setDealSearch("");
     setTitle("");
     setDescription("");
     setKind("other");
@@ -216,11 +217,15 @@ function QuickCreateActions({ showSectionLabel = true }) {
           Select,
           {
             label: "Deal",
-            placeholder: "Select a deal",
+            placeholder: "Search deals",
             data: dealOptions,
             value: dealId,
             onChange: setDealId,
+            searchValue: dealSearch,
+            onSearchChange: setDealSearch,
             searchable: true,
+            nothingFoundMessage: dealSearch ? "No matching deals" : "No deals available",
+            disabled: isLoadingDeals,
             required: true
           }
         ),
@@ -319,32 +324,29 @@ var PIPELINE_FUNNEL_ORDER = [
   "closed_lost",
   "nurturing"
 ];
-var defaultValueOf = (deal) => deal.initial_fee ?? 0;
 function useCrmPipelineSummary(opts) {
-  const getValue = opts?.getDealValue ?? defaultValueOf;
-  const { data: deals, isLoading, error } = useDeals();
+  const { data: summary, isLoading, error } = useDealsSummary();
   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;
+    for (const stageSummary of summary?.stageSummary ?? []) {
+      const stage = stageSummary.stage;
+      if (!stageMap.has(stage)) continue;
       const entry = stageMap.get(stage);
-      entry.count += 1;
-      entry.totalValue += getValue(deal);
+      entry.count = stageSummary.count;
+      entry.totalValue = typeof stageSummary.totalValue === "number" ? stageSummary.totalValue : 0;
     }
     return PIPELINE_FUNNEL_ORDER.map((stage) => {
       const entry = stageMap.get(stage);
       return { stage, count: entry.count, totalValue: entry.totalValue };
     });
-  }, [deals, getValue]);
+  }, [summary, opts]);
   return { data, isLoading, error };
 }
-var CLOSED_STAGES = ["closed_won", "closed_lost"];
-var OPEN_EXCLUDED = CLOSED_STAGES;
+
+// src/features/crm/overview/hooks/useCrmQuickMetrics.ts
 var ZERO_METRICS = {
   totalDeals: 0,
   openDeals: 0,
@@ -354,48 +356,15 @@ var ZERO_METRICS = {
   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]);
+  const { data: summary, isLoading, error } = useDealsSummary();
+  const data = summary ? {
+    totalDeals: summary.totalDeals,
+    openDeals: summary.openDeals,
+    wonDeals: summary.wonDeals,
+    winRate: summary.winRate,
+    avgDealSize: summary.avgDealSize,
+    totalPipelineValue: summary.totalPipelineValue
+  } : ZERO_METRICS;
   return { data, isLoading, error };
 }
 function useRecentCrmActivity(opts) {
@@ -736,28 +705,24 @@ var sortAccessors = {
 };
 function DealsListPage() {
   const navigate = useNavigate();
-  const queryClient = useQueryClient();
   const deleteDeal = useDeleteDeal();
   const [stageFilter, setStageFilter] = useState(null);
   const [searchQuery, setSearchQuery] = useState("");
   const [showBatchDelete, setShowBatchDelete] = useState(false);
-  const { data: deals, isLoading, error } = useDeals({
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT, [stageFilter, searchQuery]);
+  const { data: deals, total, isLoading, error } = useDeals({
     stage: stageFilter || void 0,
-    search: searchQuery || void 0
+    search: searchQuery || void 0,
+    limit: PAGE_SIZE_DEFAULT,
+    offset: pagination.offset
   });
   const { sort, toggleSort } = useTableSort("updated");
   const sortedDeals = useMemo(() => sortData(deals ?? [], sort, sortAccessors), [deals, sort]);
-  const pagination = usePaginationState(PAGE_SIZE_DEFAULT, [stageFilter, searchQuery], sortedDeals.length);
-  const paginatedDeals = useMemo(
-    () => sortedDeals.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT),
-    [sortedDeals, pagination.offset]
-  );
-  const selection = useTableSelection(paginatedDeals, sortedDeals);
+  const selection = useTableSelection(sortedDeals, sortedDeals);
   const handleDeleteSelected = async () => {
     await Promise.all([...selection.selectedIds].map((dealId) => deleteDeal.mutateAsync(dealId)));
     setShowBatchDelete(false);
     selection.clear();
-    await queryClient.invalidateQueries({ queryKey: ["deals"] });
   };
   return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
     /* @__PURE__ */ jsxs(PageContainer, { children: [
@@ -817,7 +782,7 @@ function DealsListPage() {
             /* @__PURE__ */ jsx(SortableHeader, { column: "stage", sort, onToggle: toggleSort, children: "Stage" }),
             /* @__PURE__ */ jsx(SortableHeader, { column: "updated", sort, onToggle: toggleSort, children: "Updated" })
           ] }) }),
-          /* @__PURE__ */ jsx(Table.Tbody, { children: paginatedDeals.map((deal) => {
+          /* @__PURE__ */ jsx(Table.Tbody, { children: sortedDeals.map((deal) => {
             const discoveryData = deal.discovery_data;
             const companyName = deal.contact?.company?.name || discoveryData?.company || deal.contact_email?.split("@")[1] || "-";
             const contactName = [deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ");
@@ -848,12 +813,12 @@ function DealsListPage() {
             );
           }) })
         ] }),
-        sortedDeals.length > PAGE_SIZE_DEFAULT && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+        total > PAGE_SIZE_DEFAULT && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
           Pagination,
           {
             value: pagination.page,
             onChange: pagination.setPage,
-            total: pagination.totalPages(sortedDeals.length),
+            total: pagination.totalPages(total),
             size: "sm"
           }
         ) })

package/dist/{chunk-TP5NMF6K.js → chunk-P6TC4K7I.js}

@@ -1,10 +1,10 @@
-import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-MJ6YV2B5.js';
+import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-DDZMBNTY.js';
 import { AppShellLoader } from './chunk-M25JL54Z.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
 import { formatDuration } from './chunk-E4WQGJNS.js';
-import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogsFilters, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useTimeRangeDates, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityFilters, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-R7GKX4HW.js';
-import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-TTP62HWW.js';
+import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogsFilters, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useTimeRangeDates, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityFilters, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-EY322HXF.js';
+import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-SQPM2QDH.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { formatBucketTime, PAGE_SIZE_DEFAULT, getTimeRangeDates } from './chunk-GCBWGGI6.js';
 import { useState, useMemo, useCallback } from 'react';

package/dist/{chunk-TTP62HWW.js → chunk-SQPM2QDH.js}

@@ -302,8 +302,13 @@ function ContextNode({ data, depth }) {
   }
   return /* @__PURE__ */ jsx(Text, { size: "sm", children: String(data) });
 }
+var ACRONYMS = ["AI", "URL", "UUID", "ID", "API", "HTTP", "JSON"];
 function formatLabel(key) {
-  return key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+  const titleCased = key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+  return titleCased.replace(
+    new RegExp(`\\b(${ACRONYMS.map((a) => a[0] + a.slice(1).toLowerCase()).join("|")})\\b`, "g"),
+    (match) => match.toUpperCase()
+  );
 }
 function hasMarkdown(value) {
   return /(\*\*.+\*\*|^#{1,6}\s|^\s*[-*]\s|\[.+\]\(.+\)|^\|.+\|$|^>\s|```)/.test(value);
@@ -312,18 +317,7 @@ function NestedSection({ title, children }) {
   const [expanded, setExpanded] = useState(true);
   return /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
     /* @__PURE__ */ jsxs(Group, { gap: 4, style: { cursor: "pointer", userSelect: "none" }, onClick: () => setExpanded((v) => !v), children: [
-      /* @__PURE__ */ jsx(
-        IconChevronRight,
-        {
-          size: 14,
-          color: "var(--color-primary)",
-          style: {
-            transition: "transform 150ms ease",
-            transform: expanded ? "rotate(90deg)" : "rotate(0deg)",
-            flexShrink: 0
-          }
-        }
-      ),
+      expanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: 14, color: "var(--color-primary)", style: { flexShrink: 0 } }) : /* @__PURE__ */ jsx(IconChevronRight, { size: 14, color: "var(--color-primary)", style: { flexShrink: 0 } }),
       /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, style: { fontFamily: "var(--mantine-font-family-headings)" }, children: title })
     ] }),
     expanded && /* @__PURE__ */ jsx(Box, { pl: "sm", style: { borderLeft: "2px solid var(--color-border)" }, children })

package/dist/{chunk-S6CYH4RI.js → chunk-SS2UVUSG.js}

@@ -2,14 +2,14 @@ import { AppShellLoader } from './chunk-M25JL54Z.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
 import { useAvailablePresets } from './chunk-6RWMRQN5.js';
-import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useResources, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from './chunk-R7GKX4HW.js';
+import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useResources, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from './chunk-EY322HXF.js';
 import { showErrorNotification } from './chunk-GRGRBWIO.js';
-import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert, StatCard } from './chunk-TTP62HWW.js';
+import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert, StatCard } from './chunk-SQPM2QDH.js';
 import { formatDateTime, OAUTH_POPUP_CHECK_INTERVAL, OAUTH_FLOW_TIMEOUT } from './chunk-GCBWGGI6.js';
 import { useInitialization } from './chunk-DK2HVHCY.js';
 import { useElevasisServices } from './chunk-IRW7JMQ4.js';
 import { Table, Group, Text, Tooltip, ActionIcon, Stack, Title, Button, Select, TextInput, Alert, PasswordInput, Anchor, Paper, Card, Switch, Badge, Center, Loader, Box, Code, CopyButton, ThemeIcon, useMantineColorScheme, SimpleGrid, UnstyledButton, Divider, Textarea } from '@mantine/core';
-import { IconSettings, IconKey, IconCalendar, IconPencil, IconTrash, IconAlertTriangle, IconInfoCircle, IconExclamationMark, IconPlus, IconAlertCircle, IconUsers, IconSearch, IconBuilding, IconWebhook, IconCheck, IconCopy, IconUser, IconMail, IconRefresh, IconPalette, IconSun, IconEye, IconSparkles, IconTrendingUp, IconClock, IconPlayerPause, IconPlayerPlay, IconActivity, IconBrandDropbox, IconBrandGoogleDrive, IconPlug, IconMoon, IconDeviceDesktop } from '@tabler/icons-react';
+import { IconSettings, IconKey, IconCalendar, IconPencil, IconTrash, IconAlertTriangle, IconInfoCircle, IconExclamationMark, IconPlus, IconAlertCircle, IconUsers, IconSearch, IconBuilding, IconWebhook, IconCheck, IconCopy, IconUser, IconMail, IconRefresh, IconPalette, IconSun, IconEye, IconSparkles, IconTrendingUp, IconClock, IconPlayerPause, IconPlayerPlay, IconActivity, IconBrandDropbox, IconBrandGoogleDrive, IconPlug, IconEdit, IconUserX, IconUserCheck, IconMoon, IconDeviceDesktop } from '@tabler/icons-react';
 import { z } from 'zod';
 import { useState, useEffect, useRef, useMemo, useCallback } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -547,7 +547,9 @@ function MembershipStatusBadge({ status, size = "sm", variant = "light" }) {
 function OrganizationMembershipsList({
   memberships,
   loading,
-  error
+  error,
+  onEditRole,
+  onLeaveOrganization
 }) {
   const [searchTerm, setSearchTerm] = useState("");
   const [statusFilter, setStatusFilter] = useState("");
@@ -557,6 +559,26 @@ function OrganizationMembershipsList({
     const matchesStatus = !statusFilter || row.status === statusFilter;
     return matchesSearch && matchesStatus;
   });
+  const renderActions = (row) => {
+    if (!onEditRole && !onLeaveOrganization) {
+      return /* @__PURE__ */ jsx(ActionIcon, { variant: "light", size: "sm", color: "gray", title: "Configure member access", children: /* @__PURE__ */ jsx(IconSettings, { size: 14 }) });
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      row.canEdit && onEditRole && /* @__PURE__ */ jsx(
+        ActionIcon,
+        {
+          variant: "subtle",
+          size: "sm",
+          color: "blue",
+          onClick: () => onEditRole(row.id),
+          disabled: row.status !== "active",
+          children: /* @__PURE__ */ jsx(IconEdit, { size: 16 })
+        }
+      ),
+      row.canRemove && onLeaveOrganization && row.status === "active" && /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", color: "red", onClick: () => onLeaveOrganization(row.id), children: /* @__PURE__ */ jsx(IconUserX, { size: 16 }) }),
+      row.status === "inactive" && /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", color: "green", disabled: true, title: "Contact admin to reactivate", children: /* @__PURE__ */ jsx(IconUserCheck, { size: 16 }) })
+    ] });
+  };
   if (error) {
     return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(APIErrorAlert, { error, title: "Failed to load memberships" }) });
   }
@@ -622,7 +644,7 @@ function OrganizationMembershipsList({
           /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: "blue", size: "sm", children: row.role }) }),
           /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(MembershipStatusBadge, { status: row.status }) }),
           /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: row.joinedAt.toLocaleDateString() }) }),
-          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Group, { gap: "xs", children: /* @__PURE__ */ jsx(ActionIcon, { variant: "light", size: "sm", color: "gray", title: "Configure member access", children: /* @__PURE__ */ jsx(IconSettings, { size: 14 }) }) }) })
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Group, { gap: "xs", children: renderActions(row) }) })
         ] }, row.id)) })
       ] }) })
     ] })