@backstage/plugin-kubernetes 0.4.14 → 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';
@@ -142,6 +143,7 @@ const kubernetesPlugin = createPlugin({
   }
 });
 const EntityKubernetesContent = kubernetesPlugin.provide(createRoutableExtension({
+  name: "EntityKubernetesContent",
   component: () => Promise.resolve().then(function () { return Router$1; }).then((m) => m.Router),
   mountPoint: rootCatalogKubernetesRouteRef
 }));
@@ -171,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 : [];
@@ -242,851 +361,760 @@ 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 = {
-  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[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;
-}
-
-function rancherFormatter(_options) {
-  throw new Error("Rancher formatter is not yet implemented. Please, contribute!");
-}
-
-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 app = options.dashboardApp || defaultFormatterName;
-  const formatter = clusterLinksFormatters[app];
-  if (!formatter) {
-    throw new Error(`Could not find Kubernetes dashboard app named '${app}'`);
-  }
-  const url = formatter({
-    dashboardUrl: new URL(options.dashboardUrl),
-    object: options.object,
-    kind: options.kind
-  });
-  return `${url.origin}${url.pathname}${url.hash}${url.search}`;
-}
 
-const useDrawerStyles = makeStyles((theme) => createStyles({
-  paper: {
-    width: "50%",
-    justifyContent: "space-between",
-    padding: theme.spacing(2.5)
-  }
-}));
-const useDrawerContentStyles = makeStyles((_) => createStyles({
-  header: {
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "space-between"
-  },
-  errorMessage: {
-    marginTop: "1em",
-    marginBottom: "1em"
-  },
-  options: {
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "space-between"
-  },
-  icon: {
-    fontSize: 20
-  },
-  content: {
-    height: "80%"
-  }
-}));
-const PodDrawerButton = withStyles({
-  root: {
-    padding: "6px 5px"
-  },
-  label: {
-    textTransform: "none"
-  }
-})(Button);
-const ErrorPanel = ({cluster, errorMessage}) => /* @__PURE__ */ React__default.createElement(WarningPanel, {
-  title: "There was a problem formatting the link to the Kubernetes dashboard",
-  message: `Could not format the link to the dashboard of your cluster named '${cluster.name}'. Its dashboardApp property has been set to '${cluster.dashboardApp || "standard"}.'`
-}, errorMessage && /* @__PURE__ */ React__default.createElement(Typography, {
-  variant: "body2"
-}, "Errors: ", errorMessage));
-function replaceNullsWithUndefined(someObj) {
-  const replacer = (_, value) => String(value) === "null" || String(value) === "undefined" ? void 0 : value;
-  return JSON.parse(JSON.stringify(someObj, replacer));
-}
-function tryFormatClusterLink(options) {
-  try {
-    return {
-      clusterLink: formatClusterLink(options),
-      errorMessage: ""
-    };
-  } catch (err) {
-    return {
-      clusterLink: "",
-      errorMessage: err.message || err.toString()
-    };
-  }
-}
-const KubernetesDrawerContent = ({
-  toggleDrawer,
-  object,
-  renderObject,
-  kind
-}) => {
-  var _a, _b;
-  const [isYaml, setIsYaml] = useState(false);
-  const classes = useDrawerContentStyles();
-  const cluster = useContext(ClusterContext);
-  const {clusterLink, errorMessage} = tryFormatClusterLink({
-    dashboardUrl: cluster.dashboardUrl,
-    dashboardApp: cluster.dashboardApp,
-    object,
-    kind
-  });
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
-    className: classes.header
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    direction: "column",
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "h5"
-  }, (_b = (_a = object.metadata) == null ? void 0 : _a.name) != null ? _b : "unknown name")), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    color: "textSecondary",
-    variant: "body1"
-  }, kind))), /* @__PURE__ */ React__default.createElement(IconButton, {
-    key: "dismiss",
-    title: "Close the drawer",
-    onClick: (e) => toggleDrawer(e, false),
-    color: "inherit"
-  }, /* @__PURE__ */ React__default.createElement(Close, {
-    className: classes.icon
-  }))), errorMessage && /* @__PURE__ */ React__default.createElement("div", {
-    className: classes.errorMessage
-  }, /* @__PURE__ */ React__default.createElement(ErrorPanel, {
-    cluster,
-    errorMessage
-  })), /* @__PURE__ */ React__default.createElement("div", {
-    className: classes.options
-  }, /* @__PURE__ */ React__default.createElement("div", null, clusterLink && /* @__PURE__ */ React__default.createElement(Button$1, {
-    variant: "outlined",
-    color: "primary",
-    size: "small",
-    to: clusterLink,
-    endIcon: /* @__PURE__ */ React__default.createElement(OpenInNewIcon, null)
-  }, "Open Kubernetes Dashboard")), /* @__PURE__ */ React__default.createElement(FormControlLabel, {
-    control: /* @__PURE__ */ React__default.createElement(Switch, {
-      checked: isYaml,
-      onChange: (event) => {
-        setIsYaml(event.target.checked);
-      },
-      name: "YAML"
-    }),
-    label: "YAML"
-  })), /* @__PURE__ */ React__default.createElement("div", {
-    className: classes.content
-  }, isYaml && /* @__PURE__ */ React__default.createElement(CodeSnippet, {
-    language: "yaml",
-    text: jsYaml.dump(object)
-  }), !isYaml && /* @__PURE__ */ React__default.createElement(StructuredMetadataTable, {
-    metadata: renderObject(replaceNullsWithUndefined(object))
-  })));
-};
-const KubernetesDrawer = ({
-  object,
-  renderObject,
-  kind,
-  buttonVariant = "subtitle2",
-  expanded = false,
-  children
-}) => {
-  var _a, _b;
-  const [isOpen, setIsOpen] = useState(expanded);
-  const classes = useDrawerStyles();
-  const toggleDrawer = (e, newValue) => {
-    e.stopPropagation();
-    setIsOpen(newValue);
-  };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(PodDrawerButton, {
-    onClick: (e) => toggleDrawer(e, true),
-    onFocus: (event) => event.stopPropagation()
-  }, children === void 0 ? /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: buttonVariant
-  }, (_b = (_a = object.metadata) == null ? void 0 : _a.name) != null ? _b : "unknown object") : children), /* @__PURE__ */ React__default.createElement(Drawer, {
-    classes: {
-      paper: classes.paper
+const podErrorMappers = [
+  {
+    severity: 5,
+    errorExplanation: "status-message",
+    errorExists: (pod) => {
+      var _a;
+      return ((_a = pod.status) == null ? void 0 : _a.message) !== void 0;
     },
-    anchor: "right",
-    open: isOpen,
-    onClose: (e) => toggleDrawer(e, false),
-    onClick: (event) => event.stopPropagation()
-  }, /* @__PURE__ */ React__default.createElement(KubernetesDrawerContent, {
-    kind,
-    toggleDrawer,
-    object,
-    renderObject
-  })));
-};
-
-const PodDrawer = ({
-  pod,
-  expanded
-}) => {
-  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
-    object: pod,
-    expanded,
-    kind: "Pod",
-    renderObject: (podObject) => {
-      var _a, _b, _c, _d, _e, _f, _g;
-      const phase = (_b = (_a = podObject.status) == null ? void 0 : _a.phase) != null ? _b : "unknown";
-      const ports = (_e = (_d = (_c = podObject.spec) == null ? void 0 : _c.containers) == null ? void 0 : _d.map((c) => {
-        return {
-          [c.name]: c.ports
-        };
-      })) != null ? _e : "N/A";
-      const conditions = ((_g = (_f = podObject.status) == null ? void 0 : _f.conditions) != null ? _g : []).map(renderCondition).reduce((accum, next) => {
-        accum[next[0]] = next[1];
-        return accum;
-      }, {});
-      return {
-        images: imageChips(podObject),
-        phase,
-        "Containers Ready": containersReady(podObject),
-        "Total Restarts": totalRestarts(podObject),
-        "Container Statuses": containerStatuses(podObject),
-        ...conditions,
-        "Exposed ports": ports
-      };
+    messageAccessor: (pod) => {
+      var _a, _b;
+      return [(_b = (_a = pod.status) == null ? void 0 : _a.message) != null ? _b : ""];
     }
-  });
-};
-
-const columns$1 = [
+  },
   {
-    title: "name",
-    highlight: true,
-    render: (pod) => /* @__PURE__ */ React__default.createElement(PodDrawer, {
-      pod
-    })
+    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`);
+    }
   },
   {
-    title: "phase",
-    render: (pod) => {
+    severity: 5,
+    errorExplanation: "condition-message-present",
+    errorExists: (pod) => {
       var _a, _b;
-      return (_b = (_a = pod.status) == null ? void 0 : _a.phase) != null ? _b : "unknown";
+      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 : "";
+      });
     }
   },
   {
-    title: "containers ready",
-    align: "center",
-    render: containersReady
+    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 : "";
+      });
+    }
   },
   {
-    title: "total restarts",
-    align: "center",
-    render: totalRestarts,
-    type: "numeric"
-  },
+    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 = [
   {
-    title: "status",
-    render: containerStatuses
+    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 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 detectErrorsInDeployments = (deployments, clusterName) => detectErrorsInObjects(deployments, "Deployment", clusterName, deploymentErrorMappers);
 
-const DeploymentDrawer = ({
-  deployment,
-  expanded
-}) => {
-  var _a, _b;
-  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
-    object: deployment,
-    expanded,
-    kind: "Deployment",
-    renderObject: (deploymentObj) => {
-      var _a2, _b2, _c, _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 = (_c = deploymentObj.spec) == null ? void 0 : _c.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 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})`
+      ];
     }
