@openchoreo/backstage-plugin-openchoreo-observability 1.1.0

package/dist/components/RCA/RCAReport/sections/RootCausesSection.esm.js

@@ -0,0 +1,526 @@
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { Fragment, useState } from 'react';
+import { List, ListItem, Divider, Box, Typography, ButtonBase, Collapse } from '@material-ui/core';
+import { makeStyles, alpha } from '@material-ui/core/styles';
+import DescriptionOutlinedIcon from '@material-ui/icons/DescriptionOutlined';
+import ShowChartIcon from '@material-ui/icons/ShowChart';
+import AccountTreeIcon from '@material-ui/icons/AccountTree';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import { FormattedText } from '../FormattedText.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  list: {
+    padding: 0
+  },
+  listItem: {
+    padding: theme.spacing(1.5, 0),
+    display: "block"
+  },
+  rootCauseHeader: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "flex-start",
+    gap: theme.spacing(2),
+    marginBottom: theme.spacing(1)
+  },
+  rootCauseContent: {
+    paddingLeft: theme.spacing(2)
+  },
+  rootCauseTitle: {
+    fontSize: theme.typography.body2.fontSize,
+    fontWeight: 500,
+    color: theme.palette.text.primary,
+    flex: 1,
+    lineHeight: 1.4
+  },
+  confidenceBadge: {
+    padding: theme.spacing(0.5, 1.5),
+    borderRadius: theme.shape.borderRadius,
+    fontWeight: 500,
+    fontSize: theme.typography.caption.fontSize,
+    textTransform: "uppercase",
+    letterSpacing: "0.5px"
+  },
+  highConfidence: {
+    backgroundColor: theme.palette.success.light,
+    color: theme.palette.success.dark
+  },
+  mediumConfidence: {
+    backgroundColor: theme.palette.warning.light,
+    color: theme.palette.warning.dark
+  },
+  lowConfidence: {
+    backgroundColor: theme.palette.error.light,
+    color: theme.palette.error.dark
+  },
+  analysis: {
+    marginTop: theme.spacing(1),
+    marginBottom: theme.spacing(2)
+  },
+  findingsContainer: {
+    marginTop: theme.spacing(2)
+  },
+  findingsHeader: {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.spacing(1),
+    marginBottom: theme.spacing(1),
+    color: theme.palette.text.secondary,
+    fontSize: theme.typography.body2.fontSize,
+    fontWeight: 500
+  },
+  findingCard: {
+    marginBottom: theme.spacing(1.5),
+    marginTop: theme.spacing(1.5),
+    borderRadius: theme.shape.borderRadius,
+    overflow: "hidden"
+  },
+  findingHeader: {
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "space-between",
+    gap: theme.spacing(1),
+    padding: theme.spacing(1.5),
+    width: "100%",
+    textAlign: "left",
+    backgroundColor: "transparent",
+    transition: "background-color 0.15s ease",
+    "&:hover": {
+      backgroundColor: theme.palette.action.hover
+    }
+  },
+  findingHeaderContent: {
+    flex: 1,
+    minWidth: 0
+  },
+  findingObservation: {
+    fontWeight: 500,
+    fontSize: theme.typography.body2.fontSize,
+    color: theme.palette.text.primary,
+    marginBottom: theme.spacing(0.5),
+    lineHeight: 1.4
+  },
+  findingMeta: {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.spacing(2),
+    flexWrap: "wrap"
+  },
+  evidenceTypeBadge: {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.spacing(0.5),
+    fontSize: theme.typography.caption.fontSize,
+    fontWeight: 500,
+    color: theme.palette.text.secondary,
+    marginTop: theme.spacing(0.5),
+    "& a": {
+      color: theme.palette.primary.main,
+      fontWeight: 500
+    }
+  },
+  evidenceTypeBadgeIcon: {
+    fontSize: "0.875rem",
+    color: theme.palette.primary.main
+  },
+  expandIcon: {
+    color: theme.palette.text.secondary,
+    transition: "transform 0.2s ease",
+    flexShrink: 0,
+    marginTop: theme.spacing(0.25)
+  },
+  expandIconOpen: {
+    transform: "rotate(180deg)"
+  },
+  findingEvidenceContainer: {
+    padding: theme.spacing(0, 1.5, 1.5, 1.5),
+    borderTop: `1px solid ${theme.palette.divider}`,
+    backgroundColor: alpha(theme.palette.background.default, 0.5)
+  },
+  componentName: {
+    fontSize: theme.typography.caption.fontSize,
+    color: theme.palette.text.secondary,
+    fontWeight: 500,
+    marginBottom: theme.spacing(1),
+    marginTop: theme.spacing(1)
+  },
+  timeRange: {
+    fontSize: theme.typography.caption.fontSize,
+    color: theme.palette.text.secondary
+  },
+  evidenceCard: {
+    marginTop: theme.spacing(1)
+  },
+  evidenceTopRow: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "flex-start",
+    marginBottom: theme.spacing(1)
+  },
+  evidenceFooter: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    marginTop: theme.spacing(1)
+  },
+  evidenceTypeLabel: {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.spacing(0.5),
+    fontSize: theme.typography.caption.fontSize,
+    fontWeight: 500,
+    color: theme.palette.text.primary,
+    marginRight: theme.spacing(1)
+  },
+  evidenceIcon: {
+    fontSize: "1rem",
+    color: theme.palette.primary.main
+  },
+  logLine: {
+    fontFamily: "monospace",
+    fontSize: theme.typography.caption.fontSize,
+    marginTop: theme.spacing(0.75),
+    padding: theme.spacing(0.75, 1),
+    backgroundColor: theme.palette.type === "dark" ? "rgba(255, 255, 255, 0.05)" : "rgba(0, 0, 0, 0.03)",
+    borderRadius: theme.shape.borderRadius,
+    borderLeft: `3px solid ${theme.palette.success.main}`
+  },
+  logLinesContainer: {
+    marginTop: theme.spacing(0.75)
+  },
+  logLinesScrollContainer: {
+    overflowX: "auto",
+    marginLeft: theme.spacing(-1.5),
+    marginRight: theme.spacing(-1.5),
+    paddingLeft: theme.spacing(1.5),
+    paddingRight: theme.spacing(1.5)
+  },
+  logLineItem: {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.spacing(1.5),
+    fontFamily: "monospace",
+    fontSize: theme.typography.caption.fontSize,
+    whiteSpace: "nowrap",
+    padding: theme.spacing(0.5, 0)
+  },
+  logLineDivider: {
+    marginLeft: theme.spacing(-1.5),
+    marginRight: theme.spacing(-1.5)
+  },
+  timestamp: {
+    color: theme.palette.text.secondary,
+    fontSize: theme.typography.overline.fontSize
+  },
+  logLevel: {
+    fontSize: theme.typography.caption.fontSize,
+    fontWeight: 500
+  },
+  errorLevel: {
+    color: theme.palette.error.main
+  },
+  warnLevel: {
+    color: theme.palette.warning.main
+  },
+  infoLevel: {
+    color: theme.palette.info.main
+  },
+  debugLevel: {
+    color: theme.palette.text.secondary
+  },
+  logMessageText: {
+    flex: 1,
+    wordBreak: "break-word"
+  },
+  repetitionText: {
+    fontStyle: "italic",
+    color: theme.palette.text.secondary,
+    fontSize: theme.typography.caption.fontSize,
+    marginTop: theme.spacing(0.5)
+  },
+  metricLine: {
+    fontFamily: "monospace",
+    fontSize: theme.typography.caption.fontSize,
+    marginTop: theme.spacing(0.75),
+    padding: theme.spacing(0.75, 1),
+    backgroundColor: theme.palette.type === "dark" ? "rgba(255, 255, 255, 0.05)" : "rgba(0, 0, 0, 0.03)",
+    borderRadius: theme.shape.borderRadius,
+    borderLeft: `3px solid ${theme.palette.success.main}`
+  },
+  metricName: {
+    fontWeight: 500,
+    fontSize: theme.typography.body2.fontSize,
+    color: theme.palette.text.primary
+  },
+  metricSummary: {
+    flex: 1,
+    wordBreak: "break-word"
+  },
+  tracePropertyRow: {
+    display: "flex",
+    alignItems: "baseline",
+    gap: theme.spacing(2),
+    marginBottom: theme.spacing(0.5)
+  },
+  tracePropertyKey: {
+    fontWeight: 500,
+    color: theme.palette.text.secondary,
+    fontSize: theme.typography.body2.fontSize,
+    minWidth: 50,
+    flexShrink: 0
+  },
+  tracePropertyValue: {
+    fontFamily: "monospace",
+    color: theme.palette.text.primary,
+    fontSize: theme.typography.body2.fontSize,
+    wordBreak: "break-word"
+  },
+  traceInfoBox: {
+    padding: theme.spacing(0.75, 1),
+    backgroundColor: alpha(theme.palette.text.primary, 0.03),
+    borderRadius: theme.shape.borderRadius,
+    borderLeft: `3px solid ${theme.palette.success.main}`
+  },
+  traceSummary: {
+    fontSize: theme.typography.body2.fontSize,
+    color: theme.palette.text.primary,
+    marginTop: theme.spacing(0.5)
+  },
+  traceError: {
+    color: theme.palette.error.main,
+    fontWeight: 500,
+    marginTop: theme.spacing(0.5)
+  },
+  spanInfo: {
+    fontSize: theme.typography.caption.fontSize,
+    color: theme.palette.text.secondary,
+    marginTop: theme.spacing(0.5)
+  }
+}));
+const getLogLevelColorClass = (level, classes) => {
+  switch (level) {
+    case "ERROR":
+      return classes.errorLevel;
+    case "WARN":
+      return classes.warnLevel;
+    case "INFO":
+      return classes.infoLevel;
+    case "DEBUG":
+      return classes.debugLevel;
+    default:
+      return "";
+  }
+};
+const getConfidenceBadgeClass = (confidence, classes) => {
+  const base = classes.confidenceBadge;
+  switch (confidence) {
+    case "high":
+      return `${base} ${classes.highConfidence}`;
+    case "medium":
+      return `${base} ${classes.mediumConfidence}`;
+    case "low":
+      return `${base} ${classes.lowConfidence}`;
+    default:
+      return base;
+  }
+};
+const formatTimestamp = (timestamp) => {
+  try {
+    const date = new Date(timestamp);
+    return date.toLocaleString("en-US", {
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    });
+  } catch {
+    return timestamp;
+  }
+};
+const LogEvidenceComponent = ({
+  evidence,
+  classes
+}) => /* @__PURE__ */ jsxs(Box, { className: classes.evidenceCard, children: [
+  /* @__PURE__ */ jsx(Box, { className: classes.logLinesScrollContainer, children: evidence.log_lines?.map((line, idx) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Box, { className: classes.logLineItem, children: [
+      /* @__PURE__ */ jsx("span", { className: classes.timestamp, children: formatTimestamp(line.timestamp) }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: `${classes.logLevel} ${getLogLevelColorClass(
+            line.level,
+            classes
+          )}`,
+          children: line.level
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: classes.logMessageText, children: line.log })
+    ] }),
+    /* @__PURE__ */ jsx(Divider, { className: classes.logLineDivider })
+  ] }, idx)) }),
+  evidence.repetition && /* @__PURE__ */ jsx(Typography, { className: classes.repetitionText, children: evidence.repetition })
+] });
+const MetricEvidenceComponent = ({
+  evidence,
+  classes
+}) => /* @__PURE__ */ jsx(Box, { className: classes.evidenceCard, children: /* @__PURE__ */ jsx(Typography, { component: "div", className: classes.metricSummary, children: /* @__PURE__ */ jsx(FormattedText, { text: evidence.summary }) }) });
+const TraceEvidenceComponent = ({
+  evidence,
+  classes
+}) => /* @__PURE__ */ jsxs(Box, { className: classes.evidenceCard, children: [
+  /* @__PURE__ */ jsxs(Box, { className: classes.tracePropertyRow, children: [
+    /* @__PURE__ */ jsx("span", { className: classes.tracePropertyKey, children: "Trace" }),
+    /* @__PURE__ */ jsx("span", { className: classes.tracePropertyValue, children: evidence.trace_id })
+  ] }),
+  evidence.span_id && /* @__PURE__ */ jsxs(Box, { className: classes.tracePropertyRow, children: [
+    /* @__PURE__ */ jsx("span", { className: classes.tracePropertyKey, children: "Span" }),
+    /* @__PURE__ */ jsx("span", { className: classes.tracePropertyValue, children: evidence.span_id })
+  ] }),
+  /* @__PURE__ */ jsx(Typography, { component: "div", className: classes.traceSummary, children: /* @__PURE__ */ jsx(FormattedText, { text: evidence.summary }) }),
+  evidence.is_error && evidence.error_message && /* @__PURE__ */ jsxs(Typography, { className: classes.traceError, children: [
+    "Error: ",
+    evidence.error_message
+  ] }),
+  evidence.repetition && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(Divider, { className: classes.logLineDivider }),
+    /* @__PURE__ */ jsx(Typography, { className: classes.repetitionText, children: evidence.repetition })
+  ] })
+] });
+const getEvidenceTypeWithComponent = (type, componentUid, classes) => {
+  let icon = null;
+  let label = "";
+  switch (type) {
+    case "log":
+      icon = /* @__PURE__ */ jsx(DescriptionOutlinedIcon, { className: classes.evidenceTypeBadgeIcon });
+      label = "Logs";
+      break;
+    case "metric":
+      icon = /* @__PURE__ */ jsx(ShowChartIcon, { className: classes.evidenceTypeBadgeIcon });
+      label = "Metrics";
+      break;
+    case "trace":
+      icon = /* @__PURE__ */ jsx(AccountTreeIcon, { className: classes.evidenceTypeBadgeIcon });
+      label = "Traces";
+      break;
+    default:
+      return null;
+  }
+  return /* @__PURE__ */ jsxs("span", { className: classes.evidenceTypeBadge, children: [
+    icon,
+    label,
+    componentUid && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      " in ",
+      /* @__PURE__ */ jsx(FormattedText, { text: componentUid })
+    ] })
+  ] });
+};
+const FindingCard = ({
+  finding,
+  classes
+}) => {
+  const [expanded, setExpanded] = useState(false);
+  const evidence = finding.evidence;
+  let evidenceComponent = null;
+  if (evidence?.type === "log") {
+    evidenceComponent = /* @__PURE__ */ jsx(
+      LogEvidenceComponent,
+      {
+        evidence,
+        classes
+      }
+    );
+  } else if (evidence?.type === "metric") {
+    evidenceComponent = /* @__PURE__ */ jsx(
+      MetricEvidenceComponent,
+      {
+        evidence,
+        classes
+      }
+    );
+  } else if (evidence?.type === "trace") {
+    evidenceComponent = /* @__PURE__ */ jsx(
+      TraceEvidenceComponent,
+      {
+        evidence,
+        classes
+      }
+    );
+  }
+  const hasEvidence = evidenceComponent !== null;
+  return /* @__PURE__ */ jsxs(Box, { className: classes.findingCard, children: [
+    /* @__PURE__ */ jsxs(
+      ButtonBase,
+      {
+        className: classes.findingHeader,
+        onClick: () => hasEvidence && setExpanded(!expanded),
+        disabled: !hasEvidence,
+        disableRipple: true,
+        children: [
+          /* @__PURE__ */ jsxs(Box, { className: classes.findingHeaderContent, children: [
+            /* @__PURE__ */ jsx(Typography, { component: "div", className: classes.findingObservation, children: /* @__PURE__ */ jsx(FormattedText, { text: finding.observation, disableMarkdown: true }) }),
+            evidence?.type && getEvidenceTypeWithComponent(
+              evidence.type,
+              finding.component,
+              classes
+            ),
+            finding.time_range && /* @__PURE__ */ jsxs("span", { className: classes.timeRange, children: [
+              formatTimestamp(finding.time_range.start),
+              " -",
+              " ",
+              formatTimestamp(finding.time_range.end)
+            ] })
+          ] }),
+          hasEvidence && /* @__PURE__ */ jsx(
+            ExpandMoreIcon,
+            {
+              className: `${classes.expandIcon} ${expanded ? classes.expandIconOpen : ""}`
+            }
+          )
+        ]
+      }
+    ),
+    hasEvidence && /* @__PURE__ */ jsx(Collapse, { in: expanded, children: /* @__PURE__ */ jsx(Box, { className: classes.findingEvidenceContainer, children: evidenceComponent }) })
+  ] });
+};
+const RootCauseItem = ({
+  rootCause,
+  classes
+}) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  /* @__PURE__ */ jsxs(Box, { className: classes.rootCauseHeader, children: [
+    /* @__PURE__ */ jsx(Typography, { className: classes.rootCauseTitle, children: /* @__PURE__ */ jsx(FormattedText, { text: rootCause.summary, disableMarkdown: true }) }),
+    /* @__PURE__ */ jsxs("span", { className: getConfidenceBadgeClass(rootCause.confidence, classes), children: [
+      rootCause.confidence,
+      " confidence"
+    ] })
+  ] }),
+  /* @__PURE__ */ jsxs(Box, { className: classes.rootCauseContent, children: [
+    rootCause.analysis && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        component: "div",
+        variant: "body1",
+        color: "textSecondary",
+        className: classes.analysis,
+        children: /* @__PURE__ */ jsx(FormattedText, { text: rootCause.analysis })
+      }
+    ),
+    rootCause.supporting_findings && rootCause.supporting_findings.length > 0 && /* @__PURE__ */ jsxs(Box, { className: classes.findingsContainer, children: [
+      /* @__PURE__ */ jsx(Typography, { className: classes.findingsHeader, children: "Supporting Findings" }),
+      rootCause.supporting_findings.map((finding, idx) => /* @__PURE__ */ jsx(FindingCard, { finding, classes }, idx))
+    ] })
+  ] })
+] });
+const RootCausesSection = ({ rootCauses }) => {
+  const classes = useStyles();
+  if (!rootCauses || rootCauses.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(List, { className: classes.list, disablePadding: true, children: rootCauses.map((rootCause, idx) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ListItem, { className: classes.listItem, disableGutters: true, children: /* @__PURE__ */ jsx(RootCauseItem, { rootCause, classes }) }),
+    idx < rootCauses.length - 1 && /* @__PURE__ */ jsx(Divider, { component: "li" })
+  ] }, idx)) });
+};
+
+export { RootCausesSection };
+//# sourceMappingURL=RootCausesSection.esm.js.map

