@openchoreo/backstage-plugin-openchoreo-observability 1.1.0

package/dist/components/Incidents/IncidentsActions.esm.js

@@ -0,0 +1,77 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, Typography, Tooltip, Button } from '@material-ui/core';
+import Refresh from '@material-ui/icons/Refresh';
+import ArrowUpward from '@material-ui/icons/ArrowUpward';
+import ArrowDownward from '@material-ui/icons/ArrowDownward';
+import { useLogsActionsStyles } from '../RuntimeLogs/styles.esm.js';
+
+const formatDate = (date) => {
+  const day = String(date.getDate()).padStart(2, "0");
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const year = date.getFullYear();
+  const hours = String(date.getHours()).padStart(2, "0");
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  const seconds = String(date.getSeconds()).padStart(2, "0");
+  return `${day}/${month}/${year}, ${hours}:${minutes}:${seconds}`;
+};
+const IncidentsActions = ({
+  totalCount,
+  disabled,
+  onRefresh,
+  filters,
+  onFiltersChange,
+  lastUpdated
+}) => {
+  const classes = useLogsActionsStyles();
+  const displayDate = lastUpdated || /* @__PURE__ */ new Date();
+  const effectiveSortOrder = filters.sortOrder || "desc";
+  const handleSortToggle = () => {
+    const newSortOrder = effectiveSortOrder === "desc" ? "asc" : "desc";
+    onFiltersChange({ sortOrder: newSortOrder });
+  };
+  return /* @__PURE__ */ jsxs(Box, { className: classes.statsContainer, children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", children: [
+        "Total incidents: ",
+        totalCount
+      ] }),
+      /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", children: [
+        "Last updated at: ",
+        formatDate(displayDate)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { className: classes.actionsContainer, children: [
+      /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          title: effectiveSortOrder === "desc" ? "Sort incidents by newest first" : "Sort incidents by oldest first",
+          children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outlined",
+              onClick: handleSortToggle,
+              disabled,
+              size: "small",
+              startIcon: effectiveSortOrder === "desc" ? /* @__PURE__ */ jsx(ArrowUpward, {}) : /* @__PURE__ */ jsx(ArrowDownward, {}),
+              children: effectiveSortOrder === "desc" ? "Newest First" : "Oldest First"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outlined",
+          startIcon: /* @__PURE__ */ jsx(Refresh, {}),
+          onClick: onRefresh,
+          disabled,
+          size: "small",
+          children: "Refresh"
+        }
+      )
+    ] })
+  ] });
+};
+
+export { IncidentsActions };
+//# sourceMappingURL=IncidentsActions.esm.js.map