-  }, /* @__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"
-  }, (_b = (_a = deployment.metadata) == null ? void 0 : _a.name) != null ? _b : "unknown object")), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    color: "textSecondary",
-    variant: "body1"
-  }, "Deployment"))));
+  }
+];
+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 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
-      };
+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;
     }
-  }, children);
+    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
+  };
 };
 
-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 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 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 kindMappings = {
+  deployment: "apps.deployment",
+  ingress: "networking.k8s.io.ingress",
+  service: "service",
+  horizontalpodautoscaler: "autoscaling.horizontalpodautoscaler"
 };
-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 : "").toLowerCase() === ownerKind.toLowerCase() && ((_f = (_e = (_d = hpa.spec) == null ? void 0 : _d.scaleTargetRef) == null ? void 0 : _e.name) != null ? _f : "") === (ownerName != null ? ownerName : "unknown-deployment");
-  });
+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";
 
-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
+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) {
+    throw new Error(`Could not find Kubernetes dashboard app named '${app}'`);
+  }
+  const url = formatter({
+    dashboardUrl: new URL(options.dashboardUrl),
+    object: options.object,
+    kind: options.kind
+  });
+  return `${url.origin}${url.pathname}${url.hash}${url.search}`;
+}
+
+const useDrawerStyles = makeStyles((theme) => createStyles({
+  paper: {
+    width: "50%",
+    justifyContent: "space-between",
+    padding: theme.spacing(2.5)
+  }
+}));
+const useDrawerContentStyles = makeStyles((_) => createStyles({
+  header: {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between"
+  },
+  errorMessage: {
+    marginTop: "1em",
+    marginBottom: "1em"
+  },
+  options: {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between"
+  },
+  icon: {
+    fontSize: 20
+  },
+  content: {
+    height: "80%"
+  }
+}));
+const PodDrawerButton = withStyles({
+  root: {
+    padding: "6px 5px"
+  },
+  label: {
+    textTransform: "none"
+  }
+})(Button);
+const ErrorPanel = ({cluster, errorMessage}) => /* @__PURE__ */ React__default.createElement(WarningPanel, {
+  title: "There was a problem formatting the link to the Kubernetes dashboard",
+  message: `Could not format the link to the dashboard of your cluster named '${cluster.name}'. Its dashboardApp property has been set to '${cluster.dashboardApp || "standard"}.'`
+}, errorMessage && /* @__PURE__ */ React__default.createElement(Typography, {
+  variant: "body2"
+}, "Errors: ", errorMessage));
+function replaceNullsWithUndefined(someObj) {
+  const replacer = (_, value) => String(value) === "null" || String(value) === "undefined" ? void 0 : value;
+  return JSON.parse(JSON.stringify(someObj, replacer));
+}
+function tryFormatClusterLink(options) {
+  try {
+    return {
+      clusterLink: formatClusterLink(options),
+      errorMessage: ""
+    };
+  } catch (err) {
+    return {
+      clusterLink: "",
+      errorMessage: err.message || err.toString()
+    };
+  }
+}
+const KubernetesDrawerContent = ({
+  toggleDrawer,
+  object,
+  renderObject,
+  kind
+}) => {
+  var _a, _b;
+  const [isYaml, setIsYaml] = useState(false);
+  const classes = useDrawerContentStyles();
+  const cluster = useContext(ClusterContext);
+  const {clusterLink, errorMessage} = tryFormatClusterLink({
+    dashboardUrl: cluster.dashboardUrl,
+    dashboardApp: cluster.dashboardApp,
+    object,
+    kind
+  });
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.header
   }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
     container: true,
     direction: "column",
     justifyContent: "flex-start",
