@openchoreo/backstage-plugin-openchoreo-observability 1.1.0

package/dist/components/Alerts/AlertsActions.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertsActions.esm.js","sources":["../../../src/components/Alerts/AlertsActions.tsx"],"sourcesContent":["import { Box, Typography, Button, Tooltip } from '@material-ui/core';\nimport Refresh from '@material-ui/icons/Refresh';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport { useLogsActionsStyles } from '../RuntimeLogs/styles';\nimport type { AlertsFilters } from './types';\n\ninterface AlertsActionsProps {\n  totalCount: number;\n  disabled: boolean;\n  onRefresh: () => void;\n  filters: AlertsFilters;\n  onFiltersChange: (filters: Partial<AlertsFilters>) => void;\n  lastUpdated?: Date;\n}\n\nconst formatDate = (date: Date): string => {\n  const day = String(date.getDate()).padStart(2, '0');\n  const month = String(date.getMonth() + 1).padStart(2, '0');\n  const year = date.getFullYear();\n  const hours = String(date.getHours()).padStart(2, '0');\n  const minutes = String(date.getMinutes()).padStart(2, '0');\n  const seconds = String(date.getSeconds()).padStart(2, '0');\n  return `${day}/${month}/${year}, ${hours}:${minutes}:${seconds}`;\n};\n\nexport const AlertsActions = ({\n  totalCount,\n  disabled,\n  onRefresh,\n  filters,\n  onFiltersChange,\n  lastUpdated,\n}: AlertsActionsProps) => {\n  const classes = useLogsActionsStyles();\n  const displayDate = lastUpdated || new Date();\n\n  const effectiveSortOrder = filters.sortOrder || 'desc';\n  const handleSortToggle = () => {\n    const newSortOrder = effectiveSortOrder === 'desc' ? 'asc' : 'desc';\n    onFiltersChange({ sortOrder: newSortOrder });\n  };\n\n  return (\n    <Box className={classes.statsContainer}>\n      <Box>\n        <Typography variant=\"body2\" color=\"textSecondary\">\n          Total alerts: {totalCount}\n        </Typography>\n        <Typography variant=\"body2\" color=\"textSecondary\">\n          Last updated at: {formatDate(displayDate)}\n        </Typography>\n      </Box>\n      <Box className={classes.actionsContainer}>\n        <Tooltip\n          title={\n            effectiveSortOrder === 'desc'\n              ? 'Sort alerts by newest first'\n              : 'Sort alerts by oldest first'\n          }\n        >\n          <Button\n            variant=\"outlined\"\n            onClick={handleSortToggle}\n            disabled={disabled}\n            size=\"small\"\n            startIcon={\n              effectiveSortOrder === 'desc' ? (\n                <ArrowUpward />\n              ) : (\n                <ArrowDownward />\n              )\n            }\n          >\n            {effectiveSortOrder === 'desc' ? 'Newest First' : 'Oldest First'}\n          </Button>\n        </Tooltip>\n        <Button\n          variant=\"outlined\"\n          startIcon={<Refresh />}\n          onClick={onRefresh}\n          disabled={disabled}\n          size=\"small\"\n        >\n          Refresh\n        </Button>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Alerts/AlertsFilter.esm.js

@@ -0,0 +1,95 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Grid, TextField, FormControl, InputLabel, Select, MenuItem, Checkbox } from '@material-ui/core';
+import { Skeleton } from '@material-ui/lab';
+import { ALERT_SEVERITIES } from './types.esm.js';
+import { TimeRangeFilter } from '../TimeRangeFilter/TimeRangeFilter.esm.js';
+import { useDebouncedSearch } from '../../hooks/useDebouncedSearch.esm.js';
+
+const AlertsFilter = ({
+  filters,
+  onFiltersChange,
+  environments,
+  environmentsLoading,
+  disabled = false
+}) => {
+  const [searchInput, handleSearchChange] = useDebouncedSearch(
+    filters.searchQuery,
+    (value) => onFiltersChange({ searchQuery: value })
+  );
+  const handleEnvironmentChange = (event) => {
+    onFiltersChange({ environment: event.target.value });
+  };
+  const handleSeverityChange = (event) => {
+    onFiltersChange({ severity: event.target.value });
+  };
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsx(
+      TextField,
+      {
+        fullWidth: true,
+        placeholder: "Search alerts...",
+        variant: "outlined",
+        value: searchInput,
+        onChange: handleSearchChange,
+        disabled
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 2, children: /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, disabled, variant: "outlined", children: [
+      /* @__PURE__ */ jsx(InputLabel, { id: "severity-label", children: "Severity" }),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          multiple: true,
+          value: filters.severity || [],
+          onChange: handleSeverityChange,
+          labelId: "severity-label",
+          label: "Severity",
+          renderValue: (selected) => selected.length === 0 ? "All" : selected.join(", "),
+          children: ALERT_SEVERITIES.map((sev) => /* @__PURE__ */ jsxs(MenuItem, { value: sev, children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: (filters.severity || []).indexOf(sev) > -1
+              }
+            ),
+            sev.charAt(0).toUpperCase() + sev.slice(1)
+          ] }, sev))
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 2, children: /* @__PURE__ */ jsxs(
+      FormControl,
+      {
+        fullWidth: true,
+        disabled: disabled || environmentsLoading,
+        variant: "outlined",
+        children: [
+          /* @__PURE__ */ jsx(InputLabel, { id: "environment-label", children: "Environment" }),
+          environmentsLoading ? /* @__PURE__ */ jsx(Skeleton, { variant: "rect", height: 56 }) : /* @__PURE__ */ jsx(
+            Select,
+            {
+              value: filters.environment,
+              onChange: handleEnvironmentChange,
+              labelId: "environment-label",
+              label: "Environment",
+              children: environments.map((env) => /* @__PURE__ */ jsx(MenuItem, { value: env.name, children: env.displayName || env.name }, env.name))
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 2, children: /* @__PURE__ */ jsx(
+      TimeRangeFilter,
+      {
+        value: filters.timeRange,
+        customStartTime: filters.customStartTime,
+        customEndTime: filters.customEndTime,
+        onChange: onFiltersChange,
+        disabled
+      }
+    ) })
+  ] });
+};
+
+export { AlertsFilter };
+//# sourceMappingURL=AlertsFilter.esm.js.map

package/dist/components/Alerts/AlertsFilter.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertsFilter.esm.js","sources":["../../../src/components/Alerts/AlertsFilter.tsx"],"sourcesContent":["import { FC, ChangeEvent } from 'react';\nimport {\n  FormControl,\n  InputLabel,\n  Select,\n  MenuItem,\n  Checkbox,\n  Grid,\n  TextField,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { type AlertsFilters, ALERT_SEVERITIES } from './types';\nimport { type Environment } from '../../types';\nimport { TimeRangeFilter } from '../TimeRangeFilter';\nimport { useDebouncedSearch } from '../../hooks/useDebouncedSearch';\n\ninterface AlertsFilterProps {\n  filters: AlertsFilters;\n  onFiltersChange: (filters: Partial<AlertsFilters>) => void;\n  environments: Environment[];\n  environmentsLoading: boolean;\n  disabled?: boolean;\n}\n\nexport const AlertsFilter: FC<AlertsFilterProps> = ({\n  filters,\n  onFiltersChange,\n  environments,\n  environmentsLoading,\n  disabled = false,\n}) => {\n  const [searchInput, handleSearchChange] = useDebouncedSearch(\n    filters.searchQuery,\n    value => onFiltersChange({ searchQuery: value }),\n  );\n\n  const handleEnvironmentChange = (event: ChangeEvent<{ value: unknown }>) => {\n    onFiltersChange({ environment: event.target.value as string });\n  };\n\n  const handleSeverityChange = (event: ChangeEvent<{ value: unknown }>) => {\n    onFiltersChange({ severity: event.target.value as string[] });\n  };\n\n  return (\n    <Grid container spacing={2}>\n      <Grid item xs={12} md={6}>\n        <TextField\n          fullWidth\n          placeholder=\"Search alerts...\"\n          variant=\"outlined\"\n          value={searchInput}\n          onChange={handleSearchChange}\n          disabled={disabled}\n        />\n      </Grid>\n\n      <Grid item xs={12} md={2}>\n        <FormControl fullWidth disabled={disabled} variant=\"outlined\">\n          <InputLabel id=\"severity-label\">Severity</InputLabel>\n          <Select\n            multiple\n            value={filters.severity || []}\n            onChange={handleSeverityChange}\n            labelId=\"severity-label\"\n            label=\"Severity\"\n            renderValue={selected =>\n              (selected as string[]).length === 0\n                ? 'All'\n                : (selected as string[]).join(', ')\n            }\n          >\n            {ALERT_SEVERITIES.map(sev => (\n              <MenuItem key={sev} value={sev}>\n                <Checkbox\n                  checked={(filters.severity || []).indexOf(sev) > -1}\n                />\n                {sev.charAt(0).toUpperCase() + sev.slice(1)}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      </Grid>\n\n      <Grid item xs={12} md={2}>\n        <FormControl\n          fullWidth\n          disabled={disabled || environmentsLoading}\n          variant=\"outlined\"\n        >\n          <InputLabel id=\"environment-label\">Environment</InputLabel>\n          {environmentsLoading ? (\n            <Skeleton variant=\"rect\" height={56} />\n          ) : (\n            <Select\n              value={filters.environment}\n              onChange={handleEnvironmentChange}\n              labelId=\"environment-label\"\n              label=\"Environment\"\n            >\n              {environments.map(env => (\n                <MenuItem key={env.name} value={env.name}>\n                  {env.displayName || env.name}\n                </MenuItem>\n              ))}\n            </Select>\n          )}\n        </FormControl>\n      </Grid>\n\n      <Grid item xs={12} md={2}>\n        <TimeRangeFilter\n          value={filters.timeRange}\n          customStartTime={filters.customStartTime}\n          customEndTime={filters.customEndTime}\n          onChange={onFiltersChange}\n          disabled={disabled}\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Alerts/AlertsTable.esm.js

@@ -0,0 +1,63 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Paper, Box, Table, TableHead, TableRow, TableCell, TableBody, CircularProgress, Typography } from '@material-ui/core';
+import { Skeleton } from '@material-ui/lab';
+import { useLogsTableStyles } from '../RuntimeLogs/styles.esm.js';
+import { AlertRow } from './AlertRow.esm.js';
+
+const AlertsTable = ({
+  alerts,
+  loading,
+  environmentName = "",
+  projectName = "",
+  componentName = "",
+  namespaceName = "default",
+  onViewIncident,
+  onViewCostAnalysis
+}) => {
+  const classes = useLogsTableStyles();
+  const renderLoadingSkeletons = () => Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%" }) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%" }) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%" }) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%" }) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%" }) })
+  ] }, `skeleton-${i}`));
+  const renderEmptyState = () => /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 5, children: /* @__PURE__ */ jsxs(Box, { className: classes.emptyState, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "No alerts found" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "No alerts found for the selected time range and filters." })
+  ] }) }) });
+  const filteredAlerts = alerts;
+  return /* @__PURE__ */ jsxs(Paper, { className: classes.tablePaper, children: [
+    /* @__PURE__ */ jsx(Box, { className: classes.tableContainer, children: /* @__PURE__ */ jsxs(Table, { className: classes.table, size: "small", stickyHeader: true, children: [
+      /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { className: classes.headerCell, children: "Time" }),
+        /* @__PURE__ */ jsx(TableCell, { className: classes.headerCell, children: "Rule" }),
+        /* @__PURE__ */ jsx(TableCell, { className: classes.headerCell, children: "Severity" }),
+        /* @__PURE__ */ jsx(TableCell, { className: classes.headerCell, children: "Source" }),
+        /* @__PURE__ */ jsx(TableCell, { className: classes.headerCell, children: "Value" })
+      ] }) }),
+      /* @__PURE__ */ jsxs(TableBody, { children: [
+        loading && renderLoadingSkeletons(),
+        !loading && filteredAlerts.length === 0 && renderEmptyState(),
+        !loading && filteredAlerts.map((alert) => /* @__PURE__ */ jsx(
+          AlertRow,
+          {
+            alert,
+            environmentName,
+            projectName,
+            componentName,
+            namespaceName,
+            onViewIncident: onViewIncident ?? (() => {
+            }),
+            onViewCostAnalysis
+          },
+          alert.alertId
+        ))
+      ] })
+    ] }) }),
+    loading && filteredAlerts.length > 0 && /* @__PURE__ */ jsx(Box, { className: classes.loadingContainer, children: /* @__PURE__ */ jsx(CircularProgress, { size: 24 }) })
+  ] });
+};
+
+export { AlertsTable };
+//# sourceMappingURL=AlertsTable.esm.js.map

