@elevasis/ui 1.26.0 → 1.27.0

package/dist/features/dashboard/index.js

@@ -1,649 +1,35 @@
-import { ResourceHealthChart } from '../../chunk-LGKLC5MG.js';
-import { ExecutionStats } from '../../chunk-O4UB5DQQ.js';
-import { HeroStatsRow, useCyberColors } from '../../chunk-JHVKGZ2P.js';
-import { CardHeader, EmptyState, PageTitleCaption, TabCountBadge, GlowDot } from '../../chunk-MCA6LOGM.js';
+export { Dashboard, RecentExecutionsByResource, ResourceOverview, UnresolvedErrorsTeaser, dashboardManifest } from '../../chunk-BAGYETKM.js';
+import '../../chunk-LGKLC5MG.js';
+import '../../chunk-F2J7675J.js';
+import '../../chunk-JHVKGZ2P.js';
+import '../../chunk-MCA6LOGM.js';
 import '../../chunk-3KMDHCAR.js';
 import '../../chunk-NNKKBSJN.js';
-import { AppShellCenteredContainer, AppShellLoader } from '../../chunk-WWEMNIHW.js';
-import '../../chunk-QJ2S46NI.js';
-import { useTimeRangeDates } from '../../chunk-YNGQ7U5H.js';
-import { useDashboardMetrics, useResources, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from '../../chunk-ZVJKIJFG.js';
-import { getTimeRangeDates } from '../../chunk-LXHZYSMQ.js';
-import '../../chunk-MHW43EOH.js';
+import '../../chunk-YYBM5LNJ.js';
+import '../../chunk-WLNEJ6JJ.js';
+import '../../chunk-RCQPWA5X.js';
+import '../../chunk-LXHZYSMQ.js';
 import '../../chunk-F6RBK7NJ.js';
 import '../../chunk-XA34RETF.js';
-import { ResourceStatusColors } from '../../chunk-ELJIFLCB.js';
-import '../../chunk-L4XXM55J.js';
-import '../../chunk-SLVC5OJ2.js';
-import '../../chunk-RNP5R5I3.js';
-import '../../chunk-RMPXGBNI.js';
+import '../../chunk-ELJIFLCB.js';
+import '../../chunk-5JSR6TL5.js';
 import '../../chunk-SZHARWKU.js';
-import '../../chunk-FEZZ3IDU.js';
+import '../../chunk-TXPUIHX2.js';
 import '../../chunk-CYXZHBP4.js';
-import '../../chunk-R7WLWGPO.js';
+import '../../chunk-ITCEULI5.js';
+import '../../chunk-5COLSYBE.js';
 import '../../chunk-NVOCKXUQ.js';
-import '../../chunk-V7XHGJQZ.js';
+import '../../chunk-MHW43EOH.js';
+import '../../chunk-W4VYXIN7.js';
 import '../../chunk-QJ2KCHKX.js';
-import { formatTimeAgo, formatRelativeTime } from '../../chunk-IOKL7BKE.js';
+import '../../chunk-QJ2S46NI.js';
+import '../../chunk-SLVC5OJ2.js';
+import '../../chunk-RNP5R5I3.js';
+import '../../chunk-IOKL7BKE.js';
 import '../../chunk-RWQIFKMJ.js';
 import '../../chunk-ALA56RGZ.js';
-import { useInitialization } from '../../chunk-TUXTSEAF.js';
+import '../../chunk-TUXTSEAF.js';
 import '../../chunk-DD3CCMCZ.js';
 import '../../chunk-QEPXAWE2.js';
 import '../../chunk-BRJ3QZ4E.js';
 import '../../chunk-Q7DJKLEN.js';
-import { useMemo, useState } from 'react';
-import { Paper, Group, Badge, ActionIcon, Center, Loader, SimpleGrid, Stack, Title, Text, Tabs, Box, Card, Grid, ThemeIcon } from '@mantine/core';
-import { IconArrowUpRight, IconLayoutDashboard, IconActivity, IconAlertTriangle, IconHandStop, IconCalendarEvent, IconPlayerPlay, IconCircleCheck, IconBrain, IconGitBranch } from '@tabler/icons-react';
-import '@mantine/charts/styles.css';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var DEFAULT_LIMIT = 6;
-var typeIcons = {
-  workflow: IconGitBranch,
-  agent: IconBrain
-};
-function ResourceCard({ resource, onClick }) {
-  const [hovered, setHovered] = useState(false);
-  const Icon = typeIcons[resource.type] ?? IconActivity;
-  const cyberColors = useCyberColors();
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      withBorder: true,
-      style: {
-        cursor: "pointer",
-        transition: "all 150ms ease",
-        borderColor: hovered ? "color-mix(in srgb, var(--color-primary) 40%, var(--color-border))" : "var(--color-border)",
-        boxShadow: hovered ? "var(--card-shadow), 0 0 12px color-mix(in srgb, var(--color-primary) 25%, transparent)" : "var(--card-shadow)",
-        transform: hovered ? "translateY(-1px)" : "none"
-      },
-      onMouseEnter: () => setHovered(true),
-      onMouseLeave: () => setHovered(false),
-      onClick,
-      children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: "sm", wrap: "nowrap", align: "flex-start", children: [
-          /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", style: { minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx(ThemeIcon, { size: 32, radius: "md", variant: "light", children: /* @__PURE__ */ jsx(Icon, { size: 18 }) }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, truncate: true, children: resource.name })
-          ] }),
-          resource.active && resource.execution ? (() => {
-            const rate = resource.execution.successRate;
-            const color = rate >= 95 ? cyberColors.green : rate >= 80 ? cyberColors.yellow : cyberColors.red;
-            return /* @__PURE__ */ jsxs(Group, { gap: 8, wrap: "nowrap", style: { flexShrink: 0 }, children: [
-              /* @__PURE__ */ jsxs(Text, { size: "xs", fw: 500, style: { color, letterSpacing: "0.03em" }, children: [
-                rate.toFixed(0),
-                "%"
-              ] }),
-              /* @__PURE__ */ jsx(GlowDot, { size: "md", color })
-            ] });
-          })() : null
-        ] }),
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
-          /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", children: resource.type }),
-            /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "xs",
-                variant: "light",
-                color: ResourceStatusColors[resource.status],
-                children: resource.status
-              }
-            )
-          ] }),
-          resource.active && resource.execution ? /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", style: { flexShrink: 0 }, children: [
-            /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-              resource.execution.totalExecutions,
-              " runs"
-            ] }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "\xB7" }),
-            /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-              "Last run ",
-              formatTimeAgo(resource.execution.lastExecution)
-            ] })
-          ] }) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No recent activity" })
-        ] })
-      ]
-    }
-  );
-}
-function ResourceOverview({
-  recentExecutions,
-  allResources,
-  isLoading,
-  limit = DEFAULT_LIMIT,
-  onResourceClick
-}) {
-  const { displayResources, totalCount } = useMemo(() => {
-    const items = [];
-    const seenIds = /* @__PURE__ */ new Set();
-    const resourceLookup = /* @__PURE__ */ new Map();
-    if (allResources) {
-      for (const r of [...allResources.workflows, ...allResources.agents]) {
-        resourceLookup.set(r.resourceId, r);
-      }
-    }
-    if (recentExecutions) {
-      for (const exec of recentExecutions) {
-        const def = resourceLookup.get(exec.resourceId);
-        items.push({
-          resourceId: exec.resourceId,
-          name: def?.name ?? exec.resourceName ?? exec.resourceId,
-          type: def?.type ?? exec.resourceType ?? "",
-          status: def?.status ?? "dev",
-          active: true,
-          execution: exec
-        });
-        seenIds.add(exec.resourceId);
-      }
-    }
-    if (allResources) {
-      for (const r of [...allResources.workflows, ...allResources.agents]) {
-        if (!seenIds.has(r.resourceId)) {
-          items.push({
-            resourceId: r.resourceId,
-            name: r.name,
-            type: r.type,
-            status: r.status,
-            active: false
-          });
-          seenIds.add(r.resourceId);
-        }
-      }
-    }
-    return { displayResources: items.slice(0, limit), totalCount: items.length };
-  }, [recentExecutions, allResources, limit]);
-  const handleClick = (resource) => {
-    onResourceClick?.(resource);
-  };
-  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-    /* @__PURE__ */ jsx(
-      CardHeader,
-      {
-        icon: /* @__PURE__ */ jsx(IconLayoutDashboard, { size: 18 }),
-        title: "Resources",
-        subtitle: totalCount > limit ? `Showing ${limit} of ${totalCount}` : void 0,
-        rightSection: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-          totalCount > 0 && /* @__PURE__ */ jsxs(Badge, { variant: "light", size: "sm", children: [
-            totalCount,
-            " total"
-          ] }),
-          /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", onClick: () => onResourceClick?.(displayResources[0]), children: /* @__PURE__ */ jsx(IconArrowUpRight, { size: 16 }) })
-        ] })
-      }
-    ),
-    isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : displayResources.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { icon: IconLayoutDashboard, title: "No resources registered" }) : /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2, lg: 3 }, children: displayResources.map((resource) => /* @__PURE__ */ jsx(ResourceCard, { resource, onClick: () => handleClick(resource) }, resource.resourceId)) })
-  ] });
-}
-var severityColor = {
-  critical: "red",
-  warning: "yellow",
-  info: "blue"
-};
-function Dashboard({
-  timeRange,
-  onResourceClick,
-  onErrorsNavigate,
-  onCommandQueueNavigate,
-  onScheduledTasksNavigate,
-  renderTrendChart
-}) {
-  const { organizationReady, error: initError } = useInitialization();
-  const { data: dashboardDataRaw, isLoading, error } = useDashboardMetrics(timeRange);
-  const dashboardData = dashboardDataRaw;
-  const { data: resourcesData, isLoading: resourcesLoading } = useResources();
-  const { startDate, endDate } = useTimeRangeDates(timeRange);
-  const { data: errorData, isLoading: errorsLoading } = useUnresolvedErrors({ startDate, endDate });
-  const { data: recentExecData, isLoading: recentExecLoading } = useRecentExecutionsByResource({
-    timeRange,
-    limit: 6
-  });
-  if (initError?.layer === "organization") {
-    return /* @__PURE__ */ jsx(AppShellCenteredContainer, { children: /* @__PURE__ */ jsxs(Stack, { align: "center", justify: "center", children: [
-      /* @__PURE__ */ jsx(Title, { order: 3, c: "dimmed", children: "No organization detected" }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: initError?.message })
-    ] }) });
-  }
-  if (!organizationReady || isLoading || resourcesLoading) return /* @__PURE__ */ jsx(AppShellLoader, {});
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(PageTitleCaption, { title: "Dashboard", caption: "AI Operations Health & Performance" }),
-    /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(
-        HeroStatsRow,
-        {
-          resourcesData,
-          resourcesLoading,
-          dashboardData,
-          dashboardLoading: isLoading,
-          unresolvedErrorCount: errorData?.total ?? null,
-          errorsLoading
-        }
-      ),
-      renderTrendChart?.(dashboardData?.executionHealth, isLoading, error ?? void 0)
-    ] }),
-    /* @__PURE__ */ jsx(
-      ResourceOverview,
-      {
-        recentExecutions: recentExecData?.resources,
-        allResources: resourcesData,
-        isLoading: resourcesLoading || recentExecLoading,
-        limit: 6,
-        onResourceClick: onResourceClick ? (resource) => onResourceClick({
-          resourceId: resource.resourceId,
-          resourceType: resource.type
-        }) : void 0
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      OperationalOverview,
-      {
-        timeRange,
-        onErrorsNavigate,
-        onCommandQueueNavigate,
-        onScheduledTasksNavigate
-      }
-    )
-  ] });
-}
-function OperationalOverview({
-  timeRange,
-  onErrorsNavigate,
-  onCommandQueueNavigate,
-  onScheduledTasksNavigate
-}) {
-  const { startDate, endDate } = useTimeRangeDates(timeRange);
-  const { data: errorData, isLoading: errorsLoading } = useUnresolvedErrors({ startDate, endDate });
-  const errors = errorData?.errors ?? [];
-  const errorCount = errorData?.total ?? 0;
-  const { data: allCommands } = useCommandQueue({ status: "pending", limit: 100 });
-  const commands = allCommands ?? [];
-  const commandCount = commands.length;
-  const { data: allTasks, isLoading: tasksLoading } = useScheduledTasks();
-  const tasks = allTasks ?? [];
-  const now = /* @__PURE__ */ new Date();
-  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-  const { totalScheduled, upcomingTasks } = useMemo(() => {
-    const totalScheduled2 = tasks.filter((t) => t.status === "active").length;
-    const upcomingTasks2 = tasks.filter((t) => t.status === "active" && t.nextRunAt).sort((a, b) => new Date(a.nextRunAt).getTime() - new Date(b.nextRunAt).getTime()).slice(0, 5);
-    return { totalScheduled: totalScheduled2, upcomingTasks: upcomingTasks2 };
-  }, [tasks]);
-  const defaultTab = useMemo(() => {
-    if (errorCount > 0) return "errors";
-    if (commandCount > 0) return "commands";
-    if (totalScheduled > 0) return "scheduled";
-    return "errors";
-  }, [errorCount, commandCount, totalScheduled]);
-  const [activeTab, setActiveTab] = useState(null);
-  const effectiveTab = activeTab ?? defaultTab;
-  const formatDaysUntil = (runAt) => {
-    const diffMs = runAt.getTime() - now.getTime();
-    const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
-    const diffHours = Math.floor(diffMs / (1e3 * 60 * 60));
-    if (diffHours < 0) return "Overdue";
-    if (diffHours < 1) return "Soon";
-    if (diffDays === 0) return "Today";
-    if (diffDays === 1) return "Tomorrow";
-    if (diffDays <= 7) return `In ${diffDays}d`;
-    return `In ${Math.floor(diffDays / 7)}w`;
-  };
-  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-    /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconActivity, { size: 18 }), title: "Operational Overview" }),
-    /* @__PURE__ */ jsxs(Tabs, { value: effectiveTab, onChange: setActiveTab, variant: "default", children: [
-      /* @__PURE__ */ jsxs(Tabs.List, { children: [
-        /* @__PURE__ */ jsx(
-          Tabs.Tab,
-          {
-            value: "errors",
-            leftSection: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 16 }),
-            rightSection: /* @__PURE__ */ jsx(TabCountBadge, { count: errorCount, isLoading: errorsLoading }),
-            children: "Unresolved Errors"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Tabs.Tab,
-          {
-            value: "commands",
-            leftSection: /* @__PURE__ */ jsx(IconHandStop, { size: 16 }),
-            rightSection: /* @__PURE__ */ jsx(TabCountBadge, { count: commandCount }),
-            children: "Command Queue"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Tabs.Tab,
-          {
-            value: "scheduled",
-            leftSection: /* @__PURE__ */ jsx(IconCalendarEvent, { size: 16 }),
-            rightSection: /* @__PURE__ */ jsx(TabCountBadge, { count: totalScheduled, isLoading: tasksLoading }),
-            children: "Scheduled Tasks"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(Tabs.Panel, { value: "errors", pt: "sm", children: errorsLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : errors.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No unresolved errors" }) : /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-        errors.map((error) => /* @__PURE__ */ jsx(
-          Box,
-          {
-            px: "sm",
-            py: 6,
-            onClick: onErrorsNavigate,
-            style: {
-              borderRadius: 4,
-              cursor: onErrorsNavigate ? "pointer" : "default"
-            },
-            children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
-              /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", style: { minWidth: 200, width: 200, flexShrink: 0 }, children: [
-                /* @__PURE__ */ jsx(
-                  Box,
-                  {
-                    style: {
-                      width: 8,
-                      height: 8,
-                      borderRadius: "50%",
-                      backgroundColor: `var(--mantine-color-${severityColor[error.severity]}-6)`,
-                      flexShrink: 0
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { minWidth: 0 }, children: [
-                  /* @__PURE__ */ jsx(Text, { size: "xs", lineClamp: 1, children: error.resourceName || error.resourceId }),
-                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", lineClamp: 1, children: error.errorType })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", lineClamp: 1, style: { flex: "1 1 auto", minWidth: 0 }, children: error.message }),
-              /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", style: { flexShrink: 0 }, children: [
-                /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: severityColor[error.severity], children: error.severity }),
-                /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatTimeAgo(error.timestamp) })
-              ] })
-            ] })
-          },
-          error.id
-        )),
-        errorCount > 5 && /* @__PURE__ */ jsx(
-          Group,
-          {
-            gap: 4,
-            justify: "center",
-            pt: 4,
-            onClick: onErrorsNavigate,
-            style: { cursor: onErrorsNavigate ? "pointer" : "default" },
-            children: /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "See all errors" })
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsx(Tabs.Panel, { value: "commands", pt: "sm", children: commands.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No pending decisions" }) : /* @__PURE__ */ jsx(Stack, { gap: 4, children: commands.slice(0, 5).map((task) => /* @__PURE__ */ jsx(
-        Box,
-        {
-          px: "sm",
-          py: 6,
-          onClick: onCommandQueueNavigate,
-          style: {
-            borderRadius: 4,
-            cursor: onCommandQueueNavigate ? "pointer" : "default"
-          },
-          children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
-            /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", style: { minWidth: 0 }, children: [
-              /* @__PURE__ */ jsx(
-                Box,
-                {
-                  style: {
-                    width: 8,
-                    height: 8,
-                    borderRadius: "50%",
-                    backgroundColor: `var(--mantine-color-${task.priority >= 8 ? "red" : task.priority >= 4 ? "yellow" : "blue"}-6)`,
-                    flexShrink: 0
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx(Text, { size: "xs", lineClamp: 1, children: task.description || "No description" })
-            ] }),
-            /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", children: task.status })
-          ] })
-        },
-        task.id
-      )) }) }),
-      /* @__PURE__ */ jsx(Tabs.Panel, { value: "scheduled", pt: "sm", children: tasksLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : upcomingTasks.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No scheduled tasks" }) : /* @__PURE__ */ jsx(Stack, { gap: 4, children: upcomingTasks.map((task) => {
-        const runAt = new Date(task.nextRunAt);
-        const daysUntilNum = Math.floor((runAt.getTime() - today.getTime()) / (1e3 * 60 * 60 * 24));
-        return /* @__PURE__ */ jsx(
-          Box,
-          {
-            px: "sm",
-            py: 6,
-            onClick: onScheduledTasksNavigate,
-            style: {
-              borderRadius: 4,
-              cursor: onScheduledTasksNavigate ? "pointer" : "default"
-            },
-            children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
-              /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", style: { minWidth: 0 }, children: [
-                /* @__PURE__ */ jsx(
-                  Box,
-                  {
-                    style: {
-                      width: 8,
-                      height: 8,
-                      borderRadius: "50%",
-                      backgroundColor: `var(--mantine-color-${daysUntilNum < 0 ? "red" : daysUntilNum <= 1 ? "yellow" : "blue"}-6)`,
-                      flexShrink: 0
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx(Text, { size: "xs", truncate: true, children: task.name || task.target.resourceId })
-              ] }),
-              /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: daysUntilNum <= 1 ? void 0 : "gray", children: formatDaysUntil(runAt) })
-            ] })
-          },
-          task.id
-        );
-      }) }) })
-    ] })
-  ] });
-}
-var entityTypeConfig = {
-  workflow: { icon: IconGitBranch, hasPath: true },
-  agent: { icon: IconBrain, hasPath: true }
-};
-function getEntityConfig(entityType) {
-  return entityTypeConfig[entityType] || { icon: IconActivity, hasPath: false };
-}
-function RecentExecutionsByResource({ timeRange, limit = 5, onResourceClick }) {
-  const { data, isLoading, isFetching, error } = useRecentExecutionsByResource({
-    timeRange,
-    limit
-  });
-  const showLoading = (isLoading || isFetching) && !data;
-  const { data: resourcesData } = useResources();
-  const resourceDefLookup = useMemo(() => {
-    if (!resourcesData) return /* @__PURE__ */ new Map();
-    const allResources = [...resourcesData.workflows || [], ...resourcesData.agents || []];
-    return new Map(allResources.map((r) => [r.resourceId, r]));
-  }, [resourcesData]);
-  const enrichedExecutions = useMemo(() => {
-    if (!data?.resources) return [];
-    return data.resources.map((exec) => {
-      const resourceDef = resourceDefLookup.get(exec.resourceId);
-      return {
-        ...exec,
-        resourceType: resourceDef?.type || "",
-        resourceName: resourceDef?.name || exec.resourceId
-      };
-    });
-  }, [data, resourceDefLookup]);
-  const resourceIds = useMemo(
-    () => enrichedExecutions.map((r) => ({
-      entityType: r.resourceType,
-      entityId: r.resourceId
-    })),
-    [enrichedExecutions]
-  );
-  const { startDate, endDate } = useMemo(() => getTimeRangeDates(timeRange), [timeRange]);
-  const granularity = timeRange === "1h" || timeRange === "24h" ? "hour" : "day";
-  const { data: healthData } = useResourcesHealth({
-    resources: resourceIds,
-    startDate,
-    endDate,
-    granularity
-  });
-  const healthLookup = useMemo(() => {
-    if (!healthData?.resources) return /* @__PURE__ */ new Map();
-    return new Map(healthData.resources.map((r) => [`${r.entityType}-${r.entityId}`, r]));
-  }, [healthData]);
-  const handleResourceClick = (resource) => {
-    const config = getEntityConfig(resource.resourceType);
-    if (config.hasPath) {
-      onResourceClick?.({ resourceType: resource.resourceType, resourceId: resource.resourceId });
-    }
-  };
-  if (showLoading) {
-    return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx(Center, { py: "md", children: /* @__PURE__ */ jsxs(Text, { size: "sm", c: "red.6", children: [
-      "Failed to load: ",
-      error.message
-    ] }) });
-  }
-  if (enrichedExecutions.length === 0) {
-    return /* @__PURE__ */ jsx(EmptyState, { icon: IconPlayerPlay, title: "No executions in this time range" });
-  }
-  return /* @__PURE__ */ jsx(Stack, { gap: "sm", children: enrichedExecutions.map((resource) => {
-    const config = getEntityConfig(resource.resourceType);
-    const Icon = config.icon;
-    const resourceKey = `${resource.resourceType}-${resource.resourceId}`;
-    const resourceHealth = healthLookup.get(resourceKey);
-    const resourceDef = resourceDefLookup.get(resource.resourceId);
-    return /* @__PURE__ */ jsx(
-      Card,
-      {
-        withBorder: true,
-        style: {
-          cursor: config.hasPath ? "pointer" : "default",
-          transition: "box-shadow var(--duration-fast) var(--easing)"
-        },
-        onClick: () => handleResourceClick(resource),
-        children: /* @__PURE__ */ jsxs(Grid, { gutter: "sm", align: "center", children: [
-          /* @__PURE__ */ jsx(Grid.Col, { span: 8, children: /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", children: [
-            /* @__PURE__ */ jsx(Icon, { size: 24, color: "var(--color-primary)" }),
-            /* @__PURE__ */ jsxs(Stack, { gap: 4, style: { flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, truncate: true, children: resource.resourceName }),
-              resourceDef?.description && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", truncate: true, children: resourceDef.description }),
-              /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-                resourceDef?.version && /* @__PURE__ */ jsxs(Badge, { variant: "outline", size: "xs", children: [
-                  "v",
-                  resourceDef.version
-                ] }),
-                resourceDef?.status && /* @__PURE__ */ jsx(Badge, { color: ResourceStatusColors[resourceDef.status], variant: "outline", size: "xs", children: resourceDef.status.toUpperCase() })
-              ] }),
-              /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-                "Last run ",
-                formatRelativeTime(resource.lastExecution)
-              ] })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx(Grid.Col, { span: 4, children: /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "md", wrap: "nowrap", children: [
-            /* @__PURE__ */ jsx(
-              ExecutionStats,
-              {
-                totalExecutions: resource.totalExecutions,
-                successCount: resource.successCount,
-                failureCount: resource.failureCount,
-                warningCount: resource.warningCount,
-                successRate: resource.successRate
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              ResourceHealthChart,
-              {
-                healthData: resourceHealth,
-                hasExecutions: resource.totalExecutions > 0,
-                width: 300,
-                height: 60
-              }
-            )
-          ] }) })
-        ] })
-      },
-      resource.resourceId
-    );
-  }) });
-}
-var severityColor2 = {
-  critical: "red",
-  warning: "yellow",
-  info: "blue"
-};
-function UnresolvedErrorsTeaser({ timeRange, onNavigateToAllErrors }) {
-  const { startDate, endDate } = useTimeRangeDates(timeRange);
-  const { data, isLoading } = useUnresolvedErrors({ startDate, endDate });
-  const errors = data?.errors ?? [];
-  const total = data?.total ?? 0;
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(
-      Paper,
-      {
-        style: {
-          background: "var(--glass-background)",
-          backdropFilter: "var(--glass-blur)",
-          border: "1px solid var(--color-border)",
-          borderRadius: 8
-        },
-        children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      style: {
-        background: "var(--glass-background)",
-        backdropFilter: "var(--glass-blur)",
-        border: "1px solid var(--color-border)",
-        borderRadius: 8
-      },
-      children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: errors.length > 0 ? "sm" : 0, children: [
-          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
-            /* @__PURE__ */ jsx(ThemeIcon, { size: 28, radius: "md", variant: "light", color: total > 0 ? "red" : "green", children: total > 0 ? /* @__PURE__ */ jsx(IconAlertTriangle, { size: 16 }) : /* @__PURE__ */ jsx(IconCircleCheck, { size: 16 }) }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "Unresolved Errors" })
-          ] }),
-          /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-            total > 0 && /* @__PURE__ */ jsxs(Badge, { size: "xs", variant: "light", color: "red", children: [
-              total,
-              " unresolved"
-            ] }),
-            /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", onClick: onNavigateToAllErrors, children: /* @__PURE__ */ jsx(IconArrowUpRight, { size: 14 }) })
-          ] })
-        ] }),
-        errors.length === 0 && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No unresolved errors" }),
-        errors.length > 0 && /* @__PURE__ */ jsx(Stack, { gap: 4, children: errors.map((error) => /* @__PURE__ */ jsx(
-          Box,
-          {
-            px: "sm",
-            py: 6,
-            onClick: onNavigateToAllErrors,
-            style: {
-              borderLeft: `2px solid var(--mantine-color-${severityColor2[error.severity]}-6)`,
-              borderRadius: 4,
-              cursor: onNavigateToAllErrors ? "pointer" : "default",
-              textDecoration: "none",
-              color: "inherit"
-            },
-            children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
-              /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { minWidth: 0 }, children: [
-                /* @__PURE__ */ jsx(Text, { size: "xs", lineClamp: 1, children: error.resourceName || error.resourceId }),
-                /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", lineClamp: 1, children: error.errorType })
-              ] }),
-              /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", style: { flexShrink: 0 }, children: [
-                /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: severityColor2[error.severity], children: error.severity }),
-                /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatTimeAgo(error.timestamp) })
-              ] })
-            ] })
-          },
-          error.id
-        )) })
-      ]
-    }
-  );
-}
-
-export { Dashboard, RecentExecutionsByResource, ResourceOverview, UnresolvedErrorsTeaser };