@backstage/plugin-kubernetes 0.9.2-next.2 → 0.9.2

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @backstage/plugin-kubernetes
 
+## 0.9.2
+
+### Patch Changes
+
+- dc3cddf51ab5: Fix cyclical dependency in built output
+- 4e697e88f0e2: Add resource utilization to Pod Drawer
+- 4b230b97660d: Add errors to PodDrawer
+- 73cc0deee48a: Add proposed fix dialog for pod errors
+- Updated dependencies
+  - @backstage/core-plugin-api@1.5.2
+  - @backstage/core-components@0.13.2
+  - @backstage/theme@0.4.0
+  - @backstage/plugin-catalog-react@1.7.0
+  - @backstage/catalog-model@1.4.0
+  - @backstage/errors@1.2.0
+  - @backstage/config@1.0.8
+  - @backstage/plugin-kubernetes-common@0.6.4
+
+## 0.9.2-next.3
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.13.2-next.3
+  - @backstage/catalog-model@1.4.0-next.1
+  - @backstage/config@1.0.7
+  - @backstage/core-plugin-api@1.5.2-next.0
+  - @backstage/errors@1.2.0-next.0
+  - @backstage/theme@0.4.0-next.1
+  - @backstage/plugin-catalog-react@1.7.0-next.3
+  - @backstage/plugin-kubernetes-common@0.6.4-next.1
+
 ## 0.9.2-next.2
 
 ### Patch Changes

package/dist/index.d.ts

@@ -2,15 +2,16 @@
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { OAuthApi, OpenIdConnectApi, DiscoveryApi, IdentityApi } from '@backstage/core-plugin-api';
 import { Entity } from '@backstage/catalog-model';
-import { KubernetesRequestBody, ObjectsByEntityResponse, WorkloadsByEntityRequest, CustomObjectsByEntityRequest, ClusterObjects, ClusterAttributes, CustomResourceMatcher, ClientPodStatus } from '@backstage/plugin-kubernetes-common';
+import { KubernetesRequestBody, ObjectsByEntityResponse, WorkloadsByEntityRequest, CustomObjectsByEntityRequest, ClusterObjects, ClusterAttributes, ClientContainerStatus, CustomResourceMatcher, ClientPodStatus } from '@backstage/plugin-kubernetes-common';
 import * as kubernetes_models_v1 from 'kubernetes-models/v1';
 import { Event, Pod, IContainer, IContainerStatus } from 'kubernetes-models/v1';
 import { JsonObject } from '@backstage/types';
 import { V1Pod, V1ReplicaSet, V1Deployment, V1HorizontalPodAutoscaler, V1Service, V1ConfigMap, V1Ingress, V1Job, V1CronJob, V1StatefulSet, V1ObjectMeta } from '@kubernetes/client-node';
 import React from 'react';
-import { IObjectMeta } from '@kubernetes-models/apimachinery/apis/meta/v1/ObjectMeta';
+import { IObjectMeta, IIoK8sApimachineryPkgApisMetaV1ObjectMeta } from '@kubernetes-models/apimachinery/apis/meta/v1/ObjectMeta';
 import * as react_use_lib_useAsyncFn from 'react-use/lib/useAsyncFn';
 import { Pod as Pod$1 } from 'kubernetes-models/v1/Pod';
