@elevasis/ui 2.67.0 → 2.69.0

package/dist/chunk-XQ3ILKYN.js

@@ -0,0 +1,37 @@
+import { useAppearance } from './chunk-WXHAHKKI.js';
+import { topbarHeight } from './chunk-MISHPEJX.js';
+import { Stack, Title, Button } from '@mantine/core';
+import { IconAlertCircle } from '@tabler/icons-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var standardMdSpacing = 16;
+var topAndBottomSpacing = standardMdSpacing * 2;
+var AppShellCenteredContainer = ({ children }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        margin: "auto auto",
+        height: `calc(100vh - ${topbarHeight + topAndBottomSpacing}px)`,
+        textAlign: "center"
+      },
+      children
+    }
+  );
+};
+var AppShellLoader = () => {
+  const { loader } = useAppearance();
+  return /* @__PURE__ */ jsx(AppShellCenteredContainer, { children: loader });
+};
+var AppShellError = ({ message, retry }) => {
+  return /* @__PURE__ */ jsx(AppShellCenteredContainer, { children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "md", children: [
+    /* @__PURE__ */ jsx(IconAlertCircle, { size: 48, color: "var(--color-error)" }),
+    /* @__PURE__ */ jsx(Title, { order: 3, c: "dimmed", children: message }),
+    retry && /* @__PURE__ */ jsx(Button, { onClick: retry, children: "Retry" })
+  ] }) });
+};
+
+export { AppShellCenteredContainer, AppShellError, AppShellLoader };

package/dist/chunk-YCRINA2D.js

@@ -0,0 +1,67 @@
+import { useCyberColors, useResourcesHealth, EmptyState, CyberLegendItem, CyberAreaChart } from './chunk-WXHAHKKI.js';
+import { CardHeader } from './chunk-62GVNH5U.js';
+import { getTimeRangeDates, formatBucketTime } from './chunk-Y6I3IC45.js';
+import { Paper, Center, Loader, Group } from '@mantine/core';
+import { IconActivity, IconChartBar } from '@tabler/icons-react';
+import { useMemo } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function ResourceHealthPanel({ resourceId, resourceType, timeRange }) {
+  const colors = useCyberColors();
+  const { startDate, endDate } = useMemo(() => getTimeRangeDates(timeRange), [timeRange]);
+  const granularity = ["1h", "24h"].includes(timeRange) ? "hour" : "day";
+  const { data, isLoading } = useResourcesHealth({
+    resources: [{ entityType: resourceType, entityId: resourceId }],
+    startDate,
+    endDate,
+    granularity
+  });
+  const resourceHealth = data?.resources?.[0];
+  const chartData = useMemo(() => {
+    if (!resourceHealth?.trendData) return [];
+    return resourceHealth.trendData.map((point) => ({
+      time: point.time,
+      Success: (point.success || 0) - (point.warning || 0),
+      Warning: point.warning || 0,
+      Failed: point.failure || 0
+    }));
+  }, [resourceHealth?.trendData]);
+  const xTickFormatter = useMemo(() => (value) => formatBucketTime(value, granularity), [granularity]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
+  }
+  const summary = resourceHealth?.summary;
+  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
+    /* @__PURE__ */ jsx(
+      CardHeader,
+      {
+        icon: /* @__PURE__ */ jsx(IconActivity, { size: 18 }),
+        title: "Execution Health",
+        subtitle: `${summary?.total || 0} executions, ${summary?.successRate?.toFixed(1) || 0}% success rate`
+      }
+    ),
+    chartData.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { icon: IconChartBar, title: "No execution data for this time range" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "lg", justify: "center", mb: "xs", h: 24, align: "center", children: [
+        /* @__PURE__ */ jsx(CyberLegendItem, { color: colors.green, label: "Success" }),
+        /* @__PURE__ */ jsx(CyberLegendItem, { color: colors.yellow, label: "Warning" }),
+        /* @__PURE__ */ jsx(CyberLegendItem, { color: colors.red, label: "Failed" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        CyberAreaChart,
+        {
+          data: chartData,
+          series: [
+            { dataKey: "Success", color: "green", name: "Success" },
+            { dataKey: "Warning", color: "yellow", name: "Warning" },
+            { dataKey: "Failed", color: "red", name: "Failed" }
+          ],
+          height: 200,
+          yDomain: [0, "auto"],
+          xTickFormatter
+        }
+      )
+    ] })
+  ] });
+}
+
+export { ResourceHealthPanel };