-    alignItems: "flex-start",
-    spacing: 0
+    alignItems: "flex-start"
   }, /* @__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, {
+    variant: "h5"
+  }, (_b = (_a = object.metadata) == null ? void 0 : _a.name) != null ? _b : "unknown name")), /* @__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"))));
+    color: "textSecondary",
+    variant: "body1"
+  }, kind))), /* @__PURE__ */ React__default.createElement(IconButton, {
+    key: "dismiss",
+    title: "Close the drawer",
+    onClick: (e) => toggleDrawer(e, false),
+    color: "inherit"
+  }, /* @__PURE__ */ React__default.createElement(Close, {
+    className: classes.icon
+  }))), errorMessage && /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.errorMessage
+  }, /* @__PURE__ */ React__default.createElement(ErrorPanel, {
+    cluster,
+    errorMessage
+  })), /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.options
+  }, /* @__PURE__ */ React__default.createElement("div", null, clusterLink && /* @__PURE__ */ React__default.createElement(Button$1, {
+    variant: "outlined",
+    color: "primary",
+    size: "small",
+    to: clusterLink,
+    endIcon: /* @__PURE__ */ React__default.createElement(OpenInNewIcon, null)
+  }, "Open Kubernetes Dashboard")), /* @__PURE__ */ React__default.createElement(FormControlLabel, {
+    control: /* @__PURE__ */ React__default.createElement(Switch, {
+      checked: isYaml,
+      onChange: (event) => {
+        setIsYaml(event.target.checked);
+      },
+      name: "YAML"
+    }),
+    label: "YAML"
+  })), /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.content
+  }, isYaml && /* @__PURE__ */ React__default.createElement(CodeSnippet, {
+    language: "yaml",
+    text: jsYaml.dump(object)
+  }), !isYaml && /* @__PURE__ */ React__default.createElement(StructuredMetadataTable, {
+    metadata: renderObject(replaceNullsWithUndefined(object))
+  })));
 };
