@elevasis/ui 2.33.2 → 2.35.0

package/dist/chunk-TBVLQRXT.js

@@ -1,68 +0,0 @@
-import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-4DYOXEH6.js';
-import { useResourcesHealth } from './chunk-ZMK5Z6KE.js';
-import { CardHeader, EmptyState } from './chunk-EPTHX4VZ.js';
-import { getTimeRangeDates, formatBucketTime } from './chunk-2RJMVWFJ.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 };