@elevasis/ui 2.21.0 → 2.23.0

package/dist/app/index.js

@@ -1,5 +1,5 @@
-import { ElevasisUIProvider } from '../chunk-DMYELNGA.js';
-import '../chunk-Q5HC6ENG.js';
+import { ElevasisUIProvider } from '../chunk-3HEUGBOT.js';
+import '../chunk-XOTJNW4Q.js';
 import '../chunk-WLOQ4IBG.js';
 import '../chunk-LVUCBY7X.js';
 import '../chunk-SZHARWKU.js';

package/dist/{chunk-DMYELNGA.js → chunk-3HEUGBOT.js}

@@ -1,4 +1,4 @@
-import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-Q5HC6ENG.js';
+import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-XOTJNW4Q.js';
 import { AppBackground } from './chunk-WLOQ4IBG.js';
 import { ElevasisCoreProvider } from './chunk-LVUCBY7X.js';
 import { ElevasisLoader } from './chunk-SZHARWKU.js';

package/dist/{chunk-EGKNRM6P.js → chunk-7PGEGSUM.js}

@@ -2,9 +2,9 @@ import { ResourceHealthChart } from './chunk-LGKLC5MG.js';
 import { useCyberColors, HeroStatsRow } from './chunk-TSSKOQBX.js';
 import { AppShellCenteredContainer, AppShellLoader } from './chunk-M25JL54Z.js';
 import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from './chunk-E4WQGJNS.js';
-import { useExecuteResource, useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-7GG6OSD7.js';
+import { useExecuteResource, useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-GUJUK6EH.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger } from './chunk-22UVE3RA.js';
-import { glassBase } from './chunk-Q5HC6ENG.js';
+import { glassBase } from './chunk-XOTJNW4Q.js';
 import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-XUYBOO32.js';
 import { formatTimeAgo, getTimeRangeDates, formatRelativeTime } from './chunk-SGXXJE52.js';
 import { ResourceStatusColors } from './chunk-KRWALB24.js';

package/dist/{chunk-KVW56ERD.js → chunk-AXXTN44Z.js}

@@ -1,9 +1,10 @@
-import { useElevasisFeatures } from './chunk-VQESMHQV.js';
-import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer } from './chunk-RX4UWZZR.js';
+import { useElevasisFeatures } from './chunk-LJWV4TWV.js';
+import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer } from './chunk-TKAYX2SP.js';
 import { FeatureUnavailableState } from './chunk-XUYBOO32.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
+var defaultFeatureSidebarWidth = 250;
 function FeatureShell({ children }) {
   const { shellRuntime } = useElevasisFeatures();
   const { currentPath } = useRouterContext();
@@ -15,8 +16,9 @@ function FeatureShell({ children }) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
   const SidebarComponent = routeMatch.feature.sidebar;
+  const sidebarWidth = typeof routeMatch.feature.sidebarWidth === "function" ? routeMatch.feature.sidebarWidth({ currentPath }) : routeMatch.feature.sidebarWidth ?? defaultFeatureSidebarWidth;
   return /* @__PURE__ */ jsxs(SubshellContainer, { children: [
-    /* @__PURE__ */ jsx(SubshellSidebar, { width: 250, children: /* @__PURE__ */ jsx(SidebarComponent, {}) }),
+    /* @__PURE__ */ jsx(SubshellSidebar, { width: sidebarWidth, children: /* @__PURE__ */ jsx(SidebarComponent, {}) }),
     /* @__PURE__ */ jsx(SubshellRightSideContainer, { children })
   ] });
 }

package/dist/{chunk-I5WRKH25.js → chunk-D3KQAABP.js}

@@ -1,5 +1,5 @@
 import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-TSSKOQBX.js';
-import { useResourcesHealth } from './chunk-7GG6OSD7.js';
+import { useResourcesHealth } from './chunk-GUJUK6EH.js';
 import { CardHeader, EmptyState } from './chunk-XUYBOO32.js';
 import { getTimeRangeDates, formatBucketTime } from './chunk-SGXXJE52.js';
 import { Paper, Center, Loader, Group } from '@mantine/core';

package/dist/{chunk-S7RL77QS.js → chunk-DDZOHLHB.js}

@@ -1,4 +1,4 @@
-import { useOptionalElevasisFeatures } from './chunk-VQESMHQV.js';
+import { useOptionalElevasisFeatures } from './chunk-LJWV4TWV.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { useMemo } from 'react';
 

package/dist/{chunk-EDX6WIN3.js → chunk-EPV7NU2E.js}

@@ -3,9 +3,9 @@ import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
 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, useDealsLookup, useCreateDealTask, useDealsSummary, useDeleteDeal, usePaginationState, useDeals, useTableSort, sortData, useTableSelection, useDealDetail, useCompany } from './chunk-7GG6OSD7.js';