+import { TypeMeta } from '@kubernetes-models/base';
 
 declare const kubernetesPlugin: _backstage_core_plugin_api.BackstagePlugin<{
     entityContent: _backstage_core_plugin_api.RouteRef<undefined>;
@@ -241,6 +242,11 @@ type ErrorSeverity = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
  * @public
  */
 type DetectedErrorsByCluster = Map<string, DetectedError[]>;
+/**
+ * A reference to a Kubernetes object
+ *
+ * @public
+ */
 interface ResourceRef {
     name: string;
     namespace: string;
@@ -451,6 +457,7 @@ interface ContainerCardProps {
     podScope: PodScope;
     containerSpec?: IContainer;
     containerStatus: IContainerStatus;
+    containerMetrics?: ClientContainerStatus;
 }
 /**
  * Shows details about a container within a pod
@@ -575,6 +582,25 @@ type KubernetesContentProps = {
 };
 declare const KubernetesContent: ({ entity, refreshIntervalMs, }: KubernetesContentProps) => JSX.Element;
 
+/**
+ * Context for Pod Metrics
+ *
+ * @public
+ */
+interface ResourceUtilizationProps {
+    compressed?: boolean;
+    title: string;
+    usage: number | string;
+    total: number | string;
+    totalFormated: string;
+}
+/**
+ * Context for Pod Metrics
+ *
+ * @public
+ */
+declare const ResourceUtilization: ({ compressed, title, usage, total, totalFormated, }: ResourceUtilizationProps) => JSX.Element;
+
 interface KubernetesObjects {
     kubernetesObjects?: ObjectsByEntityResponse;
     loading: boolean;
@@ -597,4 +623,40 @@ declare const GroupedResponsesContext: React.Context<GroupedResponses>;
 
 declare const ClusterContext: React.Context<ClusterAttributes>;
 
-export { Cluster, ClusterContext, ClusterLinksFormatter, ClusterLinksFormatterOptions, ContainerCard, ContainerCardProps, ContainerScope, CronJobsAccordions, CustomResources, DeploymentResources, DetectedError, DetectedErrorsByCluster, EntityKubernetesContent, EntityKubernetesContentProps, ErrorList, ErrorListProps, ErrorPanel, ErrorReporting, ErrorSeverity, Events, EventsContent, EventsContentProps, EventsOptions, EventsProps, FixDialog, FixDialogProps, GoogleKubernetesAuthProvider, GroupedResponses, GroupedResponsesContext, HorizontalPodAutoscalerDrawer, IngressesAccordions, JobsAccordions, KubernetesApi, KubernetesAuthProviders, KubernetesAuthProvidersApi, KubernetesBackendClient, KubernetesContent, KubernetesDrawer, KubernetesDrawerContent, KubernetesObjects, KubernetesProxyApi, KubernetesProxyClient, KubernetesStructuredMetadataTableDrawer, LinkErrorPanel, PendingPodContent, PendingPodContentProps, PodAndErrors, PodDrawer, PodLogs, PodLogsDialog, PodLogsDialogProps, PodLogsOptions, PodLogsProps, PodNamesWithErrorsContext, PodNamesWithMetricsContext, PodScope, PodsTable, Router, ServerSideKubernetesAuthProvider, ServicesAccordions, clusterLinksFormatters, detectErrors, formatClusterLink, isKubernetesAvailable, kubernetesApiRef, kubernetesAuthProvidersApiRef, kubernetesPlugin, kubernetesProxyApiRef, kubernetesPlugin as plugin, useCustomResources, useEvents, useKubernetesObjects, usePodLogs };
+/**
+ * Context for Pod Metrics
+ *
+ * @public
+ */
+declare const PodMetricsContext: React.Context<Map<string, ClientPodStatus[]>>;
+type PodMetricsMatcher = {
+    metadata?: IObjectMeta;
+};
+/**
+ * Find metrics matching the provided pod
+ *
+ * @public
+ */
+declare const usePodMetrics: (clusterName: string, matcher: PodMetricsMatcher) => ClientPodStatus | undefined;
+
+/**
+ * Context for detected errors
+ *
+ * @public
+ */
+declare const DetectedErrorsContext: React.Context<DetectedError[]>;
+/**
+ *
+ * @public
+ */
+type ErrorMatcher = {
+    metadata?: IIoK8sApimachineryPkgApisMetaV1ObjectMeta;
+} & TypeMeta;
+/**
+ * Find errors which match the resource
+ *
+ * @public
+ */
+declare const useMatchingErrors: (matcher: ErrorMatcher) => DetectedError[];
+
+export { Cluster, ClusterContext, ClusterLinksFormatter, ClusterLinksFormatterOptions, ContainerCard, ContainerCardProps, ContainerScope, CronJobsAccordions, CustomResources, DeploymentResources, DetectedError, DetectedErrorsByCluster, DetectedErrorsContext, EntityKubernetesContent, EntityKubernetesContentProps, ErrorList, ErrorListProps, ErrorMatcher, ErrorPanel, ErrorReporting, ErrorSeverity, Events, EventsContent, EventsContentProps, EventsOptions, EventsProps, FixDialog, FixDialogProps, GoogleKubernetesAuthProvider, GroupedResponses, GroupedResponsesContext, HorizontalPodAutoscalerDrawer, IngressesAccordions, JobsAccordions, KubernetesApi, KubernetesAuthProviders, KubernetesAuthProvidersApi, KubernetesBackendClient, KubernetesContent, KubernetesDrawer, KubernetesDrawerContent, KubernetesObjects, KubernetesProxyApi, KubernetesProxyClient, KubernetesStructuredMetadataTableDrawer, LinkErrorPanel, PendingPodContent, PendingPodContentProps, PodAndErrors, PodDrawer, PodLogs, PodLogsDialog, PodLogsDialogProps, PodLogsOptions, PodLogsProps, PodMetricsContext, PodMetricsMatcher, PodNamesWithErrorsContext, PodNamesWithMetricsContext, PodScope, PodsTable, ResourceRef, ResourceUtilization, Router, ServerSideKubernetesAuthProvider, ServicesAccordions, clusterLinksFormatters, detectErrors, formatClusterLink, isKubernetesAvailable, kubernetesApiRef, kubernetesAuthProvidersApiRef, kubernetesPlugin, kubernetesProxyApiRef, kubernetesPlugin as plugin, useCustomResources, useEvents, useKubernetesObjects, useMatchingErrors, usePodLogs, usePodMetrics };

package/dist/index.esm.js

@@ -5,8 +5,8 @@ import * as React from 'react';
 import React__default, { useState, useCallback, useContext, Fragment } from 'react';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { Routes, Route } from 'react-router-dom';
-import { Typography, Paper, makeStyles, createStyles, Dialog, DialogTitle, IconButton, DialogContent, Button, Card, CardHeader, CardContent, Grid, CardActions, FormControlLabel, Switch, Drawer, withStyles as withStyles$1, List, ListItem, Container, Tooltip, ListItemText, ListItemAvatar, Avatar, Divider, Chip, Accordion, AccordionSummary, AccordionDetails, Stepper, Step, StepLabel } from '@material-ui/core';
-import { WarningPanel, Table, DismissableBanner, EmptyState, LogViewer, StructuredMetadataTable, CodeSnippet, LinkButton, StatusError, StatusOK, StatusWarning, ItemCardGrid, SubvalueCell, StatusAborted, StatusPending, Page, Content, Progress, MissingAnnotationEmptyState } from '@backstage/core-components';
+import { Typography, Paper, makeStyles, createStyles, Dialog, DialogTitle, IconButton, DialogContent, Button, Grid, Card, CardHeader, CardContent, CardActions, FormControlLabel, Switch, Drawer, withStyles as withStyles$1, List, ListItem, Container, Tooltip, ListItemText, ListItemAvatar, Avatar, Divider, Chip, Accordion, AccordionSummary, AccordionDetails, Stepper, Step, StepLabel } from '@material-ui/core';
+import { WarningPanel, Table, DismissableBanner, EmptyState, LogViewer, LinearGauge, StructuredMetadataTable, CodeSnippet, LinkButton, StatusError, StatusOK, StatusWarning, ItemCardGrid, SubvalueCell, StatusAborted, StatusPending, Page, Content, Progress, MissingAnnotationEmptyState } from '@backstage/core-components';
 import lodash from 'lodash';
 import { DateTime } from 'luxon';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
@@ -943,6 +943,65 @@ const PodLogsDialog = ({ containerScope }) => {
   ));
 };
 
+const currentToDeclaredResourceToPerc$1 = (current, resource) => {
+  if (Number(resource) === 0)
+    return 0;
+  if (typeof current === "number" && typeof resource === "number") {
+    return Math.round(current / resource * 100);
+  }
+  const numerator = BigInt(current);
+  const denominator = BigInt(resource);
+  return Number(numerator * BigInt(100) / denominator);
+};
+const bytesToMiB = (value) => {
+  return `${(parseFloat(value.toString()) / 1024 / 1024).toFixed(0)}MiB`;
+};
+const formatMilicores = (value) => {
+  return `${(parseFloat(value.toString()) * 1e3).toFixed(0)}m`;
+};
+
+const getProgressColor = ({
+  palette,
+  value,
+  inverse,
+  max
+}) => {
+  if (isNaN(value)) {
+    return palette.status.pending;
+  }
+  const actualMax = max ? max : 100;
+  const actualValue = inverse ? actualMax - value : value;
+  if (actualValue >= actualMax) {
+    return palette.status.error;
+  } else if (actualValue > 90 || actualValue < 40) {
+    return palette.status.warning;
+  }
+  return palette.status.ok;
+};
+const ResourceUtilization = ({
+  compressed = false,
+  title,
+  usage,
+  total,
+  totalFormated
+}) => {
+  const utilization = currentToDeclaredResourceToPerc$1(usage, total);
+  return /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 0 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
+    Typography,
+    {
+      variant: compressed ? "caption" : "subtitle2"
+    },
+    `${title}: ${totalFormated}`
+  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
+    LinearGauge,
+    {
+      getColor: getProgressColor,
+      width: compressed ? "thin" : "thick",
+      value: utilization / 100
+    }
+  ), !compressed && /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, "usage: ", `${utilization}%`)));
+};
+
 const getContainerHealthChecks = (containerSpec, containerStatus) => {
   var _a, _b, _c, _d;
   if (((_b = (_a = containerStatus.state) == null ? void 0 : _a.terminated) == null ? void 0 : _b.reason) === "Completed") {
@@ -975,7 +1034,8 @@ const ContainerDatetime = ({ prefix, dateTime }) => {
 const ContainerCard = ({
   podScope,
   containerSpec,
-  containerStatus
+  containerStatus,
+  containerMetrics
 }) => {
   var _a, _b;
   if (containerSpec === void 0) {
@@ -1013,7 +1073,51 @@ const ContainerCard = ({
         containerStatus
       )
     }
-  )))), /* @__PURE__ */ React__default.createElement(CardActions, { disableSpacing: true }, /* @__PURE__ */ React__default.createElement(
+  )), containerMetrics && /* @__PURE__ */ React__default.createElement(Grid, { container: true, item: true, xs: 12, spacing: 0 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, "Resource utilization")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, style: { minHeight: "5rem" } }, /* @__PURE__ */ React__default.createElement(
+    ResourceUtilization,
+    {
+      compressed: true,
+      title: "CPU requests",
+      usage: containerMetrics.cpuUsage.currentUsage,
+      total: containerMetrics.cpuUsage.requestTotal,
+      totalFormated: formatMilicores(
+        containerMetrics.cpuUsage.requestTotal
+      )
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    ResourceUtilization,
+    {
+      compressed: true,
+      title: "CPU limits",
+      usage: containerMetrics.cpuUsage.currentUsage,
+      total: containerMetrics.cpuUsage.limitTotal,
+      totalFormated: formatMilicores(
+        containerMetrics.cpuUsage.limitTotal
+      )
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    ResourceUtilization,
+    {
+      compressed: true,
+      title: "Memory requests",
+      usage: containerMetrics.memoryUsage.currentUsage,
+      total: containerMetrics.memoryUsage.requestTotal,
+      totalFormated: bytesToMiB(
+        containerMetrics.memoryUsage.requestTotal
+      )
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    ResourceUtilization,
+    {
+      compressed: true,
+      title: "Memory limits",
+      usage: containerMetrics.memoryUsage.currentUsage,
+      total: containerMetrics.memoryUsage.limitTotal,
+      totalFormated: bytesToMiB(
+        containerMetrics.memoryUsage.requestTotal
+      )
+    }
+  ))))), /* @__PURE__ */ React__default.createElement(CardActions, { disableSpacing: true }, /* @__PURE__ */ React__default.createElement(
     PodLogsDialog,
     {
       containerScope: {
@@ -1128,6 +1232,38 @@ const ClusterContext = React__default.createContext({
   name: ""
 });
 
+const PodMetricsContext = React__default.createContext(/* @__PURE__ */ new Map());
+const usePodMetrics = (clusterName, matcher) => {
+  var _a, _b, _c, _d;
+  const targetRef = {
+    name: (_b = (_a = matcher.metadata) == null ? void 0 : _a.name) != null ? _b : "",
+    namespace: (_d = (_c = matcher.metadata) == null ? void 0 : _c.namespace) != null ? _d : ""
+  };
+  const metricsMap = useContext(PodMetricsContext);
+  const metrics = metricsMap.get(clusterName);
+  return metrics == null ? void 0 : metrics.find((m) => {
+    var _a2, _b2, _c2, _d2;
+    const pod = m.pod;
+    return targetRef.name === ((_b2 = (_a2 = pod.metadata) == null ? void 0 : _a2.name) != null ? _b2 : "") && targetRef.namespace === ((_d2 = (_c2 = pod.metadata) == null ? void 0 : _c2.namespace) != null ? _d2 : "");
+  });
+};
+
+const DetectedErrorsContext = React__default.createContext([]);
+const useMatchingErrors = (matcher) => {
+  var _a, _b, _c, _d;
+  const targetRef = {
+    name: (_b = (_a = matcher.metadata) == null ? void 0 : _a.name) != null ? _b : "",
+    namespace: (_d = (_c = matcher.metadata) == null ? void 0 : _c.namespace) != null ? _d : "",
+    kind: matcher.kind,
+    apiGroup: matcher.apiVersion
+  };
+  const errors = useContext(DetectedErrorsContext);
+  return errors.filter((e) => {
+    const r = e.sourceRef;
+    return targetRef.apiGroup === r.apiGroup && targetRef.kind === r.kind && targetRef.name === r.name && targetRef.namespace === r.namespace;
+  });
+};
+
 const kindMappings$3 = {
   deployment: "deployment",
   pod: "pod",
@@ -1890,6 +2026,7 @@ function getContainerSpecByName(pod, containerName) {
 const PodDrawer = ({ podAndErrors, open }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const classes = useDrawerContentStyles();
+  const podMetrics = usePodMetrics(podAndErrors.clusterName, podAndErrors.pod);
   return /* @__PURE__ */ React__default.createElement(
     KubernetesDrawer,
     {
@@ -1898,20 +2035,54 @@ const PodDrawer = ({ podAndErrors, open }) => {
       kubernetesObject: podAndErrors.pod,
       label: /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, (_d = (_c = podAndErrors.pod.metadata) == null ? void 0 : _c.name) != null ? _d : "unknown")
     },
-    /* @__PURE__ */ React__default.createElement("div", { className: classes.content }, ((_e = podAndErrors.pod.status) == null ? void 0 : _e.phase) === "Pending" && /* @__PURE__ */ React__default.createElement(PendingPodContent, { pod: podAndErrors.pod }), ((_g = (_f = podAndErrors.pod.status) == null ? void 0 : _f.containerStatuses) == null ? void 0 : _g.length) && /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 2 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, "Containers")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(ItemCardGrid, null, (_i = (_h = podAndErrors.pod.status) == null ? void 0 : _h.containerStatuses) == null ? void 0 : _i.map(
+    /* @__PURE__ */ React__default.createElement("div", { className: classes.content }, podMetrics && /* @__PURE__ */ React__default.createElement(Grid, { container: true, item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, "Resource utilization")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React__default.createElement(
+      ResourceUtilization,
+      {
+        title: "CPU requests",
+        usage: podMetrics.cpu.currentUsage,
+        total: podMetrics.cpu.requestTotal,
+        totalFormated: formatMilicores(podMetrics.cpu.requestTotal)
+      }
+    ), /* @__PURE__ */ React__default.createElement(
+      ResourceUtilization,
+      {
+        title: "CPU limits",
+        usage: podMetrics.cpu.currentUsage,
+        total: podMetrics.cpu.limitTotal,
+        totalFormated: formatMilicores(podMetrics.cpu.limitTotal)
+      }
+    )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React__default.createElement(
+      ResourceUtilization,
+      {
+        title: "Memory requests",
+        usage: podMetrics.memory.currentUsage,
+        total: podMetrics.memory.requestTotal,
+        totalFormated: bytesToMiB(podMetrics.memory.requestTotal)
+      }
+    ), /* @__PURE__ */ React__default.createElement(
+      ResourceUtilization,
+      {
+        title: "Memory limits",
+        usage: podMetrics.memory.currentUsage,
+        total: podMetrics.memory.limitTotal,
+        totalFormated: bytesToMiB(podMetrics.memory.requestTotal)
+      }
+    ))), ((_e = podAndErrors.pod.status) == null ? void 0 : _e.phase) === "Pending" && /* @__PURE__ */ React__default.createElement(PendingPodContent, { pod: podAndErrors.pod }), ((_g = (_f = podAndErrors.pod.status) == null ? void 0 : _f.containerStatuses) == null ? void 0 : _g.length) && /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 2 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, "Containers")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(ItemCardGrid, null, (_i = (_h = podAndErrors.pod.status) == null ? void 0 : _h.containerStatuses) == null ? void 0 : _i.map(
       (containerStatus, i) => {
-        var _a2, _b2, _c2, _d2, _e2;
+        var _a2, _b2, _c2, _d2, _e2, _f2;
         const containerSpec = getContainerSpecByName(
           podAndErrors.pod,
           containerStatus.name
         );
+        const containerMetrics = ((_a2 = podMetrics == null ? void 0 : podMetrics.containers) != null ? _a2 : []).find((c) => c.container === containerStatus.name);
         return /* @__PURE__ */ React__default.createElement(
           ContainerCard,
           {
-            key: `container-card-${(_a2 = podAndErrors.pod.metadata) == null ? void 0 : _a2.name}-${i}`,
+            key: `container-card-${(_b2 = podAndErrors.pod.metadata) == null ? void 0 : _b2.name}-${i}`,
+            containerMetrics,
             podScope: {
-              podName: (_c2 = (_b2 = podAndErrors.pod.metadata) == null ? void 0 : _b2.name) != null ? _c2 : "unknown",
-              podNamespace: (_e2 = (_d2 = podAndErrors.pod.metadata) == null ? void 0 : _d2.namespace) != null ? _e2 : "unknown",
+              podName: (_d2 = (_c2 = podAndErrors.pod.metadata) == null ? void 0 : _c2.name) != null ? _d2 : "unknown",
+              podNamespace: (_f2 = (_e2 = podAndErrors.pod.metadata) == null ? void 0 : _e2.namespace) != null ? _f2 : "unknown",
               clusterName: podAndErrors.clusterName
             },
             containerSpec,
@@ -1995,9 +2166,6 @@ const currentToDeclaredResourceToPerc = (current, resource) => {
   const denominator = BigInt(resource);
   return `${numerator * BigInt(100) / denominator}%`;
 };
-const formatMilicores = (value) => {
-  return `${parseFloat(value.toString()) * 1e3}m`;
-};
 const podStatusToCpuUtil = (podStatus) => {
   const cpuUtil = podStatus.cpu;
   let currentUsage = cpuUtil.currentUsage;
@@ -2018,9 +2186,6 @@ const podStatusToCpuUtil = (podStatus) => {
     }
   );
 };
-const bytesToMiB = (value) => {
-  return `${parseFloat(value.toString()) / 1024 / 1024}MiB`;
-};
 const podStatusToMemoryUtil = (podStatus) => {
   const memUtil = podStatus.memory;
   return /* @__PURE__ */ React__default.createElement(
@@ -2038,22 +2203,6 @@ const podStatusToMemoryUtil = (podStatus) => {
   );
 };
 
-const DetectedErrorsContext = React__default.createContext([]);
-const useMatchingErrors = (matcher) => {
-  var _a, _b, _c, _d;
-  const targetRef = {
-    name: (_b = (_a = matcher.metadata) == null ? void 0 : _a.name) != null ? _b : "",
-    namespace: (_d = (_c = matcher.metadata) == null ? void 0 : _c.namespace) != null ? _d : "",
-    kind: matcher.kind,
-    apiGroup: matcher.apiVersion
-  };
-  const errors = useContext(DetectedErrorsContext);
-  return errors.filter((e) => {
-    const r = e.sourceRef;
-    return targetRef.apiGroup === r.apiGroup && targetRef.kind === r.kind && targetRef.name === r.name && targetRef.namespace === r.namespace;
-  });
-};
-
 const READY_COLUMNS = "READY";
 const RESOURCE_COLUMNS = "RESOURCE";
 const READY = [
@@ -2089,8 +2238,22 @@ const PodDrawerTrigger = ({ pod }) => {
     }
   );
 };
+const Cpu = ({ clusterName, pod }) => {
+  const metrics = usePodMetrics(clusterName, pod);
+  if (!metrics) {
+    return /* @__PURE__ */ React__default.createElement(Typography, null, "unknown");
+  }
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, podStatusToCpuUtil(metrics));
+};
+const Memory = ({ clusterName, pod }) => {
+  const metrics = usePodMetrics(clusterName, pod);
+  if (!metrics) {
+    return /* @__PURE__ */ React__default.createElement(Typography, null, "unknown");
+  }
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, podStatusToMemoryUtil(metrics));
+};
 const PodsTable = ({ pods, extraColumns = [] }) => {
-  const podNamesWithMetrics = useContext(PodNamesWithMetricsContext);
+  const cluster = useContext(ClusterContext);
   const defaultColumns = [
     {
       title: "name",
@@ -2121,24 +2284,14 @@ const PodsTable = ({ pods, extraColumns = [] }) => {
       {
         title: "CPU usage %",
         render: (pod) => {
-          var _a, _b;
-          const metrics = podNamesWithMetrics.get((_b = (_a = pod.metadata) == null ? void 0 : _a.name) != null ? _b : "");
-          if (!metrics) {
-            return "unknown";
-          }
-          return podStatusToCpuUtil(metrics);
+          return /* @__PURE__ */ React__default.createElement(Cpu, { clusterName: cluster.name, pod });
         },
         width: "auto"
       },
       {
         title: "Memory usage %",
         render: (pod) => {
-          var _a, _b;
-          const metrics = podNamesWithMetrics.get((_b = (_a = pod.metadata) == null ? void 0 : _a.name) != null ? _b : "");
-          if (!metrics) {
-            return "unknown";
-          }
-          return podStatusToMemoryUtil(metrics);
+          return /* @__PURE__ */ React__default.createElement(Memory, { clusterName: cluster.name, pod });
         },
         width: "auto"
       }
@@ -3254,15 +3407,9 @@ const ClusterSummary = ({
 };
 const Cluster = ({ clusterObjects, podsWithErrors }) => {
   const groupedResponses = groupResponses(clusterObjects.resources);
-  const podNameToMetrics = clusterObjects.podMetrics.flat().reduce((accum, next) => {
-    var _a;
-    const name = (_a = next.pod.metadata) == null ? void 0 : _a.name;
-    if (name !== void 0) {
-      accum.set(name, next);
-    }
-    return accum;
-  }, /* @__PURE__ */ new Map());
-  return /* @__PURE__ */ React__default.createElement(ClusterContext.Provider, { value: clusterObjects.cluster }, /* @__PURE__ */ React__default.createElement(GroupedResponsesContext.Provider, { value: groupedResponses }, /* @__PURE__ */ React__default.createElement(PodNamesWithMetricsContext.Provider, { value: podNameToMetrics }, /* @__PURE__ */ React__default.createElement(PodNamesWithErrorsContext.Provider, { value: podsWithErrors }, /* @__PURE__ */ React__default.createElement(Accordion, { TransitionProps: { unmountOnExit: true } }, /* @__PURE__ */ React__default.createElement(AccordionSummary, { expandIcon: /* @__PURE__ */ React__default.createElement(ExpandMoreIcon, null) }, /* @__PURE__ */ React__default.createElement(
+  const podMetricsMap = /* @__PURE__ */ new Map();
+  podMetricsMap.set(clusterObjects.cluster.name, clusterObjects.podMetrics);
+  return /* @__PURE__ */ React__default.createElement(ClusterContext.Provider, { value: clusterObjects.cluster }, /* @__PURE__ */ React__default.createElement(GroupedResponsesContext.Provider, { value: groupedResponses }, /* @__PURE__ */ React__default.createElement(PodMetricsContext.Provider, { value: podMetricsMap }, /* @__PURE__ */ React__default.createElement(PodNamesWithErrorsContext.Provider, { value: podsWithErrors }, /* @__PURE__ */ React__default.createElement(Accordion, { TransitionProps: { unmountOnExit: true } }, /* @__PURE__ */ React__default.createElement(AccordionSummary, { expandIcon: /* @__PURE__ */ React__default.createElement(ExpandMoreIcon, null) }, /* @__PURE__ */ React__default.createElement(
     ClusterSummary,
     {
       clusterName: clusterObjects.cluster.name,
@@ -3373,5 +3520,5 @@ var Router$1 = /*#__PURE__*/Object.freeze({
   Router: Router
 });
 
-export { Cluster, ClusterContext, ContainerCard, CronJobsAccordions, CustomResources, EntityKubernetesContent, ErrorList, ErrorPanel, ErrorReporting, Events, EventsContent, FixDialog, GoogleKubernetesAuthProvider, GroupedResponsesContext, HorizontalPodAutoscalerDrawer, IngressesAccordions, JobsAccordions, KubernetesAuthProviders, KubernetesBackendClient, KubernetesContent, KubernetesDrawer, KubernetesDrawerContent, KubernetesProxyClient, KubernetesStructuredMetadataTableDrawer, LinkErrorPanel, PendingPodContent, PodDrawer, PodLogs, PodLogsDialog, PodNamesWithErrorsContext, PodNamesWithMetricsContext, PodsTable, Router, ServerSideKubernetesAuthProvider, ServicesAccordions, clusterLinksFormatters, detectErrors, formatClusterLink, isKubernetesAvailable, kubernetesApiRef, kubernetesAuthProvidersApiRef, kubernetesPlugin, kubernetesProxyApiRef, kubernetesPlugin as plugin, useCustomResources, useEvents, useKubernetesObjects, usePodLogs };
+export { Cluster, ClusterContext, ContainerCard, CronJobsAccordions, CustomResources, DetectedErrorsContext, EntityKubernetesContent, ErrorList, ErrorPanel, ErrorReporting, Events, EventsContent, FixDialog, GoogleKubernetesAuthProvider, GroupedResponsesContext, HorizontalPodAutoscalerDrawer, IngressesAccordions, JobsAccordions, KubernetesAuthProviders, KubernetesBackendClient, KubernetesContent, KubernetesDrawer, KubernetesDrawerContent, KubernetesProxyClient, KubernetesStructuredMetadataTableDrawer, LinkErrorPanel, PendingPodContent, PodDrawer, PodLogs, PodLogsDialog, PodMetricsContext, PodNamesWithErrorsContext, PodNamesWithMetricsContext, PodsTable, ResourceUtilization, Router, ServerSideKubernetesAuthProvider, ServicesAccordions, clusterLinksFormatters, detectErrors, formatClusterLink, isKubernetesAvailable, kubernetesApiRef, kubernetesAuthProvidersApiRef, kubernetesPlugin, kubernetesProxyApiRef, kubernetesPlugin as plugin, useCustomResources, useEvents, useKubernetesObjects, useMatchingErrors, usePodLogs, usePodMetrics };
 //# sourceMappingURL=index.esm.js.map