@openchoreo/backstage-plugin-openchoreo-observability 1.1.0

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

@@ -0,0 +1,149 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Link } from 'react-router-dom';
+import { Table } from '@backstage/core-components';
+import { makeStyles, Box, Typography, Tooltip, IconButton } from '@material-ui/core';
+import DescriptionOutlinedIcon from '@material-ui/icons/DescriptionOutlined';
+import Refresh from '@material-ui/icons/Refresh';
+import { StatusBadge } from '@openchoreo/backstage-design-system';
+import { FormattedText } from '../RCA/RCAReport/FormattedText.esm.js';
+
+const useStyles = makeStyles({
+  truncateSingleLine: {
+    display: "block",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    maxWidth: "100%"
+  },
+  truncateTwoLines: {
+    display: "-webkit-box",
+    WebkitLineClamp: 2,
+    WebkitBoxOrient: "vertical",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    maxWidth: "100%"
+  }
+});
+const CostAnalysisTable = ({
+  reports,
+  loading = false
+}) => {
+  const classes = useStyles();
+  const mapStatusToStatusType = (status) => {
+    switch (status) {
+      case "completed":
+        return "success";
+      case "failed":
+        return "failed";
+      case "pending":
+        return "pending";
+      default:
+        return "unknown";
+    }
+  };
+  const formatTimestamp = (timestamp) => {
+    if (!timestamp) return "N/A";
+    const d = new Date(timestamp);
+    return isNaN(d.getTime()) ? timestamp : d.toLocaleString();
+  };
+  const columns = [
+    {
+      title: "Timestamp",
+      field: "timestamp",
+      width: "13%",
+      render: (row) => {
+        const report = row;
+        return /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.truncateSingleLine, children: formatTimestamp(report.timestamp) });
+      }
+    },
+    {
+      title: "Component",
+      field: "component",
+      width: "13%",
+      render: (row) => {
+        const report = row;
+        return /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.truncateSingleLine, children: report.component || "N/A" });
+      }
+    },
+    {
+      title: "Summary",
+      field: "summary",
+      width: "53%",
+      highlight: true,
+      render: (row) => {
+        const report = row;
+        if (report.status === "pending") {
+          return /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Generating cost analysis report..." });
+        }
+        return /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.truncateTwoLines, children: report.summary ? /* @__PURE__ */ jsx(
+          FormattedText,
+          {
+            text: report.summary,
+            disableLinks: true,
+            disableMarkdown: true
+          }
+        ) : "No summary available" });
+      }
+    },
+    {
+      title: "Report Status",
+      field: "status",
+      width: "14%",
+      render: (row) => {
+        const report = row;
+        const status = mapStatusToStatusType(report.status);
+        const labelMap = {
+          success: "Available",
+          pending: "Pending",
+          failed: "Failed"
+        };
+        return /* @__PURE__ */ jsx(StatusBadge, { status, label: labelMap[status] || status });
+      }
+    },
+    {
+      title: "Actions",
+      field: "actions",
+      width: "7%",
+      render: (row) => {
+        const report = row;
+        const isCompleted = report.status === "completed";
+        const isFailed = report.status === "failed";
+        return /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: [
+          isCompleted && /* @__PURE__ */ jsx(Tooltip, { title: "View report", children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              size: "small",
+              component: Link,
+              to: `./${report.reportId}`,
+              "aria-label": "view report",
+              children: /* @__PURE__ */ jsx(DescriptionOutlinedIcon, { fontSize: "small" })
+            }
+          ) }),
+          isFailed && /* @__PURE__ */ jsx(Tooltip, { title: "Rerun report", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { size: "small", "aria-label": "rerun report", disabled: true, children: /* @__PURE__ */ jsx(Refresh, { fontSize: "small" }) }) }) })
+        ] });
+      }
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    Table,
+    {
+      options: {
+        search: false,
+        toolbar: false,
+        paging: false,
+        sorting: true,
+        padding: "default"
+      },
+      columns,
+      data: reports,
+      isLoading: loading,
+      emptyContent: /* @__PURE__ */ jsxs(Box, { textAlign: "center", padding: 4, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "No cost analysis reports found" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "Try adjusting your filters or time range to see more reports." })
+      ] })
+    }
+  );
+};
+
+export { CostAnalysisTable };
+//# sourceMappingURL=CostAnalysisTable.esm.js.map

