@elevasis/ui 1.24.3 → 1.25.1

package/dist/{chunk-ZDKC3V7C.js → chunk-EFPFPCP2.js}

@@ -1,13 +1,13 @@
 import { FilterBar } from './chunk-PDHTXPSF.js';
-import { CyberAreaChart } from './chunk-UG5565XQ.js';
-import { APIErrorAlert, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState } from './chunk-IAZT3VO6.js';
-import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead } from './chunk-QDO6NF2I.js';
+import { CyberAreaChart } from './chunk-US4JUSI3.js';
+import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState } from './chunk-G25YWGUL.js';
+import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead } from './chunk-GQCQDCLJ.js';
 import { formatBucketTime } from './chunk-LXHZYSMQ.js';
 import { formatDuration } from './chunk-XA34RETF.js';
 import { PAGE_SIZE_DEFAULT } from './chunk-IOKL7BKE.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { Table, Text, Badge, Tooltip, Select, TextInput, Button, Card, Stack, Group, Paper, Center, Loader, ActionIcon, SegmentedControl, NumberFormatter, Box, Alert, Title, Switch, Pagination, UnstyledButton } from '@mantine/core';
-import { IconCircleCheck, IconThumbDown, IconThumbUp, IconClock, IconCircleX, IconSearch, IconFilterOff, IconArrowUpRight, IconAlertTriangle, IconAlertCircle, IconExternalLink, IconChartPie, IconHeartbeat, IconDownload, IconCpu, IconTrendingUp, IconChartBar, IconCash, IconInfoCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconArrowUp, IconArrowDown, IconFileOff, IconRobot, IconKey, IconUser } from '@tabler/icons-react';
+import { Table, Text, Badge, Tooltip, Select, TextInput, Button, Card, Stack, Group, Paper, Center, Loader, ActionIcon, SegmentedControl, NumberFormatter, Box, Alert, Switch, Pagination, UnstyledButton } from '@mantine/core';
+import { IconCircleCheck, IconThumbDown, IconThumbUp, IconClock, IconCircleX, IconSearch, IconFilterOff, IconArrowUpRight, IconAlertTriangle, IconAlertCircle, IconExternalLink, IconChartPie, IconHeartbeat, IconDownload, IconCpu, IconTrendingUp, IconChartBar, IconCash, IconInfoCircle, IconExclamationCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconArrowUp, IconArrowDown, IconFileOff, IconRobot, IconKey, IconUser } from '@tabler/icons-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { formatDistanceToNow } from 'date-fns';
 import { useState } from 'react';
