@backstage/plugin-kubernetes 0.4.17 → 0.4.18

package/dist/index.esm.js

@@ -3,14 +3,15 @@ import * as React from 'react';
 import React__default, { Fragment, useState, useEffect, useContext } from 'react';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { Routes, Route } from 'react-router-dom';
-import { Typography, Chip, makeStyles, createStyles, Button, Drawer, Grid, IconButton, FormControlLabel, Switch, Accordion, AccordionSummary, AccordionDetails, Divider, Stepper, Step, StepLabel } from '@material-ui/core';
-import { WarningPanel, SubvalueCell, StatusError, StatusOK, StatusAborted, Button as Button$1, CodeSnippet, StructuredMetadataTable, Table, InfoCard, Page, Content, Progress, MissingAnnotationEmptyState } from '@backstage/core-components';
+import { Typography, Chip, Grid, makeStyles, createStyles, Button, Drawer, IconButton, FormControlLabel, Switch, Accordion, AccordionSummary, AccordionDetails, Divider, Stepper, Step, StepLabel } from '@material-ui/core';
+import { WarningPanel, InfoCard, Table, SubvalueCell, StatusError, StatusOK, StatusAborted, Button as Button$1, CodeSnippet, StructuredMetadataTable, Page, Content, Progress, MissingAnnotationEmptyState } from '@backstage/core-components';
+import EmptyStateImage from './assets/emptystate.svg';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import Close from '@material-ui/icons/Close';
 import OpenInNewIcon from '@material-ui/icons/OpenInNew';
 import { withStyles } from '@material-ui/core/styles';
 import jsYaml from 'js-yaml';
-import EmptyStateImage from './assets/emptystate.svg';
+import { useInterval } from 'react-use';
 import lodash from 'lodash';
 import PauseIcon from '@material-ui/icons/Pause';
 import ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';
@@ -172,6 +173,123 @@ const ErrorPanel$1 = ({
   variant: "body2"
 }, "Errors: ", errorMessage));
 