package/dist/components/Incidents/IncidentsActions.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentsActions.esm.js","sources":["../../../src/components/Incidents/IncidentsActions.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 { IncidentsFilters } from './types';\n\ninterface IncidentsActionsProps {\n  totalCount: number;\n  disabled: boolean;\n  onRefresh: () => void;\n  filters: IncidentsFilters;\n  onFiltersChange: (filters: Partial<IncidentsFilters>) => 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 IncidentsActions = ({\n  totalCount,\n  disabled,\n  onRefresh,\n  filters,\n  onFiltersChange,\n  lastUpdated,\n}: IncidentsActionsProps) => {\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 incidents: {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 incidents by newest first'\n              : 'Sort incidents 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/Incidents/IncidentsFilter.esm.js

@@ -0,0 +1,144 @@
+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 { INCIDENT_STATUSES } from './types.esm.js';
+import { TimeRangeFilter } from '../TimeRangeFilter/TimeRangeFilter.esm.js';
+import { useDebouncedSearch } from '../../hooks/useDebouncedSearch.esm.js';
+
+const IncidentsFilter = ({
+  filters,
+  onFiltersChange,
+  environments,
+  environmentsLoading,
+  components = [],
+  componentsLoading = false,
+  disabled = false
+}) => {
+  const [searchInput, handleSearchChange] = useDebouncedSearch(
+    filters.searchQuery,
+    (value) => onFiltersChange({ searchQuery: value })
+  );
+  const handleEnvironmentChange = (event) => {
+    onFiltersChange({
+      environment: event.target.value,
+      searchQuery: ""
+    });
+  };
+  const handleTimeRangeChange = (next) => {
+    onFiltersChange({ ...next, searchQuery: "" });
+  };
+  const handleComponentChange = (event) => {
+    onFiltersChange({
+      components: event.target.value,
+      searchQuery: ""
+    });
+  };
+  const handleStatusChange = (event) => {
+    onFiltersChange({
+      status: event.target.value,
+      searchQuery: ""
+    });
+  };
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsx(
+      TextField,
+      {
+        fullWidth: true,
+        placeholder: "Search incidents...",
+        variant: "outlined",
+        value: searchInput,
+        onChange: handleSearchChange,
+        disabled
+      }
+    ) }),
+    components.length > 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 2, children: /* @__PURE__ */ jsxs(
+      FormControl,
+      {
+        fullWidth: true,
+        disabled: disabled || componentsLoading,
+        variant: "outlined",
+        children: [
+          /* @__PURE__ */ jsx(InputLabel, { id: "components-label", children: "Components" }),
+          componentsLoading ? /* @__PURE__ */ jsx(Skeleton, { variant: "rect", height: 56 }) : /* @__PURE__ */ jsx(
+            Select,
+            {
+              multiple: true,
+              value: filters.components || [],
+              onChange: handleComponentChange,
+              labelId: "components-label",
+              label: "Components",
+              renderValue: (selected) => {
+                const arr = selected;
+                return arr.length === 0 ? "All" : arr.join(", ");
+              },
+              children: components.map((comp) => /* @__PURE__ */ jsxs(MenuItem, { value: comp.name, children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: (filters.components || []).indexOf(comp.name) > -1
+                  }
+                ),
+                comp.displayName || comp.name
+              ] }, comp.name))
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 2, children: /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, disabled, variant: "outlined", children: [
+      /* @__PURE__ */ jsx(InputLabel, { id: "status-label", children: "Status" }),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          multiple: true,
+          value: filters.status || [],
+          onChange: handleStatusChange,
+          labelId: "status-label",
+          label: "Status",
+          renderValue: (selected) => {
+            const arr = selected;
+            return arr.length === 0 ? "All" : arr.join(", ");
+          },
+          children: INCIDENT_STATUSES.map((s) => /* @__PURE__ */ jsxs(MenuItem, { value: s, children: [
+            /* @__PURE__ */ jsx(Checkbox, { checked: (filters.status || []).indexOf(s) > -1 }),
+            s.charAt(0).toUpperCase() + s.slice(1)
+          ] }, s))
+        }
+      )
+    ] }) }),
+    /* @__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: handleTimeRangeChange,
+        disabled
+      }
+    ) })
+  ] });
+};
+
+export { IncidentsFilter };
+//# sourceMappingURL=IncidentsFilter.esm.js.map

package/dist/components/Incidents/IncidentsFilter.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentsFilter.esm.js","sources":["../../../src/components/Incidents/IncidentsFilter.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 IncidentsFilters, INCIDENT_STATUSES } from './types';\nimport { type Environment } from '../../types';\nimport { TimeRangeFilter } from '../TimeRangeFilter';\nimport { useDebouncedSearch } from '../../hooks/useDebouncedSearch';\nimport type { Component } from '../../hooks/useGetComponentsByProject';\n\ninterface IncidentsFilterProps {\n  filters: IncidentsFilters;\n  onFiltersChange: (filters: Partial<IncidentsFilters>) => void;\n  environments: Environment[];\n  environmentsLoading: boolean;\n  components?: Component[];\n  componentsLoading?: boolean;\n  disabled?: boolean;\n}\n\nexport const IncidentsFilter: FC<IncidentsFilterProps> = ({\n  filters,\n  onFiltersChange,\n  environments,\n  environmentsLoading,\n  components = [],\n  componentsLoading = false,\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({\n      environment: event.target.value as string,\n      searchQuery: '',\n    });\n  };\n\n  const handleTimeRangeChange = (next: {\n    timeRange: string;\n    customStartTime?: string;\n    customEndTime?: string;\n  }) => {\n    onFiltersChange({ ...next, searchQuery: '' });\n  };\n\n  const handleComponentChange = (event: ChangeEvent<{ value: unknown }>) => {\n    onFiltersChange({\n      components: event.target.value as string[],\n      searchQuery: '',\n    });\n  };\n\n  const handleStatusChange = (event: ChangeEvent<{ value: unknown }>) => {\n    onFiltersChange({\n      status: event.target.value as string[],\n      searchQuery: '',\n    });\n  };\n\n  return (\n    <Grid container spacing={2}>\n      <Grid item xs={12} md={4}>\n        <TextField\n          fullWidth\n          placeholder=\"Search incidents...\"\n          variant=\"outlined\"\n          value={searchInput}\n          onChange={handleSearchChange}\n          disabled={disabled}\n        />\n      </Grid>\n\n      {components.length > 0 && (\n        <Grid item xs={12} md={2}>\n          <FormControl\n            fullWidth\n            disabled={disabled || componentsLoading}\n            variant=\"outlined\"\n          >\n            <InputLabel id=\"components-label\">Components</InputLabel>\n            {componentsLoading ? (\n              <Skeleton variant=\"rect\" height={56} />\n            ) : (\n              <Select\n                multiple\n                value={filters.components || []}\n                onChange={handleComponentChange}\n                labelId=\"components-label\"\n                label=\"Components\"\n                renderValue={selected => {\n                  const arr = selected as string[];\n                  return arr.length === 0 ? 'All' : arr.join(', ');\n                }}\n              >\n                {components.map(comp => (\n                  <MenuItem key={comp.name} value={comp.name}>\n                    <Checkbox\n                      checked={\n                        (filters.components || []).indexOf(comp.name) > -1\n                      }\n                    />\n                    {comp.displayName || comp.name}\n                  </MenuItem>\n                ))}\n              </Select>\n            )}\n          </FormControl>\n        </Grid>\n      )}\n\n      <Grid item xs={12} md={2}>\n        <FormControl fullWidth disabled={disabled} variant=\"outlined\">\n          <InputLabel id=\"status-label\">Status</InputLabel>\n          <Select\n            multiple\n            value={filters.status || []}\n            onChange={handleStatusChange}\n            labelId=\"status-label\"\n            label=\"Status\"\n            renderValue={selected => {\n              const arr = selected as string[];\n              return arr.length === 0 ? 'All' : arr.join(', ');\n            }}\n          >\n            {INCIDENT_STATUSES.map(s => (\n              <MenuItem key={s} value={s}>\n                <Checkbox checked={(filters.status || []).indexOf(s) > -1} />\n                {s.charAt(0).toUpperCase() + s.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={handleTimeRangeChange}\n          disabled={disabled}\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Incidents/IncidentsTable.esm.js

@@ -0,0 +1,68 @@
+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 { IncidentRow } from './IncidentRow.esm.js';
+
+const IncidentsTable = ({
+  incidents,
+  loading,
+  namespaceName,
+  projectName,
+  environmentName = "",
+  onViewRCA,
+  onViewCostAnalysis,
+  onAcknowledge,
+  onResolve,
+  updatingIncidentId
+}) => {
+  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%" }) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%" }) })
+  ] }, `skeleton-${i}`));
+  const renderEmptyState = () => /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 6, children: /* @__PURE__ */ jsxs(Box, { className: classes.emptyState, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "No incidents found" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "No incidents match the current filters in the selected time range." })
+  ] }) }) });
+  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, width: "15%", children: "Time" }),
+        /* @__PURE__ */ jsx(TableCell, { className: classes.headerCell, width: "12%", children: "Incident ID" }),
+        /* @__PURE__ */ jsx(TableCell, { className: classes.headerCell, width: "10%", children: "Status" }),
+        /* @__PURE__ */ jsx(TableCell, { className: classes.headerCell, children: "Description" }),
+        /* @__PURE__ */ jsx(TableCell, { className: classes.headerCell, width: "12%", children: "Component" }),
+        /* @__PURE__ */ jsx(TableCell, { className: classes.headerCell, width: "15%", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsxs(TableBody, { children: [
+        loading && renderLoadingSkeletons(),
+        !loading && incidents.length === 0 && renderEmptyState(),
+        !loading && incidents.map((incident) => /* @__PURE__ */ jsx(
+          IncidentRow,
+          {
+            incident,
+            namespaceName,
+            projectName,
+            environmentName,
+            onViewRCA: onViewRCA ?? (() => {
+            }),
+            onViewCostAnalysis,
+            onAcknowledge,
+            onResolve,
+            updating: updatingIncidentId === incident.incidentId
+          },
+          incident.incidentId
+        ))
+      ] })
+    ] }) }),
+    loading && incidents.length > 0 && /* @__PURE__ */ jsx(Box, { className: classes.loadingContainer, children: /* @__PURE__ */ jsx(CircularProgress, { size: 24 }) })
+  ] });
+};
+
+export { IncidentsTable };
+//# sourceMappingURL=IncidentsTable.esm.js.map

