@elevasis/ui 2.24.0 → 2.25.1

package/dist/{chunk-M25JL54Z.js → chunk-RYTEQBAO.js}

@@ -1,4 +1,4 @@
-import { useAppearance } from './chunk-QJ2KCHKX.js';
+import { useAppearance } from './chunk-E565XMTQ.js';
 import { topbarHeight } from './chunk-DT3QYZVU.js';
 import { Stack, Title, Button } from '@mantine/core';
 import { IconAlertCircle } from '@tabler/icons-react';

package/dist/{chunk-XUYBOO32.js → chunk-U36X6NZM.js}

@@ -638,18 +638,26 @@ function catalogItemToResourceDefinition(item) {
     status: item.status
   };
 }
-function CardHeader({ icon, title, subtitle, rightSection }) {
-  const wrappedIcon = icon ? /* @__PURE__ */ jsx(ThemeIcon, { size: "md", variant: "light", children: icon }) : null;
-  return /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: "md", children: [
-    subtitle ? /* @__PURE__ */ jsxs("div", { children: [
+function CardHeader({
+  icon,
+  title,
+  subtitle,
+  rightSection,
+  titleOrder = 3,
+  iconColor,
+  mb = "md"
+}) {
+  const wrappedIcon = icon ? /* @__PURE__ */ jsx(ThemeIcon, { size: "md", variant: "light", color: iconColor, children: icon }) : null;
+  return /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb, gap: "md", align: "flex-start", wrap: "nowrap", children: [
+    subtitle ? /* @__PURE__ */ jsxs(Box, { style: { minWidth: 0 }, children: [
       /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
         wrappedIcon,
-        /* @__PURE__ */ jsx(Title, { order: 3, children: title })
+        /* @__PURE__ */ jsx(Title, { order: titleOrder, style: { overflowWrap: "anywhere" }, children: title })
       ] }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", mt: 2, style: { color: "var(--color-text-dimmed)" }, children: subtitle })
+      /* @__PURE__ */ jsx(Text, { size: "sm", mt: 2, style: { color: "var(--color-text-dimmed)", overflowWrap: "anywhere" }, children: subtitle })
     ] }) : /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
       wrappedIcon,
-      /* @__PURE__ */ jsx(Title, { order: 3, children: title })
+      /* @__PURE__ */ jsx(Title, { order: titleOrder, style: { overflowWrap: "anywhere" }, children: title })
     ] }),
     rightSection
   ] });

package/dist/{chunk-QSTH6T77.js → chunk-VKMNWHTL.js}

@@ -1,4 +1,4 @@
-import { useElevasisServices } from './chunk-IRW7JMQ4.js';
+import { useElevasisServices } from './chunk-5WWZXCS5.js';
 import { useQuery } from '@tanstack/react-query';
 
 // src/hooks/observability/queryKeys.ts

package/dist/{chunk-KLFIJDTD.js → chunk-VOVZLL23.js}

@@ -1,10 +1,10 @@
-import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-TSSKOQBX.js';
-import { AppShellLoader } from './chunk-M25JL54Z.js';
+import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-KMAXFJPH.js';
+import { AppShellLoader } from './chunk-RYTEQBAO.js';
 import { FilterBar } from './chunk-PDHTXPSF.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-QULLZ5PE.js';
-import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-XUYBOO32.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-RSG2O3HF.js';
+import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-U36X6NZM.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { formatBucketTime, PAGE_SIZE_DEFAULT, getTimeRangeDates } from './chunk-SGXXJE52.js';
 import { useState, useMemo, useCallback } from 'react';

package/dist/{chunk-SLH2QLKV.js → chunk-WFTNY755.js}

@@ -1,4 +1,4 @@
-import { useInitialization } from './chunk-DK2HVHCY.js';
+import { useInitialization } from './chunk-WKJ47GIW.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useRef, useCallback, useEffect } from 'react';
 import { useQueryClient } from '@tanstack/react-query';

package/dist/{chunk-DK2HVHCY.js → chunk-WKJ47GIW.js}

@@ -1,5 +1,5 @@
 import { useOrganization } from './chunk-DD3CCMCZ.js';
-import { useProfile } from './chunk-QHSW4WHM.js';
+import { useProfile } from './chunk-XTVZFT7U.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { createContext, useContext, useMemo, useCallback, createElement } from 'react';
 

package/dist/chunk-X4WBGKJQ.js