-import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
+import { CustomModal } from './chunk-KVJ3LFH2.js';
+import { useDealTasksDue, useDealsLookup, useCreateDealTask, useDealsSummary, useDeleteDeal, usePaginationState, useDeals, useTableSort, sortData, useTableSelection, useDealDetail, useCompany } from './chunk-GUJUK6EH.js';
+import { SubshellContentContainer } from './chunk-TKAYX2SP.js';
 import { CenteredErrorState, CardHeader, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-XUYBOO32.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-SGXXJE52.js';
@@ -695,7 +695,7 @@ var sortAccessors = {
   company: (deal) => deal.contact?.company?.name || deal.discovery_data?.company || deal.contact_email?.split("@")[1] || "",
   contact: (deal) => [deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ") || "",
   email: (deal) => deal.contact_email || "",
-  stage: (deal) => deal.cached_stage || "",
+  stage: (deal) => deal.stage_key || "",
   updated: (deal) => deal.updated_at || ""
 };
 function DealsListPage() {
@@ -705,7 +705,12 @@ function DealsListPage() {
   const [searchQuery, setSearchQuery] = useState("");
   const [showBatchDelete, setShowBatchDelete] = useState(false);
   const pagination = usePaginationState(PAGE_SIZE_DEFAULT, [stageFilter, searchQuery]);
-  const { data: deals, total, isLoading, error } = useDeals({
+  const {
+    data: deals,
+    total,
+    isLoading,
+    error
+  } = useDeals({
     stage: stageFilter || void 0,
     search: searchQuery || void 0,
     limit: PAGE_SIZE_DEFAULT,
@@ -800,7 +805,7 @@ function DealsListPage() {
                   /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: companyName }) }),
                   /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", children: contactName || "-" }) }),
                   /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: deal.contact_email || "-" }) }),
-                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: DEAL_STAGE_COLORS[deal.cached_stage || ""] || "gray", size: "sm", children: formatDealStageLabel(deal.cached_stage) }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: DEAL_STAGE_COLORS[deal.stage_key || ""] || "gray", size: "sm", children: formatDealStageLabel(deal.stage_key) }) }),
                   /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatTimeAgo(deal.updated_at) }) })
                 ]
               },
@@ -891,7 +896,16 @@ function DealDetailPage({ dealId, renderActions, onDealLoaded }) {
     ),
     renderActions?.(deal),
     /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", color: "red", onClick: () => setDeleteModalOpen(true), children: /* @__PURE__ */ jsx(IconTrash, { size: 16 }) })
-  ] }) : /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: () => navigate({ to: "/crm/deals" }), children: "Deals" });
+  ] }) : /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "light",
+      size: "sm",
+      leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+      onClick: () => navigate({ to: "/crm/deals" }),
+      children: "Deals"
+    }
+  );
   if (isLoading) {
     return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
       /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Loading deal details...", rightSection: headerActions }) }),
@@ -916,7 +930,7 @@ function DealDetailPage({ dealId, renderActions, onDealLoaded }) {
       PageTitleCaption,
       {
         title,
-        caption: `${companyName || "Unknown"} - ${formatDealStageLabel(deal.cached_stage)}`,
+        caption: `${companyName || "Unknown"} - ${formatDealStageLabel(deal.stage_key)}`,
         rightSection: headerActions
       }
     ) }),
@@ -931,7 +945,7 @@ function DealDetailPage({ dealId, renderActions, onDealLoaded }) {
           /* @__PURE__ */ jsx(Title, { order: 4, children: "Deal" }),
           /* @__PURE__ */ jsxs(Group, { children: [
             /* @__PURE__ */ jsx(Text, { fw: 500, children: "Stage:" }),
-            /* @__PURE__ */ jsx(Badge, { color: DEAL_STAGE_COLORS[deal.cached_stage || ""] || "gray", children: formatDealStageLabel(deal.cached_stage) })
+            /* @__PURE__ */ jsx(Badge, { color: DEAL_STAGE_COLORS[deal.stage_key || ""] || "gray", children: formatDealStageLabel(deal.stage_key) })
           ] }),
           /* @__PURE__ */ jsxs(Group, { children: [
             /* @__PURE__ */ jsx(Text, { fw: 500, children: "Sent:" }),
@@ -1003,7 +1017,7 @@ function DealDetailPage({ dealId, renderActions, onDealLoaded }) {
             ] })
           ] })
         ] }) }),
-        ["proposal_signed", "payment_sent", "closed_won"].includes(deal.cached_stage || "") && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        ["closing", "closed_won"].includes(deal.stage_key || "") && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
           /* @__PURE__ */ jsx(Title, { order: 4, children: "Payment" }),
           /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
             /* @__PURE__ */ jsxs(Group, { children: [

package/dist/{chunk-ATEHYDL3.js → chunk-FXWETLEB.js}

@@ -1,9 +1,9 @@
 import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-TSSKOQBX.js';
 import { AppShellLoader } from './chunk-M25JL54Z.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
-import { CustomModal } from './chunk-GBMNCNHX.js';
+import { CustomModal } from './chunk-KVJ3LFH2.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-7GG6OSD7.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-GUJUK6EH.js';
 import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-XUYBOO32.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { formatBucketTime, PAGE_SIZE_DEFAULT, getTimeRangeDates } from './chunk-SGXXJE52.js';
@@ -175,6 +175,7 @@ var activityTypeLabels = {
   webhook_executed: "Webhook Out",
   webhook_failed: "Webhook Fail",
   credential_change: "Credential",
+  credential_read: "Credential Read",
   api_key_change: "API Key",
   deployment_change: "Deployment",
   membership_change: "Membership"
@@ -243,6 +244,7 @@ var activityTypeOptions = [
   { value: "webhook_executed", label: "Webhook Executed" },
   { value: "webhook_failed", label: "Webhook Failed" },
   { value: "credential_change", label: "Credential Changes" },
+  { value: "credential_read", label: "Credential Reads" },
   { value: "api_key_change", label: "API Key Changes" },
   { value: "deployment_change", label: "Deployment Changes" },
   { value: "membership_change", label: "Membership Changes" }
@@ -323,6 +325,7 @@ function getNavigationPath(activity) {
     case "hitl_action":
       return "/command-queue";
     case "credential_change":
+    case "credential_read":
       return "/settings/credentials";
     case "api_key_change":
       return "/settings/api-keys";
@@ -1599,6 +1602,7 @@ function getNavigationPath2(activity) {
     case "hitl_action":
       return "/operations/command-queue";
     case "credential_change":
+    case "credential_read":
       return "/settings/credentials";
     case "api_key_change":
       return "/settings/api-keys";