package/dist/components/Alerts/AlertsTable.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertsTable.esm.js","sources":["../../../src/components/Alerts/AlertsTable.tsx"],"sourcesContent":["import { FC } from 'react';\nimport {\n  Table,\n  TableHead,\n  TableBody,\n  TableRow,\n  TableCell,\n  Paper,\n  Box,\n  Typography,\n  CircularProgress,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport type { AlertSummary } from '../../types';\nimport { useLogsTableStyles } from '../RuntimeLogs/styles';\nimport { AlertRow } from './AlertRow';\n\ninterface AlertsTableProps {\n  alerts: AlertSummary[];\n  loading: boolean;\n  environmentName?: string;\n  projectName?: string;\n  componentName?: string;\n  namespaceName?: string;\n  onViewIncident?: (alert: AlertSummary) => void;\n  onViewCostAnalysis?: (alert: AlertSummary) => void;\n}\n\nexport const AlertsTable: FC<AlertsTableProps> = ({\n  alerts,\n  loading,\n  environmentName = '',\n  projectName = '',\n  componentName = '',\n  namespaceName = 'default',\n  onViewIncident,\n  onViewCostAnalysis,\n}) => {\n  const classes = useLogsTableStyles();\n\n  const renderLoadingSkeletons = () =>\n    Array.from({ length: 5 }).map((_, i) => (\n      <TableRow key={`skeleton-${i}`}>\n        <TableCell>\n          <Skeleton variant=\"text\" width=\"100%\" />\n        </TableCell>\n        <TableCell>\n          <Skeleton variant=\"text\" width=\"100%\" />\n        </TableCell>\n        <TableCell>\n          <Skeleton variant=\"text\" width=\"100%\" />\n        </TableCell>\n        <TableCell>\n          <Skeleton variant=\"text\" width=\"100%\" />\n        </TableCell>\n        <TableCell>\n          <Skeleton variant=\"text\" width=\"100%\" />\n        </TableCell>\n      </TableRow>\n    ));\n\n  const renderEmptyState = () => (\n    <TableRow>\n      <TableCell colSpan={5}>\n        <Box className={classes.emptyState}>\n          <Typography variant=\"h6\" gutterBottom>\n            No alerts found\n          </Typography>\n          <Typography variant=\"body2\">\n            No alerts found for the selected time range and filters.\n          </Typography>\n        </Box>\n      </TableCell>\n    </TableRow>\n  );\n\n  const filteredAlerts = alerts;\n\n  return (\n    <Paper className={classes.tablePaper}>\n      <Box className={classes.tableContainer}>\n        <Table className={classes.table} size=\"small\" stickyHeader>\n          <TableHead>\n            <TableRow>\n              <TableCell className={classes.headerCell}>Time</TableCell>\n              <TableCell className={classes.headerCell}>Rule</TableCell>\n              <TableCell className={classes.headerCell}>Severity</TableCell>\n              <TableCell className={classes.headerCell}>Source</TableCell>\n              <TableCell className={classes.headerCell}>Value</TableCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {loading && renderLoadingSkeletons()}\n            {!loading && filteredAlerts.length === 0 && renderEmptyState()}\n            {!loading &&\n              filteredAlerts.map(alert => (\n                <AlertRow\n                  key={alert.alertId}\n                  alert={alert}\n                  environmentName={environmentName}\n                  projectName={projectName}\n                  componentName={componentName}\n                  namespaceName={namespaceName}\n                  onViewIncident={onViewIncident ?? (() => {})}\n                  onViewCostAnalysis={onViewCostAnalysis}\n                />\n              ))}\n          </TableBody>\n        </Table>\n      </Box>\n      {loading && filteredAlerts.length > 0 && (\n        <Box className={classes.loadingContainer}>\n          <CircularProgress size={24} />\n        </Box>\n      )}\n    </Paper>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Alerts/ObservabilityAlertsPage.esm.js

@@ -0,0 +1,251 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import { Box, Typography, Button } from '@material-ui/core';
+import { Progress, EmptyState, WarningIcon } from '@backstage/core-components';
+import { Alert } from '@material-ui/lab';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';
+import { AlertsFilter } from './AlertsFilter.esm.js';
+import { AlertsTable } from './AlertsTable.esm.js';
+import { AlertsActions } from './AlertsActions.esm.js';
+import { useGetNamespaceAndProjectByEntity } from '../../hooks/useGetNamespaceAndProjectByEntity.esm.js';
+import '@backstage/core-plugin-api';
+import { useGetEnvironmentsByNamespace } from '../../hooks/useGetEnvironmentsByNamespace.esm.js';
+import 'react-router-dom';
+import '../../utils/urlTimeRange.esm.js';
+import '../../api/ObservabilityApi.esm.js';
+import { useAlertsPermission } from '@openchoreo/backstage-plugin-react';
+import { useUrlFiltersForAlerts } from '../../hooks/useUrlFiltersForAlerts.esm.js';
+import { useComponentAlerts } from '../../hooks/useComponentAlerts.esm.js';
+import '../../api/RCAAgentApi.esm.js';
+import '../../api/FinOpsAgentApi.esm.js';
+import { useRuntimeLogsStyles } from '../RuntimeLogs/styles.esm.js';
+
+const ObservabilityAlertsContent = () => {
+  const classes = useRuntimeLogsStyles();
+  const { entity } = useEntity();
+  const { namespace, project } = useGetNamespaceAndProjectByEntity(entity);
+  const {
+    environments,
+    loading: environmentsLoading,
+    error: environmentsError
+  } = useGetEnvironmentsByNamespace(namespace, project);
+  const { filters, updateFilters } = useUrlFiltersForAlerts({
+    environments
+  });
+  const selectedEnvironment = environments.find(
+    (env) => env.name === filters.environment
+  );
+  const componentName = entity.metadata.annotations?.[CHOREO_ANNOTATIONS.COMPONENT];
+  const [lastUpdated, setLastUpdated] = useState(/* @__PURE__ */ new Date());
+  const {
+    alerts,
+    loading: alertsLoading,
+    error: alertsError,
+    fetchAlerts,
+    refresh
+  } = useComponentAlerts(entity, namespace || "", project || "", {
+    environment: filters.environment,
+    timeRange: filters.timeRange,
+    customStartTime: filters.customStartTime,
+    customEndTime: filters.customEndTime,
+    limit: 100,
+    sortOrder: filters.sortOrder || "desc"
+  });
+  const previousFiltersRef = useRef(null);
+  useEffect(() => {
+    const currentFilters = {
+      environment: filters.environment,
+      timeRange: filters.timeRange,
+      customStartTime: filters.customStartTime,
+      customEndTime: filters.customEndTime,
+      sortOrder: filters.sortOrder
+    };
+    const filtersChanged = previousFiltersRef.current === null || JSON.stringify(previousFiltersRef.current) !== JSON.stringify(currentFilters);
+    if (filters.environment && selectedEnvironment && namespace && project && componentName && filtersChanged) {
+      fetchAlerts(true);
+      setLastUpdated(/* @__PURE__ */ new Date());
+      previousFiltersRef.current = currentFilters;
+    }
+  }, [
+    filters.environment,
+    filters.timeRange,
+    filters.customStartTime,
+    filters.customEndTime,
+    filters.sortOrder,
+    fetchAlerts,
+    selectedEnvironment,
+    namespace,
+    project,
+    componentName
+  ]);
+  useEffect(() => {
+    if (!alertsLoading) setLastUpdated(/* @__PURE__ */ new Date());
+  }, [alertsLoading]);
+  const handleRefresh = () => {
+    refresh();
+    setLastUpdated(/* @__PURE__ */ new Date());
+  };
+  const handleFiltersChange = (newFilters) => {
+    updateFilters(newFilters);
+  };
+  const filteredAlerts = useMemo(() => {
+    let result = alerts;
+    if (filters.severity && filters.severity.length > 0) {
+      result = result.filter(
+        (a) => a.severity && filters.severity.some(
+          (s) => s.toLowerCase() === (a.severity || "").toLowerCase()
+        )
+      );
+    }
+    if (filters.searchQuery) {
+      const q = filters.searchQuery.toLowerCase();
+      result = result.filter(
+        (a) => (a.ruleName || "").toLowerCase().includes(q) || (a.ruleDescription || "").toLowerCase().includes(q) || (a.alertId || "").toLowerCase().includes(q)
+      );
+    }
+    return result;
+  }, [alerts, filters.severity, filters.searchQuery]);
+  const handleViewIncident = useCallback(
+    (alert) => {
+      const parentProject = entity.spec?.system || project || "";
+      const catalogNs = entity.metadata.namespace || "default";
+      if (!parentProject) return;
+      const PRESETS = [
+        { value: "10m", ms: 10 * 60 * 1e3 },
+        { value: "30m", ms: 30 * 60 * 1e3 },
+        { value: "1h", ms: 60 * 60 * 1e3 },
+        { value: "24h", ms: 24 * 60 * 60 * 1e3 },
+        { value: "7d", ms: 7 * 24 * 60 * 60 * 1e3 },
+        { value: "14d", ms: 14 * 24 * 60 * 60 * 1e3 }
+      ];
+      let timeRange = "1h";
+      if (alert.timestamp) {
+        const ageMs = Date.now() - new Date(alert.timestamp).getTime();
+        const match = PRESETS.find((p) => p.ms >= ageMs);
+        timeRange = match ? match.value : PRESETS[PRESETS.length - 1].value;
+      }
+      const params = new URLSearchParams({
+        search: alert.alertId,
+        timeRange,
+        ...filters.environment ? { env: filters.environment } : {}
+      });
+      const url = `/catalog/${catalogNs}/system/${parentProject}/incidents?${params.toString()}`;
+      window.open(url, "_blank", "noopener,noreferrer");
+    },
+    [entity, project, filters.environment]
+  );
+  const handleViewCostAnalysis = useCallback(
+    (alert) => {
+      const parentProject = entity.spec?.system || project || "";
+      const catalogNs = entity.metadata.namespace || "default";
+      if (!parentProject) return;
+      const PRESETS = [
+        { value: "10m", ms: 10 * 60 * 1e3 },
+        { value: "30m", ms: 30 * 60 * 1e3 },
+        { value: "1h", ms: 60 * 60 * 1e3 },
+        { value: "24h", ms: 24 * 60 * 60 * 1e3 },
+        { value: "7d", ms: 7 * 24 * 60 * 60 * 1e3 },
+        { value: "14d", ms: 14 * 24 * 60 * 60 * 1e3 }
+      ];
+      let timeRange = "1h";
+      if (alert.timestamp) {
+        const ageMs = Date.now() - new Date(alert.timestamp).getTime();
+        const match = PRESETS.find((p) => p.ms >= ageMs);
+        timeRange = match ? match.value : PRESETS[PRESETS.length - 1].value;
+      }
+      const params = new URLSearchParams({
+        q: alert.alertId,
+        timeRange,
+        ...filters.environment ? { env: filters.environment } : {}
+      });
+      const url = `/catalog/${catalogNs}/system/${parentProject}/cost-analysis?${params.toString()}`;
+      window.open(url, "_blank", "noopener,noreferrer");
+    },
+    [entity, project, filters.environment]
+  );
+  const renderError = (error) => {
+    const isObservabilityDisabled = error.includes(
+      "Observability is not enabled"
+    );
+    return /* @__PURE__ */ jsxs(
+      Alert,
+      {
+        severity: isObservabilityDisabled ? "info" : "error",
+        className: classes.errorContainer,
+        children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "body1", children: isObservabilityDisabled ? "Observability is not enabled for this component. Enable observability to view alerts." : error }),
+          !isObservabilityDisabled && /* @__PURE__ */ jsx(Button, { onClick: handleRefresh, color: "inherit", size: "small", children: "Retry" })
+        ]
+      }
+    );
+  };
+  if (environmentsError) {
+    return /* @__PURE__ */ jsx(Box, { children: renderError(environmentsError) });
+  }
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      AlertsFilter,
+      {
+        filters,
+        onFiltersChange: handleFiltersChange,
+        environments,
+        environmentsLoading,
+        disabled: alertsLoading
+      }
+    ),
+    alertsError && renderError(alertsError),
+    !filters.environment && !environmentsLoading && environments.length === 0 && /* @__PURE__ */ jsx(Alert, { severity: "info", className: classes.errorContainer, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "No environments found. Make sure your component is properly configured." }) }),
+    filters.environment && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        AlertsActions,
+        {
+          totalCount: filteredAlerts.length,
+          disabled: alertsLoading || !filters.environment,
+          onRefresh: handleRefresh,
+          filters,
+          onFiltersChange: handleFiltersChange,
+          lastUpdated
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AlertsTable,
+        {
+          alerts: filteredAlerts,
+          loading: alertsLoading,
+          environmentName: selectedEnvironment?.displayName || selectedEnvironment?.name,
+          projectName: project,
+          componentName,
+          namespaceName: namespace,
+          onViewIncident: handleViewIncident,
+          onViewCostAnalysis: handleViewCostAnalysis
+        }
+      )
+    ] })
+  ] });
+};
+const ObservabilityAlertsPage = () => {
+  const {
+    canViewAlerts,
+    loading: permissionLoading,
+    deniedTooltip
+  } = useAlertsPermission();
+  if (permissionLoading) return /* @__PURE__ */ jsx(Progress, {});
+  if (!canViewAlerts) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        missing: "data",
+        title: "Permission Denied",
+        description: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", gridGap: 8, children: [
+          /* @__PURE__ */ jsx(WarningIcon, {}),
+          deniedTooltip
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(ObservabilityAlertsContent, {});
+};
+
+export { ObservabilityAlertsPage };
+//# sourceMappingURL=ObservabilityAlertsPage.esm.js.map