package/dist/components/Incidents/IncidentsTable.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentsTable.esm.js","sources":["../../../src/components/Incidents/IncidentsTable.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 { IncidentSummary } from '../../types';\nimport { useLogsTableStyles } from '../RuntimeLogs/styles';\nimport { IncidentRow } from './IncidentRow';\n\ninterface IncidentsTableProps {\n  incidents: IncidentSummary[];\n  loading: boolean;\n  namespaceName: string;\n  projectName: string;\n  environmentName?: string;\n  onViewRCA?: (incident: IncidentSummary) => void;\n  onViewCostAnalysis?: (incident: IncidentSummary) => void;\n  onAcknowledge?: (incident: IncidentSummary) => void;\n  onResolve?: (incident: IncidentSummary) => void;\n  updatingIncidentId?: string | null;\n}\n\nexport const IncidentsTable: FC<IncidentsTableProps> = ({\n  incidents,\n  loading,\n  namespaceName,\n  projectName,\n  environmentName = '',\n  onViewRCA,\n  onViewCostAnalysis,\n  onAcknowledge,\n  onResolve,\n  updatingIncidentId,\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        <TableCell>\n          <Skeleton variant=\"text\" width=\"100%\" />\n        </TableCell>\n      </TableRow>\n    ));\n\n  const renderEmptyState = () => (\n    <TableRow>\n      <TableCell colSpan={6}>\n        <Box className={classes.emptyState}>\n          <Typography variant=\"h6\" gutterBottom>\n            No incidents found\n          </Typography>\n          <Typography variant=\"body2\">\n            No incidents match the current filters in the selected time range.\n          </Typography>\n        </Box>\n      </TableCell>\n    </TableRow>\n  );\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} width=\"15%\">\n                Time\n              </TableCell>\n              <TableCell className={classes.headerCell} width=\"12%\">\n                Incident ID\n              </TableCell>\n              <TableCell className={classes.headerCell} width=\"10%\">\n                Status\n              </TableCell>\n              <TableCell className={classes.headerCell}>Description</TableCell>\n              <TableCell className={classes.headerCell} width=\"12%\">\n                Component\n              </TableCell>\n              <TableCell className={classes.headerCell} width=\"15%\">\n                Actions\n              </TableCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {loading && renderLoadingSkeletons()}\n            {!loading && incidents.length === 0 && renderEmptyState()}\n            {!loading &&\n              incidents.map(incident => (\n                <IncidentRow\n                  key={incident.incidentId}\n                  incident={incident}\n                  namespaceName={namespaceName}\n                  projectName={projectName}\n                  environmentName={environmentName}\n                  onViewRCA={onViewRCA ?? (() => {})}\n                  onViewCostAnalysis={onViewCostAnalysis}\n                  onAcknowledge={onAcknowledge}\n                  onResolve={onResolve}\n                  updating={updatingIncidentId === incident.incidentId}\n                />\n              ))}\n          </TableBody>\n        </Table>\n      </Box>\n      {loading && incidents.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/Incidents/ObservabilityProjectIncidentsPage.esm.js

@@ -0,0 +1,283 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import { Box, Typography, Snackbar, 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 { IncidentsFilter } from './IncidentsFilter.esm.js';
+import { IncidentsTable } from './IncidentsTable.esm.js';
+import { IncidentsActions } from './IncidentsActions.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 { useIncidentsPermission } from '@openchoreo/backstage-plugin-react';
+import { useGetComponentsByProject } from '../../hooks/useGetComponentsByProject.esm.js';
+import { useUrlFiltersForIncidents } from '../../hooks/useUrlFiltersForIncidents.esm.js';
+import { useProjectIncidents } from '../../hooks/useProjectIncidents.esm.js';
+import { useUpdateIncident } from '../../hooks/useUpdateIncident.esm.js';
+import { useRuntimeLogsStyles } from '../RuntimeLogs/styles.esm.js';
+
+const ObservabilityProjectIncidentsContent = () => {
+  const classes = useRuntimeLogsStyles();
+  const { entity } = useEntity();
+  const namespace = entity.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE] || "";
+  const projectName = entity.metadata.name || "";
+  const {
+    environments,
+    loading: environmentsLoading,
+    error: environmentsError
+  } = useGetEnvironmentsByNamespace(namespace, projectName);
+  const {
+    components,
+    loading: componentsLoading,
+    error: componentsError
+  } = useGetComponentsByProject(entity);
+  const { filters, updateFilters } = useUrlFiltersForIncidents({
+    environments
+  });
+  const selectedEnvironment = environments.find(
+    (env) => env.name === filters.environment
+  );
+  const [lastUpdated, setLastUpdated] = useState(/* @__PURE__ */ new Date());
+  const [updatingIncidentId, setUpdatingIncidentId] = useState(
+    null
+  );
+  const [snackbarMessage, setSnackbarMessage] = useState(null);
+  const { updateIncident } = useUpdateIncident();
+  const {
+    incidents,
+    loading: incidentsLoading,
+    error: incidentsError,
+    fetchIncidents,
+    refresh
+  } = useProjectIncidents(entity, {
+    environment: filters.environment,
+    timeRange: filters.timeRange,
+    customStartTime: filters.customStartTime,
+    customEndTime: filters.customEndTime,
+    components: filters.components,
+    sortOrder: filters.sortOrder || "desc"
+  });
+  const previousFiltersRef = useRef(null);
+  useEffect(() => {
+    const currentFilters = {
+      environment: filters.environment,
+      timeRange: filters.timeRange,
+      customStartTime: filters.customStartTime,
+      customEndTime: filters.customEndTime,
+      components: filters.components || [],
+      sortOrder: filters.sortOrder
+    };
+    const filtersChanged = previousFiltersRef.current === null || JSON.stringify(previousFiltersRef.current) !== JSON.stringify(currentFilters);
+    if (filters.environment && selectedEnvironment && namespace && projectName && filtersChanged) {
+      fetchIncidents(true);
+      setLastUpdated(/* @__PURE__ */ new Date());
+      previousFiltersRef.current = currentFilters;
+    }
+  }, [
+    filters.environment,
+    filters.timeRange,
+    filters.customStartTime,
+    filters.customEndTime,
+    filters.components,
+    filters.sortOrder,
+    fetchIncidents,
+    selectedEnvironment,
+    namespace,
+    projectName
+  ]);
+  useEffect(() => {
+    if (!incidentsLoading) setLastUpdated(/* @__PURE__ */ new Date());
+  }, [incidentsLoading]);
+  const handleRefresh = () => {
+    refresh();
+    setLastUpdated(/* @__PURE__ */ new Date());
+  };
+  const handleFiltersChange = (newFilters) => {
+    updateFilters(newFilters);
+  };
+  const filteredIncidents = useMemo(() => {
+    let result = incidents;
+    if (filters.status && filters.status.length > 0) {
+      result = result.filter(
+        (i) => i.status && filters.status.some(
+          (s) => s.toLowerCase() === (i.status || "").toLowerCase()
+        )
+      );
+    }
+    if (filters.searchQuery) {
+      const q = filters.searchQuery.toLowerCase();
+      result = result.filter(
+        (i) => (i.description || "").toLowerCase().includes(q) || (i.incidentId || "").toLowerCase().includes(q) || (i.alertId || "").toLowerCase().includes(q) || (i.componentName || "").toLowerCase().includes(q)
+      );
+    }
+    return result;
+  }, [incidents, filters.status, filters.searchQuery]);
+  const handleViewRCA = useCallback(
+    (incident) => {
+      const catalogNs = entity.metadata.namespace || "default";
+      const params = new URLSearchParams({
+        ...filters.environment ? { env: filters.environment } : {},
+        ...filters.timeRange ? { timeRange: filters.timeRange } : {},
+        ...incident.alertId ? { q: incident.alertId } : {}
+      });
+      const query = params.toString();
+      const url = `/catalog/${catalogNs}/system/${projectName}/rca-reports${query ? `?${query}` : ""}`;
+      window.open(url, "_blank", "noopener,noreferrer");
+    },
+    [entity, projectName, filters.environment, filters.timeRange]
+  );
+  const handleViewCostAnalysis = useCallback(
+    (_incident) => {
+      const catalogNs = entity.metadata.namespace || "default";
+      const params = new URLSearchParams({
+        ...filters.environment ? { env: filters.environment } : {},
+        ...filters.timeRange ? { timeRange: filters.timeRange } : {}
+      });
+      const query = params.toString();
+      const url = `/catalog/${catalogNs}/system/${projectName}/cost-analysis${query ? `?${query}` : ""}`;
+      window.open(url, "_blank", "noopener,noreferrer");
+    },
+    [entity, projectName, filters.environment, filters.timeRange]
+  );
+  const handleAcknowledge = useCallback(
+    async (incident) => {
+      setUpdatingIncidentId(incident.incidentId);
+      try {
+        await updateIncident(incident, "acknowledged");
+        refresh();
+        setLastUpdated(/* @__PURE__ */ new Date());
+      } catch (err) {
+        const detail = err instanceof Error ? err.message : String(err);
+        setSnackbarMessage(
+          `Failed to acknowledge incident ${incident.incidentId}: ${detail}`
+        );
+      } finally {
+        setUpdatingIncidentId(null);
+      }
+    },
+    [updateIncident, refresh]
+  );
+  const handleResolve = useCallback(
+    async (incident) => {
+      setUpdatingIncidentId(incident.incidentId);
+      try {
+        await updateIncident(incident, "resolved");
+        refresh();
+        setLastUpdated(/* @__PURE__ */ new Date());
+      } catch (err) {
+        const detail = err instanceof Error ? err.message : String(err);
+        setSnackbarMessage(
+          `Failed to resolve incident ${incident.incidentId}: ${detail}`
+        );
+      } finally {
+        setUpdatingIncidentId(null);
+      }
+    },
+    [updateIncident, refresh]
+  );
+  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 project. Enable observability to view incidents." : error }),
+          !isObservabilityDisabled && /* @__PURE__ */ jsx(Button, { onClick: handleRefresh, color: "inherit", size: "small", children: "Retry" })
+        ]
+      }
+    );
+  };
+  if (environmentsError) {
+    return /* @__PURE__ */ jsx(Box, { children: renderError(environmentsError) });
+  }
+  if (componentsError) {
+    return /* @__PURE__ */ jsx(Box, { children: renderError(componentsError) });
+  }
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      IncidentsFilter,
+      {
+        filters,
+        onFiltersChange: handleFiltersChange,
+        environments,
+        environmentsLoading,
+        components,
+        componentsLoading,
+        disabled: incidentsLoading
+      }
+    ),
+    incidentsError && renderError(incidentsError),
+    !filters.environment && !environmentsLoading && environments.length === 0 && /* @__PURE__ */ jsx(Alert, { severity: "info", className: classes.errorContainer, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "No environments found for this project." }) }),
+    filters.environment && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        IncidentsActions,
+        {
+          totalCount: filteredIncidents.length,
+          disabled: incidentsLoading || !filters.environment,
+          onRefresh: handleRefresh,
+          filters,
+          onFiltersChange: handleFiltersChange,
+          lastUpdated
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        IncidentsTable,
+        {
+          incidents: filteredIncidents,
+          loading: incidentsLoading,
+          namespaceName: namespace,
+          projectName,
+          environmentName: selectedEnvironment?.displayName || selectedEnvironment?.name,
+          onViewRCA: handleViewRCA,
+          onViewCostAnalysis: handleViewCostAnalysis,
+          onAcknowledge: handleAcknowledge,
+          onResolve: handleResolve,
+          updatingIncidentId
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Snackbar,
+      {
+        open: !!snackbarMessage,
+        autoHideDuration: 6e3,
+        onClose: () => setSnackbarMessage(null),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ jsx(Alert, { severity: "error", onClose: () => setSnackbarMessage(null), children: snackbarMessage })
+      }
+    )
+  ] });
+};
+const ObservabilityProjectIncidentsPage = () => {
+  const {
+    canViewIncidents,
+    loading: permissionLoading,
+    deniedTooltip
+  } = useIncidentsPermission();
+  if (permissionLoading) return /* @__PURE__ */ jsx(Progress, {});
+  if (!canViewIncidents) {
+    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(ObservabilityProjectIncidentsContent, {});
+};
+
+export { ObservabilityProjectIncidentsPage };
+//# sourceMappingURL=ObservabilityProjectIncidentsPage.esm.js.map