@openchoreo/backstage-plugin-openchoreo-observability 1.1.0

package/dist/components/RCA/RCAReport/RCAReportView.esm.js

@@ -0,0 +1,308 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo, useState } from 'react';
+import { Box, IconButton, Typography, Button, Grid } from '@material-ui/core';
+import ArrowBackIcon from '@material-ui/icons/ArrowBack';
+import ChatOutlinedIcon from '@material-ui/icons/ChatOutlined';
+import AutorenewIcon from '@material-ui/icons/Autorenew';
+import { InfoCard } from '@backstage/core-components';
+import BugReportOutlinedIcon from '@material-ui/icons/BugReportOutlined';
+import TimelineOutlinedIcon from '@material-ui/icons/TimelineOutlined';
+import ExploreOutlinedIcon from '@material-ui/icons/ExploreOutlined';
+import NotInterestedOutlinedIcon from '@material-ui/icons/NotInterestedOutlined';
+import AssignmentTurnedInOutlinedIcon from '@material-ui/icons/AssignmentTurnedInOutlined';
+import EmojiObjectsOutlinedIcon from '@material-ui/icons/EmojiObjectsOutlined';
+import { SystemTimelineSection } from './sections/SystemTimelineSection.esm.js';
+import { RootCausesSection } from './sections/RootCausesSection.esm.js';
+import { InvestigationPathSection } from './sections/InvestigationPathSection.esm.js';
+import { ExcludedCausesSection } from './sections/ExcludedCausesSection.esm.js';
+import { RecommendationsSection } from './sections/RecommendationsSection.esm.js';
+import { VisibilityImprovementsSection } from './sections/VisibilityImprovementsSection.esm.js';
+import { IncidentOverviewSection } from './sections/IncidentOverviewSection.esm.js';
+import { AssessmentSection } from './sections/AssessmentSection.esm.js';
+import { ChatPanelSection } from './sections/ChatPanelSection.esm.js';
+import { QuickFixesPanelSection } from './sections/QuickFixesPanelSection.esm.js';
+import { allActionsResolved } from './sections/PatchTabContent.esm.js';
+import { useRCAReportStyles } from './styles.esm.js';
+import { EntityLinkContext } from './EntityLinkContext.esm.js';
+
+const RCAReportView = ({
+  report,
+  reportId,
+  onBack,
+  chatContext
+}) => {
+  const classes = useRCAReportStyles();
+  const revisedActions = useMemo(() => {
+    const result = [];
+    const recs = (() => {
+      const r = report.report?.result;
+      if (r?.type === "root_cause_identified") return r.recommendations;
+      if (r?.type === "no_root_cause_identified") return r.recommendations;
+      return void 0;
+    })();
+    const actions = recs?.recommended_actions;
+    if (actions) {
+      actions.forEach((action, idx) => {
+        if ((action.status === "revised" || action.status === "applied" || action.status === "dismissed") && action.change) {
+          result.push({ index: idx, action });
+        }
+      });
+    }
+    return result;
+  }, [report]);
+  const hasRevised = revisedActions.length > 0;
+  const [activePanel, setActivePanel] = useState(
+    () => {
+      if (!hasRevised) return null;
+      if (allActionsResolved(revisedActions)) return null;
+      return "fixes";
+    }
+  );
+  const formatTimestamp = (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 namespaceValue = useMemo(
+    () => ({ namespace: chatContext.namespaceName }),
+    [chatContext.namespaceName]
+  );
+  const rcaReport = report.report;
+  if (!rcaReport) {
+    return /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Box, { className: classes.header, children: /* @__PURE__ */ jsxs(Box, { className: classes.headerLeft, children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: onBack,
+            size: "small",
+            className: classes.backButton,
+            title: "Back to RCA reports",
+            children: /* @__PURE__ */ jsx(ArrowBackIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsxs(Box, { className: classes.titleContainer, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h5", className: classes.title, children: "RCA Report" }),
+          report.timestamp && /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.subtitle, children: report.reportId })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(Box, { className: classes.content, children: /* @__PURE__ */ jsxs(Box, { className: classes.emptyState, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "Report content not available" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "The RCA report analysis is not yet complete or not available." })
+      ] }) })
+    ] });
+  }
+  const isNoRootCauseIdentified = rcaReport.result?.type === "no_root_cause_identified";
+  const timeline = rcaReport.result?.type === "root_cause_identified" ? rcaReport.result.timeline : void 0;
+  const rootCauses = rcaReport.result?.type === "root_cause_identified" ? rcaReport.result.root_causes : void 0;
+  const excludedCauses = rcaReport.result?.type === "root_cause_identified" ? rcaReport.result.excluded_causes : void 0;
+  const recommendations = (() => {
+    if (rcaReport.result?.type === "root_cause_identified") {
+      return rcaReport.result.recommendations;
+    }
+    if (rcaReport.result?.type === "no_root_cause_identified") {
+      return rcaReport.result.recommendations;
+    }
+    return void 0;
+  })();
+  const noRootCauseResult = rcaReport.result?.type === "no_root_cause_identified" ? rcaReport.result : void 0;
+  const alertContext = rcaReport.alert_context;
+  const investigationPath = rcaReport.investigation_path;
+  return /* @__PURE__ */ jsx(EntityLinkContext.Provider, { value: namespaceValue, children: /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(Box, { className: classes.header, children: [
+      /* @__PURE__ */ jsxs(Box, { className: classes.headerLeft, children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: onBack,
+            size: "small",
+            className: classes.backButton,
+            title: "Back to RCA reports",
+            children: /* @__PURE__ */ jsx(ArrowBackIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsxs(Box, { className: classes.titleContainer, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h5", className: classes.title, children: "RCA Report" }),
+          report.timestamp && /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.subtitle, children: report.reportId })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", style: { gap: 8 }, children: [
+        hasRevised && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: activePanel === "fixes" ? "contained" : "outlined",
+            color: "primary",
+            size: "small",
+            startIcon: /* @__PURE__ */ jsx(AutorenewIcon, {}),
+            onClick: () => setActivePanel((prev) => prev === "fixes" ? null : "fixes"),
+            children: "Quick Fixes"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: activePanel === "chat" ? "contained" : "outlined",
+            color: "primary",
+            size: "small",
+            startIcon: /* @__PURE__ */ jsx(ChatOutlinedIcon, {}),
+            onClick: () => setActivePanel((prev) => prev === "chat" ? null : "chat"),
+            children: "Chat"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { className: classes.content, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
+      /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, style: { flex: "0 0 62%", maxWidth: "62%" }, children: [
+        /* @__PURE__ */ jsx(
+          IncidentOverviewSection,
+          {
+            summary: rcaReport.summary || "",
+            alertContext,
+            reportId,
+            reportTimestamp: report.timestamp,
+            formatTimestamp
+          }
+        ),
+        isNoRootCauseIdentified && noRootCauseResult && /* @__PURE__ */ jsx(AssessmentSection, { noRootCauseResult }),
+        rootCauses && /* @__PURE__ */ jsx(Box, { className: classes.infoCardSpacing, children: /* @__PURE__ */ jsx(
+          InfoCard,
+          {
+            title: /* @__PURE__ */ jsxs("span", { className: classes.cardTitle, children: [
+              /* @__PURE__ */ jsx(
+                BugReportOutlinedIcon,
+                {
+                  className: classes.cardTitleIcon
+                }
+              ),
+              "Likely Root Causes"
+            ] }),
+            children: /* @__PURE__ */ jsx(RootCausesSection, { rootCauses })
+          }
+        ) }),
+        excludedCauses && excludedCauses.length > 0 && /* @__PURE__ */ jsx(Box, { className: classes.infoCardSpacing, children: /* @__PURE__ */ jsx(
+          InfoCard,
+          {
+            title: /* @__PURE__ */ jsxs("span", { className: classes.cardTitle, children: [
+              /* @__PURE__ */ jsx(
+                NotInterestedOutlinedIcon,
+                {
+                  className: classes.cardTitleIcon
+                }
+              ),
+              "Unlikely Causes"
+            ] }),
+            children: /* @__PURE__ */ jsx(ExcludedCausesSection, { excludedCauses })
+          }
+        ) }),
+        recommendations?.recommended_actions && recommendations.recommended_actions.length > 0 && /* @__PURE__ */ jsx(Box, { className: classes.infoCardSpacing, children: /* @__PURE__ */ jsx(
+          InfoCard,
+          {
+            title: /* @__PURE__ */ jsxs("span", { className: classes.cardTitle, children: [
+              /* @__PURE__ */ jsx(
+                AssignmentTurnedInOutlinedIcon,
+                {
+                  className: classes.cardTitleIcon
+                }
+              ),
+              "Actionable Next Steps"
+            ] }),
+            children: /* @__PURE__ */ jsx(
+              RecommendationsSection,
+              {
+                actions: recommendations.recommended_actions
+              }
+            )
+          }
+        ) }),
+        recommendations?.observability_recommendations && recommendations.observability_recommendations.length > 0 && /* @__PURE__ */ jsx(
+          InfoCard,
+          {
+            title: /* @__PURE__ */ jsxs("span", { className: classes.cardTitle, children: [
+              /* @__PURE__ */ jsx(
+                EmojiObjectsOutlinedIcon,
+                {
+                  className: classes.cardTitleIcon
+                }
+              ),
+              "Observability Suggestions"
+            ] }),
+            children: /* @__PURE__ */ jsx(
+              VisibilityImprovementsSection,
+              {
+                recommendations: recommendations.observability_recommendations
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          item: true,
+          xs: 12,
+          style: { flex: "0 0 38%", maxWidth: "38%" },
+          className: classes.sidebarColumn,
+          children: [
+            activePanel === "chat" && /* @__PURE__ */ jsx(
+              ChatPanelSection,
+              {
+                reportId,
+                chatContext
+              }
+            ),
+            activePanel === "fixes" && /* @__PURE__ */ jsx(
+              QuickFixesPanelSection,
+              {
+                reportId,
+                chatContext,
+                revisedActions
+              }
+            ),
+            timeline && timeline.length > 0 && /* @__PURE__ */ jsx(Box, { className: classes.infoCardSpacing, children: /* @__PURE__ */ jsx(
+              InfoCard,
+              {
+                title: /* @__PURE__ */ jsxs("span", { className: classes.cardTitle, children: [
+                  /* @__PURE__ */ jsx(
+                    TimelineOutlinedIcon,
+                    {
+                      className: classes.cardTitleIcon
+                    }
+                  ),
+                  "System Timeline"
+                ] }),
+                children: /* @__PURE__ */ jsx(SystemTimelineSection, { timeline })
+              }
+            ) }),
+            investigationPath && investigationPath.length > 0 && /* @__PURE__ */ jsx(
+              InfoCard,
+              {
+                title: /* @__PURE__ */ jsxs("span", { className: classes.cardTitle, children: [
+                  /* @__PURE__ */ jsx(ExploreOutlinedIcon, { className: classes.cardTitleIcon }),
+                  "Investigation Path"
+                ] }),
+                children: /* @__PURE__ */ jsx(
+                  InvestigationPathSection,
+                  {
+                    investigationPath
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    ] }) })
+  ] }) });
+};
+
+export { RCAReportView };
+//# sourceMappingURL=RCAReportView.esm.js.map

package/dist/components/RCA/RCAReport/RCAReportView.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RCAReportView.esm.js","sources":["../../../../src/components/RCA/RCAReport/RCAReportView.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { Typography, Grid, Box, IconButton, Button } from '@material-ui/core';\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\nimport ChatOutlinedIcon from '@material-ui/icons/ChatOutlined';\nimport AutorenewIcon from '@material-ui/icons/Autorenew';\nimport { InfoCard } from '@backstage/core-components';\nimport BugReportOutlinedIcon from '@material-ui/icons/BugReportOutlined';\nimport TimelineOutlinedIcon from '@material-ui/icons/TimelineOutlined';\nimport ExploreOutlinedIcon from '@material-ui/icons/ExploreOutlined';\nimport NotInterestedOutlinedIcon from '@material-ui/icons/NotInterestedOutlined';\nimport AssignmentTurnedInOutlinedIcon from '@material-ui/icons/AssignmentTurnedInOutlined';\nimport EmojiObjectsOutlinedIcon from '@material-ui/icons/EmojiObjectsOutlined';\nimport { SystemTimelineSection } from './sections/SystemTimelineSection';\nimport { RootCausesSection } from './sections/RootCausesSection';\nimport { InvestigationPathSection } from './sections/InvestigationPathSection';\nimport { ExcludedCausesSection } from './sections/ExcludedCausesSection';\nimport { RecommendationsSection } from './sections/RecommendationsSection';\nimport { VisibilityImprovementsSection } from './sections/VisibilityImprovementsSection';\nimport { IncidentOverviewSection } from './sections/IncidentOverviewSection';\nimport { AssessmentSection } from './sections/AssessmentSection';\nimport { ChatPanelSection } from './sections/ChatPanelSection';\nimport { QuickFixesPanelSection } from './sections/QuickFixesPanelSection';\nimport { allActionsResolved } from './sections/PatchTabContent';\nimport { useRCAReportStyles } from './styles';\nimport { EntityLinkContext } from './EntityLinkContext';\nimport type { AIRCAAgentComponents } from '@openchoreo/backstage-plugin-common';\nimport type { RCAAgentApi, RecommendedAction } from '../../../api/RCAAgentApi';\n\ntype RCAReportDetailed = AIRCAAgentComponents['schemas']['RCAReportDetailed'];\n\ninterface ChatContext {\n  namespaceName: string;\n  environmentName: string;\n  projectName: string;\n  rcaAgentApi: RCAAgentApi;\n  backendBaseUrl?: string;\n}\n\ninterface RCAReportViewProps {\n  report: RCAReportDetailed;\n  reportId: string;\n  onBack: () => void;\n  chatContext: ChatContext;\n}\n\nexport const RCAReportView = ({\n  report,\n  reportId,\n  onBack,\n  chatContext,\n}: RCAReportViewProps) => {\n  const classes = useRCAReportStyles();\n\n  // Compute revised actions from the report\n  const revisedActions = useMemo(() => {\n    const result: { index: number; action: RecommendedAction }[] = [];\n    const recs = (() => {\n      const r = report.report?.result;\n      if (r?.type === 'root_cause_identified') return r.recommendations;\n      if (r?.type === 'no_root_cause_identified') return r.recommendations;\n      return undefined;\n    })();\n    const actions = recs?.recommended_actions;\n    if (actions) {\n      actions.forEach((action, idx) => {\n        if (\n          (action.status === 'revised' ||\n            action.status === 'applied' ||\n            action.status === 'dismissed') &&\n          action.change\n        ) {\n          result.push({ index: idx, action });\n        }\n      });\n    }\n    return result;\n  }, [report]);\n\n  const hasRevised = revisedActions.length > 0;\n\n  const [activePanel, setActivePanel] = useState<'chat' | 'fixes' | null>(\n    () => {\n      if (!hasRevised) return null;\n      if (allActionsResolved(revisedActions)) return null;\n      return 'fixes';\n    },\n  );\n\n  const formatTimestamp = (timestamp?: string): string => {\n    if (!timestamp) return 'N/A';\n    try {\n      const date = new Date(timestamp);\n      return date.toLocaleString('en-US', {\n        month: 'short',\n        day: 'numeric',\n        hour: 'numeric',\n        minute: '2-digit',\n      });\n    } catch {\n      return timestamp;\n    }\n  };\n\n  const namespaceValue = useMemo(\n    () => ({ namespace: chatContext.namespaceName }),\n    [chatContext.namespaceName],\n  );\n\n  const rcaReport = report.report;\n\n  if (!rcaReport) {\n    return (\n      <Box>\n        <Box className={classes.header}>\n          <Box className={classes.headerLeft}>\n            <IconButton\n              onClick={onBack}\n              size=\"small\"\n              className={classes.backButton}\n              title=\"Back to RCA reports\"\n            >\n              <ArrowBackIcon />\n            </IconButton>\n            <Box className={classes.titleContainer}>\n              <Typography variant=\"h5\" className={classes.title}>\n                RCA Report\n              </Typography>\n              {report.timestamp && (\n                <Typography variant=\"body2\" className={classes.subtitle}>\n                  {report.reportId}\n                </Typography>\n              )}\n            </Box>\n          </Box>\n        </Box>\n        <Box className={classes.content}>\n          <Box className={classes.emptyState}>\n            <Typography variant=\"h6\" gutterBottom>\n              Report content not available\n            </Typography>\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              The RCA report analysis is not yet complete or not available.\n            </Typography>\n          </Box>\n        </Box>\n      </Box>\n    );\n  }\n\n  const isNoRootCauseIdentified =\n    rcaReport.result?.type === 'no_root_cause_identified';\n\n  const timeline =\n    rcaReport.result?.type === 'root_cause_identified'\n      ? rcaReport.result.timeline\n      : undefined;\n\n  const rootCauses =\n    rcaReport.result?.type === 'root_cause_identified'\n      ? rcaReport.result.root_causes\n      : undefined;\n\n  const excludedCauses =\n    rcaReport.result?.type === 'root_cause_identified'\n      ? rcaReport.result.excluded_causes\n      : undefined;\n\n  const recommendations = (() => {\n    if (rcaReport.result?.type === 'root_cause_identified') {\n      return rcaReport.result.recommendations;\n    }\n    if (rcaReport.result?.type === 'no_root_cause_identified') {\n      return rcaReport.result.recommendations;\n    }\n    return undefined;\n  })();\n\n  const noRootCauseResult =\n    rcaReport.result?.type === 'no_root_cause_identified'\n      ? rcaReport.result\n      : undefined;\n\n  const alertContext = rcaReport.alert_context;\n\n  const investigationPath = rcaReport.investigation_path;\n\n  return (\n    <EntityLinkContext.Provider value={namespaceValue}>\n      <Box>\n        <Box className={classes.header}>\n          <Box className={classes.headerLeft}>\n            <IconButton\n              onClick={onBack}\n              size=\"small\"\n              className={classes.backButton}\n              title=\"Back to RCA reports\"\n            >\n              <ArrowBackIcon />\n            </IconButton>\n            <Box className={classes.titleContainer}>\n              <Typography variant=\"h5\" className={classes.title}>\n                RCA Report\n              </Typography>\n              {report.timestamp && (\n                <Typography variant=\"body2\" className={classes.subtitle}>\n                  {report.reportId}\n                </Typography>\n              )}\n            </Box>\n          </Box>\n          <Box display=\"flex\" style={{ gap: 8 }}>\n            {hasRevised && (\n              <Button\n                variant={activePanel === 'fixes' ? 'contained' : 'outlined'}\n                color=\"primary\"\n                size=\"small\"\n                startIcon={<AutorenewIcon />}\n                onClick={() =>\n                  setActivePanel(prev => (prev === 'fixes' ? null : 'fixes'))\n                }\n              >\n                Quick Fixes\n              </Button>\n            )}\n            <Button\n              variant={activePanel === 'chat' ? 'contained' : 'outlined'}\n              color=\"primary\"\n              size=\"small\"\n              startIcon={<ChatOutlinedIcon />}\n              onClick={() =>\n                setActivePanel(prev => (prev === 'chat' ? null : 'chat'))\n              }\n            >\n              Chat\n            </Button>\n          </Box>\n        </Box>\n        <Box className={classes.content}>\n          <Grid container spacing={1}>\n            <Grid item xs={12} style={{ flex: '0 0 62%', maxWidth: '62%' }}>\n              <IncidentOverviewSection\n                summary={rcaReport.summary || ''}\n                alertContext={alertContext}\n                reportId={reportId}\n                reportTimestamp={report.timestamp}\n                formatTimestamp={formatTimestamp}\n              />\n              {isNoRootCauseIdentified && noRootCauseResult && (\n                <AssessmentSection noRootCauseResult={noRootCauseResult} />\n              )}\n              {rootCauses && (\n                <Box className={classes.infoCardSpacing}>\n                  <InfoCard\n                    title={\n                      <span className={classes.cardTitle}>\n                        <BugReportOutlinedIcon\n                          className={classes.cardTitleIcon}\n                        />\n                        Likely Root Causes\n                      </span>\n                    }\n                  >\n                    <RootCausesSection rootCauses={rootCauses} />\n                  </InfoCard>\n                </Box>\n              )}\n              {excludedCauses && excludedCauses.length > 0 && (\n                <Box className={classes.infoCardSpacing}>\n                  <InfoCard\n                    title={\n                      <span className={classes.cardTitle}>\n                        <NotInterestedOutlinedIcon\n                          className={classes.cardTitleIcon}\n                        />\n                        Unlikely Causes\n                      </span>\n                    }\n                  >\n                    <ExcludedCausesSection excludedCauses={excludedCauses} />\n                  </InfoCard>\n                </Box>\n              )}\n              {recommendations?.recommended_actions &&\n                recommendations.recommended_actions.length > 0 && (\n                  <Box className={classes.infoCardSpacing}>\n                    <InfoCard\n                      title={\n                        <span className={classes.cardTitle}>\n                          <AssignmentTurnedInOutlinedIcon\n                            className={classes.cardTitleIcon}\n                          />\n                          Actionable Next Steps\n                        </span>\n                      }\n                    >\n                      <RecommendationsSection\n                        actions={recommendations.recommended_actions}\n                      />\n                    </InfoCard>\n                  </Box>\n                )}\n              {recommendations?.observability_recommendations &&\n                recommendations.observability_recommendations.length > 0 && (\n                  <InfoCard\n                    title={\n                      <span className={classes.cardTitle}>\n                        <EmojiObjectsOutlinedIcon\n                          className={classes.cardTitleIcon}\n                        />\n                        Observability Suggestions\n                      </span>\n                    }\n                  >\n                    <VisibilityImprovementsSection\n                      recommendations={\n                        recommendations.observability_recommendations\n                      }\n                    />\n                  </InfoCard>\n                )}\n            </Grid>\n\n            <Grid\n              item\n              xs={12}\n              style={{ flex: '0 0 38%', maxWidth: '38%' }}\n              className={classes.sidebarColumn}\n            >\n              {activePanel === 'chat' && (\n                <ChatPanelSection\n                  reportId={reportId}\n                  chatContext={chatContext}\n                />\n              )}\n              {activePanel === 'fixes' && (\n                <QuickFixesPanelSection\n                  reportId={reportId}\n                  chatContext={chatContext}\n                  revisedActions={revisedActions}\n                />\n              )}\n              {timeline && timeline.length > 0 && (\n                <Box className={classes.infoCardSpacing}>\n                  <InfoCard\n                    title={\n                      <span className={classes.cardTitle}>\n                        <TimelineOutlinedIcon\n                          className={classes.cardTitleIcon}\n                        />\n                        System Timeline\n                      </span>\n                    }\n                  >\n                    <SystemTimelineSection timeline={timeline} />\n                  </InfoCard>\n                </Box>\n              )}\n              {investigationPath && investigationPath.length > 0 && (\n                <InfoCard\n                  title={\n                    <span className={classes.cardTitle}>\n                      <ExploreOutlinedIcon className={classes.cardTitleIcon} />\n                      Investigation Path\n                    </span>\n                  }\n                >\n                  <InvestigationPathSection\n                    investigationPath={investigationPath}\n                  />\n                </InfoCard>\n              )}\n            </Grid>\n          </Grid>\n        </Box>\n      </Box>\n    </EntityLinkContext.Provider>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,113 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box, Typography } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles';
+import { InfoCard } from '@backstage/core-components';
+import AssessmentOutlinedIcon from '@material-ui/icons/AssessmentOutlined';
+import { FormattedText } from '../FormattedText.esm.js';
+import { useRCAReportStyles } from '../styles.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  propertyGrid: {
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.spacing(1.5)
+  },
+  propertyRow: {
+    display: "flex",
+    alignItems: "baseline",
+    gap: theme.spacing(2)
+  },
+  propertyKey: {
+    fontWeight: 500,
+    color: theme.palette.text.secondary,
+    fontSize: theme.typography.body2.fontSize,
+    minWidth: 100,
+    flexShrink: 0
+  },
+  propertyValue: {
+    color: theme.palette.text.primary,
+    fontSize: theme.typography.body2.fontSize,
+    wordBreak: "break-word"
+  },
+  outcomeTransient: {
+    color: theme.palette.warning.main,
+    fontWeight: 500
+  },
+  outcomeNoAnomaly: {
+    color: theme.palette.success.main,
+    fontWeight: 500
+  },
+  outcomeInsufficientData: {
+    color: theme.palette.warning.main,
+    fontWeight: 500
+  },
+  outcomeExternal: {
+    color: theme.palette.info.main,
+    fontWeight: 500
+  }
+}));
+const getOutcomeClass = (outcome, classes) => {
+  switch (outcome) {
+    case "no_anomaly_detected":
+      return classes.outcomeNoAnomaly;
+    case "insufficient_data":
+      return classes.outcomeInsufficientData;
+    case "transient":
+      return classes.outcomeTransient;
+    case "external_dependency":
+      return classes.outcomeExternal;
+    default:
+      return "";
+  }
+};
+const getOutcomeLabel = (outcome) => {
+  switch (outcome) {
+    case "no_anomaly_detected":
+      return "No Anomaly Detected";
+    case "insufficient_data":
+      return "Insufficient Data";
+    case "transient":
+      return "Transient Issue";
+    case "external_dependency":
+      return "External Dependency";
+    default:
+      return outcome;
+  }
+};
+const AssessmentSection = ({
+  noRootCauseResult
+}) => {
+  const sharedClasses = useRCAReportStyles();
+  const classes = useStyles();
+  return /* @__PURE__ */ jsx(Box, { className: sharedClasses.infoCardSpacing, children: /* @__PURE__ */ jsx(
+    InfoCard,
+    {
+      title: /* @__PURE__ */ jsxs("span", { className: sharedClasses.cardTitle, children: [
+        /* @__PURE__ */ jsx(AssessmentOutlinedIcon, { className: sharedClasses.cardTitleIcon }),
+        "Assessment"
+      ] }),
+      children: /* @__PURE__ */ jsxs(Box, { className: classes.propertyGrid, children: [
+        /* @__PURE__ */ jsxs(Box, { className: classes.propertyRow, children: [
+          /* @__PURE__ */ jsx(Typography, { className: classes.propertyKey, children: "Outcome" }),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              className: `${classes.propertyValue} ${getOutcomeClass(
+                noRootCauseResult.outcome,
+                classes
+              )}`,
+              children: getOutcomeLabel(noRootCauseResult.outcome)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { className: classes.propertyRow, children: [
+          /* @__PURE__ */ jsx(Typography, { className: classes.propertyKey, children: "Explanation" }),
+          /* @__PURE__ */ jsx(Typography, { className: classes.propertyValue, children: /* @__PURE__ */ jsx(FormattedText, { text: noRootCauseResult.explanation }) })
+        ] })
+      ] })
+    }
+  ) });
+};
+
+export { AssessmentSection };
+//# sourceMappingURL=AssessmentSection.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentSection.esm.js","sources":["../../../../../src/components/RCA/RCAReport/sections/AssessmentSection.tsx"],"sourcesContent":["import { Box, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { InfoCard } from '@backstage/core-components';\nimport AssessmentOutlinedIcon from '@material-ui/icons/AssessmentOutlined';\nimport { FormattedText } from '../FormattedText';\nimport { useRCAReportStyles } from '../styles';\nimport type { AIRCAAgentComponents } from '@openchoreo/backstage-plugin-common';\n\ntype NoRootCauseIdentified =\n  AIRCAAgentComponents['schemas']['NoRootCauseIdentified'];\ntype NoRootCauseOutcome = NoRootCauseIdentified['outcome'];\n\ninterface AssessmentSectionProps {\n  noRootCauseResult: NoRootCauseIdentified;\n}\n\nconst useStyles = makeStyles(theme => ({\n  propertyGrid: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(1.5),\n  },\n  propertyRow: {\n    display: 'flex',\n    alignItems: 'baseline',\n    gap: theme.spacing(2),\n  },\n  propertyKey: {\n    fontWeight: 500,\n    color: theme.palette.text.secondary,\n    fontSize: theme.typography.body2.fontSize,\n    minWidth: 100,\n    flexShrink: 0,\n  },\n  propertyValue: {\n    color: theme.palette.text.primary,\n    fontSize: theme.typography.body2.fontSize,\n    wordBreak: 'break-word',\n  },\n  outcomeTransient: {\n    color: theme.palette.warning.main,\n    fontWeight: 500,\n  },\n  outcomeNoAnomaly: {\n    color: theme.palette.success.main,\n    fontWeight: 500,\n  },\n  outcomeInsufficientData: {\n    color: theme.palette.warning.main,\n    fontWeight: 500,\n  },\n  outcomeExternal: {\n    color: theme.palette.info.main,\n    fontWeight: 500,\n  },\n}));\n\nconst getOutcomeClass = (\n  outcome: NoRootCauseOutcome,\n  classes: ReturnType<typeof useStyles>,\n): string => {\n  switch (outcome) {\n    case 'no_anomaly_detected':\n      return classes.outcomeNoAnomaly;\n    case 'insufficient_data':\n      return classes.outcomeInsufficientData;\n    case 'transient':\n      return classes.outcomeTransient;\n    case 'external_dependency':\n      return classes.outcomeExternal;\n    default:\n      return '';\n  }\n};\n\nconst getOutcomeLabel = (outcome: NoRootCauseOutcome): string => {\n  switch (outcome) {\n    case 'no_anomaly_detected':\n      return 'No Anomaly Detected';\n    case 'insufficient_data':\n      return 'Insufficient Data';\n    case 'transient':\n      return 'Transient Issue';\n    case 'external_dependency':\n      return 'External Dependency';\n    default:\n      return outcome;\n  }\n};\n\nexport const AssessmentSection = ({\n  noRootCauseResult,\n}: AssessmentSectionProps) => {\n  const sharedClasses = useRCAReportStyles();\n  const classes = useStyles();\n\n  return (\n    <Box className={sharedClasses.infoCardSpacing}>\n      <InfoCard\n        title={\n          <span className={sharedClasses.cardTitle}>\n            <AssessmentOutlinedIcon className={sharedClasses.cardTitleIcon} />\n            Assessment\n          </span>\n        }\n      >\n        <Box className={classes.propertyGrid}>\n          <Box className={classes.propertyRow}>\n            <Typography className={classes.propertyKey}>Outcome</Typography>\n            <Typography\n              className={`${classes.propertyValue} ${getOutcomeClass(\n                noRootCauseResult.outcome,\n                classes,\n              )}`}\n            >\n              {getOutcomeLabel(noRootCauseResult.outcome)}\n            </Typography>\n          </Box>\n          <Box className={classes.propertyRow}>\n            <Typography className={classes.propertyKey}>Explanation</Typography>\n            <Typography className={classes.propertyValue}>\n              <FormattedText text={noRootCauseResult.explanation} />\n            </Typography>\n          </Box>\n        </Box>\n      </InfoCard>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAgBA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,YAAA,EAAc;AAAA,IACZ,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG;AAAA,GACxB;AAAA,EACA,WAAA,EAAa;AAAA,IACX,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,UAAA;AAAA,IACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,GACtB;AAAA,EACA,WAAA,EAAa;AAAA,IACX,UAAA,EAAY,GAAA;AAAA,IACZ,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,IAC1B,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,KAAA,CAAM,QAAA;AAAA,IACjC,QAAA,EAAU,GAAA;AAAA,IACV,UAAA,EAAY;AAAA,GACd;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,OAAA;AAAA,IAC1B,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,KAAA,CAAM,QAAA;AAAA,IACjC,SAAA,EAAW;AAAA,GACb;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ,IAAA;AAAA,IAC7B,UAAA,EAAY;AAAA,GACd;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ,IAAA;AAAA,IAC7B,UAAA,EAAY;AAAA,GACd;AAAA,EACA,uBAAA,EAAyB;AAAA,IACvB,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ,IAAA;AAAA,IAC7B,UAAA,EAAY;AAAA,GACd;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,IAAA;AAAA,IAC1B,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAEF,MAAM,eAAA,GAAkB,CACtB,OAAA,EACA,OAAA,KACW;AACX,EAAA,QAAQ,OAAA;AAAS,IACf,KAAK,qBAAA;AACH,MAAA,OAAO,OAAA,CAAQ,gBAAA;AAAA,IACjB,KAAK,mBAAA;AACH,MAAA,OAAO,OAAA,CAAQ,uBAAA;AAAA,IACjB,KAAK,WAAA;AACH,MAAA,OAAO,OAAA,CAAQ,gBAAA;AAAA,IACjB,KAAK,qBAAA;AACH,MAAA,OAAO,OAAA,CAAQ,eAAA;AAAA,IACjB;AACE,MAAA,OAAO,EAAA;AAAA;AAEb,CAAA;AAEA,MAAM,eAAA,GAAkB,CAAC,OAAA,KAAwC;AAC/D,EAAA,QAAQ,OAAA;AAAS,IACf,KAAK,qBAAA;AACH,MAAA,OAAO,qBAAA;AAAA,IACT,KAAK,mBAAA;AACH,MAAA,OAAO,mBAAA;AAAA,IACT,KAAK,WAAA;AACH,MAAA,OAAO,iBAAA;AAAA,IACT,KAAK,qBAAA;AACH,MAAA,OAAO,qBAAA;AAAA,IACT;AACE,MAAA,OAAO,OAAA;AAAA;AAEb,CAAA;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC;AACF,CAAA,KAA8B;AAC5B,EAAA,MAAM,gBAAgB,kBAAA,EAAmB;AACzC,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,aAAA,CAAc,eAAA,EAC5B,QAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAA,kBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,cAAc,SAAA,EAC7B,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,sBAAA,EAAA,EAAuB,SAAA,EAAW,aAAA,CAAc,aAAA,EAAe,CAAA;AAAA,QAAE;AAAA,OAAA,EAEpE,CAAA;AAAA,MAGF,QAAA,kBAAA,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,YAAA,EACtB,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,WAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,OAAA,CAAQ,WAAA,EAAa,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,0BACnD,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,CAAA,EAAG,OAAA,CAAQ,aAAa,CAAA,CAAA,EAAI,eAAA;AAAA,gBACrC,iBAAA,CAAkB,OAAA;AAAA,gBAClB;AAAA,eACD,CAAA,CAAA;AAAA,cAEA,QAAA,EAAA,eAAA,CAAgB,kBAAkB,OAAO;AAAA;AAAA;AAC5C,SAAA,EACF,CAAA;AAAA,wBACA,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,WAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,OAAA,CAAQ,WAAA,EAAa,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,0BACvD,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,OAAA,CAAQ,aAAA,EAC7B,8BAAC,aAAA,EAAA,EAAc,IAAA,EAAM,iBAAA,CAAkB,WAAA,EAAa,CAAA,EACtD;AAAA,SAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}