package/dist/components/Alerts/ObservabilityAlertsPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObservabilityAlertsPage.esm.js","sources":["../../../src/components/Alerts/ObservabilityAlertsPage.tsx"],"sourcesContent":["import { useEffect, useRef, useMemo, useState, useCallback } from 'react';\nimport { Box, Typography, Button } from '@material-ui/core';\nimport { EmptyState, Progress, WarningIcon } from '@backstage/core-components';\nimport { Alert } from '@material-ui/lab';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';\nimport { AlertsFilter } from './AlertsFilter';\nimport { AlertsTable } from './AlertsTable';\nimport { AlertsActions } from './AlertsActions';\nimport {\n  useComponentAlerts,\n  useGetNamespaceAndProjectByEntity,\n  useGetEnvironmentsByNamespace,\n  useUrlFiltersForAlerts,\n} from '../../hooks';\nimport { useAlertsPermission } from '@openchoreo/backstage-plugin-react';\nimport { useRuntimeLogsStyles } from '../RuntimeLogs/styles';\nimport type { AlertSummary } from '../../types';\n\nconst ObservabilityAlertsContent = () => {\n  const classes = useRuntimeLogsStyles();\n  const { entity } = useEntity();\n\n  const { namespace, project } = useGetNamespaceAndProjectByEntity(entity);\n\n  const {\n    environments,\n    loading: environmentsLoading,\n    error: environmentsError,\n  } = useGetEnvironmentsByNamespace(namespace, project);\n\n  const { filters, updateFilters } = useUrlFiltersForAlerts({\n    environments,\n  });\n\n  const selectedEnvironment = environments.find(\n    env => env.name === filters.environment,\n  );\n\n  const componentName =\n    entity.metadata.annotations?.[CHOREO_ANNOTATIONS.COMPONENT];\n\n  const [lastUpdated, setLastUpdated] = useState<Date>(new Date());\n\n  const {\n    alerts,\n    loading: alertsLoading,\n    error: alertsError,\n    fetchAlerts,\n    refresh,\n  } = useComponentAlerts(entity, namespace || '', project || '', {\n    environment: filters.environment,\n    timeRange: filters.timeRange,\n    customStartTime: filters.customStartTime,\n    customEndTime: filters.customEndTime,\n    limit: 100,\n    sortOrder: filters.sortOrder || 'desc',\n  });\n\n  const previousFiltersRef = useRef<{\n    environment: string;\n    timeRange: string;\n    customStartTime?: string;\n    customEndTime?: string;\n    sortOrder?: 'asc' | 'desc';\n  } | null>(null);\n\n  useEffect(() => {\n    const currentFilters = {\n      environment: filters.environment,\n      timeRange: filters.timeRange,\n      customStartTime: filters.customStartTime,\n      customEndTime: filters.customEndTime,\n      sortOrder: filters.sortOrder,\n    };\n    const filtersChanged =\n      previousFiltersRef.current === null ||\n      JSON.stringify(previousFiltersRef.current) !==\n        JSON.stringify(currentFilters);\n\n    if (\n      filters.environment &&\n      selectedEnvironment &&\n      namespace &&\n      project &&\n      componentName &&\n      filtersChanged\n    ) {\n      fetchAlerts(true);\n      setLastUpdated(new Date());\n      previousFiltersRef.current = currentFilters;\n    }\n  }, [\n    filters.environment,\n    filters.timeRange,\n    filters.customStartTime,\n    filters.customEndTime,\n    filters.sortOrder,\n    fetchAlerts,\n    selectedEnvironment,\n    namespace,\n    project,\n    componentName,\n  ]);\n\n  useEffect(() => {\n    if (!alertsLoading) setLastUpdated(new Date());\n  }, [alertsLoading]);\n\n  const handleRefresh = () => {\n    refresh();\n    setLastUpdated(new Date());\n  };\n\n  const handleFiltersChange = (newFilters: Partial<typeof filters>) => {\n    updateFilters(newFilters);\n  };\n\n  const filteredAlerts = useMemo((): AlertSummary[] => {\n    let result = alerts;\n    if (filters.severity && filters.severity.length > 0) {\n      result = result.filter(\n        a =>\n          a.severity &&\n          filters.severity!.some(\n            s => s.toLowerCase() === (a.severity || '').toLowerCase(),\n          ),\n      );\n    }\n    if (filters.searchQuery) {\n      const q = filters.searchQuery.toLowerCase();\n      result = result.filter(\n        a =>\n          (a.ruleName || '').toLowerCase().includes(q) ||\n          (a.ruleDescription || '').toLowerCase().includes(q) ||\n          (a.alertId || '').toLowerCase().includes(q),\n      );\n    }\n    return result;\n  }, [alerts, filters.severity, filters.searchQuery]);\n\n  // Open the parent project's Incidents tab in a new browser tab, pre-filtered\n  // by alertId and with a time range that covers the alert's age.\n  const handleViewIncident = useCallback(\n    (alert: AlertSummary) => {\n      const parentProject =\n        (entity.spec?.system as string | undefined) || project || '';\n      const catalogNs = entity.metadata.namespace || 'default';\n      if (!parentProject) return;\n\n      // Pick smallest preset >= age of alert\n      const PRESETS: Array<{ value: string; ms: number }> = [\n        { value: '10m', ms: 10 * 60 * 1000 },\n        { value: '30m', ms: 30 * 60 * 1000 },\n        { value: '1h', ms: 60 * 60 * 1000 },\n        { value: '24h', ms: 24 * 60 * 60 * 1000 },\n        { value: '7d', ms: 7 * 24 * 60 * 60 * 1000 },\n        { value: '14d', ms: 14 * 24 * 60 * 60 * 1000 },\n      ];\n      let timeRange = '1h'; // default\n      if (alert.timestamp) {\n        const ageMs = Date.now() - new Date(alert.timestamp).getTime();\n        const match = PRESETS.find(p => p.ms >= ageMs);\n        timeRange = match ? match.value : PRESETS[PRESETS.length - 1].value;\n      }\n\n      const params = new URLSearchParams({\n        search: alert.alertId,\n        timeRange,\n        ...(filters.environment ? { env: filters.environment } : {}),\n      });\n      const url = `/catalog/${catalogNs}/system/${parentProject}/incidents?${params.toString()}`;\n      window.open(url, '_blank', 'noopener,noreferrer');\n    },\n    [entity, project, filters.environment],\n  );\n\n  // Open the parent project's Cost Analysis tab in a new browser tab,\n  // pre-filtered by alertId and with a time range that covers the alert's age.\n  const handleViewCostAnalysis = useCallback(\n    (alert: AlertSummary) => {\n      const parentProject =\n        (entity.spec?.system as string | undefined) || project || '';\n      const catalogNs = entity.metadata.namespace || 'default';\n      if (!parentProject) return;\n\n      // Pick smallest preset >= age of alert\n      const PRESETS: Array<{ value: string; ms: number }> = [\n        { value: '10m', ms: 10 * 60 * 1000 },\n        { value: '30m', ms: 30 * 60 * 1000 },\n        { value: '1h', ms: 60 * 60 * 1000 },\n        { value: '24h', ms: 24 * 60 * 60 * 1000 },\n        { value: '7d', ms: 7 * 24 * 60 * 60 * 1000 },\n        { value: '14d', ms: 14 * 24 * 60 * 60 * 1000 },\n      ];\n      let timeRange = '1h'; // default\n      if (alert.timestamp) {\n        const ageMs = Date.now() - new Date(alert.timestamp).getTime();\n        const match = PRESETS.find(p => p.ms >= ageMs);\n        timeRange = match ? match.value : PRESETS[PRESETS.length - 1].value;\n      }\n\n      const params = new URLSearchParams({\n        q: alert.alertId,\n        timeRange,\n        ...(filters.environment ? { env: filters.environment } : {}),\n      });\n      const url = `/catalog/${catalogNs}/system/${parentProject}/cost-analysis?${params.toString()}`;\n      window.open(url, '_blank', 'noopener,noreferrer');\n    },\n    [entity, project, filters.environment],\n  );\n\n  const renderError = (error: string) => {\n    const isObservabilityDisabled = error.includes(\n      'Observability is not enabled',\n    );\n    return (\n      <Alert\n        severity={isObservabilityDisabled ? 'info' : 'error'}\n        className={classes.errorContainer}\n      >\n        <Typography variant=\"body1\">\n          {isObservabilityDisabled\n            ? 'Observability is not enabled for this component. Enable observability to view alerts.'\n            : error}\n        </Typography>\n        {!isObservabilityDisabled && (\n          <Button onClick={handleRefresh} color=\"inherit\" size=\"small\">\n            Retry\n          </Button>\n        )}\n      </Alert>\n    );\n  };\n\n  if (environmentsError) {\n    return <Box>{renderError(environmentsError)}</Box>;\n  }\n\n  return (\n    <Box>\n      <AlertsFilter\n        filters={filters}\n        onFiltersChange={handleFiltersChange}\n        environments={environments}\n        environmentsLoading={environmentsLoading}\n        disabled={alertsLoading}\n      />\n\n      {alertsError && renderError(alertsError)}\n\n      {!filters.environment &&\n        !environmentsLoading &&\n        environments.length === 0 && (\n          <Alert severity=\"info\" className={classes.errorContainer}>\n            <Typography variant=\"body1\">\n              No environments found. Make sure your component is properly\n              configured.\n            </Typography>\n          </Alert>\n        )}\n\n      {filters.environment && (\n        <>\n          <AlertsActions\n            totalCount={filteredAlerts.length}\n            disabled={alertsLoading || !filters.environment}\n            onRefresh={handleRefresh}\n            filters={filters}\n            onFiltersChange={handleFiltersChange}\n            lastUpdated={lastUpdated}\n          />\n\n          <AlertsTable\n            alerts={filteredAlerts}\n            loading={alertsLoading}\n            environmentName={\n              selectedEnvironment?.displayName || selectedEnvironment?.name\n            }\n            projectName={project}\n            componentName={componentName}\n            namespaceName={namespace}\n            onViewIncident={handleViewIncident}\n            onViewCostAnalysis={handleViewCostAnalysis}\n          />\n        </>\n      )}\n    </Box>\n  );\n};\n\nexport const ObservabilityAlertsPage = () => {\n  const {\n    canViewAlerts,\n    loading: permissionLoading,\n    deniedTooltip,\n  } = useAlertsPermission();\n\n  if (permissionLoading) return <Progress />;\n\n  if (!canViewAlerts) {\n    return (\n      <EmptyState\n        missing=\"data\"\n        title=\"Permission Denied\"\n        description={\n          <Box display=\"flex\" alignItems=\"center\" gridGap={8}>\n            <WarningIcon />\n            {deniedTooltip}\n          </Box>\n        }\n      />\n    );\n  }\n\n  return <ObservabilityAlertsContent />;\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Alerts/types.esm.js