package/dist/components/RCA/RCAReport/sections/RootCausesSection.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootCausesSection.esm.js","sources":["../../../../../src/components/RCA/RCAReport/sections/RootCausesSection.tsx"],"sourcesContent":["import { Fragment, useState } from 'react';\nimport {\n  Box,\n  Typography,\n  Divider,\n  List,\n  ListItem,\n  Collapse,\n  ButtonBase,\n} from '@material-ui/core';\nimport { alpha, makeStyles } from '@material-ui/core/styles';\nimport DescriptionOutlinedIcon from '@material-ui/icons/DescriptionOutlined';\nimport ShowChartIcon from '@material-ui/icons/ShowChart';\nimport AccountTreeIcon from '@material-ui/icons/AccountTree';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { FormattedText } from '../FormattedText';\nimport type { AIRCAAgentComponents } from '@openchoreo/backstage-plugin-common';\n\ntype RootCause = AIRCAAgentComponents['schemas']['RootCause'];\ntype Finding = AIRCAAgentComponents['schemas']['Finding'];\ntype LogEvidence = AIRCAAgentComponents['schemas']['LogEvidence'];\ntype MetricEvidence = AIRCAAgentComponents['schemas']['MetricEvidence'];\ntype TraceEvidence = AIRCAAgentComponents['schemas']['TraceEvidence'];\n\ninterface RootCausesSectionProps {\n  rootCauses?: RootCause[];\n}\n\nconst useStyles = makeStyles(theme => ({\n  list: {\n    padding: 0,\n  },\n  listItem: {\n    padding: theme.spacing(1.5, 0),\n    display: 'block',\n  },\n  rootCauseHeader: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'flex-start',\n    gap: theme.spacing(2),\n    marginBottom: theme.spacing(1),\n  },\n  rootCauseContent: {\n    paddingLeft: theme.spacing(2),\n  },\n  rootCauseTitle: {\n    fontSize: theme.typography.body2.fontSize,\n    fontWeight: 500,\n    color: theme.palette.text.primary,\n    flex: 1,\n    lineHeight: 1.4,\n  },\n  confidenceBadge: {\n    padding: theme.spacing(0.5, 1.5),\n    borderRadius: theme.shape.borderRadius,\n    fontWeight: 500,\n    fontSize: theme.typography.caption.fontSize,\n    textTransform: 'uppercase',\n    letterSpacing: '0.5px',\n  },\n  highConfidence: {\n    backgroundColor: theme.palette.success.light,\n    color: theme.palette.success.dark,\n  },\n  mediumConfidence: {\n    backgroundColor: theme.palette.warning.light,\n    color: theme.palette.warning.dark,\n  },\n  lowConfidence: {\n    backgroundColor: theme.palette.error.light,\n    color: theme.palette.error.dark,\n  },\n  analysis: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(2),\n  },\n  findingsContainer: {\n    marginTop: theme.spacing(2),\n  },\n  findingsHeader: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    color: theme.palette.text.secondary,\n    fontSize: theme.typography.body2.fontSize,\n    fontWeight: 500,\n  },\n  findingCard: {\n    marginBottom: theme.spacing(1.5),\n    marginTop: theme.spacing(1.5),\n    borderRadius: theme.shape.borderRadius,\n    overflow: 'hidden',\n  },\n  findingHeader: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1),\n    padding: theme.spacing(1.5),\n    width: '100%',\n    textAlign: 'left',\n    backgroundColor: 'transparent',\n    transition: 'background-color 0.15s ease',\n    '&:hover': {\n      backgroundColor: theme.palette.action.hover,\n    },\n  },\n  findingHeaderContent: {\n    flex: 1,\n    minWidth: 0,\n  },\n  findingObservation: {\n    fontWeight: 500,\n    fontSize: theme.typography.body2.fontSize,\n    color: theme.palette.text.primary,\n    marginBottom: theme.spacing(0.5),\n    lineHeight: 1.4,\n  },\n  findingMeta: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n    flexWrap: 'wrap' as const,\n  },\n  evidenceTypeBadge: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    fontSize: theme.typography.caption.fontSize,\n    fontWeight: 500,\n    color: theme.palette.text.secondary,\n    marginTop: theme.spacing(0.5),\n    '& a': {\n      color: theme.palette.primary.main,\n      fontWeight: 500,\n    },\n  },\n  evidenceTypeBadgeIcon: {\n    fontSize: '0.875rem',\n    color: theme.palette.primary.main,\n  },\n  expandIcon: {\n    color: theme.palette.text.secondary,\n    transition: 'transform 0.2s ease',\n    flexShrink: 0,\n    marginTop: theme.spacing(0.25),\n  },\n  expandIconOpen: {\n    transform: 'rotate(180deg)',\n  },\n  findingEvidenceContainer: {\n    padding: theme.spacing(0, 1.5, 1.5, 1.5),\n    borderTop: `1px solid ${theme.palette.divider}`,\n    backgroundColor: alpha(theme.palette.background.default, 0.5),\n  },\n  componentName: {\n    fontSize: theme.typography.caption.fontSize,\n    color: theme.palette.text.secondary,\n    fontWeight: 500,\n    marginBottom: theme.spacing(1),\n    marginTop: theme.spacing(1),\n  },\n  timeRange: {\n    fontSize: theme.typography.caption.fontSize,\n    color: theme.palette.text.secondary,\n  },\n  evidenceCard: {\n    marginTop: theme.spacing(1),\n  },\n  evidenceTopRow: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'flex-start',\n    marginBottom: theme.spacing(1),\n  },\n  evidenceFooter: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    marginTop: theme.spacing(1),\n  },\n  evidenceTypeLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    fontSize: theme.typography.caption.fontSize,\n    fontWeight: 500,\n    color: theme.palette.text.primary,\n    marginRight: theme.spacing(1),\n  },\n  evidenceIcon: {\n    fontSize: '1rem',\n    color: theme.palette.primary.main,\n  },\n  logLine: {\n    fontFamily: 'monospace',\n    fontSize: theme.typography.caption.fontSize,\n    marginTop: theme.spacing(0.75),\n    padding: theme.spacing(0.75, 1),\n    backgroundColor:\n      theme.palette.type === 'dark'\n        ? 'rgba(255, 255, 255, 0.05)'\n        : 'rgba(0, 0, 0, 0.03)',\n    borderRadius: theme.shape.borderRadius,\n    borderLeft: `3px solid ${theme.palette.success.main}`,\n  },\n  logLinesContainer: {\n    marginTop: theme.spacing(0.75),\n  },\n  logLinesScrollContainer: {\n    overflowX: 'auto',\n    marginLeft: theme.spacing(-1.5),\n    marginRight: theme.spacing(-1.5),\n    paddingLeft: theme.spacing(1.5),\n    paddingRight: theme.spacing(1.5),\n  },\n  logLineItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1.5),\n    fontFamily: 'monospace',\n    fontSize: theme.typography.caption.fontSize,\n    whiteSpace: 'nowrap',\n    padding: theme.spacing(0.5, 0),\n  },\n  logLineDivider: {\n    marginLeft: theme.spacing(-1.5),\n    marginRight: theme.spacing(-1.5),\n  },\n  timestamp: {\n    color: theme.palette.text.secondary,\n    fontSize: theme.typography.overline.fontSize,\n  },\n  logLevel: {\n    fontSize: theme.typography.caption.fontSize,\n    fontWeight: 500,\n  },\n  errorLevel: {\n    color: theme.palette.error.main,\n  },\n  warnLevel: {\n    color: theme.palette.warning.main,\n  },\n  infoLevel: {\n    color: theme.palette.info.main,\n  },\n  debugLevel: {\n    color: theme.palette.text.secondary,\n  },\n  logMessageText: {\n    flex: 1,\n    wordBreak: 'break-word',\n  },\n  repetitionText: {\n    fontStyle: 'italic',\n    color: theme.palette.text.secondary,\n    fontSize: theme.typography.caption.fontSize,\n    marginTop: theme.spacing(0.5),\n  },\n  metricLine: {\n    fontFamily: 'monospace',\n    fontSize: theme.typography.caption.fontSize,\n    marginTop: theme.spacing(0.75),\n    padding: theme.spacing(0.75, 1),\n    backgroundColor:\n      theme.palette.type === 'dark'\n        ? 'rgba(255, 255, 255, 0.05)'\n        : 'rgba(0, 0, 0, 0.03)',\n    borderRadius: theme.shape.borderRadius,\n    borderLeft: `3px solid ${theme.palette.success.main}`,\n  },\n  metricName: {\n    fontWeight: 500,\n    fontSize: theme.typography.body2.fontSize,\n    color: theme.palette.text.primary,\n  },\n  metricSummary: {\n    flex: 1,\n    wordBreak: 'break-word',\n  },\n  tracePropertyRow: {\n    display: 'flex',\n    alignItems: 'baseline',\n    gap: theme.spacing(2),\n    marginBottom: theme.spacing(0.5),\n  },\n  tracePropertyKey: {\n    fontWeight: 500,\n    color: theme.palette.text.secondary,\n    fontSize: theme.typography.body2.fontSize,\n    minWidth: 50,\n    flexShrink: 0,\n  },\n  tracePropertyValue: {\n    fontFamily: 'monospace',\n    color: theme.palette.text.primary,\n    fontSize: theme.typography.body2.fontSize,\n    wordBreak: 'break-word',\n  },\n  traceInfoBox: {\n    padding: theme.spacing(0.75, 1),\n    backgroundColor: alpha(theme.palette.text.primary, 0.03),\n    borderRadius: theme.shape.borderRadius,\n    borderLeft: `3px solid ${theme.palette.success.main}`,\n  },\n  traceSummary: {\n    fontSize: theme.typography.body2.fontSize,\n    color: theme.palette.text.primary,\n    marginTop: theme.spacing(0.5),\n  },\n  traceError: {\n    color: theme.palette.error.main,\n    fontWeight: 500,\n    marginTop: theme.spacing(0.5),\n  },\n  spanInfo: {\n    fontSize: theme.typography.caption.fontSize,\n    color: theme.palette.text.secondary,\n    marginTop: theme.spacing(0.5),\n  },\n}));\n\nconst getLogLevelColorClass = (\n  level: string,\n  classes: ReturnType<typeof useStyles>,\n): string => {\n  switch (level) {\n    case 'ERROR':\n      return classes.errorLevel;\n    case 'WARN':\n      return classes.warnLevel;\n    case 'INFO':\n      return classes.infoLevel;\n    case 'DEBUG':\n      return classes.debugLevel;\n    default:\n      return '';\n  }\n};\n\nconst getConfidenceBadgeClass = (\n  confidence: string,\n  classes: ReturnType<typeof useStyles>,\n): string => {\n  const base = classes.confidenceBadge;\n  switch (confidence) {\n    case 'high':\n      return `${base} ${classes.highConfidence}`;\n    case 'medium':\n      return `${base} ${classes.mediumConfidence}`;\n    case 'low':\n      return `${base} ${classes.lowConfidence}`;\n    default:\n      return base;\n  }\n};\n\nconst formatTimestamp = (timestamp: string): string => {\n  try {\n    const date = new Date(timestamp);\n    return date.toLocaleString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit',\n      second: '2-digit',\n    });\n  } catch {\n    return timestamp;\n  }\n};\n\nconst LogEvidenceComponent = ({\n  evidence,\n  classes,\n}: {\n  evidence: LogEvidence;\n  classes: ReturnType<typeof useStyles>;\n}) => (\n  <Box className={classes.evidenceCard}>\n    <Box className={classes.logLinesScrollContainer}>\n      {evidence.log_lines?.map((line, idx) => (\n        <Fragment key={idx}>\n          <Box className={classes.logLineItem}>\n            <span className={classes.timestamp}>\n              {formatTimestamp(line.timestamp)}\n            </span>\n            <span\n              className={`${classes.logLevel} ${getLogLevelColorClass(\n                line.level,\n                classes,\n              )}`}\n            >\n              {line.level}\n            </span>\n            <span className={classes.logMessageText}>{line.log}</span>\n          </Box>\n          <Divider className={classes.logLineDivider} />\n        </Fragment>\n      ))}\n    </Box>\n    {evidence.repetition && (\n      <Typography className={classes.repetitionText}>\n        {evidence.repetition}\n      </Typography>\n    )}\n  </Box>\n);\n\nconst MetricEvidenceComponent = ({\n  evidence,\n  classes,\n}: {\n  evidence: MetricEvidence;\n  classes: ReturnType<typeof useStyles>;\n}) => (\n  <Box className={classes.evidenceCard}>\n    <Typography component=\"div\" className={classes.metricSummary}>\n      <FormattedText text={evidence.summary} />\n    </Typography>\n  </Box>\n);\n\nconst TraceEvidenceComponent = ({\n  evidence,\n  classes,\n}: {\n  evidence: TraceEvidence;\n  classes: ReturnType<typeof useStyles>;\n}) => (\n  <Box className={classes.evidenceCard}>\n    <Box className={classes.tracePropertyRow}>\n      <span className={classes.tracePropertyKey}>Trace</span>\n      <span className={classes.tracePropertyValue}>{evidence.trace_id}</span>\n    </Box>\n    {evidence.span_id && (\n      <Box className={classes.tracePropertyRow}>\n        <span className={classes.tracePropertyKey}>Span</span>\n        <span className={classes.tracePropertyValue}>{evidence.span_id}</span>\n      </Box>\n    )}\n    <Typography component=\"div\" className={classes.traceSummary}>\n      <FormattedText text={evidence.summary} />\n    </Typography>\n    {evidence.is_error && evidence.error_message && (\n      <Typography className={classes.traceError}>\n        Error: {evidence.error_message}\n      </Typography>\n    )}\n    {evidence.repetition && (\n      <>\n        <Divider className={classes.logLineDivider} />\n        <Typography className={classes.repetitionText}>\n          {evidence.repetition}\n        </Typography>\n      </>\n    )}\n  </Box>\n);\n\nconst getEvidenceTypeWithComponent = (\n  type: string | undefined,\n  componentUid: string | undefined,\n  classes: ReturnType<typeof useStyles>,\n) => {\n  let icon = null;\n  let label = '';\n\n  switch (type) {\n    case 'log':\n      icon = (\n        <DescriptionOutlinedIcon className={classes.evidenceTypeBadgeIcon} />\n      );\n      label = 'Logs';\n      break;\n    case 'metric':\n      icon = <ShowChartIcon className={classes.evidenceTypeBadgeIcon} />;\n      label = 'Metrics';\n      break;\n    case 'trace':\n      icon = <AccountTreeIcon className={classes.evidenceTypeBadgeIcon} />;\n      label = 'Traces';\n      break;\n    default:\n      return null;\n  }\n\n  return (\n    <span className={classes.evidenceTypeBadge}>\n      {icon}\n      {label}\n      {componentUid && (\n        <>\n          {' in '}\n          <FormattedText text={componentUid} />\n        </>\n      )}\n    </span>\n  );\n};\n\nconst FindingCard = ({\n  finding,\n  classes,\n}: {\n  finding: Finding;\n  classes: ReturnType<typeof useStyles>;\n}) => {\n  const [expanded, setExpanded] = useState(false);\n  const evidence = finding.evidence;\n\n  let evidenceComponent = null;\n  if (evidence?.type === 'log') {\n    evidenceComponent = (\n      <LogEvidenceComponent\n        evidence={evidence as LogEvidence}\n        classes={classes}\n      />\n    );\n  } else if (evidence?.type === 'metric') {\n    evidenceComponent = (\n      <MetricEvidenceComponent\n        evidence={evidence as MetricEvidence}\n        classes={classes}\n      />\n    );\n  } else if (evidence?.type === 'trace') {\n    evidenceComponent = (\n      <TraceEvidenceComponent\n        evidence={evidence as TraceEvidence}\n        classes={classes}\n      />\n    );\n  }\n\n  const hasEvidence = evidenceComponent !== null;\n\n  return (\n    <Box className={classes.findingCard}>\n      <ButtonBase\n        className={classes.findingHeader}\n        onClick={() => hasEvidence && setExpanded(!expanded)}\n        disabled={!hasEvidence}\n        disableRipple\n      >\n        <Box className={classes.findingHeaderContent}>\n          <Typography component=\"div\" className={classes.findingObservation}>\n            <FormattedText text={finding.observation} disableMarkdown />\n          </Typography>\n          {evidence?.type &&\n            getEvidenceTypeWithComponent(\n              evidence.type,\n              finding.component,\n              classes,\n            )}\n          {finding.time_range && (\n            <span className={classes.timeRange}>\n              {formatTimestamp(finding.time_range.start)} -{' '}\n              {formatTimestamp(finding.time_range.end)}\n            </span>\n          )}\n        </Box>\n        {hasEvidence && (\n          <ExpandMoreIcon\n            className={`${classes.expandIcon} ${\n              expanded ? classes.expandIconOpen : ''\n            }`}\n          />\n        )}\n      </ButtonBase>\n      {hasEvidence && (\n        <Collapse in={expanded}>\n          <Box className={classes.findingEvidenceContainer}>\n            {evidenceComponent}\n          </Box>\n        </Collapse>\n      )}\n    </Box>\n  );\n};\n\nconst RootCauseItem = ({\n  rootCause,\n  classes,\n}: {\n  rootCause: RootCause;\n  classes: ReturnType<typeof useStyles>;\n}) => (\n  <>\n    <Box className={classes.rootCauseHeader}>\n      <Typography className={classes.rootCauseTitle}>\n        <FormattedText text={rootCause.summary} disableMarkdown />\n      </Typography>\n      <span className={getConfidenceBadgeClass(rootCause.confidence, classes)}>\n        {rootCause.confidence} confidence\n      </span>\n    </Box>\n    <Box className={classes.rootCauseContent}>\n      {rootCause.analysis && (\n        <Typography\n          component=\"div\"\n          variant=\"body1\"\n          color=\"textSecondary\"\n          className={classes.analysis}\n        >\n          <FormattedText text={rootCause.analysis} />\n        </Typography>\n      )}\n\n      {rootCause.supporting_findings &&\n        rootCause.supporting_findings.length > 0 && (\n          <Box className={classes.findingsContainer}>\n            <Typography className={classes.findingsHeader}>\n              Supporting Findings\n            </Typography>\n            {rootCause.supporting_findings.map((finding, idx) => (\n              <FindingCard key={idx} finding={finding} classes={classes} />\n            ))}\n          </Box>\n        )}\n    </Box>\n  </>\n);\n\nexport const RootCausesSection = ({ rootCauses }: RootCausesSectionProps) => {\n  const classes = useStyles();\n\n  if (!rootCauses || rootCauses.length === 0) {\n    return null;\n  }\n\n  return (\n    <List className={classes.list} disablePadding>\n      {rootCauses.map((rootCause, idx) => (\n        <Fragment key={idx}>\n          <ListItem className={classes.listItem} disableGutters>\n            <RootCauseItem rootCause={rootCause} classes={classes} />\n          </ListItem>\n          {idx < rootCauses.length - 1 && <Divider component=\"li\" />}\n        </Fragment>\n      ))}\n    </List>\n  );\n};\n"],"names":["Fragment"],"mappings":"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"}

package/dist/components/RCA/RCAReport/sections/SystemTimelineSection.esm.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box, Typography } from '@material-ui/core';
+import { Timeline, TimelineItem, TimelineOppositeContent, TimelineSeparator, TimelineDot, TimelineConnector, TimelineContent } from '@material-ui/lab';
+import { useRCAReportStyles } from '../styles.esm.js';
+import { FormattedText } from '../FormattedText.esm.js';
+
+const formatTimelineTimestamp = (timestamp) => {
+  if (!timestamp) return "N/A";
+  try {
+    const date = new Date(timestamp);
+    return date.toLocaleString("en-US", {
+      month: "short",
+      day: "numeric",
+      hour: "numeric",
+      minute: "2-digit"
+    });
+  } catch {
+    return timestamp;
+  }
+};
+const SystemTimelineSection = ({
+  timeline
+}) => {
+  const classes = useRCAReportStyles();
+  if (!timeline || timeline.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Box, { className: classes.timelineContainer, children: /* @__PURE__ */ jsx(Timeline, { style: { padding: "4px 0", margin: 0 }, children: timeline.map((event, idx) => /* @__PURE__ */ jsxs(TimelineItem, { style: { minHeight: "auto" }, children: [
+    /* @__PURE__ */ jsx(
+      TimelineOppositeContent,
+      {
+        style: {
+          maxWidth: 0,
+          padding: 0,
+          flex: 0
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs(TimelineSeparator, { children: [
+      /* @__PURE__ */ jsx(TimelineDot, { color: "primary" }),
+      idx < timeline.length - 1 && /* @__PURE__ */ jsx(TimelineConnector, {})
+    ] }),
+    /* @__PURE__ */ jsxs(TimelineContent, { style: { paddingRight: 0 }, children: [
+      /* @__PURE__ */ jsxs(Box, { className: classes.timelineHeaderRow, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: formatTimelineTimestamp(event.timestamp) }),
+        event.component && /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "caption",
+            color: "textSecondary",
+            style: { marginLeft: 8 },
+            children: /* @__PURE__ */ jsx(FormattedText, { text: event.component })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          component: "div",
+          variant: "body2",
+          className: classes.timelineEventText,
+          children: /* @__PURE__ */ jsx(FormattedText, { text: event.event || "" })
+        }
+      )
+    ] })
+  ] }, idx)) }) });
+};
+
+export { SystemTimelineSection };
+//# sourceMappingURL=SystemTimelineSection.esm.js.map