@elevasis/ui 1.20.1 → 1.22.0

package/dist/charts/index.js

@@ -1,5 +1,6 @@
-export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-ERVB3QJQ.js';
-import '../chunk-AWMZCYKH.js';
+export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-N5SDJP44.js';
+import '../chunk-IAZT3VO6.js';
+import '../chunk-3KMDHCAR.js';
 import '../chunk-NNKKBSJN.js';
 import '../chunk-QJ2S46NI.js';
 import '../chunk-LXHZYSMQ.js';

package/dist/chunk-3KMDHCAR.js

@@ -0,0 +1,52 @@
+import { Text, Box, Code, Title } from '@mantine/core';
+import Markdown from 'react-markdown';
+import { Prism } from 'react-syntax-highlighter';
+import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+// src/components/display/StyledMarkdown.tsx
+var customCodeTheme = Object.fromEntries(
+  Object.entries(oneDark).map(([key, value]) => [
+    key,
+    typeof value === "object" && value !== null ? { ...value, background: "none", backgroundColor: "none" } : value
+  ])
+);
+var defaultComponents = {
+  h1: ({ children }) => /* @__PURE__ */ jsx(Title, { order: 3, c: "var(--color-primary)", mb: "xs", mt: "md", children }),
+  h2: ({ children }) => /* @__PURE__ */ jsx(Title, { order: 4, c: "var(--color-primary)", mb: "xs", mt: "sm", children }),
+  ul: ({ children }) => /* @__PURE__ */ jsx("ul", { style: { margin: "0.5rem 0", paddingLeft: "1.5rem" }, children }),
+  ol: ({ children }) => /* @__PURE__ */ jsx("ol", { style: { margin: "0.5rem 0", paddingLeft: "1.5rem" }, children }),
+  li: ({ children }) => /* @__PURE__ */ jsx("li", { style: { marginBottom: "0.25rem", fontSize: "var(--mantine-font-size-sm)" }, children }),
+  code: ({ className, children, ...props }) => {
+    const match = /language-(\w+)/.exec(className || "");
+    const codeString = String(children).replace(/\n$/, "");
+    if (match) {
+      return /* @__PURE__ */ jsx(
+        Prism,
+        {
+          style: customCodeTheme,
+          language: match[1],
+          PreTag: "div",
+          customStyle: {
+            margin: "0.5rem 0",
+            borderRadius: "var(--mantine-radius-default)",
+            fontSize: "0.8rem"
+          },
+          children: codeString
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(Code, { ...props, children });
+  },
+  pre: ({ children }) => /* @__PURE__ */ jsx(Fragment, { children }),
+  blockquote: ({ children }) => /* @__PURE__ */ jsx(Box, { pl: "sm", my: "xs", style: { borderLeft: "2px solid var(--color-border)" }, children }),
+  p: ({ children }) => /* @__PURE__ */ jsx(Text, { size: "sm", m: 0, children }),
+  strong: ({ children }) => /* @__PURE__ */ jsx(Text, { component: "span", fw: 700, children }),
+  em: ({ children }) => /* @__PURE__ */ jsx(Text, { component: "span", fs: "italic", children })
+};
+function StyledMarkdown({ children, components, className, style }) {
+  const mergedComponents = components ? { ...defaultComponents, ...components } : defaultComponents;
+  return /* @__PURE__ */ jsx("div", { className, style, children: /* @__PURE__ */ jsx(Markdown, { components: mergedComponents, children }) });
+}
+
+export { StyledMarkdown };

package/dist/{chunk-4SY4EQSK.js → chunk-5266RV46.js}

@@ -1,6 +1,6 @@
-import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-ERVB3QJQ.js';
-import { CardHeader, EmptyState } from './chunk-AWMZCYKH.js';
-import { useResourcesHealth } from './chunk-AQ5MQDSS.js';
+import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-N5SDJP44.js';
+import { CardHeader, EmptyState } from './chunk-IAZT3VO6.js';
+import { useResourcesHealth } from './chunk-EDAYKRPJ.js';
 import { getTimeRangeDates, formatBucketTime } from './chunk-LXHZYSMQ.js';
 import { Paper, Center, Loader, Group } from '@mantine/core';
 import { IconActivity, IconChartBar } from '@tabler/icons-react';

package/dist/{chunk-UMFPUM7Q.js → chunk-7TLPKXC2.js}

@@ -1,7 +1,7 @@
 import { FilterBar } from './chunk-PDHTXPSF.js';
-import { CyberAreaChart } from './chunk-ERVB3QJQ.js';
-import { APIErrorAlert, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState } from './chunk-AWMZCYKH.js';
-import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead } from './chunk-AQ5MQDSS.js';
+import { CyberAreaChart } from './chunk-N5SDJP44.js';
+import { APIErrorAlert, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState } from './chunk-IAZT3VO6.js';
+import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead } from './chunk-EDAYKRPJ.js';
 import { formatBucketTime } from './chunk-LXHZYSMQ.js';
 import { formatDuration } from './chunk-XA34RETF.js';
 import { PAGE_SIZE_DEFAULT } from './chunk-IOKL7BKE.js';
@@ -1221,6 +1221,15 @@ function ErrorBreakdownTable({ startDate, endDate, onErrorClick }) {
     totalPages(total) > 1 && /* @__PURE__ */ jsx(Group, { justify: "flex-start", children: /* @__PURE__ */ jsx(Pagination, { total: totalPages(total), value: page, onChange: setPage, size: "sm", boundaries: 1 }) })
   ] }) });
 }
+function NotificationList({ notifications, isLoading, onClose, onNavigate }) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) });
+  }
+  if (notifications.length === 0) {
+    return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No notifications" }) });
+  }
+  return /* @__PURE__ */ jsx(Stack, { gap: 0, children: notifications.map((notification) => /* @__PURE__ */ jsx(NotificationItem, { notification, onClose, onNavigate }, notification.id)) });
+}
 var categoryColors = {
   info: "blue",
   queue: "cyan",
@@ -1268,14 +1277,5 @@ function NotificationItem({ notification, onClose, onNavigate }) {
     }
   );
 }
-function NotificationList({ notifications, isLoading, onClose, onNavigate }) {
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) });
-  }
-  if (notifications.length === 0) {
-    return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No notifications" }) });
-  }
-  return /* @__PURE__ */ jsx(Stack, { gap: 0, children: notifications.map((notification) => /* @__PURE__ */ jsx(NotificationItem, { notification, onClose, onNavigate }, notification.id)) });
-}
 
 export { ActivityCard, ActivityFilters, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters, ExecutionLogsTable, NotificationItem, NotificationList };