@@ -0,0 +1,4 @@
+const ALERT_SEVERITIES = ["info", "warning", "critical"];
+
+export { ALERT_SEVERITIES };
+//# sourceMappingURL=types.esm.js.map

package/dist/components/Alerts/types.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.esm.js","sources":["../../../src/components/Alerts/types.ts"],"sourcesContent":["export interface AlertsFilters {\n  environment: string;\n  timeRange: string;\n  /** ISO start time, used when `timeRange === 'custom'` */\n  customStartTime?: string;\n  /** ISO end time, used when `timeRange === 'custom'` */\n  customEndTime?: string;\n  sortOrder?: 'asc' | 'desc';\n  severity?: string[];\n  searchQuery?: string;\n}\n\nexport const ALERT_SEVERITIES = ['info', 'warning', 'critical'] as const;\n"],"names":[],"mappings":"AAYO,MAAM,gBAAA,GAAmB,CAAC,MAAA,EAAQ,SAAA,EAAW,UAAU;;;;"}

package/dist/components/CostAnalysis/CostAnalysisPage.esm.js

@@ -0,0 +1,141 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useMemo, useCallback } from 'react';
+import { Routes, Route } from 'react-router-dom';
+import { Box, Typography, Button } from '@material-ui/core';
+import { RCAFilters } from '../RCA/RCAFilters.esm.js';
+import { RCAActions } from '../RCA/RCAActions.esm.js';
+import { CostAnalysisTable } from './CostAnalysisTable.esm.js';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';
+import '@backstage/core-plugin-api';
+import { useGetEnvironmentsByNamespace } from '../../hooks/useGetEnvironmentsByNamespace.esm.js';
+import { useUrlFilters } from '../../hooks/useUrlFilters.esm.js';
+import '../../api/ObservabilityApi.esm.js';
+import { useRcaPermission, ForbiddenState } from '@openchoreo/backstage-plugin-react';
+import { useFinOpsReports } from '../../hooks/useFinOpsReports.esm.js';
+import '../../utils/urlTimeRange.esm.js';
+import '../../api/RCAAgentApi.esm.js';
+import '../../api/FinOpsAgentApi.esm.js';
+import { Progress } from '@backstage/core-components';
+import { Alert } from '@material-ui/lab';
+import { CostAnalysisReport } from './CostAnalysisReport.esm.js';
+import { EntityLinkContext } from '../RCA/RCAReport/EntityLinkContext.esm.js';
+
+const CostAnalysisListContent = () => {
+  const { entity } = useEntity();
+  const namespace = entity.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE];
+  const projectName = entity.metadata.name;
+  const namespaceValue = useMemo(
+    () => ({ namespace: namespace || "default" }),
+    [namespace]
+  );
+  const {
+    environments,
+    loading: environmentsLoading,
+    error: environmentsError
+  } = useGetEnvironmentsByNamespace(namespace, projectName);
+  const { filters, updateFilters } = useUrlFilters({ environments });
+  const {
+    reports,
+    loading: reportsLoading,
+    error: reportsError,
+    refresh
+  } = useFinOpsReports(filters, entity);
+  const filteredReports = useMemo(() => {
+    if (!filters.searchQuery) return reports;
+    const q = filters.searchQuery.toLowerCase();
+    return reports.filter(
+      (r) => (r.reportId || "").toLowerCase().includes(q) || (r.component || "").toLowerCase().includes(q) || (r.summary || "").toLowerCase().includes(q) || (r.status || "").toLowerCase().includes(q)
+    );
+  }, [reports, filters.searchQuery]);
+  const handleFiltersChange = useCallback(
+    (newFilters) => {
+      updateFilters(newFilters);
+    },
+    [updateFilters]
+  );
+  const handleRefresh = useCallback(() => {
+    refresh();
+  }, [refresh]);
+  const renderError = (error) => {
+    const isObservabilityDisabled = error.includes(
+      "Observability is not enabled"
+    );
+    const isFinOpsServiceDisabled = error.includes(
+      "FinOps service is not configured"
+    );
+    const isInfoAlert = isObservabilityDisabled || isFinOpsServiceDisabled;
+    let errorMessage = error;
+    if (isObservabilityDisabled) {
+      errorMessage = "Observability is not enabled for this environment. Enable observability and enable the FinOps agent.";
+    } else if (isFinOpsServiceDisabled) {
+      errorMessage = "FinOps Agent is not configured. Enable it to view cost analysis reports.";
+    }
+    return /* @__PURE__ */ jsx(Box, { mt: 2, mb: 2, children: /* @__PURE__ */ jsxs(Alert, { severity: isInfoAlert ? "info" : "error", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", children: errorMessage }),
+      !isInfoAlert && /* @__PURE__ */ jsx(Button, { onClick: handleRefresh, color: "inherit", size: "small", children: "Retry" })
+    ] }) });
+  };
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    reportsLoading && /* @__PURE__ */ jsx(Progress, {}),
+    !reportsLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        RCAFilters,
+        {
+          filters,
+          onFiltersChange: handleFiltersChange,
+          environments,
+          environmentsLoading
+        }
+      ),
+      environmentsError && /* @__PURE__ */ jsx(Box, { mt: 2, mb: 2, children: /* @__PURE__ */ jsx(Alert, { severity: "warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "Failed to load environments. Environment filtering may not be available." }) }) }),
+      reportsError && renderError(reportsError),
+      /* @__PURE__ */ jsx(
+        RCAActions,
+        {
+          disabled: reportsLoading,
+          onRefresh: handleRefresh,
+          totalCount: filteredReports.length
+        }
+      ),
+      /* @__PURE__ */ jsx(EntityLinkContext.Provider, { value: namespaceValue, children: /* @__PURE__ */ jsx(
+        CostAnalysisTable,
+        {
+          reports: filteredReports,
+          loading: reportsLoading
+        }
+      ) })
+    ] })
+  ] });
+};
+const CostAnalysisListView = () => {
+  const {
+    canViewRca,
+    loading: permissionLoading,
+    deniedTooltip,
+    permissionName
+  } = useRcaPermission();
+  if (permissionLoading) {
+    return /* @__PURE__ */ jsx(Progress, {});
+  }
+  if (!canViewRca) {
+    return /* @__PURE__ */ jsx(
+      ForbiddenState,
+      {
+        message: deniedTooltip,
+        permissionName,
+        variant: "fullpage"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(CostAnalysisListContent, {});
+};
+const CostAnalysisPage = () => {
+  return /* @__PURE__ */ jsxs(Routes, { children: [
+    /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(CostAnalysisListView, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: "/:reportId", element: /* @__PURE__ */ jsx(CostAnalysisReport, {}) })
+  ] });
+};
+
+export { CostAnalysisPage };
+//# sourceMappingURL=CostAnalysisPage.esm.js.map