@elevasis/ui 1.26.1 → 1.28.0

package/dist/{chunk-4INR75ZS.js → chunk-37NT4BNV.js}

@@ -1,16 +1,19 @@
 import { FilterBar } from './chunk-PDHTXPSF.js';
-import { CyberAreaChart } from './chunk-JHVKGZ2P.js';
-import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState } from './chunk-MCA6LOGM.js';
-import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead } from './chunk-ZVJKIJFG.js';
-import { formatBucketTime } from './chunk-LXHZYSMQ.js';
+import { CustomModal } from './chunk-GBMNCNHX.js';
+import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-JHVKGZ2P.js';
+import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-MCA6LOGM.js';
+import { AppShellLoader } from './chunk-YYBM5LNJ.js';
+import { useExecutionLogsFilters, useTimeRangeDates, useActivityFilters } from './chunk-7CJ5QBN2.js';
+import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-EBCIUZVV.js';
+import { formatBucketTime, getTimeRangeDates } 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, 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 { useState, useMemo, useCallback } from 'react';
+import { Table, Text, Badge, Tooltip, Card, Group, Select, SegmentedControl, Button, TextInput, Stack, Paper, Center, Loader, ActionIcon, NumberFormatter, Box, Alert, Switch, Pagination, UnstyledButton, Title, Divider, Code, CopyButton, Accordion } from '@mantine/core';
+import { IconActivity, IconFilterOff, IconCircleCheck, IconThumbDown, IconThumbUp, IconClock, IconCircleX, IconSearch, IconArrowUpRight, IconAlertTriangle, IconAlertCircle, IconExternalLink, IconChartPie, IconHeartbeat, IconDownload, IconCpu, IconTrendingUp, IconChartBar, IconCash, IconInfoCircle, IconExclamationCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconCheck, IconCopy, IconCircleDashed, IconPlus, IconArrowUp, IconArrowDown, IconFileOff, IconRobot, IconKey, IconUser } from '@tabler/icons-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { formatDistanceToNow } from 'date-fns';
-import { useState } from 'react';
 
 function formatStartTime(timestamp) {
   return new Date(timestamp).toLocaleString("en-US", {
@@ -113,6 +116,51 @@ SDK: ${execution.sdkVersion ?? "-"}`,
     }) })
   ] });
 }
+var resourceOptions = [{ value: "", label: "All Resources" }];
+var statusOptions = [
+  { value: "all", label: "All" },
+  { value: "running", label: "Running" },
+  { value: "completed", label: "Completed" },
+  { value: "warning", label: "Warning" },
+  { value: "failed", label: "Failed" }
+];
+var environmentOptions = [
+  { value: "all", label: "All" },
+  { value: "dev", label: "Dev" },
+  { value: "prod", label: "Prod" }
+];
+function ExecutionLogsFilters({ filters, onFilterChange, onReset }) {
+  const hasActiveFilters = filters.resourceId !== void 0 || filters.status !== "all" || filters.resourceStatus !== "all";
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Group, { gap: "md", wrap: "wrap", children: [
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        placeholder: "Resource",
+        data: resourceOptions,
+        value: filters.resourceId ?? "",
+        onChange: (value) => onFilterChange("resourceId", value === "" || value === null ? void 0 : value),
+        style: { minWidth: 180 }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SegmentedControl,
+      {
+        data: statusOptions,
+        value: filters.status,
+        onChange: (value) => onFilterChange("status", value)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SegmentedControl,
+      {
+        data: environmentOptions,
+        value: filters.resourceStatus,
+        onChange: (value) => onFilterChange("resourceStatus", value)
+      }
+    ),
+    hasActiveFilters && /* @__PURE__ */ jsx(Button, { variant: "subtle", color: "gray", leftSection: /* @__PURE__ */ jsx(IconFilterOff, { size: 16 }), onClick: onReset, children: "Reset" })
+  ] }) });
+}
 var statusConfig = {
   success: { color: "green", icon: IconCircleCheck },
   failure: { color: "red", icon: IconCircleX },
@@ -201,7 +249,7 @@ var activityTypeOptions = [
   { value: "deployment_change", label: "Deployment Changes" },
   { value: "membership_change", label: "Membership Changes" }
 ];
-var statusOptions = [
+var statusOptions2 = [
   { value: "all", label: "All Statuses" },
   { value: "success", label: "Success" },
   { value: "failure", label: "Failure" },
@@ -230,7 +278,7 @@ function ActivityFilters({ filters, onFilterChange, onReset }) {
           Select,
           {
             placeholder: "Status",
-            data: statusOptions,
+            data: statusOptions2,
             value: filters.status || "all",
             onChange: (value) => onFilterChange("status", value),
             style: { flex: 1, minWidth: 150 }
@@ -542,51 +590,6 @@ function ExecutionHealthCard({ data, isLoading, error }) {
     ] })
   ] });
 }
-var resourceOptions = [{ value: "", label: "All Resources" }];
-var statusOptions2 = [
-  { value: "all", label: "All" },
-  { value: "running", label: "Running" },
-  { value: "completed", label: "Completed" },
-  { value: "warning", label: "Warning" },
-  { value: "failed", label: "Failed" }
-];
-var environmentOptions = [
-  { value: "all", label: "All" },
-  { value: "dev", label: "Dev" },
-  { value: "prod", label: "Prod" }
-];
-function ExecutionLogsFilters({ filters, onFilterChange, onReset }) {
-  const hasActiveFilters = filters.resourceId !== void 0 || filters.status !== "all" || filters.resourceStatus !== "all";
-  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Group, { gap: "md", wrap: "wrap", children: [
-    /* @__PURE__ */ jsx(
-      Select,
-      {
-        placeholder: "Resource",
-        data: resourceOptions,
-        value: filters.resourceId ?? "",
-        onChange: (value) => onFilterChange("resourceId", value === "" || value === null ? void 0 : value),
-        style: { minWidth: 180 }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      SegmentedControl,
-      {
-        data: statusOptions2,
-        value: filters.status,
-        onChange: (value) => onFilterChange("status", value)
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      SegmentedControl,
-      {
-        data: environmentOptions,
-        value: filters.resourceStatus,
-        onChange: (value) => onFilterChange("resourceStatus", value)
-      }
-    ),
-    hasActiveFilters && /* @__PURE__ */ jsx(Button, { variant: "subtle", color: "gray", leftSection: /* @__PURE__ */ jsx(IconFilterOff, { size: 16 }), onClick: onReset, children: "Reset" })
-  ] }) });
-}
 function CostByModelTable({ data, isLoading, error }) {
   const [sortField, setSortField] = useState("cost");
   const [sortDirection, setSortDirection] = useState("desc");
@@ -1220,15 +1223,6 @@ 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",
@@ -1276,5 +1270,535 @@ 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)) });
+}
+function ExecutionLogsPage({
+  timeRange,
+  pageSize = 20,
+  onNavigateToExecution,
+  renderTrendChart
+}) {
+  const { filters, updateFilter, resetFilters } = useExecutionLogsFilters(timeRange);
+  const startDate = useMemo(() => {
+    const { startDate: sd } = getTimeRangeDates(timeRange);
+    return new Date(sd).getTime();
+  }, [timeRange]);
+  const { page, setPage, offset, totalPages } = usePaginationState(pageSize, [
+    filters.resourceId,
+    filters.status,
+    filters.resourceStatus,
+    timeRange
+  ]);
+  const { data, isLoading } = useExecutionLogs({
+    resourceId: filters.resourceId,
+    status: filters.status !== "all" ? filters.status : void 0,
+    resourceStatus: filters.resourceStatus !== "all" ? filters.resourceStatus : void 0,
+    startDate,
+    limit: pageSize,
+    offset
+  });
+  const total = data?.total ?? 0;
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(PageTitleCaption, { title: "Execution Logs", caption: "View and filter execution history across all resources" }),
+    renderTrendChart({ timeRange }),
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(ExecutionLogsFilters, { filters, onFilterChange: updateFilter, onReset: resetFilters }),
+      /* @__PURE__ */ jsx(
+        ExecutionLogsTable,
+        {
+          executions: data?.executions || [],
+          isLoading,
+          onRowClick: onNavigateToExecution
+        }
+      ),
+      totalPages(total) > 1 && /* @__PURE__ */ jsx(Group, { justify: "flex-start", children: /* @__PURE__ */ jsx(Pagination, { value: page, onChange: setPage, total: totalPages(total), size: "sm", boundaries: 1 }) })
+    ] }) })
+  ] });
+}
+function ExecutionHealth({ timeRange, onErrorClick }) {
+  const { data, isLoading, error } = useExecutionHealth({ timeRange });
+  const { data: errorData, isLoading: errorLoading, error: errorError } = useErrorAnalysis(timeRange);
+  const { startDate, endDate } = useTimeRangeDates(timeRange);
+  if (isLoading) return /* @__PURE__ */ jsx(AppShellLoader, {});
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "Execution Health",
+        caption: "Detailed execution metrics, success rates, and performance trends"
+      }
+    ),
+    /* @__PURE__ */ jsx(ExecutionHealthCard, { data: data?.executionHealth, isLoading, error }),
+    /* @__PURE__ */ jsx(
+      ErrorBreakdownTable,
+      {
+        startDate,
+        endDate,
+        onErrorClick: (executionId) => onErrorClick(executionId)
+      }
+    ),
+    /* @__PURE__ */ jsx(ErrorAnalysisCard, { data: errorData, isLoading: errorLoading, error: errorError })
+  ] });
+}
+function ErrorDetailsModal({ executionId, opened, onClose, organizationName }) {
+  const { data: errors, isLoading, isError } = useErrorDetail(executionId);
+  const resolveErrors = useResolveErrorsByExecution();
+  const { data: resources } = useResources();
+  const resourceNameMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    if (resources) {
+      for (const r of [...resources.workflows, ...resources.agents]) {
+        map.set(r.resourceId, r.name);
+      }
+    }
+    return map;
+  }, [resources]);
+  const primaryError = errors?.[0];
+  const resolvedResourceName = primaryError ? resourceNameMap.get(primaryError.resourceId) ?? primaryError.resourceId : void 0;
+  const allResolved = errors?.every((e) => e.resolved) ?? false;
+  const hasRetries = errors && errors.length > 1;
+  const handleCopyDetails = () => {
+    if (!primaryError) return;
+    const detailsText = `
+Error ID: ${primaryError.id}
+Timestamp: ${primaryError.timestamp}
+Type: ${primaryError.errorType}
+Severity: ${primaryError.severity}
+Execution ID: ${primaryError.executionId}
+Resource: ${primaryError.resourceName}
+
+Message:
+${primaryError.message}
+
+Stack Trace:
+${primaryError.stackTrace || "No stack trace available"}
+
+Context:
+${primaryError.errorContext ? JSON.stringify(primaryError.errorContext, null, 2) : "No context available"}
+    `.trim();
+    navigator.clipboard.writeText(detailsText);
+  };
+  return /* @__PURE__ */ jsx(CustomModal, { opened, onClose, size: "xl", children: /* @__PURE__ */ jsxs(Stack, { children: [
+    isLoading && /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }),
+    isError && /* @__PURE__ */ jsx(Alert, { color: "red", icon: /* @__PURE__ */ jsx(IconAlertCircle, {}), title: "Error Loading Details", children: "Failed to load error details. Please try again." }),
+    !isLoading && !isError && !primaryError && /* @__PURE__ */ jsx(Alert, { color: "gray", icon: /* @__PURE__ */ jsx(IconBug, {}), children: "No error details found for this execution." }),
+    !isLoading && !isError && primaryError && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(IconAlertCircle, { size: 24, color: "var(--color-error)" }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Title, { order: 3, children: primaryError.errorType }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: new Date(primaryError.timestamp).toLocaleString("en-US", {
+              month: "long",
+              day: "numeric",
+              year: "numeric",
+              hour: "2-digit",
+              minute: "2-digit",
+              second: "2-digit"
+            }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Badge,
+          {
+            color: primaryError.severity === "critical" ? "red" : primaryError.severity === "warning" ? "orange" : "blue",
+            variant: "light",
+            children: primaryError.severity
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, mb: "xs", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: "Error Message" }),
+        /* @__PURE__ */ jsx(Alert, { color: "red", icon: /* @__PURE__ */ jsx(IconBug, { size: 16 }), children: primaryError.message })
+      ] }),
+      hasRetries && /* @__PURE__ */ jsxs(Alert, { color: "yellow", icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), children: [
+        "This execution has ",
+        errors.length,
+        " errors (including retries). Showing most recent error."
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, mb: "xs", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: "Execution Context" }),
+        /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+          /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Execution ID" }),
+            /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+              /* @__PURE__ */ jsx(Code, { children: primaryError.executionId }),
+              /* @__PURE__ */ jsx(CopyButton, { value: `"${organizationName}/${primaryError.resourceId}" ${primaryError.executionId}`, children: ({ copied, copy }) => /* @__PURE__ */ jsx(Tooltip, { label: copied ? "Copied" : "Copy Execution Ref", children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", color: copied ? "teal" : "gray", onClick: copy, children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 }) }) }) }),
+              /* @__PURE__ */ jsx(
+                ActionIcon,
+                {
+                  variant: "subtle",
+                  size: "sm",
+                  component: "a",
+                  href: `/operations/resources/workflow/${primaryError.resourceId}`,
+                  target: "_blank",
+                  title: "View Execution Log",
+                  children: /* @__PURE__ */ jsx(IconExternalLink, { size: 14 })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Resource Name" }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", children: resolvedResourceName })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Resource ID" }),
+            /* @__PURE__ */ jsx(Code, { children: primaryError.resourceId })
+          ] }),
+          primaryError.retryAttempt && /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Retry Attempt" }),
+            /* @__PURE__ */ jsx(Badge, { size: "sm", children: primaryError.retryAttempt })
+          ] }),
+          primaryError.stepName && /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Step Name" }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", children: primaryError.stepName })
+          ] })
+        ] })
+      ] }),
+      primaryError.stackTrace && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: "xs", children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, style: { fontFamily: "var(--mantine-font-family-headings)" }, children: "Stack Trace" }),
+          /* @__PURE__ */ jsx(CopyButton, { value: primaryError.stackTrace, children: ({ copied, copy }) => /* @__PURE__ */ jsx(Tooltip, { label: copied ? "Copied" : "Copy stack trace", children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", onClick: copy, children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 }) }) }) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Code,
+          {
+            block: true,
+            style: {
+              maxHeight: 300,
+              overflow: "auto",
+              fontSize: "12px",
+              lineHeight: "1.5"
+            },
+            children: primaryError.stackTrace
+          }
+        )
+      ] }),
+      primaryError.errorContext && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, mb: "xs", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: "Error Context" }),
+        /* @__PURE__ */ jsx(JsonViewer, { data: primaryError.errorContext, maxHeight: 200, fontSize: "12px" })
+      ] }),
+      primaryError.executionContext && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, mb: "xs", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: "Execution Context" }),
+        /* @__PURE__ */ jsx(JsonViewer, { data: primaryError.executionContext, maxHeight: 200, fontSize: "12px" })
+      ] }),
+      hasRetries && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, mb: "xs", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: "All Errors (including retries)" }),
+        /* @__PURE__ */ jsx(Accordion, { children: errors.map((error, index) => /* @__PURE__ */ jsxs(Accordion.Item, { value: error.id, children: [
+          /* @__PURE__ */ jsx(Accordion.Control, { children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+              "Attempt ",
+              error.retryAttempt || index + 1,
+              " - ",
+              error.errorType
+            ] }),
+            /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "sm",
+                color: error.severity === "critical" ? "red" : error.severity === "warning" ? "orange" : "blue",
+                children: error.severity
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx(Accordion.Panel, { children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", children: error.message }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: new Date(error.timestamp).toLocaleString() }),
+            error.stackTrace && /* @__PURE__ */ jsx(Code, { block: true, style: { fontSize: "11px", maxHeight: 150, overflow: "auto" }, children: error.stackTrace })
+          ] }) })
+        ] }, error.id)) })
+      ] }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "light", leftSection: /* @__PURE__ */ jsx(IconCopy, { size: 16 }), onClick: handleCopyDetails, children: "Copy Error Details" }),
+          allResolved ? /* @__PURE__ */ jsx(
+            Badge,
+            {
+              size: "lg",
+              color: "green",
+              variant: "light",
+              leftSection: /* @__PURE__ */ jsx(IconCircleCheck, { size: 14 }),
+              style: { cursor: "default" },
+              children: "Resolved"
+            }
+          ) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "light",
+              color: "teal",
+              leftSection: /* @__PURE__ */ jsx(IconCircleDashed, { size: 16 }),
+              loading: resolveErrors.isPending,
+              onClick: () => executionId && resolveErrors.mutate(executionId),
+              children: "Resolve"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "default", onClick: onClose, children: "Close" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              component: "a",
+              href: `/operations/resources/workflow/${primaryError.resourceId}`,
+              target: "_blank",
+              leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 16 }),
+              children: "View Execution Log"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function CostAnalytics({ timeRange }) {
+  const { data: trendsData, isLoading: trendsLoading, error: trendsError } = useCostTrends(timeRange);
+  const { data: summaryData } = useCostSummary(timeRange);
+  const { data: modelData, isLoading: modelLoading, error: modelError } = useCostByModel(timeRange);
+  const { data: breakdownData, isLoading: breakdownLoading, error: breakdownError } = useCostBreakdown(timeRange);
+  if (trendsLoading) return /* @__PURE__ */ jsx(AppShellLoader, {});
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "Cost Analytics",
+        caption: "Comprehensive cost tracking, budgets, ROI analysis, and labor savings"
+      }
+    ),
+    /* @__PURE__ */ jsx(CostTrendChart, { data: trendsData, summaryData, isLoading: trendsLoading, error: trendsError }),
+    /* @__PURE__ */ jsx(
+      CostBreakdownCard,
+      {
+        breakdownData,
+        summaryData,
+        isLoading: breakdownLoading,
+        error: breakdownError
+      }
+    ),
+    /* @__PURE__ */ jsx(CostByModelTable, { data: modelData, isLoading: modelLoading, error: modelError })
+  ] });
+}
+function getNavigationPath2(activity) {
+  switch (activity.activityType) {
+    case "workflow_execution":
+      return `/operations/resources/workflow/${activity.entityId}`;
+    case "agent_run":
+      return `/operations/resources/agent/${activity.entityId}`;
+    case "hitl_action":
+      return "/command-queue";
+    case "credential_change":
+      return "/settings/credentials";
+    case "api_key_change":
+      return "/settings/api-keys";
+    case "deployment_change":
+      return "/settings/deployments";
+    case "membership_change":
+      return "/settings/organization";
+    default:
+      return null;
+  }
+}
+function ActivityLog({ timeRange, pageSize = PAGE_SIZE_DEFAULT, onNavigate }) {
+  const { filters, updateFilter, resetFilters } = useActivityFilters(timeRange);
+  const startDate = useMemo(() => {
+    const { startDate: startDate2 } = getTimeRangeDates(timeRange);
+    return startDate2;
+  }, [timeRange]);
+  const activityType = filters.activityType !== "all" ? filters.activityType : void 0;
+  const { page, setPage, offset, totalPages } = usePaginationState(pageSize, [
+    filters.activityType,
+    filters.status,
+    filters.search,
+    timeRange
+  ]);
+  const { data: chartData, isLoading: isChartLoading } = useActivityTrend({
+    activityType,
+    startDate
+  });
+  const tableParams = useMemo(() => {
+    const params = {
+      limit: pageSize,
+      offset,
+      startDate
+    };
+    if (filters.activityType && filters.activityType !== "all") {
+      params.activityType = filters.activityType;
+    }
+    if (filters.status && filters.status !== "all") {
+      params.status = filters.status;
+    }
+    if (filters.search?.trim()) {
+      params.search = filters.search.trim();
+    }
+    return params;
+  }, [offset, startDate, filters.activityType, filters.status, filters.search, pageSize]);
+  const { data: tableData, isLoading: isTableLoading } = useActivities(tableParams);
+  const total = tableData?.total ?? 0;
+  const handleRowClick = useCallback(
+    (activity) => {
+      const path = getNavigationPath2(activity);
+      if (path) {
+        onNavigate(path);
+      }
+    },
+    [onNavigate]
+  );
+  if (isChartLoading && isTableLoading) return /* @__PURE__ */ jsx(AppShellLoader, {});
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "Activity Log",
+        caption: "Real-time activity feed with automatic updates every 30 seconds"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ActivityTrendChart,
+      {
+        timestamps: chartData?.timestamps ?? [],
+        total: chartData?.total ?? 0,
+        isLoading: isChartLoading,
+        timeRange
+      }
+    ),
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(ActivityFilters, { filters, onFilterChange: updateFilter, onReset: resetFilters }),
+      /* @__PURE__ */ jsx(
+        ActivityTable,
+        {
+          activities: tableData?.activities ?? [],
+          isLoading: isTableLoading,
+          onRowClick: handleRowClick
+        }
+      ),
+      totalPages(total) > 1 && /* @__PURE__ */ jsx(Group, { justify: "flex-start", children: /* @__PURE__ */ jsx(Pagination, { value: page, onChange: setPage, total: totalPages(total), size: "sm", boundaries: 1 }) })
+    ] }) })
+  ] });
+}
+function ActivityFeed({
+  limit = 50,
+  activityType,
+  entityType,
+  entityId,
+  filters,
+  clientFilters,
+  overrideData,
+  overrideLoading
+}) {
+  const [currentLimit, setCurrentLimit] = useState(limit);
+  const shouldFetch = !overrideData;
+  const fetchResult = useActivities({
+    limit: currentLimit,
+    activityType: filters?.activityType || activityType,
+    entityType,
+    entityId,
+    startDate: filters?.startDate
+  });
+  const data = overrideData ?? fetchResult.data;
+  const error = shouldFetch ? fetchResult.error : null;
+  const isLoading = overrideLoading ?? (shouldFetch ? fetchResult.isLoading : false);
+  const handleLoadMore = () => {
+    setCurrentLimit((prev) => prev + 50);
+  };
+  const filteredActivities = useMemo(() => {
+    if (!data?.activities) return [];
+    let filtered = data.activities;
+    if (clientFilters?.status) {
+      filtered = filtered.filter((activity) => activity.status === clientFilters.status);
+    }
+    if (clientFilters?.search) {
+      const searchLower = clientFilters.search.toLowerCase();
+      filtered = filtered.filter(
+        (activity) => activity.title.toLowerCase().includes(searchLower) || activity.description?.toLowerCase().includes(searchLower) || activity.entityName?.toLowerCase().includes(searchLower)
+      );
+    }
+    return filtered;
+  }, [data?.activities, clientFilters]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "md" }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconInfoCircle, { size: 16 }), title: "Error loading activities", color: "red", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: error instanceof Error ? error.message : "Failed to load activities" }) });
+  }
+  if (!filteredActivities.length) {
+    return /* @__PURE__ */ jsx(EmptyState, { icon: IconActivity, title: "No activities found" });
+  }
+  const hasMore = data ? data.total > currentLimit : false;
+  const showingCount = filteredActivities.length;
+  const totalCount = data?.total || 0;
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(Group, { justify: "space-between", children: /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+      "Showing ",
+      showingCount,
+      " of ",
+      totalCount,
+      " activities"
+    ] }) }),
+    /* @__PURE__ */ jsx(Stack, { children: filteredActivities.map((activity) => /* @__PURE__ */ jsx(ActivityCard, { activity }, activity.id)) }),
+    hasMore && /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(Button, { variant: "light", onClick: handleLoadMore, loading: isLoading, children: "Load More" }) })
+  ] });
+}
+function NotificationCenter({ pageSize = 20 }) {
+  const { page, setPage, offset, totalPages } = usePaginationState(pageSize);
+  const { data, isLoading } = useNotifications({ limit: pageSize, offset });
+  const notifications = data?.notifications ?? [];
+  const markAllAsRead = useMarkAllAsRead();
+  const testNotification = useTestNotification();
+  const hasUnread = notifications.some((n) => !n.read);
+  const handleMarkAllAsRead = async () => {
+    await markAllAsRead.mutateAsync();
+  };
+  const handleCreateTest = async () => {
+    await testNotification.mutateAsync();
+  };
+  const isDevelopment = process.env.NODE_ENV === "development";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+      /* @__PURE__ */ jsx(Title, { order: 1, children: "Notifications" }),
+      /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+        isDevelopment && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "light",
+            size: "sm",
+            leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }),
+            onClick: handleCreateTest,
+            loading: testNotification.isPending,
+            children: "Create Test Notification"
+          }
+        ),
+        hasUnread && /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", onClick: handleMarkAllAsRead, loading: markAllAsRead.isPending, children: "Mark all as read" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsx(NotificationList, { notifications, isLoading }) }),
+    totalPages(data?.total ?? 0) > 1 && /* @__PURE__ */ jsx(Group, { justify: "flex-start", children: /* @__PURE__ */ jsx(Pagination, { value: page, onChange: setPage, total: totalPages(data?.total ?? 0), size: "sm", boundaries: 1 }) })
+  ] });
+}
+var monitoringManifest = {
+  key: "monitoring",
+  label: "Monitoring",
+  navEntry: {
+    label: "Monitoring",
+    icon: IconActivity,
+    featureKey: "monitoring",
+    dataOnboardingTourId: "sidebar-monitoring",
+    links: [
+      { label: "Activity Log", link: "/monitoring/activity-log" },
+      { label: "Execution Logs", link: "/monitoring/execution-logs" },
+      { label: "Execution Health", link: "/monitoring/execution-health" },
+      { label: "Cost Analytics", link: "/monitoring/cost-analytics" },
+      { label: "Notifications", link: "/monitoring/notifications" }
+    ]
+  }
+};
 
-export { ActivityCard, ActivityFilters, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters, ExecutionLogsTable, NotificationItem, NotificationList };
+export { ActivityCard, ActivityFeed, ActivityFilters, ActivityLog, ActivityTable, BusinessImpactCard, CostAnalytics, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ErrorDetailsModal, ExecutionBreakdownTable, ExecutionHealth, ExecutionHealthCard, ExecutionLogsFilters, ExecutionLogsPage, ExecutionLogsTable, NotificationCenter, NotificationItem, NotificationList, monitoringManifest };