@elevasis/ui 1.26.1 → 1.27.0

package/dist/features/monitoring/index.d.ts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentType } from 'react';
 
 /**
  * Time range selector for dashboard metrics
@@ -117,5 +118,31 @@ interface NotificationCenterProps {
 }
 declare function NotificationCenter({ pageSize }: NotificationCenterProps): react_jsx_runtime.JSX.Element;
 
-export { ActivityFeed, ActivityLog, CostAnalytics, ErrorDetailsModal, ExecutionHealth, ExecutionLogsPage, NotificationCenter };
+interface FeatureNavLink {
+    label: string;
+    link: string;
+    featureKey?: string;
+    onClick?: () => void;
+}
+interface FeatureNavEntry {
+    label: string;
+    icon: ComponentType;
+    link?: string;
+    featureKey?: string;
+    requiresAdmin?: boolean;
+    dataOnboardingTourId?: string;
+    links?: FeatureNavLink[];
+}
+type FeatureSidebarComponent = ComponentType;
+interface FeatureModule {
+    key: string;
+    label?: string;
+    navEntry?: FeatureNavEntry;
+    sidebar?: FeatureSidebarComponent;
+    subshellRoutes?: string[];
+}
+
+declare const monitoringManifest: FeatureModule;
+
+export { ActivityFeed, ActivityLog, CostAnalytics, ErrorDetailsModal, ExecutionHealth, ExecutionLogsPage, NotificationCenter, monitoringManifest };
 export type { ActivityFeedProps, ActivityLogProps, CostAnalyticsProps, ErrorDetailsModalProps, ExecutionHealthProps, ExecutionLogsPageProps, ExecutionLogsPageRenderTrendChartArgs, NotificationCenterProps };

package/dist/features/monitoring/index.js

@@ -1,32 +1,33 @@
-import { ExecutionLogsFilters, ExecutionLogsTable, ExecutionHealthCard, ErrorBreakdownTable, ErrorAnalysisCard, CostBreakdownCard, CostByModelTable, ActivityFilters, ActivityTable, ActivityCard, NotificationList } from '../../chunk-4INR75ZS.js';
+export { ActivityFeed, ActivityLog, CostAnalytics, ErrorDetailsModal, ExecutionHealth, ExecutionLogsPage, NotificationCenter, monitoringManifest } from '../../chunk-Y2SYGFRF.js';
 import '../../chunk-PDHTXPSF.js';
 import '../../chunk-LGKLC5MG.js';
-import '../../chunk-4WKWLFBZ.js';
-import { CustomModal } from '../../chunk-GBMNCNHX.js';
-import { CostTrendChart, ActivityTrendChart } from '../../chunk-JHVKGZ2P.js';
-import { PageTitleCaption, JsonViewer, EmptyState } from '../../chunk-MCA6LOGM.js';
+import '../../chunk-P5EWG45B.js';
+import '../../chunk-GBMNCNHX.js';
+import '../../chunk-JHVKGZ2P.js';
+import '../../chunk-MCA6LOGM.js';
 import '../../chunk-3KMDHCAR.js';
 import '../../chunk-NNKKBSJN.js';
-import { AppShellLoader } from '../../chunk-WWEMNIHW.js';
-import '../../chunk-QJ2S46NI.js';
-import { useExecutionLogsFilters, useTimeRangeDates, useActivityFilters } from '../../chunk-YNGQ7U5H.js';
-import { usePaginationState, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } 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 '../../chunk-ELJIFLCB.js';
-import '../../chunk-L4XXM55J.js';
-import '../../chunk-RNP5R5I3.js';
-import '../../chunk-RMPXGBNI.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 { PAGE_SIZE_DEFAULT } 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 '../../chunk-TUXTSEAF.js';
@@ -34,514 +35,3 @@ import '../../chunk-DD3CCMCZ.js';
 import '../../chunk-QEPXAWE2.js';
 import '../../chunk-BRJ3QZ4E.js';
 import '../../chunk-Q7DJKLEN.js';
-import { useMemo, useCallback, useState } from 'react';
-import { Stack, Paper, Group, Pagination, Center, Loader, Alert, Title, Text, Badge, Divider, Code, CopyButton, Tooltip, ActionIcon, Accordion, Button } from '@mantine/core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { IconAlertCircle, IconBug, IconCheck, IconCopy, IconExternalLink, IconCircleCheck, IconCircleDashed, IconInfoCircle, IconActivity, IconPlus } from '@tabler/icons-react';
-
-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 getNavigationPath(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 = getNavigationPath(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 }) })
-  ] });
-}
-
-export { ActivityFeed, ActivityLog, CostAnalytics, ErrorDetailsModal, ExecutionHealth, ExecutionLogsPage, NotificationCenter };