-const DeploymentAccordion = ({
-  deployment,
-  ownedPods,
-  matchingHpa
+const KubernetesDrawer = ({
+  object,
+  renderObject,
+  kind,
+  buttonVariant = "subtitle2",
+  expanded = false,
+  children
 }) => {
-  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
+  var _a, _b;
+  const [isOpen, setIsOpen] = useState(expanded);
+  const classes = useDrawerStyles();
+  const toggleDrawer = (e, newValue) => {
+    e.stopPropagation();
+    setIsOpen(newValue);
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(PodDrawerButton, {
+    onClick: (e) => toggleDrawer(e, true),
+    onFocus: (event) => event.stopPropagation()
+  }, children === void 0 ? /* @__PURE__ */ React__default.createElement(Typography, {
+    variant: buttonVariant
+  }, (_b = (_a = object.metadata) == null ? void 0 : _a.name) != null ? _b : "unknown object") : children), /* @__PURE__ */ React__default.createElement(Drawer, {
+    classes: {
+      paper: classes.paper
+    },
+    anchor: "right",
+    open: isOpen,
+    onClose: (e) => toggleDrawer(e, false),
+    onClick: (event) => event.stopPropagation()
+  }, /* @__PURE__ */ React__default.createElement(KubernetesDrawerContent, {
+    kind,
+    toggleDrawer,
+    object,
+    renderObject
   })));
 };
-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;
+const PodDrawer = ({
+  pod,
+  expanded
+}) => {
+  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
+    object: pod,
+    expanded,
+    kind: "Pod",
+    renderObject: (podObject) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      const phase = (_b = (_a = podObject.status) == null ? void 0 : _a.phase) != null ? _b : "unknown";
+      const ports = (_e = (_d = (_c = podObject.spec) == null ? void 0 : _c.containers) == null ? void 0 : _d.map((c) => {
+        return {
+          [c.name]: c.ports
+        };
+      })) != null ? _e : "N/A";
+      const conditions = ((_g = (_f = podObject.status) == null ? void 0 : _f.conditions) != null ? _g : []).map(renderCondition).reduce((accum, next) => {
+        accum[next[0]] = next[1];
+        return accum;
+      }, {});
+      return {
+        images: imageChips(podObject),
+        phase,
+        "Containers Ready": containersReady(podObject),
+        "Total Restarts": totalRestarts(podObject),
+        "Container Statuses": containerStatuses(podObject),
+        ...conditions,
+        "Exposed ports": ports
+      };
     }
-    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 = [
+const columns = [
   {
-    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) => {
+    title: "name",
+    highlight: true,
+    render: (pod) => /* @__PURE__ */ React__default.createElement(PodDrawer, {
+      pod
+    })
+  },
+  {
+    title: "phase",
+    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 = ({
@@ -1689,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);
@@ -1765,6 +1794,10 @@ const KubernetesContent = ({entity}) => {
 
 const KUBERNETES_ANNOTATION = "backstage.io/kubernetes-id";
 const KUBERNETES_LABEL_SELECTOR_QUERY_ANNOTATION = "backstage.io/kubernetes-label-selector";
+const isKubernetesAvailable = (entity) => {
+  var _a, _b;
+  return Boolean((_a = entity.metadata.annotations) == null ? void 0 : _a[KUBERNETES_ANNOTATION]) || Boolean((_b = entity.metadata.annotations) == null ? void 0 : _b[KUBERNETES_LABEL_SELECTOR_QUERY_ANNOTATION]);
+};
 const Router = (_props) => {
   var _a, _b;
   const {entity} = useEntity();
@@ -1789,8 +1822,9 @@ const Router = (_props) => {
 
 var Router$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
+  isKubernetesAvailable: isKubernetesAvailable,
   Router: Router
 });
 
-export { EntityKubernetesContent, KubernetesAuthProviders, Router, clusterLinksFormatters, formatClusterLink, kubernetesAuthProvidersApiRef, kubernetesPlugin, kubernetesPlugin as plugin };
+export { EntityKubernetesContent, KubernetesAuthProviders, Router, clusterLinksFormatters, formatClusterLink, isKubernetesAvailable, kubernetesApiRef, kubernetesAuthProvidersApiRef, kubernetesPlugin, kubernetesPlugin as plugin };
 //# sourceMappingURL=index.esm.js.map