+const columns$1 = [
+  {
+    title: "cluster",
+    width: "15%",
+    render: (detectedError) => detectedError.cluster
+  },
+  {
+    title: "kind",
+    width: "15%",
+    render: (detectedError) => detectedError.kind
+  },
+  {
+    title: "name",
+    width: "30%",
+    render: (detectedError) => {
+      const errorCount = detectedError.names.length;
+      if (errorCount === 0) {
+        return null;
+      }
+      const displayName = detectedError.names[0];
+      const otherErrorCount = errorCount - 1;
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, displayName, " ", otherErrorCount > 0 && /* @__PURE__ */ React.createElement(Chip, {
+        label: `+ ${otherErrorCount} other${otherErrorCount > 1 ? "s" : ""}`,
+        size: "small"
+      }));
+    }
+  },
+  {
+    title: "messages",
+    width: "40%",
+    render: (detectedError) => /* @__PURE__ */ React.createElement(React.Fragment, null, detectedError.message.map((m, i) => /* @__PURE__ */ React.createElement("div", {
+      key: i
+    }, m)))
+  }
+];
+const sortBySeverity = (a, b) => {
+  if (a.severity < b.severity) {
+    return 1;
+  } else if (b.severity < a.severity) {
+    return -1;
+  }
+  return 0;
+};
+const ErrorEmptyState = () => {
+  return /* @__PURE__ */ React.createElement(Grid, {
+    container: true,
+    justifyContent: "space-around",
+    direction: "row",
+    alignItems: "center",
+    spacing: 2
+  }, /* @__PURE__ */ React.createElement(Grid, {
+    item: true,
+    xs: 4
+  }, /* @__PURE__ */ React.createElement(Typography, {
+    variant: "h5"
+  }, "Nice! There are no errors to report!")), /* @__PURE__ */ React.createElement(Grid, {
+    item: true,
+    xs: 4
+  }, /* @__PURE__ */ React.createElement("img", {
+    src: EmptyStateImage,
+    alt: "EmptyState",
+    "data-testid": "emptyStateImg"
+  })));
+};
+const ErrorReporting = ({detectedErrors}) => {
+  const errors = Array.from(detectedErrors.values()).flat().sort(sortBySeverity);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, errors.length === 0 ? /* @__PURE__ */ React.createElement(InfoCard, {
+    title: "Error Reporting"
+  }, /* @__PURE__ */ React.createElement(ErrorEmptyState, null)) : /* @__PURE__ */ React.createElement(Table, {
+    title: "Error Reporting",
+    data: errors,
+    columns: columns$1,
+    options: {paging: true, search: false}
+  }));
+};
+
+const groupResponses = (fetchResponse) => {
+  return fetchResponse.reduce((prev, next) => {
+    switch (next.type) {
+      case "deployments":
+        prev.deployments.push(...next.resources);
+        break;
+      case "pods":
+        prev.pods.push(...next.resources);
+        break;
+      case "replicasets":
+        prev.replicaSets.push(...next.resources);
+        break;
+      case "services":
+        prev.services.push(...next.resources);
+        break;
+      case "configmaps":
+        prev.configMaps.push(...next.resources);
+        break;
+      case "horizontalpodautoscalers":
+        prev.horizontalPodAutoscalers.push(...next.resources);
+        break;
+      case "ingresses":
+        prev.ingresses.push(...next.resources);
+        break;
+      case "customresources":
+        prev.customResources.push(...next.resources);
+        break;
+    }
+    return prev;
+  }, {
+    pods: [],
+    replicaSets: [],
+    deployments: [],
+    services: [],
+    configMaps: [],
+    horizontalPodAutoscalers: [],
+    ingresses: [],
+    customResources: []
+  });
+};
+
 const imageChips = (pod) => {
   var _a, _b;
   const containerStatuses2 = (_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : [];
@@ -243,141 +361,307 @@ const renderCondition = (condition) => {
   return [condition.type, /* @__PURE__ */ React__default.createElement(StatusAborted, null)];
 };
 
-const useKubernetesObjects = (entity) => {
-  const kubernetesApi = useApi(kubernetesApiRef);
-  const kubernetesAuthProvidersApi = useApi(kubernetesAuthProvidersApiRef);
-  const [kubernetesObjects, setKubernetesObjects] = useState(void 0);
-  const [error, setError] = useState(void 0);
-  useEffect(() => {
-    (async () => {
-      let clusters = [];
-      try {
-        clusters = await kubernetesApi.getClusters();
-      } catch (e) {
-        setError(e.message);
-        return;
-      }
-      const authProviders = [
-        ...new Set(clusters.map((c) => c.authProvider))
-      ];
-      let requestBody = {
-        entity
-      };
-      for (const authProviderStr of authProviders) {
-        try {
-          requestBody = await kubernetesAuthProvidersApi.decorateRequestBodyForAuth(authProviderStr, requestBody);
-        } catch (e) {
-          setError(e.message);
-          return;
+const detectErrorsInObjects = (objects, kind, clusterName, errorMappers) => {
+  var _a, _b;
+  const errors = new Map();
+  for (const object of objects) {
+    for (const errorMapper of errorMappers) {
+      if (errorMapper.errorExists(object)) {
+        const message = errorMapper.messageAccessor(object);
+        const dedupKey = message.join("");
+        const value = errors.get(dedupKey);
+        const name = (_b = (_a = object.metadata) == null ? void 0 : _a.name) != null ? _b : "unknown";
+        if (value !== void 0) {
+          value.names.push(name);
+          errors.set(dedupKey, value);
+        } else {
+          errors.set(dedupKey, {
+            cluster: clusterName,
+            kind,
+            names: [name],
+            message,
+            severity: errorMapper.severity
+          });
         }
       }
-      try {
-        setKubernetesObjects(await kubernetesApi.getObjectsByEntity(requestBody));
-      } catch (e) {
-        setError(e.message);
-        return;
-      }
-    })();
-  }, [entity.metadata.name, kubernetesApi, kubernetesAuthProvidersApi]);
-  return {
-    kubernetesObjects,
-    error
-  };
-};
-
-const PodNamesWithErrorsContext = React__default.createContext(new Set());
-
-const GroupedResponsesContext = React__default.createContext({
-  pods: [],
-  replicaSets: [],
-  deployments: [],
-  services: [],
-  configMaps: [],
-  horizontalPodAutoscalers: [],
-  ingresses: [],
-  customResources: []
-});
-
-const ClusterContext = React__default.createContext({
-  name: ""
-});
-
-const kindMappings$1 = {
-  deployment: "deployment",
-  ingress: "ingress",
-  service: "service",
-  horizontalpodautoscaler: "deployment"
-};
-function standardFormatter(options) {
-  var _a, _b;
-  const result = new URL(options.dashboardUrl.href);
-  const name = (_a = options.object.metadata) == null ? void 0 : _a.name;
-  const namespace = (_b = options.object.metadata) == null ? void 0 : _b.namespace;
-  const validKind = kindMappings$1[options.kind.toLocaleLowerCase("en-US")];
-  if (namespace) {
-    result.searchParams.set("namespace", namespace);
-  }
-  if (validKind && name && namespace) {
-    result.hash = `/${validKind}/${namespace}/${name}`;
-  } else if (namespace) {
-    result.hash = "/workloads";
-  }
-  return result;
-}
-
-const kindMappings = {
-  deployment: "apps.deployment",
-  ingress: "networking.k8s.io.ingress",
-  service: "service",
-  horizontalpodautoscaler: "autoscaling.horizontalpodautoscaler"
-};
-function rancherFormatter(options) {
-  var _a, _b;
-  const result = new URL(options.dashboardUrl.href);
-  const name = (_a = options.object.metadata) == null ? void 0 : _a.name;
-  const namespace = (_b = options.object.metadata) == null ? void 0 : _b.namespace;
-  const validKind = kindMappings[options.kind.toLocaleLowerCase("en-US")];
-  if (validKind && name && namespace) {
-    result.pathname += `explorer/${validKind}/${namespace}/${name}`;
-  } else if (namespace) {
-    result.pathname += "explorer/workload";
+    }
   }
-  return result;
-}
-
-function openshiftFormatter(_options) {
-  throw new Error("OpenShift formatter is not yet implemented. Please, contribute!");
-}
-
-function aksFormatter(_options) {
-  throw new Error("AKS formatter is not yet implemented. Please, contribute!");
-}
-
-function eksFormatter(_options) {
-  throw new Error("EKS formatter is not yet implemented. Please, contribute!");
-}
-
-function gkeFormatter(_options) {
-  throw new Error("GKE formatter is not yet implemented. Please, contribute!");
-}
-
-const clusterLinksFormatters = {
-  standard: standardFormatter,
-  rancher: rancherFormatter,
-  openshift: openshiftFormatter,
-  aks: aksFormatter,
-  eks: eksFormatter,
-  gke: gkeFormatter
+  return Array.from(errors.values());
 };
-const defaultFormatterName = "standard";
 
-function formatClusterLink(options) {
-  if (!options.dashboardUrl) {
-    return void 0;
-  }
-  if (!options.object) {
-    return options.dashboardUrl;
-  }
+const podErrorMappers = [
+  {
+    severity: 5,
+    errorExplanation: "status-message",
+    errorExists: (pod) => {
+      var _a;
+      return ((_a = pod.status) == null ? void 0 : _a.message) !== void 0;
+    },
+    messageAccessor: (pod) => {
+      var _a, _b;
+      return [(_b = (_a = pod.status) == null ? void 0 : _a.message) != null ? _b : ""];
+    }
+  },
+  {
+    severity: 4,
+    errorExplanation: "containers-restarting",
+    errorExists: (pod) => {
+      return totalRestarts(pod) > 3;
+    },
+    messageAccessor: (pod) => {
+      var _a, _b;
+      return ((_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : []).filter((cs) => cs.restartCount > 0).map((cs) => `container=${cs.name} restarted ${cs.restartCount} times`);
+    }
+  },
+  {
+    severity: 5,
+    errorExplanation: "condition-message-present",
+    errorExists: (pod) => {
+      var _a, _b;
+      return ((_b = (_a = pod.status) == null ? void 0 : _a.conditions) != null ? _b : []).some((c) => c.message !== void 0);
+    },
+    messageAccessor: (pod) => {
+      var _a, _b;
+      return ((_b = (_a = pod.status) == null ? void 0 : _a.conditions) != null ? _b : []).filter((c) => c.message !== void 0).map((c) => {
+        var _a2;
+        return (_a2 = c.message) != null ? _a2 : "";
+      });
+    }
+  },
+  {
+    severity: 6,
+    errorExplanation: "container-waiting",
+    errorExists: (pod) => {
+      var _a, _b;
+      return ((_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : []).some((cs) => {
+        var _a2, _b2;
+        return ((_b2 = (_a2 = cs.state) == null ? void 0 : _a2.waiting) == null ? void 0 : _b2.message) !== void 0;
+      });
+    },
+    messageAccessor: (pod) => {
+      var _a, _b;
+      return ((_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : []).filter((cs) => {
+        var _a2, _b2;
+        return ((_b2 = (_a2 = cs.state) == null ? void 0 : _a2.waiting) == null ? void 0 : _b2.message) !== void 0;
+      }).map((cs) => {
+        var _a2, _b2, _c;
+        return (_c = (_b2 = (_a2 = cs.state) == null ? void 0 : _a2.waiting) == null ? void 0 : _b2.message) != null ? _c : "";
+      });
+    }
+  },
+  {
+    severity: 4,
+    errorExplanation: "container-last-state-error",
+    errorExists: (pod) => {
+      var _a, _b;
+      return ((_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : []).some((cs) => {
+        var _a2, _b2, _c;
+        return ((_c = (_b2 = (_a2 = cs.lastState) == null ? void 0 : _a2.terminated) == null ? void 0 : _b2.reason) != null ? _c : "") === "Error";
+      });
+    },
+    messageAccessor: (pod) => {
+      var _a, _b;
+      return ((_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : []).filter((cs) => {
+        var _a2, _b2, _c;
+        return ((_c = (_b2 = (_a2 = cs.lastState) == null ? void 0 : _a2.terminated) == null ? void 0 : _b2.reason) != null ? _c : "") === "Error";
+      }).map((cs) => {
+        var _a2, _b2;
+        return `container=${cs.name} exited with error code (${(_b2 = (_a2 = cs.lastState) == null ? void 0 : _a2.terminated) == null ? void 0 : _b2.exitCode})`;
+      });
+    }
+  }
+];
+const detectErrorsInPods = (pods, clusterName) => detectErrorsInObjects(pods, "Pod", clusterName, podErrorMappers);
+
+const deploymentErrorMappers = [
+  {
+    severity: 6,
+    errorExplanation: "condition-message-present",
+    errorExists: (deployment) => {
+      var _a, _b;
+      return ((_b = (_a = deployment.status) == null ? void 0 : _a.conditions) != null ? _b : []).filter((c) => c.status === "False").some((c) => c.message !== void 0);
+    },
+    messageAccessor: (deployment) => {
+      var _a, _b;
+      return ((_b = (_a = deployment.status) == null ? void 0 : _a.conditions) != null ? _b : []).filter((c) => c.status === "False").filter((c) => c.message !== void 0).map((c) => {
+        var _a2;
+        return (_a2 = c.message) != null ? _a2 : "";
+      });
+    }
+  }
+];
+const detectErrorsInDeployments = (deployments, clusterName) => detectErrorsInObjects(deployments, "Deployment", clusterName, deploymentErrorMappers);
+
+const hpaErrorMappers = [
+  {
+    severity: 8,
+    errorExplanation: "hpa-max-current-replicas",
+    errorExists: (hpa) => {
+      var _a, _b, _c;
+      return ((_b = (_a = hpa.spec) == null ? void 0 : _a.maxReplicas) != null ? _b : -1) === ((_c = hpa.status) == null ? void 0 : _c.currentReplicas);
+    },
+    messageAccessor: (hpa) => {
+      var _a, _b, _c;
+      return [
+        `Current number of replicas (${(_a = hpa.status) == null ? void 0 : _a.currentReplicas}) is equal to the configured max number of replicas (${(_c = (_b = hpa.spec) == null ? void 0 : _b.maxReplicas) != null ? _c : -1})`
+      ];
+    }
+  }
+];
+const detectErrorsInHpa = (hpas, clusterName) => detectErrorsInObjects(hpas, "HorizontalPodAutoscaler", clusterName, hpaErrorMappers);
+
+const detectErrors = (objects) => {
+  const errors = new Map();
+  for (const clusterResponse of objects.items) {
+    let clusterErrors = [];
+    const groupedResponses = groupResponses(clusterResponse.resources);
+    clusterErrors = clusterErrors.concat(detectErrorsInPods(groupedResponses.pods, clusterResponse.cluster.name));
+    clusterErrors = clusterErrors.concat(detectErrorsInDeployments(groupedResponses.deployments, clusterResponse.cluster.name));
+    clusterErrors = clusterErrors.concat(detectErrorsInHpa(groupedResponses.horizontalPodAutoscalers, clusterResponse.cluster.name));
+    errors.set(clusterResponse.cluster.name, clusterErrors);
+  }
+  return errors;
+};
+
+const useKubernetesObjects = (entity, intervalMs = 1e4) => {
+  const kubernetesApi = useApi(kubernetesApiRef);
+  const kubernetesAuthProvidersApi = useApi(kubernetesAuthProvidersApiRef);
+  const [kubernetesObjects, setKubernetesObjects] = useState(void 0);
+  const [error, setError] = useState(void 0);
+  const getObjects = async () => {
+    let clusters = [];
+    try {
+      clusters = await kubernetesApi.getClusters();
+    } catch (e) {
+      setError(e.message);
+      return;
+    }
+    const authProviders = [
+      ...new Set(clusters.map((c) => c.authProvider))
+    ];
+    let requestBody = {
+      entity
+    };
+    for (const authProviderStr of authProviders) {
+      try {
+        requestBody = await kubernetesAuthProvidersApi.decorateRequestBodyForAuth(authProviderStr, requestBody);
+      } catch (e) {
+        setError(e.message);
+        return;
+      }
+    }
+    try {
+      setKubernetesObjects(await kubernetesApi.getObjectsByEntity(requestBody));
+    } catch (e) {
+      setError(e.message);
+      return;
+    }
+  };
+  useEffect(() => {
+    getObjects();
+  }, [entity.metadata.name, kubernetesApi, kubernetesAuthProvidersApi]);
+  useInterval(() => {
+    getObjects();
+  }, intervalMs);
+  return {
+    kubernetesObjects,
+    error
+  };
+};
+
+const PodNamesWithErrorsContext = React__default.createContext(new Set());
+
+const GroupedResponsesContext = React__default.createContext({
+  pods: [],
+  replicaSets: [],
+  deployments: [],
+  services: [],
+  configMaps: [],
+  horizontalPodAutoscalers: [],
+  ingresses: [],
+  customResources: []
+});
+
+const ClusterContext = React__default.createContext({
+  name: ""
+});
+
+const kindMappings$1 = {
+  deployment: "deployment",
+  ingress: "ingress",
+  service: "service",
+  horizontalpodautoscaler: "deployment"
+};
+function standardFormatter(options) {
+  var _a, _b;
+  const result = new URL(options.dashboardUrl.href);
+  const name = (_a = options.object.metadata) == null ? void 0 : _a.name;
+  const namespace = (_b = options.object.metadata) == null ? void 0 : _b.namespace;
+  const validKind = kindMappings$1[options.kind.toLocaleLowerCase("en-US")];
+  if (namespace) {
+    result.searchParams.set("namespace", namespace);
+  }
+  if (validKind && name && namespace) {
+    result.hash = `/${validKind}/${namespace}/${name}`;
+  } else if (namespace) {
+    result.hash = "/workloads";
+  }
+  return result;
+}
+
+const kindMappings = {
+  deployment: "apps.deployment",
+  ingress: "networking.k8s.io.ingress",
+  service: "service",
+  horizontalpodautoscaler: "autoscaling.horizontalpodautoscaler"
+};
+function rancherFormatter(options) {
+  var _a, _b;
+  const result = new URL(options.dashboardUrl.href);
+  const name = (_a = options.object.metadata) == null ? void 0 : _a.name;
+  const namespace = (_b = options.object.metadata) == null ? void 0 : _b.namespace;
+  const validKind = kindMappings[options.kind.toLocaleLowerCase("en-US")];
+  if (validKind && name && namespace) {
+    result.pathname += `explorer/${validKind}/${namespace}/${name}`;
+  } else if (namespace) {
+    result.pathname += "explorer/workload";
+  }
+  return result;
+}
+
+function openshiftFormatter(_options) {
+  throw new Error("OpenShift formatter is not yet implemented. Please, contribute!");
+}
+
+function aksFormatter(_options) {
+  throw new Error("AKS formatter is not yet implemented. Please, contribute!");
+}
+
+function eksFormatter(_options) {
+  throw new Error("EKS formatter is not yet implemented. Please, contribute!");
+}
+
+function gkeFormatter(_options) {
+  throw new Error("GKE formatter is not yet implemented. Please, contribute!");
+}
+
+const clusterLinksFormatters = {
+  standard: standardFormatter,
+  rancher: rancherFormatter,
+  openshift: openshiftFormatter,
+  aks: aksFormatter,
+  eks: eksFormatter,
+  gke: gkeFormatter
+};
+const defaultFormatterName = "standard";
+
+function formatClusterLink(options) {
+  if (!options.dashboardUrl) {
+    return void 0;
+  }
+  if (!options.object) {
+    return options.dashboardUrl;
+  }
   const app = options.dashboardApp || defaultFormatterName;
   const formatter = clusterLinksFormatters[app];
   if (!formatter) {
@@ -590,7 +874,7 @@ const PodDrawer = ({
   });
 };
 
-const columns$1 = [
+const columns = [
   {
     title: "name",
     highlight: true,
@@ -600,516 +884,237 @@ const columns$1 = [
   },
   {
     title: "phase",
-    render: (pod) => {
-      var _a, _b;
-      return (_b = (_a = pod.status) == null ? void 0 : _a.phase) != null ? _b : "unknown";
-    }
-  },
-  {
-    title: "containers ready",
-    align: "center",
-    render: containersReady
-  },
-  {
-    title: "total restarts",
-    align: "center",
-    render: totalRestarts,
-    type: "numeric"
-  },
-  {
-    title: "status",
-    render: containerStatuses
-  }
-];
-const PodsTable = ({pods}) => {
-  const tableStyle = {
-    minWidth: "0",
-    width: "100%"
-  };
-  return /* @__PURE__ */ React__default.createElement("div", {
-    style: tableStyle
-  }, /* @__PURE__ */ React__default.createElement(Table, {
-    options: {paging: true, search: false},
-    data: pods,
-    columns: columns$1
-  }));
-};
-
-const DeploymentDrawer = ({
-  deployment,
-  expanded
-}) => {
-  var _a, _b, _c;
-  const namespace = (_a = deployment.metadata) == null ? void 0 : _a.namespace;
-  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
-    object: deployment,
-    expanded,
-    kind: "Deployment",
-    renderObject: (deploymentObj) => {
-      var _a2, _b2, _c2, _d, _e, _f, _g, _h;
-      const conditions = ((_b2 = (_a2 = deploymentObj.status) == null ? void 0 : _a2.conditions) != null ? _b2 : []).map(renderCondition).reduce((accum, next) => {
-        accum[next[0]] = next[1];
-        return accum;
-      }, {});
-      return {
-        strategy: (_d = (_c2 = deploymentObj.spec) == null ? void 0 : _c2.strategy) != null ? _d : "???",
-        minReadySeconds: (_f = (_e = deploymentObj.spec) == null ? void 0 : _e.minReadySeconds) != null ? _f : "???",
-        progressDeadlineSeconds: (_h = (_g = deploymentObj.spec) == null ? void 0 : _g.progressDeadlineSeconds) != null ? _h : "???",
-        ...conditions
-      };
-    }
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    direction: "column",
-    justifyContent: "flex-start",
-    alignItems: "flex-start",
-    spacing: 0
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "h5"
-  }, (_c = (_b = deployment.metadata) == null ? void 0 : _b.name) != null ? _c : "unknown object")), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    color: "textSecondary",
-    variant: "body1"
-  }, "Deployment")), namespace && /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Chip, {
-    size: "small",
-    label: `namespace: ${namespace}`
-  }))));
-};
-
-const HorizontalPodAutoscalerDrawer = ({
-  hpa,
-  expanded,
-  children
-}) => {
-  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
-    kind: "HorizontalPodAutoscaler",
-    object: hpa,
-    expanded,
-    renderObject: (hpaObject) => {
-      var _a, _b, _c, _d, _e, _f;
-      return {
-        targetCPUUtilizationPercentage: (_a = hpaObject.spec) == null ? void 0 : _a.targetCPUUtilizationPercentage,
-        currentCPUUtilizationPercentage: (_b = hpaObject.status) == null ? void 0 : _b.currentCPUUtilizationPercentage,
-        minReplicas: (_c = hpaObject.spec) == null ? void 0 : _c.minReplicas,
-        maxReplicas: (_d = hpaObject.spec) == null ? void 0 : _d.maxReplicas,
-        currentReplicas: (_e = hpaObject.status) == null ? void 0 : _e.currentReplicas,
-        desiredReplicas: (_f = hpaObject.status) == null ? void 0 : _f.desiredReplicas
-      };
-    }
-  }, children);
-};
-
-function getOwnedResources(potentialOwner, possiblyOwned) {
-  return possiblyOwned.filter((p) => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = p.metadata) == null ? void 0 : _a.ownerReferences) == null ? void 0 : _b.some((o) => {
-      var _a2;
-      return o.uid === ((_a2 = potentialOwner.metadata) == null ? void 0 : _a2.uid);
-    })) != null ? _c : false;
-  });
-}
-const getOwnedPodsThroughReplicaSets = (potentialOwner, replicaSets, pods) => {
-  return getOwnedResources(potentialOwner, replicaSets.filter((rs) => rs.status && rs.status.replicas > 0)).reduce((accum, rs) => {
-    return accum.concat(getOwnedResources(rs, pods));
-  }, []);
-};
-const getMatchingHpa = (ownerName, ownerKind, hpas) => {
-  return hpas.find((hpa) => {
-    var _a, _b, _c, _d, _e, _f;
-    return ((_c = (_b = (_a = hpa.spec) == null ? void 0 : _a.scaleTargetRef) == null ? void 0 : _b.kind) != null ? _c : "").toLocaleLowerCase("en-US") === ownerKind.toLocaleLowerCase("en-US") && ((_f = (_e = (_d = hpa.spec) == null ? void 0 : _d.scaleTargetRef) == null ? void 0 : _e.name) != null ? _f : "") === (ownerName != null ? ownerName : "unknown-deployment");
-  });
-};
-
-const DeploymentSummary = ({
-  deployment,
-  numberOfCurrentPods,
-  numberOfPodsWithErrors,
-  hpa
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  return /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    direction: "row",
-    justifyContent: "flex-start",
-    alignItems: "center"
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    xs: 3,
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(DeploymentDrawer, {
-    deployment
-  })), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    xs: 1
-  }, /* @__PURE__ */ React__default.createElement(Divider, {
-    style: {height: "5em"},
-    orientation: "vertical"
-  })), hpa && /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    xs: 3
-  }, /* @__PURE__ */ React__default.createElement(HorizontalPodAutoscalerDrawer, {
-    hpa
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    container: true,
-    direction: "column",
-    justifyContent: "flex-start",
-    alignItems: "flex-start",
-    spacing: 0
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "subtitle2"
-  }, "min replicas ", (_b = (_a = hpa.spec) == null ? void 0 : _a.minReplicas) != null ? _b : "?", " / max replicas", " ", (_d = (_c = hpa.spec) == null ? void 0 : _c.maxReplicas) != null ? _d : "?")), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "subtitle2"
-  }, "current CPU usage:", " ", (_f = (_e = hpa.status) == null ? void 0 : _e.currentCPUUtilizationPercentage) != null ? _f : "?", "%")), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "subtitle2"
-  }, "target CPU usage:", " ", (_h = (_g = hpa.spec) == null ? void 0 : _g.targetCPUUtilizationPercentage) != null ? _h : "?", "%"))))), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    container: true,
-    xs: 3,
-    direction: "column",
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(StatusOK, null, numberOfCurrentPods, " pods")), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, numberOfPodsWithErrors > 0 ? /* @__PURE__ */ React__default.createElement(StatusError, null, numberOfPodsWithErrors, " pod", numberOfPodsWithErrors > 1 ? "s" : "", " with errors") : /* @__PURE__ */ React__default.createElement(StatusOK, null, "No pods with errors"))));
-};
-const DeploymentAccordion = ({
-  deployment,
-  ownedPods,
-  matchingHpa
-}) => {
-  const podNamesWithErrors = useContext(PodNamesWithErrorsContext);
-  const podsWithErrors = ownedPods.filter((p) => {
-    var _a, _b;
-    return podNamesWithErrors.has((_b = (_a = p.metadata) == null ? void 0 : _a.name) != null ? _b : "");
-  });
-  return /* @__PURE__ */ React__default.createElement(Accordion, {
-    TransitionProps: {unmountOnExit: true}
-  }, /* @__PURE__ */ React__default.createElement(AccordionSummary, {
-    expandIcon: /* @__PURE__ */ React__default.createElement(ExpandMoreIcon, null)
-  }, /* @__PURE__ */ React__default.createElement(DeploymentSummary, {
-    deployment,
-    numberOfCurrentPods: ownedPods.length,
-    numberOfPodsWithErrors: podsWithErrors.length,
-    hpa: matchingHpa
-  })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(PodsTable, {
-    pods: ownedPods
-  })));
-};
-const DeploymentsAccordions = ({}) => {
-  const groupedResponses = useContext(GroupedResponsesContext);
-  return /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    direction: "column",
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, groupedResponses.deployments.map((deployment, i) => {
-    var _a;
-    return /* @__PURE__ */ React__default.createElement(Grid, {
-      container: true,
-      item: true,
-      key: i,
-      xs: true
-    }, /* @__PURE__ */ React__default.createElement(Grid, {
-      item: true,
-      xs: true
-    }, /* @__PURE__ */ React__default.createElement(DeploymentAccordion, {
-      matchingHpa: getMatchingHpa((_a = deployment.metadata) == null ? void 0 : _a.name, "deployment", groupedResponses.horizontalPodAutoscalers),
-      ownedPods: getOwnedPodsThroughReplicaSets(deployment, groupedResponses.replicaSets, groupedResponses.pods),
-      deployment
-    })));
-  }));
-};
-
-const columns = [
-  {
-    title: "cluster",
-    width: "15%",
-    render: (detectedError) => detectedError.cluster
-  },
-  {
-    title: "kind",
-    width: "15%",
-    render: (detectedError) => detectedError.kind
-  },
-  {
-    title: "name",
-    width: "30%",
-    render: (detectedError) => {
-      const errorCount = detectedError.names.length;
-      if (errorCount === 0) {
-        return null;
-      }
-      const displayName = detectedError.names[0];
-      const otherErrorCount = errorCount - 1;
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, displayName, " ", otherErrorCount > 0 && /* @__PURE__ */ React.createElement(Chip, {
-        label: `+ ${otherErrorCount} other${otherErrorCount > 1 ? "s" : ""}`,
-        size: "small"
-      }));
-    }
-  },
-  {
-    title: "messages",
-    width: "40%",
-    render: (detectedError) => /* @__PURE__ */ React.createElement(React.Fragment, null, detectedError.message.map((m, i) => /* @__PURE__ */ React.createElement("div", {
-      key: i
-    }, m)))
-  }
-];
-const sortBySeverity = (a, b) => {
-  if (a.severity < b.severity) {
-    return 1;
-  } else if (b.severity < a.severity) {
-    return -1;
-  }
-  return 0;
-};
-const ErrorEmptyState = () => {
-  return /* @__PURE__ */ React.createElement(Grid, {
-    container: true,
-    justifyContent: "space-around",
-    direction: "row",
-    alignItems: "center",
-    spacing: 2
-  }, /* @__PURE__ */ React.createElement(Grid, {
-    item: true,
-    xs: 4
-  }, /* @__PURE__ */ React.createElement(Typography, {
-    variant: "h5"
-  }, "Nice! There are no errors to report!")), /* @__PURE__ */ React.createElement(Grid, {
-    item: true,
-    xs: 4
-  }, /* @__PURE__ */ React.createElement("img", {
-    src: EmptyStateImage,
-    alt: "EmptyState",
-    "data-testid": "emptyStateImg"
-  })));
-};
-const ErrorReporting = ({detectedErrors}) => {
-  const errors = Array.from(detectedErrors.values()).flat().sort(sortBySeverity);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, errors.length === 0 ? /* @__PURE__ */ React.createElement(InfoCard, {
-    title: "Error Reporting"
-  }, /* @__PURE__ */ React.createElement(ErrorEmptyState, null)) : /* @__PURE__ */ React.createElement(Table, {
-    title: "Error Reporting",
-    data: errors,
-    columns,
-    options: {paging: true, search: false}
-  }));
-};
-
-const groupResponses = (fetchResponse) => {
-  return fetchResponse.reduce((prev, next) => {
-    switch (next.type) {
-      case "deployments":
-        prev.deployments.push(...next.resources);
-        break;
-      case "pods":
-        prev.pods.push(...next.resources);
-        break;
-      case "replicasets":
-        prev.replicaSets.push(...next.resources);
-        break;
-      case "services":
-        prev.services.push(...next.resources);
-        break;
-      case "configmaps":
-        prev.configMaps.push(...next.resources);
-        break;
-      case "horizontalpodautoscalers":
-        prev.horizontalPodAutoscalers.push(...next.resources);
-        break;
-      case "ingresses":
-        prev.ingresses.push(...next.resources);
-        break;
-      case "customresources":
-        prev.customResources.push(...next.resources);
-        break;
-    }
-    return prev;
-  }, {
-    pods: [],
-    replicaSets: [],
-    deployments: [],
-    services: [],
-    configMaps: [],
-    horizontalPodAutoscalers: [],
-    ingresses: [],
-    customResources: []
-  });
-};
-
-const detectErrorsInObjects = (objects, kind, clusterName, errorMappers) => {
-  var _a, _b;
-  const errors = new Map();
-  for (const object of objects) {
-    for (const errorMapper of errorMappers) {
-      if (errorMapper.errorExists(object)) {
-        const message = errorMapper.messageAccessor(object);
-        const dedupKey = message.join("");
-        const value = errors.get(dedupKey);
-        const name = (_b = (_a = object.metadata) == null ? void 0 : _a.name) != null ? _b : "unknown";
-        if (value !== void 0) {
-          value.names.push(name);
-          errors.set(dedupKey, value);
-        } else {
-          errors.set(dedupKey, {
-            cluster: clusterName,
-            kind,
-            names: [name],
-            message,
-            severity: errorMapper.severity
-          });
-        }
-      }
-    }
-  }
-  return Array.from(errors.values());
-};
-
-const podErrorMappers = [
-  {
-    severity: 5,
-    errorExplanation: "status-message",
-    errorExists: (pod) => {
-      var _a;
-      return ((_a = pod.status) == null ? void 0 : _a.message) !== void 0;
-    },
-    messageAccessor: (pod) => {
-      var _a, _b;
-      return [(_b = (_a = pod.status) == null ? void 0 : _a.message) != null ? _b : ""];
-    }
-  },
-  {
-    severity: 4,
-    errorExplanation: "containers-restarting",
-    errorExists: (pod) => {
-      return totalRestarts(pod) > 3;
-    },
-    messageAccessor: (pod) => {
-      var _a, _b;
-      return ((_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : []).filter((cs) => cs.restartCount > 0).map((cs) => `container=${cs.name} restarted ${cs.restartCount} times`);
-    }
-  },
-  {
-    severity: 5,
-    errorExplanation: "condition-message-present",
-    errorExists: (pod) => {
-      var _a, _b;
-      return ((_b = (_a = pod.status) == null ? void 0 : _a.conditions) != null ? _b : []).some((c) => c.message !== void 0);
-    },
-    messageAccessor: (pod) => {
-      var _a, _b;
-      return ((_b = (_a = pod.status) == null ? void 0 : _a.conditions) != null ? _b : []).filter((c) => c.message !== void 0).map((c) => {
-        var _a2;
-        return (_a2 = c.message) != null ? _a2 : "";
-      });
-    }
-  },
-  {
-    severity: 6,
-    errorExplanation: "container-waiting",
-    errorExists: (pod) => {
-      var _a, _b;
-      return ((_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : []).some((cs) => {
-        var _a2, _b2;
-        return ((_b2 = (_a2 = cs.state) == null ? void 0 : _a2.waiting) == null ? void 0 : _b2.message) !== void 0;
-      });
-    },
-    messageAccessor: (pod) => {
-      var _a, _b;
-      return ((_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : []).filter((cs) => {
-        var _a2, _b2;
-        return ((_b2 = (_a2 = cs.state) == null ? void 0 : _a2.waiting) == null ? void 0 : _b2.message) !== void 0;
-      }).map((cs) => {
-        var _a2, _b2, _c;
-        return (_c = (_b2 = (_a2 = cs.state) == null ? void 0 : _a2.waiting) == null ? void 0 : _b2.message) != null ? _c : "";
-      });
-    }
-  },
-  {
-    severity: 4,
-    errorExplanation: "container-last-state-error",
-    errorExists: (pod) => {
-      var _a, _b;
-      return ((_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : []).some((cs) => {
-        var _a2, _b2, _c;
-        return ((_c = (_b2 = (_a2 = cs.lastState) == null ? void 0 : _a2.terminated) == null ? void 0 : _b2.reason) != null ? _c : "") === "Error";
-      });
-    },
-    messageAccessor: (pod) => {
-      var _a, _b;
-      return ((_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : []).filter((cs) => {
-        var _a2, _b2, _c;
-        return ((_c = (_b2 = (_a2 = cs.lastState) == null ? void 0 : _a2.terminated) == null ? void 0 : _b2.reason) != null ? _c : "") === "Error";
-      }).map((cs) => {
-        var _a2, _b2;
-        return `container=${cs.name} exited with error code (${(_b2 = (_a2 = cs.lastState) == null ? void 0 : _a2.terminated) == null ? void 0 : _b2.exitCode})`;
-      });
-    }
-  }
-];
-const detectErrorsInPods = (pods, clusterName) => detectErrorsInObjects(pods, "Pod", clusterName, podErrorMappers);
-
-const deploymentErrorMappers = [
-  {
-    severity: 6,
-    errorExplanation: "condition-message-present",
-    errorExists: (deployment) => {
-      var _a, _b;
-      return ((_b = (_a = deployment.status) == null ? void 0 : _a.conditions) != null ? _b : []).filter((c) => c.status === "False").some((c) => c.message !== void 0);
-    },
-    messageAccessor: (deployment) => {
+    render: (pod) => {
       var _a, _b;
-      return ((_b = (_a = deployment.status) == null ? void 0 : _a.conditions) != null ? _b : []).filter((c) => c.status === "False").filter((c) => c.message !== void 0).map((c) => {
-        var _a2;
-        return (_a2 = c.message) != null ? _a2 : "";
-      });
+      return (_b = (_a = pod.status) == null ? void 0 : _a.phase) != null ? _b : "unknown";
     }
+  },
+  {
+    title: "containers ready",
+    align: "center",
+    render: containersReady
+  },
+  {
+    title: "total restarts",
+    align: "center",
+    render: totalRestarts,
+    type: "numeric"
+  },
+  {
+    title: "status",
+    render: containerStatuses
   }
 ];
-const detectErrorsInDeployments = (deployments, clusterName) => detectErrorsInObjects(deployments, "Deployment", clusterName, deploymentErrorMappers);
+const PodsTable = ({pods}) => {
+  const tableStyle = {
+    minWidth: "0",
+    width: "100%"
+  };
+  return /* @__PURE__ */ React__default.createElement("div", {
+    style: tableStyle
+  }, /* @__PURE__ */ React__default.createElement(Table, {
+    options: {paging: true, search: false},
+    data: pods,
+    columns
+  }));
+};
 
-const hpaErrorMappers = [
-  {
-    severity: 8,
-    errorExplanation: "hpa-max-current-replicas",
-    errorExists: (hpa) => {
-      var _a, _b, _c;
-      return ((_b = (_a = hpa.spec) == null ? void 0 : _a.maxReplicas) != null ? _b : -1) === ((_c = hpa.status) == null ? void 0 : _c.currentReplicas);
-    },
-    messageAccessor: (hpa) => {
-      var _a, _b, _c;
-      return [
-        `Current number of replicas (${(_a = hpa.status) == null ? void 0 : _a.currentReplicas}) is equal to the configured max number of replicas (${(_c = (_b = hpa.spec) == null ? void 0 : _b.maxReplicas) != null ? _c : -1})`
-      ];
+const DeploymentDrawer = ({
+  deployment,
+  expanded
+}) => {
+  var _a, _b, _c;
+  const namespace = (_a = deployment.metadata) == null ? void 0 : _a.namespace;
+  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
+    object: deployment,
+    expanded,
+    kind: "Deployment",
+    renderObject: (deploymentObj) => {
+      var _a2, _b2, _c2, _d, _e, _f, _g, _h;
+      const conditions = ((_b2 = (_a2 = deploymentObj.status) == null ? void 0 : _a2.conditions) != null ? _b2 : []).map(renderCondition).reduce((accum, next) => {
+        accum[next[0]] = next[1];
+        return accum;
+      }, {});
+      return {
+        strategy: (_d = (_c2 = deploymentObj.spec) == null ? void 0 : _c2.strategy) != null ? _d : "???",
+        minReadySeconds: (_f = (_e = deploymentObj.spec) == null ? void 0 : _e.minReadySeconds) != null ? _f : "???",
+        progressDeadlineSeconds: (_h = (_g = deploymentObj.spec) == null ? void 0 : _g.progressDeadlineSeconds) != null ? _h : "???",
+        ...conditions
+      };
     }
-  }
-];
-const detectErrorsInHpa = (hpas, clusterName) => detectErrorsInObjects(hpas, "HorizontalPodAutoscaler", clusterName, hpaErrorMappers);
+  }, /* @__PURE__ */ React__default.createElement(Grid, {
+    container: true,
+    direction: "column",
+    justifyContent: "flex-start",
+    alignItems: "flex-start",
+    spacing: 0
+  }, /* @__PURE__ */ React__default.createElement(Grid, {
+    item: true
+  }, /* @__PURE__ */ React__default.createElement(Typography, {
+    variant: "h5"
+  }, (_c = (_b = deployment.metadata) == null ? void 0 : _b.name) != null ? _c : "unknown object")), /* @__PURE__ */ React__default.createElement(Grid, {
+    item: true
+  }, /* @__PURE__ */ React__default.createElement(Typography, {
+    color: "textSecondary",
+    variant: "body1"
+  }, "Deployment")), namespace && /* @__PURE__ */ React__default.createElement(Grid, {
+    item: true
+  }, /* @__PURE__ */ React__default.createElement(Chip, {
+    size: "small",
+    label: `namespace: ${namespace}`
+  }))));
+};
 
-const detectErrors = (objects) => {
-  const errors = new Map();
-  for (const clusterResponse of objects.items) {
-    let clusterErrors = [];
-    const groupedResponses = groupResponses(clusterResponse.resources);
-    clusterErrors = clusterErrors.concat(detectErrorsInPods(groupedResponses.pods, clusterResponse.cluster.name));
-    clusterErrors = clusterErrors.concat(detectErrorsInDeployments(groupedResponses.deployments, clusterResponse.cluster.name));
-    clusterErrors = clusterErrors.concat(detectErrorsInHpa(groupedResponses.horizontalPodAutoscalers, clusterResponse.cluster.name));
-    errors.set(clusterResponse.cluster.name, clusterErrors);
-  }
-  return errors;
+const HorizontalPodAutoscalerDrawer = ({
+  hpa,
+  expanded,
+  children
+}) => {
+  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
+    kind: "HorizontalPodAutoscaler",
+    object: hpa,
+    expanded,
+    renderObject: (hpaObject) => {
+      var _a, _b, _c, _d, _e, _f;
+      return {
+        targetCPUUtilizationPercentage: (_a = hpaObject.spec) == null ? void 0 : _a.targetCPUUtilizationPercentage,
+        currentCPUUtilizationPercentage: (_b = hpaObject.status) == null ? void 0 : _b.currentCPUUtilizationPercentage,
+        minReplicas: (_c = hpaObject.spec) == null ? void 0 : _c.minReplicas,
+        maxReplicas: (_d = hpaObject.spec) == null ? void 0 : _d.maxReplicas,
+        currentReplicas: (_e = hpaObject.status) == null ? void 0 : _e.currentReplicas,
+        desiredReplicas: (_f = hpaObject.status) == null ? void 0 : _f.desiredReplicas
+      };
+    }
+  }, children);
+};
+
+function getOwnedResources(potentialOwner, possiblyOwned) {
+  return possiblyOwned.filter((p) => {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = p.metadata) == null ? void 0 : _a.ownerReferences) == null ? void 0 : _b.some((o) => {
+      var _a2;
+      return o.uid === ((_a2 = potentialOwner.metadata) == null ? void 0 : _a2.uid);
+    })) != null ? _c : false;
+  });
+}
+const getOwnedPodsThroughReplicaSets = (potentialOwner, replicaSets, pods) => {
+  return getOwnedResources(potentialOwner, replicaSets.filter((rs) => rs.status && rs.status.replicas > 0)).reduce((accum, rs) => {
+    return accum.concat(getOwnedResources(rs, pods));
+  }, []);
+};
+const getMatchingHpa = (ownerName, ownerKind, hpas) => {
+  return hpas.find((hpa) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ((_c = (_b = (_a = hpa.spec) == null ? void 0 : _a.scaleTargetRef) == null ? void 0 : _b.kind) != null ? _c : "").toLocaleLowerCase("en-US") === ownerKind.toLocaleLowerCase("en-US") && ((_f = (_e = (_d = hpa.spec) == null ? void 0 : _d.scaleTargetRef) == null ? void 0 : _e.name) != null ? _f : "") === (ownerName != null ? ownerName : "unknown-deployment");
+  });
+};
+
+const DeploymentSummary = ({
+  deployment,
+  numberOfCurrentPods,
+  numberOfPodsWithErrors,
+  hpa
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  return /* @__PURE__ */ React__default.createElement(Grid, {
+    container: true,
+    direction: "row",
+    justifyContent: "flex-start",
+    alignItems: "center"
+  }, /* @__PURE__ */ React__default.createElement(Grid, {
+    xs: 3,
+    item: true
+  }, /* @__PURE__ */ React__default.createElement(DeploymentDrawer, {
+    deployment
+  })), /* @__PURE__ */ React__default.createElement(Grid, {
+    item: true,
+    xs: 1
+  }, /* @__PURE__ */ React__default.createElement(Divider, {
+    style: {height: "5em"},
+    orientation: "vertical"
+  })), hpa && /* @__PURE__ */ React__default.createElement(Grid, {
+    item: true,
+    xs: 3
+  }, /* @__PURE__ */ React__default.createElement(HorizontalPodAutoscalerDrawer, {
+    hpa
+  }, /* @__PURE__ */ React__default.createElement(Grid, {
+    item: true,
+    container: true,
+    direction: "column",
+    justifyContent: "flex-start",
+    alignItems: "flex-start",
+    spacing: 0
+  }, /* @__PURE__ */ React__default.createElement(Grid, {
+    item: true
+  }, /* @__PURE__ */ React__default.createElement(Typography, {
+    variant: "subtitle2"
+  }, "min replicas ", (_b = (_a = hpa.spec) == null ? void 0 : _a.minReplicas) != null ? _b : "?", " / max replicas", " ", (_d = (_c = hpa.spec) == null ? void 0 : _c.maxReplicas) != null ? _d : "?")), /* @__PURE__ */ React__default.createElement(Grid, {
+    item: true
+  }, /* @__PURE__ */ React__default.createElement(Typography, {
+    variant: "subtitle2"
+  }, "current CPU usage:", " ", (_f = (_e = hpa.status) == null ? void 0 : _e.currentCPUUtilizationPercentage) != null ? _f : "?", "%")), /* @__PURE__ */ React__default.createElement(Grid, {
+    item: true
+  }, /* @__PURE__ */ React__default.createElement(Typography, {
+    variant: "subtitle2"
+  }, "target CPU usage:", " ", (_h = (_g = hpa.spec) == null ? void 0 : _g.targetCPUUtilizationPercentage) != null ? _h : "?", "%"))))), /* @__PURE__ */ React__default.createElement(Grid, {
+    item: true,
+    container: true,
+    xs: 3,
+    direction: "column",
+    justifyContent: "flex-start",
+    alignItems: "flex-start"
+  }, /* @__PURE__ */ React__default.createElement(Grid, {
+    item: true
+  }, /* @__PURE__ */ React__default.createElement(StatusOK, null, numberOfCurrentPods, " pods")), /* @__PURE__ */ React__default.createElement(Grid, {
+    item: true
+  }, numberOfPodsWithErrors > 0 ? /* @__PURE__ */ React__default.createElement(StatusError, null, numberOfPodsWithErrors, " pod", numberOfPodsWithErrors > 1 ? "s" : "", " with errors") : /* @__PURE__ */ React__default.createElement(StatusOK, null, "No pods with errors"))));
+};
+const DeploymentAccordion = ({
+  deployment,
+  ownedPods,
+  matchingHpa
+}) => {
+  const podNamesWithErrors = useContext(PodNamesWithErrorsContext);
+  const podsWithErrors = ownedPods.filter((p) => {
+    var _a, _b;
+    return podNamesWithErrors.has((_b = (_a = p.metadata) == null ? void 0 : _a.name) != null ? _b : "");
+  });
+  return /* @__PURE__ */ React__default.createElement(Accordion, {
+    TransitionProps: {unmountOnExit: true}
+  }, /* @__PURE__ */ React__default.createElement(AccordionSummary, {
+    expandIcon: /* @__PURE__ */ React__default.createElement(ExpandMoreIcon, null)
+  }, /* @__PURE__ */ React__default.createElement(DeploymentSummary, {
+    deployment,
+    numberOfCurrentPods: ownedPods.length,
+    numberOfPodsWithErrors: podsWithErrors.length,
+    hpa: matchingHpa
+  })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(PodsTable, {
+    pods: ownedPods
+  })));
+};
+const DeploymentsAccordions = ({}) => {
+  const groupedResponses = useContext(GroupedResponsesContext);
+  return /* @__PURE__ */ React__default.createElement(Grid, {
+    container: true,
+    direction: "column",
+    justifyContent: "flex-start",
+    alignItems: "flex-start"
+  }, groupedResponses.deployments.map((deployment, i) => {
+    var _a;
+    return /* @__PURE__ */ React__default.createElement(Grid, {
+      container: true,
+      item: true,
+      key: i,
+      xs: true
+    }, /* @__PURE__ */ React__default.createElement(Grid, {
+      item: true,
+      xs: true
+    }, /* @__PURE__ */ React__default.createElement(DeploymentAccordion, {
+      matchingHpa: getMatchingHpa((_a = deployment.metadata) == null ? void 0 : _a.name, "deployment", groupedResponses.horizontalPodAutoscalers),
+      ownedPods: getOwnedPodsThroughReplicaSets(deployment, groupedResponses.replicaSets, groupedResponses.pods),
+      deployment
+    })));
+  }));
 };
 
 const IngressDrawer = ({
@@ -1712,6 +1717,7 @@ const Cluster = ({clusterObjects, podsWithErrors}) => {
     item: true
   }, /* @__PURE__ */ React__default.createElement(ServicesAccordions, null))))))));
 };
+
 const KubernetesContent = ({entity}) => {
   var _a;
   const {kubernetesObjects, error} = useKubernetesObjects(entity);