package/dist/components/CostAnalysis/CostAnalysisTable.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CostAnalysisTable.esm.js","sources":["../../../src/components/CostAnalysis/CostAnalysisTable.tsx"],"sourcesContent":["import { Link as RouterLink } from 'react-router-dom';\nimport { Table, TableColumn } from '@backstage/core-components';\nimport {\n  Box,\n  Typography,\n  IconButton,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport DescriptionOutlinedIcon from '@material-ui/icons/DescriptionOutlined';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport { StatusBadge, StatusType } from '@openchoreo/backstage-design-system';\nimport { FinOpsReportSummary } from '../../types';\nimport { FormattedText } from '../RCA/RCAReport/FormattedText';\n\nconst useStyles = makeStyles({\n  truncateSingleLine: {\n    display: 'block',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '100%',\n  },\n  truncateTwoLines: {\n    display: '-webkit-box',\n    WebkitLineClamp: 2,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    maxWidth: '100%',\n  },\n});\n\ninterface CostAnalysisTableProps {\n  reports: FinOpsReportSummary[];\n  loading?: boolean;\n}\n\nexport const CostAnalysisTable = ({\n  reports,\n  loading = false,\n}: CostAnalysisTableProps) => {\n  const classes = useStyles();\n  const mapStatusToStatusType = (\n    status?: 'pending' | 'completed' | 'failed',\n  ): StatusType => {\n    switch (status) {\n      case 'completed':\n        return 'success';\n      case 'failed':\n        return 'failed';\n      case 'pending':\n        return 'pending';\n      default:\n        return 'unknown';\n    }\n  };\n\n  const formatTimestamp = (timestamp?: string): string => {\n    if (!timestamp) return 'N/A';\n    const d = new Date(timestamp);\n    return isNaN(d.getTime()) ? timestamp : d.toLocaleString();\n  };\n\n  const columns: TableColumn[] = [\n    {\n      title: 'Timestamp',\n      field: 'timestamp',\n      width: '13%',\n      render: (row: any) => {\n        const report = row as FinOpsReportSummary;\n        return (\n          <Typography variant=\"body2\" className={classes.truncateSingleLine}>\n            {formatTimestamp(report.timestamp)}\n          </Typography>\n        );\n      },\n    },\n    {\n      title: 'Component',\n      field: 'component',\n      width: '13%',\n      render: (row: any) => {\n        const report = row as FinOpsReportSummary;\n        return (\n          <Typography variant=\"body2\" className={classes.truncateSingleLine}>\n            {report.component || 'N/A'}\n          </Typography>\n        );\n      },\n    },\n    {\n      title: 'Summary',\n      field: 'summary',\n      width: '53%',\n      highlight: true,\n      render: (row: any) => {\n        const report = row as FinOpsReportSummary;\n        if (report.status === 'pending') {\n          return (\n            <Typography variant=\"body2\">\n              Generating cost analysis report...\n            </Typography>\n          );\n        }\n        return (\n          <Typography variant=\"body2\" className={classes.truncateTwoLines}>\n            {report.summary ? (\n              <FormattedText\n                text={report.summary}\n                disableLinks\n                disableMarkdown\n              />\n            ) : (\n              'No summary available'\n            )}\n          </Typography>\n        );\n      },\n    },\n    {\n      title: 'Report Status',\n      field: 'status',\n      width: '14%',\n      render: (row: any) => {\n        const report = row as FinOpsReportSummary;\n        const status = mapStatusToStatusType(report.status);\n        const labelMap: Record<string, string> = {\n          success: 'Available',\n          pending: 'Pending',\n          failed: 'Failed',\n        };\n        return (\n          <StatusBadge status={status} label={labelMap[status] || status} />\n        );\n      },\n    },\n    {\n      title: 'Actions',\n      field: 'actions',\n      width: '7%',\n      render: (row: any) => {\n        const report = row as FinOpsReportSummary;\n        const isCompleted = report.status === 'completed';\n        const isFailed = report.status === 'failed';\n        return (\n          <Box display=\"flex\" alignItems=\"center\" justifyContent=\"center\">\n            {isCompleted && (\n              <Tooltip title=\"View report\">\n                <IconButton\n                  size=\"small\"\n                  component={RouterLink}\n                  to={`./${report.reportId}`}\n                  aria-label=\"view report\"\n                >\n                  <DescriptionOutlinedIcon fontSize=\"small\" />\n                </IconButton>\n              </Tooltip>\n            )}\n            {isFailed && (\n              <Tooltip title=\"Rerun report\">\n                <span>\n                  <IconButton size=\"small\" aria-label=\"rerun report\" disabled>\n                    <RefreshIcon fontSize=\"small\" />\n                  </IconButton>\n                </span>\n              </Tooltip>\n            )}\n          </Box>\n        );\n      },\n    },\n  ];\n\n  return (\n    <Table\n      options={{\n        search: false,\n        toolbar: false,\n        paging: false,\n        sorting: true,\n        padding: 'default',\n      }}\n      columns={columns}\n      data={reports}\n      isLoading={loading}\n      emptyContent={\n        <Box textAlign=\"center\" padding={4}>\n          <Typography variant=\"h6\" gutterBottom>\n            No cost analysis reports found\n          </Typography>\n          <Typography variant=\"body2\" color=\"textSecondary\">\n            Try adjusting your filters or time range to see more reports.\n          </Typography>\n        </Box>\n      }\n    />\n  );\n};\n"],"names":["RouterLink","RefreshIcon"],"mappings":"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"}

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

@@ -0,0 +1,112 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useCallback } from 'react';
+import { Button, Box, LinearProgress, Tooltip } from '@material-ui/core';
+import CheckIcon from '@material-ui/icons/Check';
+import ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';
+import { Alert } from '@material-ui/lab';
+import { useApi, fetchApiRef } from '@backstage/core-plugin-api';
+import { useFinopsUpdatePermission } from '@openchoreo/backstage-plugin-react';
+import { applyResourceChange } from '../../utils/applyResourceChange.esm.js';
+
+const FinOpsApplyButton = ({
+  reportId,
+  actionIndex,
+  action,
+  chatContext,
+  onApplied
+}) => {
+  const fetchApi = useApi(fetchApiRef);
+  const {
+    canUpdateFinops,
+    loading: permissionLoading,
+    deniedTooltip
+  } = useFinopsUpdatePermission();
+  const initialStatus = action.status === "applied" ? "success" : "idle";
+  const [status, setStatus] = useState(initialStatus);
+  const [errorMsg, setErrorMsg] = useState("");
+  const handleApply = useCallback(async () => {
+    if (!chatContext.backendBaseUrl || !action.change) return;
+    setStatus("applying");
+    setErrorMsg("");
+    try {
+      await applyResourceChange({
+        backendBaseUrl: chatContext.backendBaseUrl,
+        fetchApi,
+        namespaceName: chatContext.namespaceName,
+        change: action.change
+      });
+      try {
+        await chatContext.finopsAgentApi.updateActionStatuses(
+          reportId,
+          {
+            namespaceName: chatContext.namespaceName,
+            environmentName: chatContext.environmentName
+          },
+          { appliedIndices: [actionIndex] }
+        );
+      } catch {
+      }
+      setStatus("success");
+      onApplied?.();
+    } catch (err) {
+      setErrorMsg(
+        err instanceof Error ? err.message : "Failed to apply recommendation"
+      );
+      setStatus("failed");
+    }
+  }, [chatContext, fetchApi, reportId, actionIndex, action.change, onApplied]);
+  if (action.status === "applied" || status === "success") {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outlined",
+        size: "small",
+        disabled: true,
+        startIcon: /* @__PURE__ */ jsx(CheckIcon, {}),
+        children: "Applied"
+      }
+    );
+  }
+  if (action.status === "dismissed") {
+    return /* @__PURE__ */ jsx(Button, { variant: "outlined", size: "small", disabled: true, children: "Dismissed" });
+  }
+  if (status === "applying") {
+    return /* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "column", style: { gap: 8 }, children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outlined", size: "small", disabled: true, children: "Applying..." }),
+      /* @__PURE__ */ jsx(LinearProgress, { style: { borderRadius: 2 } })
+    ] });
+  }
+  if (status === "failed") {
+    return /* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "column", style: { gap: 8 }, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outlined",
+          color: "secondary",
+          size: "small",
+          startIcon: /* @__PURE__ */ jsx(ErrorOutlineIcon, {}),
+          onClick: handleApply,
+          children: "Retry"
+        }
+      ),
+      /* @__PURE__ */ jsx(Alert, { severity: "error", style: { fontSize: "0.8rem" }, children: errorMsg })
+    ] });
+  }
+  const missingConfig = !chatContext.backendBaseUrl || !action.change;
+  const disabled = permissionLoading || !canUpdateFinops || missingConfig;
+  const tooltipTitle = missingConfig ? "Apply is unavailable: required configuration is missing" : deniedTooltip;
+  return /* @__PURE__ */ jsx(Tooltip, { title: tooltipTitle, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "contained",
+      color: "primary",
+      size: "small",
+      onClick: handleApply,
+      disabled,
+      children: "Apply Recommendation"
+    }
+  ) }) });
+};
+
+export { FinOpsApplyButton };
+//# sourceMappingURL=FinOpsApplyButton.esm.js.map