@@ -336,7 +336,7 @@ function ErrorAnalysisCard({ data, isLoading, error }) {
     failureRate: res.failureRate
   })) ?? [];
   if (error) {
-    return /* @__PURE__ */ jsx(APIErrorAlert, { error, title: "Failed to load error analysis metrics" });
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load error analysis metrics" }) });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
@@ -375,7 +375,7 @@ function ErrorAnalysisCard({ data, isLoading, error }) {
 }
 function ExecutionBreakdownTable({ data, isLoading, error }) {
   if (error) {
-    return /* @__PURE__ */ jsx(APIErrorAlert, { error, title: "Failed to load execution breakdown" });
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load execution breakdown" }) });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
@@ -471,7 +471,7 @@ function ExecutionHealthCard({ data, isLoading, error }) {
   const statusColor = hasExecutions ? successRate >= 98 ? "green" : successRate >= 95 ? "yellow" : "red" : "gray";
   const statusLabel = hasExecutions ? successRate >= 98 ? "Healthy" : successRate >= 95 ? "Warning" : "Critical" : "No Data";
   if (error) {
-    return /* @__PURE__ */ jsx(APIErrorAlert, { error, title: "Failed to load execution health metrics" });
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load execution health metrics" }) });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsx(StatsCardSkeleton, {});
@@ -650,7 +650,7 @@ function CostByModelTable({ data, isLoading, error }) {
     return modelName.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
   };
   if (error) {
-    return /* @__PURE__ */ jsx(APIErrorAlert, { error, title: "Failed to load cost by model" });
+    return /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load cost by model" }) });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
@@ -751,7 +751,7 @@ function BusinessImpactCard({
     };
   });
   if (error) {
-    return /* @__PURE__ */ jsx(APIErrorAlert, { error, title: "Failed to load business impact metrics" });
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load business impact metrics" }) });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
@@ -837,7 +837,7 @@ function CostBreakdownCard({
     avgCost: r.avgCostUsd
   })) ?? [];
   if (error) {
-    return /* @__PURE__ */ jsx(APIErrorAlert, { error, title: "Failed to load cost breakdown" });
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load cost breakdown" }) });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsx(DetailCardSkeleton, { rows: 3 });
@@ -935,7 +935,7 @@ function CostMetricsCard({
     cost: r.totalCostUsd
   })) ?? [];
   if (error) {
-    return /* @__PURE__ */ jsx(APIErrorAlert, { error, title: "Failed to load cost metrics" });
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load cost metrics" }) });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsx(StatsCardSkeleton, {});
@@ -1031,21 +1031,23 @@ function ErrorBreakdownTable({ startDate, endDate, onErrorClick }) {
   }
   if (!data || data.errors.length === 0) {
     return /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Title, { order: 3, children: "Recent Errors" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "0 errors found" })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            label: "Show resolved",
-            checked: showResolved,
-            onChange: (e) => setShowResolved(e.currentTarget.checked),
-            size: "sm"
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsx(
+        CardHeader,
+        {
+          icon: /* @__PURE__ */ jsx(IconExclamationCircle, { size: 18 }),
+          title: "Recent Errors",
+          subtitle: "0 errors found",
+          rightSection: /* @__PURE__ */ jsx(
+            Switch,
+            {
+              label: "Show resolved",
+              checked: showResolved,
+              onChange: (e) => setShowResolved(e.currentTarget.checked),
+              size: "sm"
+            }
+          )
+        }
+      ),
       /* @__PURE__ */ jsx(
         EmptyState,
         {
@@ -1080,38 +1082,35 @@ function ErrorBreakdownTable({ startDate, endDate, onErrorClick }) {
     }
   };
   return /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "Recent Errors" }),
-        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-          filteredErrors.length,
-          " error",
-          filteredErrors.length !== 1 ? "s" : "",
-          " found"
+    /* @__PURE__ */ jsx(
+      CardHeader,
+      {
+        icon: /* @__PURE__ */ jsx(IconExclamationCircle, { size: 18 }),
+        title: "Recent Errors",
+        subtitle: `${filteredErrors.length} error${filteredErrors.length !== 1 ? "s" : ""} found`,
+        rightSection: /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              label: "Show resolved",
+              checked: showResolved,
+              onChange: (e) => setShowResolved(e.currentTarget.checked),
+              size: "sm"
+            }
+          ),
+          !showResolved && filteredErrors.some((e) => !e.resolved) && /* @__PURE__ */ jsx(
+            Button,
+            {
+              leftSection: /* @__PURE__ */ jsx(IconChecks, { size: 16 }),
+              variant: "light",
+              loading: resolveAll.isPending,
+              onClick: () => resolveAll.mutate(),
+              children: "Resolve All"
+            }
+          )
         ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Group, { children: [
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            label: "Show resolved",
-            checked: showResolved,
-            onChange: (e) => setShowResolved(e.currentTarget.checked),
-            size: "sm"
-          }
-        ),
-        !showResolved && filteredErrors.some((e) => !e.resolved) && /* @__PURE__ */ jsx(
-          Button,
-          {
-            leftSection: /* @__PURE__ */ jsx(IconChecks, { size: 16 }),
-            variant: "light",
-            loading: resolveAll.isPending,
-            onClick: () => resolveAll.mutate(),
-            children: "Resolve All"
-          }
-        )
-      ] })
-    ] }),
+      }
+    ),
     /* @__PURE__ */ jsxs(FilterBar, { children: [
       /* @__PURE__ */ jsx(
         TextInput,