@@ -0,0 +1,138 @@
+import { subshellNavItemIconSize } from './chunk-DT3QYZVU.js';
+import { UnstyledButton, Stack, Group, Text } from '@mantine/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var activeColor = "var(--color-primary)";
+var defaultColor = "var(--color-text-subtle)";
+var hoverColor = "var(--color-text)";
+var activeBg = `color-mix(in srgb, ${activeColor} 10%, transparent)`;
+var SubshellNavItem = ({
+  icon: Icon,
+  label,
+  isActive = false,
+  onClick,
+  description,
+  badge,
+  disabled = false,
+  href
+}) => {
+  const handleAnchorClick = disabled ? void 0 : (event) => {
+    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0) {
+      return;
+    }
+    event.preventDefault();
+    onClick();
+  };
+  const sharedStyle = {
+    width: "100%",
+    padding: "var(--mantine-spacing-xs)",
+    backgroundColor: isActive ? activeBg : "transparent",
+    borderRadius: "var(--mantine-radius-default)",
+    transition: `all var(--duration-fast) var(--easing)`,
+    cursor: disabled ? "not-allowed" : "pointer",
+    opacity: disabled ? 0.5 : 1,
+    color: "inherit",
+    textDecoration: "none",
+    display: "block"
+  };
+  const handleMouseEnter = (e) => {
+    if (!isActive && !disabled) {
+      e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+      const textElements = e.currentTarget.querySelectorAll("[data-text-element]");
+      textElements.forEach((el) => {
+        el.style.color = hoverColor;
+      });
+    }
+  };
+  const handleMouseLeave = (e) => {
+    if (!isActive && !disabled) {
+      e.currentTarget.style.backgroundColor = "transparent";
+      const textElements = e.currentTarget.querySelectorAll("[data-text-element]");
+      textElements.forEach((el) => {
+        el.style.color = defaultColor;
+      });
+    }
+  };
+  const inner = /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+    /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          size: subshellNavItemIconSize,
+          style: {
+            flexShrink: 0,
+            opacity: isActive ? 1 : 0.6,
+            color: isActive ? activeColor : defaultColor
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          size: "sm",
+          fw: isActive ? 600 : 400,
+          style: {
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            flex: 1,
+            fontFamily: "var(--elevasis-font-family-subtitle)",
+            color: isActive ? activeColor : defaultColor,
+            transition: `color var(--duration-fast) var(--easing)`
+          },
+          "data-text-element": true,
+          children: label
+        }
+      ),
+      badge && /* @__PURE__ */ jsx("div", { style: { flexShrink: 0 }, children: badge })
+    ] }),
+    description && /* @__PURE__ */ jsx(
+      Text,
+      {
+        size: "xs",
+        c: "dimmed",
+        style: {
+          paddingLeft: "22px",
+          lineHeight: 1.2,
+          color: isActive ? activeColor : defaultColor,
+          opacity: isActive ? 0.8 : 0.6,
+          transition: `all var(--duration-fast) var(--easing)`,
+          display: "-webkit-box",
+          WebkitLineClamp: 2,
+          WebkitBoxOrient: "vertical",
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        },
+        "data-text-element": true,
+        children: description
+      }
+    )
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsx(
+      UnstyledButton,
+      {
+        component: "a",
+        href,
+        onClick: handleAnchorClick,
+        style: sharedStyle,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      onClick: disabled ? void 0 : onClick,
+      disabled,
+      style: sharedStyle,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: inner
+    }
+  );
+};
+
+export { SubshellNavItem };

package/dist/{chunk-QHSW4WHM.js → chunk-XTVZFT7U.js}

@@ -1,4 +1,4 @@
-import { ElevasisServiceContext } from './chunk-IRW7JMQ4.js';
+import { ElevasisServiceContext } from './chunk-5WWZXCS5.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { createContext, useContext, useState, useEffect, createElement } from 'react';
 

package/dist/components/index.css

@@ -520,6 +520,17 @@
 .mantine-Button-root[data-variant=default]:hover {
   background-color: var(--color-surface-hover);
 }
+.lead-gen-build-action-button:disabled,
+.lead-gen-build-action-button[data-disabled] {
+  background-color: color-mix(in srgb, var(--mantine-color-gray-8) 48%, var(--color-surface) 52%) !important;
+  border-color: color-mix(in srgb, var(--mantine-color-gray-8) 58%, var(--color-surface) 42%) !important;
+  color: color-mix(in srgb, var(--color-text-subtle) 88%, var(--color-text-dimmed) 12%) !important;
+  opacity: 0.78;
+}
+.lead-gen-build-action-button:disabled:hover,
+.lead-gen-build-action-button[data-disabled]:hover {
+  background-color: color-mix(in srgb, var(--mantine-color-gray-8) 48%, var(--color-surface) 52%) !important;
+}
 .mantine-Accordion-control:hover {
   background-color: var(--color-surface-hover);
 }