package/dist/components/CostAnalysis/FinOpsApplyButton.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinOpsApplyButton.esm.js","sources":["../../../src/components/CostAnalysis/FinOpsApplyButton.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { Button, Box, LinearProgress, Tooltip } from '@material-ui/core';\nimport CheckIcon from '@material-ui/icons/Check';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport { Alert } from '@material-ui/lab';\nimport { useApi, fetchApiRef } from '@backstage/core-plugin-api';\nimport { useFinopsUpdatePermission } from '@openchoreo/backstage-plugin-react';\nimport type { FinOpsAgentApi } from '../../api/FinOpsAgentApi';\nimport type { FinOpsRemediationAction } from '../../types';\nimport { applyResourceChange } from '../../utils/applyResourceChange';\n\ninterface FinOpsApplyChatContext {\n  backendBaseUrl?: string;\n  namespaceName: string;\n  environmentName: string;\n  finopsAgentApi: FinOpsAgentApi;\n}\n\ninterface FinOpsApplyButtonProps {\n  reportId: string;\n  actionIndex: number;\n  action: FinOpsRemediationAction;\n  chatContext: FinOpsApplyChatContext;\n  onApplied?: () => void;\n}\n\ntype ApplyStatus = 'idle' | 'applying' | 'success' | 'failed';\n\nexport const FinOpsApplyButton = ({\n  reportId,\n  actionIndex,\n  action,\n  chatContext,\n  onApplied,\n}: FinOpsApplyButtonProps) => {\n  const fetchApi = useApi(fetchApiRef);\n  const {\n    canUpdateFinops,\n    loading: permissionLoading,\n    deniedTooltip,\n  } = useFinopsUpdatePermission();\n\n  const initialStatus: ApplyStatus =\n    action.status === 'applied' ? 'success' : 'idle';\n  const [status, setStatus] = useState<ApplyStatus>(initialStatus);\n  const [errorMsg, setErrorMsg] = useState('');\n\n  const handleApply = useCallback(async () => {\n    if (!chatContext.backendBaseUrl || !action.change) return;\n\n    setStatus('applying');\n    setErrorMsg('');\n\n    try {\n      await applyResourceChange({\n        backendBaseUrl: chatContext.backendBaseUrl,\n        fetchApi,\n        namespaceName: chatContext.namespaceName,\n        change: action.change,\n      });\n\n      try {\n        await chatContext.finopsAgentApi.updateActionStatuses(\n          reportId,\n          {\n            namespaceName: chatContext.namespaceName,\n            environmentName: chatContext.environmentName,\n          },\n          { appliedIndices: [actionIndex] },\n        );\n      } catch {\n        // Non-fatal: the binding was patched; status recording failed\n      }\n\n      setStatus('success');\n      onApplied?.();\n    } catch (err) {\n      setErrorMsg(\n        err instanceof Error ? err.message : 'Failed to apply recommendation',\n      );\n      setStatus('failed');\n    }\n  }, [chatContext, fetchApi, reportId, actionIndex, action.change, onApplied]);\n\n  if (action.status === 'applied' || status === 'success') {\n    return (\n      <Button\n        variant=\"outlined\"\n        size=\"small\"\n        disabled\n        startIcon={<CheckIcon />}\n      >\n        Applied\n      </Button>\n    );\n  }\n\n  if (action.status === 'dismissed') {\n    return (\n      <Button variant=\"outlined\" size=\"small\" disabled>\n        Dismissed\n      </Button>\n    );\n  }\n\n  if (status === 'applying') {\n    return (\n      <Box display=\"flex\" flexDirection=\"column\" style={{ gap: 8 }}>\n        <Button variant=\"outlined\" size=\"small\" disabled>\n          Applying...\n        </Button>\n        <LinearProgress style={{ borderRadius: 2 }} />\n      </Box>\n    );\n  }\n\n  if (status === 'failed') {\n    return (\n      <Box display=\"flex\" flexDirection=\"column\" style={{ gap: 8 }}>\n        <Button\n          variant=\"outlined\"\n          color=\"secondary\"\n          size=\"small\"\n          startIcon={<ErrorOutlineIcon />}\n          onClick={handleApply}\n        >\n          Retry\n        </Button>\n        <Alert severity=\"error\" style={{ fontSize: '0.8rem' }}>\n          {errorMsg}\n        </Alert>\n      </Box>\n    );\n  }\n\n  const missingConfig = !chatContext.backendBaseUrl || !action.change;\n  const disabled = permissionLoading || !canUpdateFinops || missingConfig;\n  const tooltipTitle = missingConfig\n    ? 'Apply is unavailable: required configuration is missing'\n    : deniedTooltip;\n\n  return (\n    <Tooltip title={tooltipTitle}>\n      <span>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          size=\"small\"\n          onClick={handleApply}\n          disabled={disabled}\n        >\n          Apply Recommendation\n        </Button>\n      </span>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { CostAnalysisPage } from './CostAnalysisPage.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/CostAnalysis/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,258 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { TableRow, TableCell, Tooltip, Chip, Typography, Box, Button, Collapse, CircularProgress } from '@material-ui/core';
+import OpenInNewIcon from '@material-ui/icons/OpenInNew';
+import CheckIcon from '@material-ui/icons/Check';
+import DoneAllIcon from '@material-ui/icons/DoneAll';
+import { useLogEntryStyles } from '../RuntimeLogs/styles.esm.js';
+
+const formatTimestamp = (ts) => {
+  if (!ts) return "\u2014";
+  try {
+    const d = new Date(ts);
+    return d.toLocaleString();
+  } catch {
+    return ts;
+  }
+};
+const getStatusChipClass = (status, classes) => {
+  switch (status?.toLowerCase()) {
+    case "active":
+      return classes.errorChip;
+    case "acknowledged":
+      return classes.warnChip;
+    case "resolved":
+      return classes.infoChip;
+    default:
+      return classes.undefinedChip;
+  }
+};
+const IncidentRow = ({
+  incident,
+  namespaceName,
+  projectName,
+  environmentName,
+  onViewRCA,
+  onViewCostAnalysis,
+  onAcknowledge,
+  onResolve,
+  updating = false
+}) => {
+  const classes = useLogEntryStyles();
+  const [expanded, setExpanded] = useState(false);
+  const handleRowClick = () => {
+    setExpanded((prev) => !prev);
+  };
+  const handleViewRCAClick = (event) => {
+    event.stopPropagation();
+    onViewRCA(incident);
+  };
+  const handleViewCostAnalysisClick = (event) => {
+    event.stopPropagation();
+    onViewCostAnalysis?.(incident);
+  };
+  const handleAcknowledgeClick = (event) => {
+    event.stopPropagation();
+    onAcknowledge?.(incident);
+  };
+  const handleResolveClick = (event) => {
+    event.stopPropagation();
+    onResolve?.(incident);
+  };
+  const effectiveProject = incident.projectName || projectName || "\u2014";
+  const effectiveComponent = incident.componentName || "\u2014";
+  const effectiveEnvironment = incident.environmentName || environmentName || "\u2014";
+  const effectiveNamespace = incident.namespaceName || namespaceName || "\u2014";
+  const fullIncidentId = incident.incidentId || "";
+  let shortIncidentId = "\u2014";
+  if (fullIncidentId) {
+    if (fullIncidentId.length > 8) {
+      shortIncidentId = `${fullIncidentId.slice(0, 8)}\u2026`;
+    } else {
+      shortIncidentId = fullIncidentId;
+    }
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      TableRow,
+      {
+        hover: true,
+        className: `${classes.logRow} ${expanded ? classes.expandedRow : ""}`,
+        onClick: handleRowClick,
+        children: [
+          /* @__PURE__ */ jsx(TableCell, { style: { fontSize: "0.75rem" }, children: formatTimestamp(incident.triggeredAt || incident.timestamp) }),
+          /* @__PURE__ */ jsx(TableCell, { style: { fontSize: "0.75rem" }, children: fullIncidentId ? /* @__PURE__ */ jsx(Tooltip, { title: fullIncidentId, children: /* @__PURE__ */ jsx("span", { children: shortIncidentId }) }) : shortIncidentId }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+            Chip,
+            {
+              size: "small",
+              label: (incident.status || "\u2014").toUpperCase(),
+              className: `${classes.logLevelChip} ${getStatusChipClass(
+                incident.status,
+                classes
+              )}`
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "body2",
+              style: {
+                wordBreak: "break-word",
+                whiteSpace: "normal",
+                fontSize: "0.75rem"
+              },
+              children: incident.description || "\u2014"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TableCell, { style: { fontSize: "0.75rem" }, children: effectiveComponent }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs(Box, { display: "flex", style: { gap: 8 }, children: [
+            incident.incidentTriggerAiRca && /* @__PURE__ */ jsx(Tooltip, { title: "Open RCA Reports tab for this incident", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                startIcon: /* @__PURE__ */ jsx(OpenInNewIcon, { fontSize: "small" }),
+                onClick: handleViewRCAClick,
+                children: "View RCA"
+              }
+            ) }),
+            incident.incidentTriggerAiCostAnalysis && onViewCostAnalysis && /* @__PURE__ */ jsx(Tooltip, { title: "Open Cost Analysis tab for this incident", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                startIcon: /* @__PURE__ */ jsx(OpenInNewIcon, { fontSize: "small" }),
+                onClick: handleViewCostAnalysisClick,
+                children: "View Cost Analysis"
+              }
+            ) })
+          ] }) })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 6, style: { paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ jsx(Collapse, { in: expanded, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsxs(Box, { className: classes.expandedContent, children: [
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          style: { marginBottom: 8 },
+          children: [
+            /* @__PURE__ */ jsx(Typography, { className: classes.expandedSectionTitle, children: "Incident details" }),
+            /* @__PURE__ */ jsxs(Box, { display: "flex", style: { gap: 8 }, children: [
+              incident.incidentTriggerAiRca && /* @__PURE__ */ jsx(Tooltip, { title: "Open RCA Reports tab for this incident", children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  variant: "outlined",
+                  startIcon: /* @__PURE__ */ jsx(OpenInNewIcon, { fontSize: "small" }),
+                  onClick: handleViewRCAClick,
+                  children: "View RCA"
+                }
+              ) }),
+              incident.incidentTriggerAiCostAnalysis && onViewCostAnalysis && /* @__PURE__ */ jsx(Tooltip, { title: "Open Cost Analysis tab for this incident", children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  variant: "outlined",
+                  startIcon: /* @__PURE__ */ jsx(OpenInNewIcon, { fontSize: "small" }),
+                  onClick: handleViewCostAnalysisClick,
+                  children: "View Cost Analysis"
+                }
+              ) }),
+              incident.status === "active" && onAcknowledge && /* @__PURE__ */ jsx(Tooltip, { title: "Mark this incident as acknowledged", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  variant: "outlined",
+                  disabled: updating,
+                  startIcon: updating ? /* @__PURE__ */ jsx(CircularProgress, { size: 14 }) : /* @__PURE__ */ jsx(CheckIcon, { fontSize: "small" }),
+                  onClick: handleAcknowledgeClick,
+                  children: "Acknowledge"
+                }
+              ) }) }),
+              incident.status === "acknowledged" && onResolve && /* @__PURE__ */ jsx(Tooltip, { title: "Mark this incident as resolved", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  variant: "outlined",
+                  disabled: updating,
+                  startIcon: updating ? /* @__PURE__ */ jsx(CircularProgress, { size: 14 }) : /* @__PURE__ */ jsx(DoneAllIcon, { fontSize: "small" }),
+                  onClick: handleResolveClick,
+                  children: "Resolve"
+                }
+              ) }) })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(Box, { className: classes.metadataBox, children: [
+        /* @__PURE__ */ jsxs(Box, { className: classes.metadataGrid, children: [
+          /* @__PURE__ */ jsxs(Box, { className: classes.metadataItem, children: [
+            /* @__PURE__ */ jsx("span", { className: classes.metadataKey, children: "Incident ID:" }),
+            /* @__PURE__ */ jsx("span", { className: classes.metadataValue, children: fullIncidentId || "\u2014" })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { className: classes.metadataItem, children: [
+            /* @__PURE__ */ jsx("span", { className: classes.metadataKey, children: "Alert ID:" }),
+            /* @__PURE__ */ jsx("span", { className: classes.metadataValue, children: incident.alertId || "\u2014" })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { className: classes.metadataItem, children: [
+            /* @__PURE__ */ jsx("span", { className: classes.metadataKey, children: "Project:" }),
+            /* @__PURE__ */ jsx("span", { className: classes.metadataValue, children: effectiveProject })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { className: classes.metadataItem, children: [
+            /* @__PURE__ */ jsx("span", { className: classes.metadataKey, children: "Component:" }),
+            /* @__PURE__ */ jsx("span", { className: classes.metadataValue, children: effectiveComponent })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { className: classes.metadataItem, children: [
+            /* @__PURE__ */ jsx("span", { className: classes.metadataKey, children: "Environment:" }),
+            /* @__PURE__ */ jsx("span", { className: classes.metadataValue, children: effectiveEnvironment })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { className: classes.metadataItem, children: [
+            /* @__PURE__ */ jsx("span", { className: classes.metadataKey, children: "Namespace:" }),
+            /* @__PURE__ */ jsx("span", { className: classes.metadataValue, children: effectiveNamespace })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { className: classes.metadataItem, children: [
+            /* @__PURE__ */ jsx("span", { className: classes.metadataKey, children: "Triggered At:" }),
+            /* @__PURE__ */ jsx("span", { className: classes.metadataValue, children: formatTimestamp(
+              incident.triggeredAt || incident.timestamp
+            ) })
+          ] }),
+          incident.acknowledgedAt && /* @__PURE__ */ jsxs(Box, { className: classes.metadataItem, children: [
+            /* @__PURE__ */ jsx("span", { className: classes.metadataKey, children: "Acknowledged At:" }),
+            /* @__PURE__ */ jsx("span", { className: classes.metadataValue, children: formatTimestamp(incident.acknowledgedAt) })
+          ] }),
+          incident.resolvedAt && /* @__PURE__ */ jsxs(Box, { className: classes.metadataItem, children: [
+            /* @__PURE__ */ jsx("span", { className: classes.metadataKey, children: "Resolved At:" }),
+            /* @__PURE__ */ jsx("span", { className: classes.metadataValue, children: formatTimestamp(incident.resolvedAt) })
+          ] })
+        ] }),
+        incident.notes && /* @__PURE__ */ jsxs(Box, { style: { marginTop: 12 }, children: [
+          /* @__PURE__ */ jsx(Typography, { className: classes.metadataTitle, children: "Notes" }),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "body2",
+              className: classes.metadataValue,
+              children: incident.notes
+            }
+          )
+        ] }),
+        incident.description && /* @__PURE__ */ jsxs(Box, { style: { marginTop: 12 }, children: [
+          /* @__PURE__ */ jsx(Typography, { className: classes.metadataTitle, children: "Full description" }),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "body2",
+              className: classes.metadataValue,
+              children: incident.description
+            }
+          )
+        ] })
+      ] })
+    ] }) }) }) })
+  ] });
+};
+
+export { IncidentRow };
+//# sourceMappingURL=IncidentRow.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentRow.esm.js","sources":["../../../src/components/Incidents/IncidentRow.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react';\nimport {\n  TableRow,\n  TableCell,\n  Typography,\n  Box,\n  Chip,\n  Collapse,\n  Button,\n  Tooltip,\n  CircularProgress,\n} from '@material-ui/core';\nimport OpenInNewIcon from '@material-ui/icons/OpenInNew';\nimport CheckIcon from '@material-ui/icons/Check';\nimport DoneAllIcon from '@material-ui/icons/DoneAll';\nimport type { IncidentSummary } from '../../types';\nimport { useLogEntryStyles } from '../RuntimeLogs/styles';\n\ninterface IncidentRowProps {\n  incident: IncidentSummary;\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  updating?: boolean;\n}\n\nconst formatTimestamp = (ts?: string) => {\n  if (!ts) return '—';\n  try {\n    const d = new Date(ts);\n    return d.toLocaleString();\n  } catch {\n    return ts;\n  }\n};\n\nconst getStatusChipClass = (\n  status: string | undefined,\n  classes: ReturnType<typeof useLogEntryStyles>,\n): string => {\n  switch (status?.toLowerCase()) {\n    case 'active':\n      return classes.errorChip;\n    case 'acknowledged':\n      return classes.warnChip;\n    case 'resolved':\n      return classes.infoChip;\n    default:\n      return classes.undefinedChip;\n  }\n};\n\nexport const IncidentRow: FC<IncidentRowProps> = ({\n  incident,\n  namespaceName,\n  projectName,\n  environmentName,\n  onViewRCA,\n  onViewCostAnalysis,\n  onAcknowledge,\n  onResolve,\n  updating = false,\n}) => {\n  const classes = useLogEntryStyles();\n  const [expanded, setExpanded] = useState(false);\n\n  const handleRowClick = () => {\n    setExpanded(prev => !prev);\n  };\n\n  const handleViewRCAClick = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    onViewRCA(incident);\n  };\n\n  const handleViewCostAnalysisClick = (\n    event: MouseEvent<HTMLButtonElement>,\n  ) => {\n    event.stopPropagation();\n    onViewCostAnalysis?.(incident);\n  };\n\n  const handleAcknowledgeClick = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    onAcknowledge?.(incident);\n  };\n\n  const handleResolveClick = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    onResolve?.(incident);\n  };\n\n  const effectiveProject = incident.projectName || projectName || '—';\n  const effectiveComponent = incident.componentName || '—';\n  const effectiveEnvironment =\n    incident.environmentName || environmentName || '—';\n  const effectiveNamespace = incident.namespaceName || namespaceName || '—';\n  const fullIncidentId = incident.incidentId || '';\n  let shortIncidentId = '—';\n  if (fullIncidentId) {\n    if (fullIncidentId.length > 8) {\n      shortIncidentId = `${fullIncidentId.slice(0, 8)}…`;\n    } else {\n      shortIncidentId = fullIncidentId;\n    }\n  }\n\n  return (\n    <>\n      <TableRow\n        hover\n        className={`${classes.logRow} ${expanded ? classes.expandedRow : ''}`}\n        onClick={handleRowClick}\n      >\n        <TableCell style={{ fontSize: '0.75rem' }}>\n          {formatTimestamp(incident.triggeredAt || incident.timestamp)}\n        </TableCell>\n        <TableCell style={{ fontSize: '0.75rem' }}>\n          {fullIncidentId ? (\n            <Tooltip title={fullIncidentId}>\n              <span>{shortIncidentId}</span>\n            </Tooltip>\n          ) : (\n            shortIncidentId\n          )}\n        </TableCell>\n        <TableCell>\n          <Chip\n            size=\"small\"\n            label={(incident.status || '—').toUpperCase()}\n            className={`${classes.logLevelChip} ${getStatusChipClass(\n              incident.status,\n              classes,\n            )}`}\n          />\n        </TableCell>\n        <TableCell>\n          <Typography\n            variant=\"body2\"\n            style={{\n              wordBreak: 'break-word',\n              whiteSpace: 'normal',\n              fontSize: '0.75rem',\n            }}\n          >\n            {incident.description || '—'}\n          </Typography>\n        </TableCell>\n        <TableCell style={{ fontSize: '0.75rem' }}>\n          {effectiveComponent}\n        </TableCell>\n        <TableCell>\n          <Box display=\"flex\" style={{ gap: 8 }}>\n            {incident.incidentTriggerAiRca && (\n              <Tooltip title=\"Open RCA Reports tab for this incident\">\n                <Button\n                  size=\"small\"\n                  startIcon={<OpenInNewIcon fontSize=\"small\" />}\n                  onClick={handleViewRCAClick}\n                >\n                  View RCA\n                </Button>\n              </Tooltip>\n            )}\n            {incident.incidentTriggerAiCostAnalysis && onViewCostAnalysis && (\n              <Tooltip title=\"Open Cost Analysis tab for this incident\">\n                <Button\n                  size=\"small\"\n                  startIcon={<OpenInNewIcon fontSize=\"small\" />}\n                  onClick={handleViewCostAnalysisClick}\n                >\n                  View Cost Analysis\n                </Button>\n              </Tooltip>\n            )}\n          </Box>\n        </TableCell>\n      </TableRow>\n\n      {expanded && (\n        <TableRow>\n          <TableCell colSpan={6} style={{ paddingBottom: 0, paddingTop: 0 }}>\n            <Collapse in={expanded} timeout=\"auto\" unmountOnExit>\n              <Box className={classes.expandedContent}>\n                <Box\n                  display=\"flex\"\n                  alignItems=\"center\"\n                  justifyContent=\"space-between\"\n                  style={{ marginBottom: 8 }}\n                >\n                  <Typography className={classes.expandedSectionTitle}>\n                    Incident details\n                  </Typography>\n\n                  <Box display=\"flex\" style={{ gap: 8 }}>\n                    {incident.incidentTriggerAiRca && (\n                      <Tooltip title=\"Open RCA Reports tab for this incident\">\n                        <Button\n                          size=\"small\"\n                          variant=\"outlined\"\n                          startIcon={<OpenInNewIcon fontSize=\"small\" />}\n                          onClick={handleViewRCAClick}\n                        >\n                          View RCA\n                        </Button>\n                      </Tooltip>\n                    )}\n\n                    {incident.incidentTriggerAiCostAnalysis &&\n                      onViewCostAnalysis && (\n                        <Tooltip title=\"Open Cost Analysis tab for this incident\">\n                          <Button\n                            size=\"small\"\n                            variant=\"outlined\"\n                            startIcon={<OpenInNewIcon fontSize=\"small\" />}\n                            onClick={handleViewCostAnalysisClick}\n                          >\n                            View Cost Analysis\n                          </Button>\n                        </Tooltip>\n                      )}\n\n                    {incident.status === 'active' && onAcknowledge && (\n                      <Tooltip title=\"Mark this incident as acknowledged\">\n                        <span>\n                          <Button\n                            size=\"small\"\n                            variant=\"outlined\"\n                            disabled={updating}\n                            startIcon={\n                              updating ? (\n                                <CircularProgress size={14} />\n                              ) : (\n                                <CheckIcon fontSize=\"small\" />\n                              )\n                            }\n                            onClick={handleAcknowledgeClick}\n                          >\n                            Acknowledge\n                          </Button>\n                        </span>\n                      </Tooltip>\n                    )}\n\n                    {incident.status === 'acknowledged' && onResolve && (\n                      <Tooltip title=\"Mark this incident as resolved\">\n                        <span>\n                          <Button\n                            size=\"small\"\n                            variant=\"outlined\"\n                            disabled={updating}\n                            startIcon={\n                              updating ? (\n                                <CircularProgress size={14} />\n                              ) : (\n                                <DoneAllIcon fontSize=\"small\" />\n                              )\n                            }\n                            onClick={handleResolveClick}\n                          >\n                            Resolve\n                          </Button>\n                        </span>\n                      </Tooltip>\n                    )}\n                  </Box>\n                </Box>\n\n                <Box className={classes.metadataBox}>\n                  <Box className={classes.metadataGrid}>\n                    <Box className={classes.metadataItem}>\n                      <span className={classes.metadataKey}>Incident ID:</span>\n                      <span className={classes.metadataValue}>\n                        {fullIncidentId || '—'}\n                      </span>\n                    </Box>\n\n                    <Box className={classes.metadataItem}>\n                      <span className={classes.metadataKey}>Alert ID:</span>\n                      <span className={classes.metadataValue}>\n                        {incident.alertId || '—'}\n                      </span>\n                    </Box>\n\n                    <Box className={classes.metadataItem}>\n                      <span className={classes.metadataKey}>Project:</span>\n                      <span className={classes.metadataValue}>\n                        {effectiveProject}\n                      </span>\n                    </Box>\n\n                    <Box className={classes.metadataItem}>\n                      <span className={classes.metadataKey}>Component:</span>\n                      <span className={classes.metadataValue}>\n                        {effectiveComponent}\n                      </span>\n                    </Box>\n\n                    <Box className={classes.metadataItem}>\n                      <span className={classes.metadataKey}>Environment:</span>\n                      <span className={classes.metadataValue}>\n                        {effectiveEnvironment}\n                      </span>\n                    </Box>\n\n                    <Box className={classes.metadataItem}>\n                      <span className={classes.metadataKey}>Namespace:</span>\n                      <span className={classes.metadataValue}>\n                        {effectiveNamespace}\n                      </span>\n                    </Box>\n\n                    <Box className={classes.metadataItem}>\n                      <span className={classes.metadataKey}>Triggered At:</span>\n                      <span className={classes.metadataValue}>\n                        {formatTimestamp(\n                          incident.triggeredAt || incident.timestamp,\n                        )}\n                      </span>\n                    </Box>\n\n                    {incident.acknowledgedAt && (\n                      <Box className={classes.metadataItem}>\n                        <span className={classes.metadataKey}>\n                          Acknowledged At:\n                        </span>\n                        <span className={classes.metadataValue}>\n                          {formatTimestamp(incident.acknowledgedAt)}\n                        </span>\n                      </Box>\n                    )}\n\n                    {incident.resolvedAt && (\n                      <Box className={classes.metadataItem}>\n                        <span className={classes.metadataKey}>\n                          Resolved At:\n                        </span>\n                        <span className={classes.metadataValue}>\n                          {formatTimestamp(incident.resolvedAt)}\n                        </span>\n                      </Box>\n                    )}\n                  </Box>\n\n                  {incident.notes && (\n                    <Box style={{ marginTop: 12 }}>\n                      <Typography className={classes.metadataTitle}>\n                        Notes\n                      </Typography>\n                      <Typography\n                        variant=\"body2\"\n                        className={classes.metadataValue}\n                      >\n                        {incident.notes}\n                      </Typography>\n                    </Box>\n                  )}\n\n                  {incident.description && (\n                    <Box style={{ marginTop: 12 }}>\n                      <Typography className={classes.metadataTitle}>\n                        Full description\n                      </Typography>\n                      <Typography\n                        variant=\"body2\"\n                        className={classes.metadataValue}\n                      >\n                        {incident.description}\n                      </Typography>\n                    </Box>\n                  )}\n                </Box>\n              </Box>\n            </Collapse>\n          </TableCell>\n        </TableRow>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}