@openchoreo/backstage-plugin-openchoreo-observability 1.1.0

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

@@ -0,0 +1,517 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Box, IconButton, Typography, Grid, Button } from '@material-ui/core';
+import ArrowBackIcon from '@material-ui/icons/ArrowBack';
+import { InfoCard } from '@backstage/core-components';
+import AttachMoneyOutlinedIcon from '@material-ui/icons/AttachMoneyOutlined';
+import TimelineOutlinedIcon from '@material-ui/icons/TimelineOutlined';
+import TrendingUpOutlinedIcon from '@material-ui/icons/TrendingUpOutlined';
+import AssignmentOutlinedIcon from '@material-ui/icons/AssignmentOutlined';
+import { FormattedText } from '../RCA/RCAReport/FormattedText.esm.js';
+import { FinOpsApplyButton } from './FinOpsApplyButton.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  header: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: theme.spacing(2, 3),
+    borderBottom: `1px solid ${theme.palette.divider}`,
+    backgroundColor: theme.palette.background.paper
+  },
+  headerLeft: {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.spacing(2)
+  },
+  backButton: {
+    padding: theme.spacing(1)
+  },
+  titleContainer: {
+    display: "flex",
+    flexDirection: "column"
+  },
+  title: {
+    fontWeight: 500
+  },
+  subtitle: {
+    color: theme.palette.text.secondary
+  },
+  content: {
+    padding: theme.spacing(3)
+  },
+  sectionTitle: {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.spacing(1),
+    marginBottom: theme.spacing(2)
+  },
+  metricRow: {
+    display: "flex",
+    justifyContent: "space-between",
+    padding: theme.spacing(1.5, 0),
+    borderBottom: `1px solid ${theme.palette.divider}`,
+    "&:last-child": {
+      borderBottom: "none"
+    }
+  },
+  metricLabel: {
+    color: theme.palette.text.secondary
+  },
+  metricValue: {
+    fontWeight: 500
+  },
+  costComparison: {
+    display: "flex",
+    gap: theme.spacing(3)
+  },
+  costBox: {
+    flex: 1,
+    padding: theme.spacing(2),
+    border: `1px solid ${theme.palette.divider}`,
+    borderRadius: theme.shape.borderRadius
+  },
+  costHeader: {
+    marginBottom: theme.spacing(1.5),
+    fontWeight: 500
+  },
+  costTotal: {
+    fontSize: "1.5rem",
+    fontWeight: 600,
+    marginTop: theme.spacing(1)
+  },
+  overBudget: {
+    color: theme.palette.error.main
+  },
+  underBudget: {
+    color: theme.palette.success.main
+  },
+  stepItem: {
+    padding: theme.spacing(2),
+    marginBottom: theme.spacing(2),
+    border: `1px solid ${theme.palette.divider}`,
+    borderRadius: theme.shape.borderRadius,
+    "&:last-child": {
+      marginBottom: 0
+    }
+  },
+  stepHeader: {
+    fontWeight: 500,
+    marginBottom: theme.spacing(1)
+  },
+  recommendationBox: {
+    padding: theme.spacing(2),
+    backgroundColor: theme.palette.action.hover,
+    borderRadius: theme.shape.borderRadius,
+    marginBottom: theme.spacing(2)
+  },
+  savingsHighlight: {
+    fontSize: "1.25rem",
+    fontWeight: 600,
+    color: theme.palette.success.main,
+    marginTop: theme.spacing(1)
+  }
+}));
+const CostAnalysisReportView = ({
+  report,
+  reportId,
+  onBack,
+  componentUrl,
+  metricsUrl,
+  chatContext,
+  onRecommendationApplied
+}) => {
+  const classes = useStyles();
+  const formatTimestamp = (timestamp) => {
+    if (!timestamp) return "N/A";
+    try {
+      const date = new Date(timestamp);
+      return date.toLocaleString("en-US", {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+        hour: "numeric",
+        minute: "2-digit"
+      });
+    } catch {
+      return timestamp;
+    }
+  };
+  const formatCost = (cost, currency) => {
+    return `${currency} ${cost.toFixed(2)}`;
+  };
+  const costAnalysis = report.report;
+  if (!costAnalysis) {
+    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 cost analysis reports",
+            children: /* @__PURE__ */ jsx(ArrowBackIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsxs(Box, { className: classes.titleContainer, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h5", className: classes.title, children: "Cost Analysis Report" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.subtitle, children: reportId })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Box, { className: classes.content, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "Report content not available" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "The cost analysis report is not yet complete or not available." })
+      ] })
+    ] });
+  }
+  const budgetCost = costAnalysis.budgeted_cost;
+  const actualCost = costAnalysis.actual_cost;
+  const isOverBudget = actualCost.total_cost > budgetCost.total_cost;
+  const costDifference = actualCost.total_cost - budgetCost.total_cost;
+  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 cost analysis reports",
+          children: /* @__PURE__ */ jsx(ArrowBackIcon, {})
+        }
+      ),
+      /* @__PURE__ */ jsxs(Box, { className: classes.titleContainer, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "h5", className: classes.title, children: "Cost Analysis Report" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.subtitle, children: formatTimestamp(report.timestamp) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Box, { className: classes.content, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(
+        InfoCard,
+        {
+          title: /* @__PURE__ */ jsxs(
+            Box,
+            {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              width: "100%",
+              children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Overview" }),
+                componentUrl && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "outlined",
+                    size: "small",
+                    color: "primary",
+                    onClick: () => window.open(
+                      componentUrl,
+                      "_blank",
+                      "noopener,noreferrer"
+                    ),
+                    children: "View component"
+                  }
+                )
+              ]
+            }
+          ),
+          children: [
+            /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Report ID" }),
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricValue, children: reportId })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Component" }),
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricValue, children: costAnalysis.component })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Project" }),
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricValue, children: costAnalysis.project })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Namespace" }),
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricValue, children: costAnalysis.namespace })
+            ] }),
+            report.environment && /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Environment" }),
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricValue, children: report.environment })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Analysis Period" }),
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricValue, children: costAnalysis.analysis_period })
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+        InfoCard,
+        {
+          title: /* @__PURE__ */ jsxs(Box, { className: classes.sectionTitle, children: [
+            /* @__PURE__ */ jsx(AttachMoneyOutlinedIcon, {}),
+            /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Budget vs Actual Cost" })
+          ] }),
+          children: /* @__PURE__ */ jsxs(Box, { className: classes.costComparison, children: [
+            /* @__PURE__ */ jsxs(Box, { className: classes.costBox, children: [
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "subtitle2",
+                  className: classes.costHeader,
+                  children: "Budgeted Cost"
+                }
+              ),
+              /* @__PURE__ */ jsx(Typography, { className: classes.costTotal, children: formatCost(budgetCost.total_cost, budgetCost.currency) })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { className: classes.costBox, children: [
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "subtitle2",
+                  className: classes.costHeader,
+                  children: "Actual Cost"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  className: `${classes.costTotal} ${isOverBudget ? classes.overBudget : classes.underBudget}`,
+                  children: formatCost(actualCost.total_cost, actualCost.currency)
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Typography,
+                {
+                  variant: "caption",
+                  className: isOverBudget ? classes.overBudget : classes.underBudget,
+                  children: [
+                    isOverBudget ? "+" : "",
+                    formatCost(
+                      Math.abs(costDifference),
+                      actualCost.currency
+                    ),
+                    " ",
+                    isOverBudget ? "over budget" : "under budget"
+                  ]
+                }
+              )
+            ] })
+          ] })
+        }
+      ) }),
+      costAnalysis.resource_metrics.data_available && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+        InfoCard,
+        {
+          title: /* @__PURE__ */ jsxs(
+            Box,
+            {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              width: "100%",
+              children: [
+                /* @__PURE__ */ jsxs(Box, { className: classes.sectionTitle, children: [
+                  /* @__PURE__ */ jsx(TimelineOutlinedIcon, {}),
+                  /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Resource Metrics" })
+                ] }),
+                metricsUrl && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "outlined",
+                    size: "small",
+                    color: "primary",
+                    onClick: () => window.open(
+                      metricsUrl,
+                      "_blank",
+                      "noopener,noreferrer"
+                    ),
+                    children: "View metrics"
+                  }
+                )
+              ]
+            }
+          ),
+          children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+            /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, children: "CPU" }),
+              /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+                /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Request" }),
+                /* @__PURE__ */ jsx(Typography, { children: costAnalysis.resource_metrics.cpu_request || "N/A" })
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+                /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Limit" }),
+                /* @__PURE__ */ jsx(Typography, { children: costAnalysis.resource_metrics.cpu_limit || "N/A" })
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+                /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Actual (Avg)" }),
+                /* @__PURE__ */ jsx(Typography, { children: costAnalysis.resource_metrics.cpu_actual_avg || "N/A" })
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+                /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Actual (Peak)" }),
+                /* @__PURE__ */ jsx(Typography, { children: costAnalysis.resource_metrics.cpu_actual_peak || "N/A" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, children: "Memory" }),
+              /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+                /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Request" }),
+                /* @__PURE__ */ jsx(Typography, { children: costAnalysis.resource_metrics.memory_request || "N/A" })
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+                /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Limit" }),
+                /* @__PURE__ */ jsx(Typography, { children: costAnalysis.resource_metrics.memory_limit || "N/A" })
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+                /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Actual (Avg)" }),
+                /* @__PURE__ */ jsx(Typography, { children: costAnalysis.resource_metrics.memory_actual_avg || "N/A" })
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+                /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Actual (Peak)" }),
+                /* @__PURE__ */ jsx(Typography, { children: costAnalysis.resource_metrics.memory_actual_peak || "N/A" })
+              ] })
+            ] })
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(
+        InfoCard,
+        {
+          title: /* @__PURE__ */ jsxs(Box, { className: classes.sectionTitle, children: [
+            /* @__PURE__ */ jsx(TrendingUpOutlinedIcon, {}),
+            /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Overprovisioning Analysis" })
+          ] }),
+          children: [
+            /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Status" }),
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  className: costAnalysis.overprovisioning.is_overprovisioned ? classes.overBudget : classes.underBudget,
+                  style: { fontWeight: 500 },
+                  children: costAnalysis.overprovisioning.is_overprovisioned ? "Overprovisioned" : "Appropriately Provisioned"
+                }
+              )
+            ] }),
+            typeof costAnalysis.overprovisioning.cpu_utilization_pct === "number" && /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "CPU Utilization" }),
+              /* @__PURE__ */ jsxs(Typography, { children: [
+                costAnalysis.overprovisioning.cpu_utilization_pct.toFixed(
+                  1
+                ),
+                "%"
+              ] })
+            ] }),
+            typeof costAnalysis.overprovisioning.memory_utilization_pct === "number" && /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+              /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Memory Utilization" }),
+              /* @__PURE__ */ jsxs(Typography, { children: [
+                costAnalysis.overprovisioning.memory_utilization_pct.toFixed(
+                  1
+                ),
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(
+              FormattedText,
+              {
+                text: costAnalysis.overprovisioning.analysis
+              }
+            ) }) })
+          ]
+        }
+      ) }),
+      costAnalysis.overprovisioning.recommendation && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(
+        InfoCard,
+        {
+          title: /* @__PURE__ */ jsxs(Box, { className: classes.sectionTitle, children: [
+            /* @__PURE__ */ jsx(AssignmentOutlinedIcon, {}),
+            /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Recommendation" })
+          ] }),
+          children: [
+            /* @__PURE__ */ jsxs(Box, { className: classes.recommendationBox, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, children: "Recommended Resource Configuration" }),
+              /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+                /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+                  /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+                    /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "CPU Request" }),
+                    /* @__PURE__ */ jsx(Typography, { children: costAnalysis.overprovisioning.recommendation.cpu_request })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+                    /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "CPU Limit" }),
+                    /* @__PURE__ */ jsx(Typography, { children: costAnalysis.overprovisioning.recommendation.cpu_limit })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+                  /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+                    /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Memory Request" }),
+                    /* @__PURE__ */ jsx(Typography, { children: costAnalysis.overprovisioning.recommendation.memory_request })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Box, { className: classes.metricRow, children: [
+                    /* @__PURE__ */ jsx(Typography, { className: classes.metricLabel, children: "Memory Limit" }),
+                    /* @__PURE__ */ jsx(Typography, { children: costAnalysis.overprovisioning.recommendation.memory_limit })
+                  ] })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { marginTop: "16px" }, children: /* @__PURE__ */ jsx(
+              FormattedText,
+              {
+                text: costAnalysis.overprovisioning.recommendation.rationale
+              }
+            ) }),
+            (() => {
+              const action = costAnalysis.recommended_actions?.[0];
+              if (!action?.change || !chatContext) return null;
+              return /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(
+                FinOpsApplyButton,
+                {
+                  reportId,
+                  actionIndex: 0,
+                  action,
+                  chatContext,
+                  onApplied: onRecommendationApplied
+                }
+              ) });
+            })()
+          ]
+        }
+      ) }),
+      costAnalysis.investigation_path && costAnalysis.investigation_path.length > 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+        InfoCard,
+        {
+          title: /* @__PURE__ */ jsxs(Box, { className: classes.sectionTitle, children: [
+            /* @__PURE__ */ jsx(TimelineOutlinedIcon, {}),
+            /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Investigation Path" })
+          ] }),
+          children: costAnalysis.investigation_path.map((step, index) => /* @__PURE__ */ jsxs(Box, { className: classes.stepItem, children: [
+            /* @__PURE__ */ jsxs(
+              Typography,
+              {
+                variant: "subtitle2",
+                className: classes.stepHeader,
+                children: [
+                  "Step ",
+                  index + 1,
+                  ": ",
+                  step.action
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(Typography, { variant: "body2", gutterBottom: true, children: [
+              /* @__PURE__ */ jsx("strong", { children: "Outcome:" }),
+              " ",
+              step.outcome
+            ] }),
+            step.rationale && /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", children: [
+              /* @__PURE__ */ jsx("strong", { children: "Rationale:" }),
+              " ",
+              step.rationale
+            ] })
+          ] }, index))
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Summary", children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: /* @__PURE__ */ jsx(FormattedText, { text: costAnalysis.summary }) }) }) })
+    ] }) })
+  ] });
+};
+
+export { CostAnalysisReportView };
+//# sourceMappingURL=CostAnalysisReportView.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CostAnalysisReportView.esm.js","sources":["../../../src/components/CostAnalysis/CostAnalysisReportView.tsx"],"sourcesContent":["import {\n  Typography,\n  Grid,\n  Box,\n  IconButton,\n  Button,\n  makeStyles,\n} from '@material-ui/core';\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\nimport { InfoCard } from '@backstage/core-components';\nimport AttachMoneyOutlinedIcon from '@material-ui/icons/AttachMoneyOutlined';\nimport TimelineOutlinedIcon from '@material-ui/icons/TimelineOutlined';\nimport TrendingUpOutlinedIcon from '@material-ui/icons/TrendingUpOutlined';\nimport AssignmentOutlinedIcon from '@material-ui/icons/AssignmentOutlined';\nimport { FinOpsReportDetailed } from '../../types';\nimport { FormattedText } from '../RCA/RCAReport/FormattedText';\nimport { FinOpsApplyButton } from './FinOpsApplyButton';\nimport type { FinOpsAgentApi } from '../../api/FinOpsAgentApi';\n\nconst useStyles = makeStyles(theme => ({\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: theme.spacing(2, 3),\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    backgroundColor: theme.palette.background.paper,\n  },\n  headerLeft: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n  },\n  backButton: {\n    padding: theme.spacing(1),\n  },\n  titleContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  title: {\n    fontWeight: 500,\n  },\n  subtitle: {\n    color: theme.palette.text.secondary,\n  },\n  content: {\n    padding: theme.spacing(3),\n  },\n  sectionTitle: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    marginBottom: theme.spacing(2),\n  },\n  metricRow: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: theme.spacing(1.5, 0),\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    '&:last-child': {\n      borderBottom: 'none',\n    },\n  },\n  metricLabel: {\n    color: theme.palette.text.secondary,\n  },\n  metricValue: {\n    fontWeight: 500,\n  },\n  costComparison: {\n    display: 'flex',\n    gap: theme.spacing(3),\n  },\n  costBox: {\n    flex: 1,\n    padding: theme.spacing(2),\n    border: `1px solid ${theme.palette.divider}`,\n    borderRadius: theme.shape.borderRadius,\n  },\n  costHeader: {\n    marginBottom: theme.spacing(1.5),\n    fontWeight: 500,\n  },\n  costTotal: {\n    fontSize: '1.5rem',\n    fontWeight: 600,\n    marginTop: theme.spacing(1),\n  },\n  overBudget: {\n    color: theme.palette.error.main,\n  },\n  underBudget: {\n    color: theme.palette.success.main,\n  },\n  stepItem: {\n    padding: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n    border: `1px solid ${theme.palette.divider}`,\n    borderRadius: theme.shape.borderRadius,\n    '&:last-child': {\n      marginBottom: 0,\n    },\n  },\n  stepHeader: {\n    fontWeight: 500,\n    marginBottom: theme.spacing(1),\n  },\n  recommendationBox: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.action.hover,\n    borderRadius: theme.shape.borderRadius,\n    marginBottom: theme.spacing(2),\n  },\n  savingsHighlight: {\n    fontSize: '1.25rem',\n    fontWeight: 600,\n    color: theme.palette.success.main,\n    marginTop: theme.spacing(1),\n  },\n}));\n\ninterface FinOpsApplyChatContextProp {\n  backendBaseUrl?: string;\n  namespaceName: string;\n  environmentName: string;\n  finopsAgentApi: FinOpsAgentApi;\n}\n\ninterface CostAnalysisReportViewProps {\n  report: FinOpsReportDetailed;\n  reportId: string;\n  onBack: () => void;\n  componentUrl?: string;\n  metricsUrl?: string;\n  chatContext?: FinOpsApplyChatContextProp;\n  onRecommendationApplied?: () => void;\n}\n\nexport const CostAnalysisReportView = ({\n  report,\n  reportId,\n  onBack,\n  componentUrl,\n  metricsUrl,\n  chatContext,\n  onRecommendationApplied,\n}: CostAnalysisReportViewProps) => {\n  const classes = useStyles();\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        year: 'numeric',\n        hour: 'numeric',\n        minute: '2-digit',\n      });\n    } catch {\n      return timestamp;\n    }\n  };\n\n  const formatCost = (cost: number, currency: string): string => {\n    return `${currency} ${cost.toFixed(2)}`;\n  };\n\n  const costAnalysis = report.report;\n\n  if (!costAnalysis) {\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 cost analysis reports\"\n            >\n              <ArrowBackIcon />\n            </IconButton>\n            <Box className={classes.titleContainer}>\n              <Typography variant=\"h5\" className={classes.title}>\n                Cost Analysis Report\n              </Typography>\n              <Typography variant=\"body2\" className={classes.subtitle}>\n                {reportId}\n              </Typography>\n            </Box>\n          </Box>\n        </Box>\n        <Box className={classes.content}>\n          <Typography variant=\"h6\" gutterBottom>\n            Report content not available\n          </Typography>\n          <Typography variant=\"body2\" color=\"textSecondary\">\n            The cost analysis report is not yet complete or not available.\n          </Typography>\n        </Box>\n      </Box>\n    );\n  }\n\n  const budgetCost = costAnalysis.budgeted_cost;\n  const actualCost = costAnalysis.actual_cost;\n  const isOverBudget = actualCost.total_cost > budgetCost.total_cost;\n  const costDifference = actualCost.total_cost - budgetCost.total_cost;\n\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 cost analysis reports\"\n          >\n            <ArrowBackIcon />\n          </IconButton>\n          <Box className={classes.titleContainer}>\n            <Typography variant=\"h5\" className={classes.title}>\n              Cost Analysis Report\n            </Typography>\n            <Typography variant=\"body2\" className={classes.subtitle}>\n              {formatTimestamp(report.timestamp)}\n            </Typography>\n          </Box>\n        </Box>\n      </Box>\n\n      <Box className={classes.content}>\n        <Grid container spacing={3}>\n          {/* Overview Section */}\n          <Grid item xs={12}>\n            <InfoCard\n              title={\n                <Box\n                  display=\"flex\"\n                  alignItems=\"center\"\n                  justifyContent=\"space-between\"\n                  width=\"100%\"\n                >\n                  <Typography variant=\"h6\">Overview</Typography>\n                  {componentUrl && (\n                    <Button\n                      variant=\"outlined\"\n                      size=\"small\"\n                      color=\"primary\"\n                      onClick={() =>\n                        window.open(\n                          componentUrl,\n                          '_blank',\n                          'noopener,noreferrer',\n                        )\n                      }\n                    >\n                      View component\n                    </Button>\n                  )}\n                </Box>\n              }\n            >\n              <Box className={classes.metricRow}>\n                <Typography className={classes.metricLabel}>\n                  Report ID\n                </Typography>\n                <Typography className={classes.metricValue}>\n                  {reportId}\n                </Typography>\n              </Box>\n              <Box className={classes.metricRow}>\n                <Typography className={classes.metricLabel}>\n                  Component\n                </Typography>\n                <Typography className={classes.metricValue}>\n                  {costAnalysis.component}\n                </Typography>\n              </Box>\n              <Box className={classes.metricRow}>\n                <Typography className={classes.metricLabel}>Project</Typography>\n                <Typography className={classes.metricValue}>\n                  {costAnalysis.project}\n                </Typography>\n              </Box>\n              <Box className={classes.metricRow}>\n                <Typography className={classes.metricLabel}>\n                  Namespace\n                </Typography>\n                <Typography className={classes.metricValue}>\n                  {costAnalysis.namespace}\n                </Typography>\n              </Box>\n              {report.environment && (\n                <Box className={classes.metricRow}>\n                  <Typography className={classes.metricLabel}>\n                    Environment\n                  </Typography>\n                  <Typography className={classes.metricValue}>\n                    {report.environment}\n                  </Typography>\n                </Box>\n              )}\n              <Box className={classes.metricRow}>\n                <Typography className={classes.metricLabel}>\n                  Analysis Period\n                </Typography>\n                <Typography className={classes.metricValue}>\n                  {costAnalysis.analysis_period}\n                </Typography>\n              </Box>\n            </InfoCard>\n          </Grid>\n\n          {/* Budget vs Actual Section */}\n          <Grid item xs={12}>\n            <InfoCard\n              title={\n                <Box className={classes.sectionTitle}>\n                  <AttachMoneyOutlinedIcon />\n                  <Typography variant=\"h6\">Budget vs Actual Cost</Typography>\n                </Box>\n              }\n            >\n              <Box className={classes.costComparison}>\n                <Box className={classes.costBox}>\n                  <Typography\n                    variant=\"subtitle2\"\n                    className={classes.costHeader}\n                  >\n                    Budgeted Cost\n                  </Typography>\n                  <Typography className={classes.costTotal}>\n                    {formatCost(budgetCost.total_cost, budgetCost.currency)}\n                  </Typography>\n                </Box>\n\n                <Box className={classes.costBox}>\n                  <Typography\n                    variant=\"subtitle2\"\n                    className={classes.costHeader}\n                  >\n                    Actual Cost\n                  </Typography>\n                  <Typography\n                    className={`${classes.costTotal} ${\n                      isOverBudget ? classes.overBudget : classes.underBudget\n                    }`}\n                  >\n                    {formatCost(actualCost.total_cost, actualCost.currency)}\n                  </Typography>\n                  <Typography\n                    variant=\"caption\"\n                    className={\n                      isOverBudget ? classes.overBudget : classes.underBudget\n                    }\n                  >\n                    {isOverBudget ? '+' : ''}\n                    {formatCost(\n                      Math.abs(costDifference),\n                      actualCost.currency,\n                    )}{' '}\n                    {isOverBudget ? 'over budget' : 'under budget'}\n                  </Typography>\n                </Box>\n              </Box>\n            </InfoCard>\n          </Grid>\n\n          {/* Resource Metrics Section */}\n          {costAnalysis.resource_metrics.data_available && (\n            <Grid item xs={12}>\n              <InfoCard\n                title={\n                  <Box\n                    display=\"flex\"\n                    alignItems=\"center\"\n                    justifyContent=\"space-between\"\n                    width=\"100%\"\n                  >\n                    <Box className={classes.sectionTitle}>\n                      <TimelineOutlinedIcon />\n                      <Typography variant=\"h6\">Resource Metrics</Typography>\n                    </Box>\n                    {metricsUrl && (\n                      <Button\n                        variant=\"outlined\"\n                        size=\"small\"\n                        color=\"primary\"\n                        onClick={() =>\n                          window.open(\n                            metricsUrl,\n                            '_blank',\n                            'noopener,noreferrer',\n                          )\n                        }\n                      >\n                        View metrics\n                      </Button>\n                    )}\n                  </Box>\n                }\n              >\n                <Grid container spacing={2}>\n                  <Grid item xs={6}>\n                    <Typography variant=\"subtitle2\" gutterBottom>\n                      CPU\n                    </Typography>\n                    <Box className={classes.metricRow}>\n                      <Typography className={classes.metricLabel}>\n                        Request\n                      </Typography>\n                      <Typography>\n                        {costAnalysis.resource_metrics.cpu_request || 'N/A'}\n                      </Typography>\n                    </Box>\n                    <Box className={classes.metricRow}>\n                      <Typography className={classes.metricLabel}>\n                        Limit\n                      </Typography>\n                      <Typography>\n                        {costAnalysis.resource_metrics.cpu_limit || 'N/A'}\n                      </Typography>\n                    </Box>\n                    <Box className={classes.metricRow}>\n                      <Typography className={classes.metricLabel}>\n                        Actual (Avg)\n                      </Typography>\n                      <Typography>\n                        {costAnalysis.resource_metrics.cpu_actual_avg || 'N/A'}\n                      </Typography>\n                    </Box>\n                    <Box className={classes.metricRow}>\n                      <Typography className={classes.metricLabel}>\n                        Actual (Peak)\n                      </Typography>\n                      <Typography>\n                        {costAnalysis.resource_metrics.cpu_actual_peak || 'N/A'}\n                      </Typography>\n                    </Box>\n                  </Grid>\n                  <Grid item xs={6}>\n                    <Typography variant=\"subtitle2\" gutterBottom>\n                      Memory\n                    </Typography>\n                    <Box className={classes.metricRow}>\n                      <Typography className={classes.metricLabel}>\n                        Request\n                      </Typography>\n                      <Typography>\n                        {costAnalysis.resource_metrics.memory_request || 'N/A'}\n                      </Typography>\n                    </Box>\n                    <Box className={classes.metricRow}>\n                      <Typography className={classes.metricLabel}>\n                        Limit\n                      </Typography>\n                      <Typography>\n                        {costAnalysis.resource_metrics.memory_limit || 'N/A'}\n                      </Typography>\n                    </Box>\n                    <Box className={classes.metricRow}>\n                      <Typography className={classes.metricLabel}>\n                        Actual (Avg)\n                      </Typography>\n                      <Typography>\n                        {costAnalysis.resource_metrics.memory_actual_avg ||\n                          'N/A'}\n                      </Typography>\n                    </Box>\n                    <Box className={classes.metricRow}>\n                      <Typography className={classes.metricLabel}>\n                        Actual (Peak)\n                      </Typography>\n                      <Typography>\n                        {costAnalysis.resource_metrics.memory_actual_peak ||\n                          'N/A'}\n                      </Typography>\n                    </Box>\n                  </Grid>\n                </Grid>\n              </InfoCard>\n            </Grid>\n          )}\n\n          {/* Overprovisioning Analysis Section */}\n          <Grid item xs={12}>\n            <InfoCard\n              title={\n                <Box className={classes.sectionTitle}>\n                  <TrendingUpOutlinedIcon />\n                  <Typography variant=\"h6\">\n                    Overprovisioning Analysis\n                  </Typography>\n                </Box>\n              }\n            >\n              <Box className={classes.metricRow}>\n                <Typography className={classes.metricLabel}>Status</Typography>\n                <Typography\n                  className={\n                    costAnalysis.overprovisioning.is_overprovisioned\n                      ? classes.overBudget\n                      : classes.underBudget\n                  }\n                  style={{ fontWeight: 500 }}\n                >\n                  {costAnalysis.overprovisioning.is_overprovisioned\n                    ? 'Overprovisioned'\n                    : 'Appropriately Provisioned'}\n                </Typography>\n              </Box>\n              {typeof costAnalysis.overprovisioning.cpu_utilization_pct ===\n                'number' && (\n                <Box className={classes.metricRow}>\n                  <Typography className={classes.metricLabel}>\n                    CPU Utilization\n                  </Typography>\n                  <Typography>\n                    {costAnalysis.overprovisioning.cpu_utilization_pct.toFixed(\n                      1,\n                    )}\n                    %\n                  </Typography>\n                </Box>\n              )}\n              {typeof costAnalysis.overprovisioning.memory_utilization_pct ===\n                'number' && (\n                <Box className={classes.metricRow}>\n                  <Typography className={classes.metricLabel}>\n                    Memory Utilization\n                  </Typography>\n                  <Typography>\n                    {costAnalysis.overprovisioning.memory_utilization_pct.toFixed(\n                      1,\n                    )}\n                    %\n                  </Typography>\n                </Box>\n              )}\n              <Box mt={2}>\n                <Typography variant=\"body2\">\n                  <FormattedText\n                    text={costAnalysis.overprovisioning.analysis}\n                  />\n                </Typography>\n              </Box>\n            </InfoCard>\n          </Grid>\n\n          {/* Recommendation Section */}\n          {costAnalysis.overprovisioning.recommendation && (\n            <Grid item xs={12}>\n              <InfoCard\n                title={\n                  <Box className={classes.sectionTitle}>\n                    <AssignmentOutlinedIcon />\n                    <Typography variant=\"h6\">Recommendation</Typography>\n                  </Box>\n                }\n              >\n                <Box className={classes.recommendationBox}>\n                  <Typography variant=\"subtitle2\" gutterBottom>\n                    Recommended Resource Configuration\n                  </Typography>\n                  <Grid container spacing={2}>\n                    <Grid item xs={6}>\n                      <Box className={classes.metricRow}>\n                        <Typography className={classes.metricLabel}>\n                          CPU Request\n                        </Typography>\n                        <Typography>\n                          {\n                            costAnalysis.overprovisioning.recommendation\n                              .cpu_request\n                          }\n                        </Typography>\n                      </Box>\n                      <Box className={classes.metricRow}>\n                        <Typography className={classes.metricLabel}>\n                          CPU Limit\n                        </Typography>\n                        <Typography>\n                          {\n                            costAnalysis.overprovisioning.recommendation\n                              .cpu_limit\n                          }\n                        </Typography>\n                      </Box>\n                    </Grid>\n                    <Grid item xs={6}>\n                      <Box className={classes.metricRow}>\n                        <Typography className={classes.metricLabel}>\n                          Memory Request\n                        </Typography>\n                        <Typography>\n                          {\n                            costAnalysis.overprovisioning.recommendation\n                              .memory_request\n                          }\n                        </Typography>\n                      </Box>\n                      <Box className={classes.metricRow}>\n                        <Typography className={classes.metricLabel}>\n                          Memory Limit\n                        </Typography>\n                        <Typography>\n                          {\n                            costAnalysis.overprovisioning.recommendation\n                              .memory_limit\n                          }\n                        </Typography>\n                      </Box>\n                    </Grid>\n                  </Grid>\n                </Box>\n                <Typography variant=\"body2\" style={{ marginTop: '16px' }}>\n                  <FormattedText\n                    text={\n                      costAnalysis.overprovisioning.recommendation.rationale\n                    }\n                  />\n                </Typography>\n                {(() => {\n                  const action = costAnalysis.recommended_actions?.[0];\n                  if (!action?.change || !chatContext) return null;\n                  return (\n                    <Box mt={2}>\n                      <FinOpsApplyButton\n                        reportId={reportId}\n                        actionIndex={0}\n                        action={action}\n                        chatContext={chatContext}\n                        onApplied={onRecommendationApplied}\n                      />\n                    </Box>\n                  );\n                })()}\n              </InfoCard>\n            </Grid>\n          )}\n\n          {/* Investigation Path Section */}\n          {costAnalysis.investigation_path &&\n            costAnalysis.investigation_path.length > 0 && (\n              <Grid item xs={12}>\n                <InfoCard\n                  title={\n                    <Box className={classes.sectionTitle}>\n                      <TimelineOutlinedIcon />\n                      <Typography variant=\"h6\">Investigation Path</Typography>\n                    </Box>\n                  }\n                >\n                  {costAnalysis.investigation_path.map((step, index) => (\n                    <Box key={index} className={classes.stepItem}>\n                      <Typography\n                        variant=\"subtitle2\"\n                        className={classes.stepHeader}\n                      >\n                        Step {index + 1}: {step.action}\n                      </Typography>\n                      <Typography variant=\"body2\" gutterBottom>\n                        <strong>Outcome:</strong> {step.outcome}\n                      </Typography>\n                      {step.rationale && (\n                        <Typography variant=\"body2\" color=\"textSecondary\">\n                          <strong>Rationale:</strong> {step.rationale}\n                        </Typography>\n                      )}\n                    </Box>\n                  ))}\n                </InfoCard>\n              </Grid>\n            )}\n\n          {/* Summary Section */}\n          <Grid item xs={12}>\n            <InfoCard title=\"Summary\">\n              <Typography variant=\"body1\">\n                <FormattedText text={costAnalysis.summary} />\n              </Typography>\n            </InfoCard>\n          </Grid>\n        </Grid>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}