@backstage/plugin-kubernetes 0.7.4 → 0.7.5-next.1

package/dist/index.esm.js

@@ -243,15 +243,8 @@ const EntityKubernetesContent = kubernetesPlugin.provide(
 
 const clustersWithErrorsToErrorMessage = (clustersWithErrors) => {
   return clustersWithErrors.map((c, i) => {
-    return /* @__PURE__ */ React__default.createElement("div", {
-      key: i
-    }, /* @__PURE__ */ React__default.createElement(Typography, {
-      variant: "body2"
-    }, `Cluster: ${c.cluster.name}`), c.errors.map((e, j) => {
-      return /* @__PURE__ */ React__default.createElement(Typography, {
-        variant: "body2",
-        key: j
-      }, `Error fetching Kubernetes resource: '${e.resourcePath}', error: ${e.errorType}, status code: ${e.statusCode}`);
+    return /* @__PURE__ */ React__default.createElement("div", { key: i }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2" }, `Cluster: ${c.cluster.name}`), c.errors.map((e, j) => {
+      return /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2", key: j }, `Error fetching Kubernetes resource: '${e.resourcePath}', error: ${e.errorType}, status code: ${e.statusCode}`);
     }), /* @__PURE__ */ React__default.createElement("br", null));
   });
 };
@@ -259,12 +252,15 @@ const ErrorPanel$1 = ({
   entityName,
   errorMessage,
   clustersWithErrors
-}) => /* @__PURE__ */ React__default.createElement(WarningPanel, {
-  title: "There was a problem retrieving Kubernetes objects",
-  message: `There was a problem retrieving some Kubernetes resources for the entity: ${entityName}. This could mean that the Error Reporting card is not completely accurate.`
-}, clustersWithErrors && /* @__PURE__ */ React__default.createElement("div", null, "Errors: ", clustersWithErrorsToErrorMessage(clustersWithErrors)), errorMessage && /* @__PURE__ */ React__default.createElement(Typography, {
-  variant: "body2"
-}, "Errors: ", errorMessage));
+}) => /* @__PURE__ */ React__default.createElement(
+  WarningPanel,
+  {
+    title: "There was a problem retrieving Kubernetes objects",
+    message: `There was a problem retrieving some Kubernetes resources for the entity: ${entityName}. This could mean that the Error Reporting card is not completely accurate.`
+  },
+  clustersWithErrors && /* @__PURE__ */ React__default.createElement("div", null, "Errors: ", clustersWithErrorsToErrorMessage(clustersWithErrors)),
+  errorMessage && /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2" }, "Errors: ", errorMessage)
+);
 
 const columns = [
   {
@@ -292,18 +288,19 @@ const columns = [
       }
       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"
-      }));
+      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)))
+    render: (detectedError) => /* @__PURE__ */ React.createElement(React.Fragment, null, detectedError.message.map((m, i) => /* @__PURE__ */ React.createElement("div", { key: i }, m)))
   }
 ];
 const sortBySeverity = (a, b) => {
@@ -315,36 +312,37 @@ const sortBySeverity = (a, b) => {
   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"
-  })));
+  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 }
-  }));
+  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) => {
@@ -407,11 +405,7 @@ const imageChips = (pod) => {
   var _a, _b;
   const containerStatuses2 = (_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : [];
   const images = containerStatuses2.map((cs, i) => {
-    return /* @__PURE__ */ React__default.createElement(Chip, {
-      key: i,
-      label: `${cs.name}=${cs.image}`,
-      size: "small"
-    });
+    return /* @__PURE__ */ React__default.createElement(Chip, { key: i, label: `${cs.name}=${cs.image}`, size: "small" });
   });
   return /* @__PURE__ */ React__default.createElement("div", null, images);
 };
@@ -437,12 +431,13 @@ const containerStatuses = (pod) => {
     const terminated = next.state.terminated;
     const renderCell = (reason) => {
       var _a2;
-      return /* @__PURE__ */ React__default.createElement(Fragment, {
-        key: `${(_a2 = pod.metadata) == null ? void 0 : _a2.name}-${next.name}`
-      }, /* @__PURE__ */ React__default.createElement(SubvalueCell, {
-        value: reason === "Completed" ? /* @__PURE__ */ React__default.createElement(StatusOK, null, "Container: ", next.name) : /* @__PURE__ */ React__default.createElement(StatusError, null, "Container: ", next.name),
-        subvalue: reason
-      }), /* @__PURE__ */ React__default.createElement("br", null));
+      return /* @__PURE__ */ React__default.createElement(Fragment, { key: `${(_a2 = pod.metadata) == null ? void 0 : _a2.name}-${next.name}` }, /* @__PURE__ */ React__default.createElement(
+        SubvalueCell,
+        {
+          value: reason === "Completed" ? /* @__PURE__ */ React__default.createElement(StatusOK, null, "Container: ", next.name) : /* @__PURE__ */ React__default.createElement(StatusError, null, "Container: ", next.name),
+          subvalue: reason
+        }
+      ), /* @__PURE__ */ React__default.createElement("br", null));
     };
     if (waiting) {
       accum.push(renderCell(waiting.reason));
@@ -465,10 +460,13 @@ const renderCondition = (condition) => {
   } else if (status === "False") {
     return [
       condition.type,
-      /* @__PURE__ */ React__default.createElement(SubvalueCell, {
-        value: /* @__PURE__ */ React__default.createElement(StatusError, null, "False"),
-        subvalue: (_a = condition.message) != null ? _a : ""
-      })
+      /* @__PURE__ */ React__default.createElement(
+        SubvalueCell,
+        {
+          value: /* @__PURE__ */ React__default.createElement(StatusError, null, "False"),
+          subvalue: (_a = condition.message) != null ? _a : ""
+        }
+      )
     ];
   }
   return [condition.type, /* @__PURE__ */ React__default.createElement(StatusAborted, null)];
@@ -492,32 +490,38 @@ const podStatusToCpuUtil = (podStatus) => {
   if (typeof cpuUtil.currentUsage === "number") {
     currentUsage = cpuUtil.currentUsage / 10;
   }
-  return /* @__PURE__ */ React__default.createElement(SubvalueCell, {
-    value: `requests: ${currentToDeclaredResourceToPerc(
-      currentUsage,
-      cpuUtil.requestTotal
-    )} of ${formatMilicores(cpuUtil.requestTotal)}`,
-    subvalue: `limits: ${currentToDeclaredResourceToPerc(
-      currentUsage,
-      cpuUtil.limitTotal
-    )} of ${formatMilicores(cpuUtil.limitTotal)}`
-  });
+  return /* @__PURE__ */ React__default.createElement(
+    SubvalueCell,
+    {
+      value: `requests: ${currentToDeclaredResourceToPerc(
+        currentUsage,
+        cpuUtil.requestTotal
+      )} of ${formatMilicores(cpuUtil.requestTotal)}`,
+      subvalue: `limits: ${currentToDeclaredResourceToPerc(
+        currentUsage,
+        cpuUtil.limitTotal
+      )} of ${formatMilicores(cpuUtil.limitTotal)}`
+    }
+  );
 };
 const bytesToMiB = (value) => {
   return `${parseFloat(value.toString()) / 1024 / 1024}MiB`;
 };
 const podStatusToMemoryUtil = (podStatus) => {
   const memUtil = podStatus.memory;
-  return /* @__PURE__ */ React__default.createElement(SubvalueCell, {
-    value: `requests: ${currentToDeclaredResourceToPerc(
-      memUtil.currentUsage,
-      memUtil.requestTotal
-    )} of ${bytesToMiB(memUtil.requestTotal)}`,
-    subvalue: `limits: ${currentToDeclaredResourceToPerc(
-      memUtil.currentUsage,
-      memUtil.limitTotal
-    )} of ${bytesToMiB(memUtil.limitTotal)}`
-  });
+  return /* @__PURE__ */ React__default.createElement(
+    SubvalueCell,
+    {
+      value: `requests: ${currentToDeclaredResourceToPerc(
+        memUtil.currentUsage,
+        memUtil.requestTotal
+      )} of ${bytesToMiB(memUtil.requestTotal)}`,
+      subvalue: `limits: ${currentToDeclaredResourceToPerc(
+        memUtil.currentUsage,
+        memUtil.limitTotal
+      )} of ${bytesToMiB(memUtil.limitTotal)}`
+    }
+  );
 };
 
 const detectErrorsInObjects = (objects, kind, clusterName, errorMappers) => {
@@ -1070,12 +1074,14 @@ const PodDrawerButton = withStyles({
     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));
+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));
@@ -1110,59 +1116,56 @@ const KubernetesDrawerContent = ({
     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))
-  })));
+  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,
@@ -1179,56 +1182,68 @@ const KubernetesDrawer = ({
     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
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    PodDrawerButton,
+    {
+      onClick: (e) => toggleDrawer(e, true),
+      onFocus: (event) => event.stopPropagation()
     },
-    anchor: "right",
-    open: isOpen,
-    onClose: (e) => toggleDrawer(e, false),
-    onClick: (event) => event.stopPropagation()
-  }, /* @__PURE__ */ React__default.createElement(KubernetesDrawerContent, {
-    kind,
-    toggleDrawer,
-    object,
-    renderObject
-  })));
+    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 PodDrawer = (props) => {
   const { pod, expanded } = props;
-  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 /* @__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 {
-          [c.name]: c.ports
+          images: imageChips(podObject),
+          phase,
+          "Containers Ready": containersReady(podObject),
+          "Total Restarts": totalRestarts(podObject),
+          "Container Statuses": containerStatuses(podObject),
+          ...conditions,
+          "Exposed ports": 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
-      };
+      }
     }
-  });
+  );
 };
 
 const READY_COLUMNS = "READY";
@@ -1237,9 +1252,7 @@ const DEFAULT_COLUMNS = [
   {
     title: "name",
     highlight: true,
-    render: (pod) => /* @__PURE__ */ React__default.createElement(PodDrawer, {
-      pod
-    })
+    render: (pod) => /* @__PURE__ */ React__default.createElement(PodDrawer, { pod })
   },
   {
     title: "phase",
@@ -1303,13 +1316,14 @@ const PodsTable = ({ pods, extraColumns = [] }) => {
     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
-  }));
+  return /* @__PURE__ */ React__default.createElement("div", { style: tableStyle }, /* @__PURE__ */ React__default.createElement(
+    Table,
+    {
+      options: { paging: true, search: false },
+      data: pods,
+      columns
+    }
+  ));
 };
 
 const DeploymentDrawer = ({
@@ -1318,64 +1332,64 @@ const DeploymentDrawer = ({
 }) => {
   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}`
-  }))));
+  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 = (props) => {
   const { hpa, expanded, children } = props;
-  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);
+  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) {
@@ -1413,58 +1427,44 @@ const DeploymentSummary = ({
   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"))));
+  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,
@@ -1478,54 +1478,55 @@ const DeploymentAccordion = ({
       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,
-    extraColumns: [READY_COLUMNS, RESOURCE_COLUMNS]
-  })));
+  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,
+      extraColumns: [READY_COLUMNS, RESOURCE_COLUMNS]
+    }
+  )));
 };
 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, _b;
-    return /* @__PURE__ */ React__default.createElement(Grid, {
+  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(
+      direction: "column",
+      justifyContent: "flex-start",
+      alignItems: "flex-start"
+    },
+    groupedResponses.deployments.map((deployment, i) => {
+      var _a, _b;
+      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,
         {
-          name: (_a = deployment.metadata) == null ? void 0 : _a.name,
-          namespace: (_b = deployment.metadata) == null ? void 0 : _b.namespace,
-          kind: "deployment"
-        },
-        groupedResponses.horizontalPodAutoscalers
-      ),
-      ownedPods: getOwnedPodsThroughReplicaSets(
-        deployment,
-        groupedResponses.replicaSets,
-        groupedResponses.pods
-      ),
-      deployment
-    })));
-  }));
+          matchingHpa: getMatchingHpa(
+            {
+              name: (_a = deployment.metadata) == null ? void 0 : _a.name,
+              namespace: (_b = deployment.metadata) == null ? void 0 : _b.namespace,
+              kind: "deployment"
+            },
+            groupedResponses.horizontalPodAutoscalers
+          ),
+          ownedPods: getOwnedPodsThroughReplicaSets(
+            deployment,
+            groupedResponses.replicaSets,
+            groupedResponses.pods
+          ),
+          deployment
+        }
+      )));
+    })
+  );
 };
 
 const StatefulSetDrawer = ({
@@ -1534,46 +1535,42 @@ const StatefulSetDrawer = ({
 }) => {
   var _a, _b, _c;
   const namespace = (_a = statefulset.metadata) == null ? void 0 : _a.namespace;
-  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
-    object: statefulset,
-    expanded,
-    kind: "StatefulSet",
-    renderObject: (statefulsetObj) => {
-      var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-      const conditions = ((_b2 = (_a2 = statefulsetObj.status) == null ? void 0 : _a2.conditions) != null ? _b2 : []).map(renderCondition).reduce((accum, next) => {
-        accum[next[0]] = next[1];
-        return accum;
-      }, {});
-      return {
-        updateStrategy: (_d = (_c2 = statefulset.spec) == null ? void 0 : _c2.updateStrategy) != null ? _d : "???",
-        podManagementPolicy: (_f = (_e = statefulset.spec) == null ? void 0 : _e.podManagementPolicy) != null ? _f : "???",
-        serviceName: (_h = (_g = statefulset.spec) == null ? void 0 : _g.serviceName) != null ? _h : "???",
-        selector: (_j = (_i = statefulset.spec) == null ? void 0 : _i.selector) != null ? _j : "???",
-        revisionHistoryLimit: (_l = (_k = statefulset.spec) == null ? void 0 : _k.revisionHistoryLimit) != null ? _l : "???",
-        ...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 = statefulset.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"
-  }, "Stateful Set")), namespace && /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Chip, {
-    size: "small",
-    label: `namespace: ${namespace}`
-  }))));
+  return /* @__PURE__ */ React__default.createElement(
+    KubernetesDrawer,
+    {
+      object: statefulset,
+      expanded,
+      kind: "StatefulSet",
+      renderObject: (statefulsetObj) => {
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+        const conditions = ((_b2 = (_a2 = statefulsetObj.status) == null ? void 0 : _a2.conditions) != null ? _b2 : []).map(renderCondition).reduce((accum, next) => {
+          accum[next[0]] = next[1];
+          return accum;
+        }, {});
+        return {
+          updateStrategy: (_d = (_c2 = statefulset.spec) == null ? void 0 : _c2.updateStrategy) != null ? _d : "???",
+          podManagementPolicy: (_f = (_e = statefulset.spec) == null ? void 0 : _e.podManagementPolicy) != null ? _f : "???",
+          serviceName: (_h = (_g = statefulset.spec) == null ? void 0 : _g.serviceName) != null ? _h : "???",
+          selector: (_j = (_i = statefulset.spec) == null ? void 0 : _i.selector) != null ? _j : "???",
+          revisionHistoryLimit: (_l = (_k = statefulset.spec) == null ? void 0 : _k.revisionHistoryLimit) != null ? _l : "???",
+          ...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 = statefulset.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" }, "Stateful Set")),
+      namespace && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Chip, { size: "small", label: `namespace: ${namespace}` }))
+    )
+  );
 };
 
 const StatefulSetSummary = ({
@@ -1583,58 +1580,44 @@ const StatefulSetSummary = ({
   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(StatefulSetDrawer, {
-    statefulset
-  })), /* @__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"))));
+  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(StatefulSetDrawer, { statefulset })),
+    /* @__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 StatefulSetAccordion = ({
   statefulset,
@@ -1648,50 +1631,51 @@ const StatefulSetAccordion = ({
       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(StatefulSetSummary, {
-    statefulset,
-    numberOfCurrentPods: ownedPods.length,
-    numberOfPodsWithErrors: podsWithErrors.length,
-    hpa: matchingHpa
-  })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(PodsTable, {
-    pods: ownedPods,
-    extraColumns: [READY_COLUMNS, RESOURCE_COLUMNS]
-  })));
+  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(
+    StatefulSetSummary,
+    {
+      statefulset,
+      numberOfCurrentPods: ownedPods.length,
+      numberOfPodsWithErrors: podsWithErrors.length,
+      hpa: matchingHpa
+    }
+  )), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(
+    PodsTable,
+    {
+      pods: ownedPods,
+      extraColumns: [READY_COLUMNS, RESOURCE_COLUMNS]
+    }
+  )));
 };
 const StatefulSetsAccordions = ({}) => {
   const groupedResponses = useContext(GroupedResponsesContext);
-  return /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    direction: "column",
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, groupedResponses.statefulsets.map((statefulset, i) => {
-    var _a, _b;
-    return /* @__PURE__ */ React__default.createElement(Grid, {
+  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(StatefulSetAccordion, {
-      matchingHpa: getMatchingHpa(
+      direction: "column",
+      justifyContent: "flex-start",
+      alignItems: "flex-start"
+    },
+    groupedResponses.statefulsets.map((statefulset, i) => {
+      var _a, _b;
+      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(
+        StatefulSetAccordion,
         {
-          name: (_a = statefulset.metadata) == null ? void 0 : _a.name,
-          namespace: (_b = statefulset.metadata) == null ? void 0 : _b.namespace,
-          kind: "statefulset"
-        },
-        groupedResponses.horizontalPodAutoscalers
-      ),
-      ownedPods: getOwnedResources(statefulset, groupedResponses.pods),
-      statefulset
-    })));
-  }));
+          matchingHpa: getMatchingHpa(
+            {
+              name: (_a = statefulset.metadata) == null ? void 0 : _a.name,
+              namespace: (_b = statefulset.metadata) == null ? void 0 : _b.namespace,
+              kind: "statefulset"
+            },
+            groupedResponses.horizontalPodAutoscalers
+          ),
+          ownedPods: getOwnedResources(statefulset, groupedResponses.pods),
+          statefulset
+        }
+      )));
+    })
+  );
 };
 
 const IngressDrawer = ({
@@ -1699,82 +1683,69 @@ const IngressDrawer = ({
   expanded
 }) => {
   var _a, _b;
-  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
-    object: ingress,
-    expanded,
-    kind: "Ingress",
-    renderObject: (ingressObject) => {
-      return ingressObject.spec || {};
-    }
-  }, /* @__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 = ingress.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"
-  }, "Ingress"))));
+  return /* @__PURE__ */ React__default.createElement(
+    KubernetesDrawer,
+    {
+      object: ingress,
+      expanded,
+      kind: "Ingress",
+      renderObject: (ingressObject) => {
+        return ingressObject.spec || {};
+      }
+    },
+    /* @__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 = ingress.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" }, "Ingress"))
+    )
+  );
 };
 
 const IngressSummary = ({ ingress }) => {
-  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(IngressDrawer, {
-    ingress
-  })), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    xs: 1
-  }, /* @__PURE__ */ React__default.createElement(Divider, {
-    style: { height: "5em" },
-    orientation: "vertical"
-  })));
+  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(IngressDrawer, { ingress })),
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React__default.createElement(Divider, { style: { height: "5em" }, orientation: "vertical" }))
+  );
 };
 const IngressCard = ({ ingress }) => {
-  return /* @__PURE__ */ React__default.createElement(StructuredMetadataTable, {
-    metadata: {
-      ...ingress.spec
+  return /* @__PURE__ */ React__default.createElement(
+    StructuredMetadataTable,
+    {
+      metadata: {
+        ...ingress.spec
+      }
     }
-  });
+  );
 };
 const IngressAccordion = ({ ingress }) => {
-  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(IngressSummary, {
-    ingress
-  })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(IngressCard, {
-    ingress
-  })));
+  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(IngressSummary, { ingress })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(IngressCard, { ingress })));
 };
 const IngressesAccordions = ({}) => {
   const groupedResponses = useContext(GroupedResponsesContext);
-  return /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    direction: "row",
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, groupedResponses.ingresses.map((ingress, i) => /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    key: i,
-    xs: true
-  }, /* @__PURE__ */ React__default.createElement(IngressAccordion, {
-    ingress
-  }))));
+  return /* @__PURE__ */ React__default.createElement(
+    Grid,
+    {
+      container: true,
+      direction: "row",
+      justifyContent: "flex-start",
+      alignItems: "flex-start"
+    },
+    groupedResponses.ingresses.map((ingress, i) => /* @__PURE__ */ React__default.createElement(Grid, { item: true, key: i, xs: true }, /* @__PURE__ */ React__default.createElement(IngressAccordion, { ingress })))
+  );
 };
 
 const ServiceDrawer = ({
@@ -1782,54 +1753,45 @@ const ServiceDrawer = ({
   expanded
 }) => {
   var _a, _b;
-  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
-    object: service,
-    expanded,
-    kind: "Service",
-    renderObject: (serviceObject) => {
-      return serviceObject.spec || {};
-    }
-  }, /* @__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 = service.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"
-  }, "Service"))));
+  return /* @__PURE__ */ React__default.createElement(
+    KubernetesDrawer,
+    {
+      object: service,
+      expanded,
+      kind: "Service",
+      renderObject: (serviceObject) => {
+        return serviceObject.spec || {};
+      }
+    },
+    /* @__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 = service.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" }, "Service"))
+    )
+  );
 };
 
 const ServiceSummary = ({ service }) => {
   var _a, _b;
-  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(ServiceDrawer, {
-    service
-  })), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    xs: 1
-  }, /* @__PURE__ */ React__default.createElement(Divider, {
-    style: { height: "5em" },
-    orientation: "vertical"
-  })), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "subtitle2"
-  }, "Type: ", (_b = (_a = service.spec) == null ? void 0 : _a.type) != null ? _b : "?")));
+  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(ServiceDrawer, { service })),
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React__default.createElement(Divider, { style: { height: "5em" }, orientation: "vertical" })),
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, "Type: ", (_b = (_a = service.spec) == null ? void 0 : _a.type) != null ? _b : "?"))
+  );
 };
 const ServiceCard = ({ service }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
@@ -1843,39 +1805,32 @@ const ServiceCard = ({ service }) => {
   if (((_g = service.spec) == null ? void 0 : _g.type) === "ExternalName") {
     metadata.externalName = service.spec.externalName;
   }
-  return /* @__PURE__ */ React__default.createElement(StructuredMetadataTable, {
-    metadata: {
-      type: (_h = service.spec) == null ? void 0 : _h.type,
-      ports: (_i = service.spec) == null ? void 0 : _i.ports,
-      ...metadata
+  return /* @__PURE__ */ React__default.createElement(
+    StructuredMetadataTable,
+    {
+      metadata: {
+        type: (_h = service.spec) == null ? void 0 : _h.type,
+        ports: (_i = service.spec) == null ? void 0 : _i.ports,
+        ...metadata
+      }
     }
-  });
+  );
 };
 const ServiceAccordion = ({ service }) => {
-  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(ServiceSummary, {
-    service
-  })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(ServiceCard, {
-    service
-  })));
+  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(ServiceSummary, { service })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(ServiceCard, { service })));
 };
 const ServicesAccordions = ({}) => {
   const groupedResponses = useContext(GroupedResponsesContext);
-  return /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    direction: "row",
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, groupedResponses.services.map((service, i) => /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    key: i,
-    xs: true
-  }, /* @__PURE__ */ React__default.createElement(ServiceAccordion, {
-    service
-  }))));
+  return /* @__PURE__ */ React__default.createElement(
+    Grid,
+    {
+      container: true,
+      direction: "row",
+      justifyContent: "flex-start",
+      alignItems: "flex-start"
+    },
+    groupedResponses.services.map((service, i) => /* @__PURE__ */ React__default.createElement(Grid, { item: true, key: i, xs: true }, /* @__PURE__ */ React__default.createElement(ServiceAccordion, { service })))
+  );
 };
 
 const JobDrawer = ({
@@ -1883,100 +1838,86 @@ const JobDrawer = ({
   expanded
 }) => {
   var _a, _b;
-  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
-    object: job,
-    expanded,
-    kind: "Job",
-    renderObject: (jobObj) => {
-      var _a2, _b2, _c, _d, _e, _f, _g, _h;
-      return {
-        parallelism: (_b2 = (_a2 = jobObj.spec) == null ? void 0 : _a2.parallelism) != null ? _b2 : "???",
-        completions: (_d = (_c = jobObj.spec) == null ? void 0 : _c.completions) != null ? _d : "???",
-        backoffLimit: (_f = (_e = jobObj.spec) == null ? void 0 : _e.backoffLimit) != null ? _f : "???",
-        startTime: (_h = (_g = jobObj.status) == null ? void 0 : _g.startTime) != null ? _h : "???"
-      };
-    }
-  }, /* @__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: "h6"
-  }, (_b = (_a = job.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"
-  }, "Job"))));
+  return /* @__PURE__ */ React__default.createElement(
+    KubernetesDrawer,
+    {
+      object: job,
+      expanded,
+      kind: "Job",
+      renderObject: (jobObj) => {
+        var _a2, _b2, _c, _d, _e, _f, _g, _h;
+        return {
+          parallelism: (_b2 = (_a2 = jobObj.spec) == null ? void 0 : _a2.parallelism) != null ? _b2 : "???",
+          completions: (_d = (_c = jobObj.spec) == null ? void 0 : _c.completions) != null ? _d : "???",
+          backoffLimit: (_f = (_e = jobObj.spec) == null ? void 0 : _e.backoffLimit) != null ? _f : "???",
+          startTime: (_h = (_g = jobObj.status) == null ? void 0 : _g.startTime) != null ? _h : "???"
+        };
+      }
+    },
+    /* @__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: "h6" }, (_b = (_a = job.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" }, "Job"))
+    )
+  );
 };
 
 const JobSummary = ({ job }) => {
   var _a, _b, _c, _d, _e, _f;
-  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(JobDrawer, {
-    job
-  })), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    xs: 1
-  }, /* @__PURE__ */ React__default.createElement(Divider, {
-    style: { height: "5em" },
-    orientation: "vertical"
-  })), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    container: true,
-    xs: 8,
-    direction: "column",
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, ((_a = job.status) == null ? void 0 : _a.succeeded) && /* @__PURE__ */ React__default.createElement(StatusOK, null, "Succeeded"), ((_b = job.status) == null ? void 0 : _b.active) && /* @__PURE__ */ React__default.createElement(StatusPending, null, "Running"), ((_c = job.status) == null ? void 0 : _c.failed) && /* @__PURE__ */ React__default.createElement(StatusError, null, "Failed")), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, "Start time: ", (_e = (_d = job.status) == null ? void 0 : _d.startTime) == null ? void 0 : _e.toString()), ((_f = job.status) == null ? void 0 : _f.completionTime) && /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, "Completion time: ", job.status.completionTime.toString())));
+  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(JobDrawer, { job })),
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React__default.createElement(Divider, { style: { height: "5em" }, orientation: "vertical" })),
+    /* @__PURE__ */ React__default.createElement(
+      Grid,
+      {
+        item: true,
+        container: true,
+        xs: 8,
+        direction: "column",
+        justifyContent: "flex-start",
+        alignItems: "flex-start"
+      },
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, ((_a = job.status) == null ? void 0 : _a.succeeded) && /* @__PURE__ */ React__default.createElement(StatusOK, null, "Succeeded"), ((_b = job.status) == null ? void 0 : _b.active) && /* @__PURE__ */ React__default.createElement(StatusPending, null, "Running"), ((_c = job.status) == null ? void 0 : _c.failed) && /* @__PURE__ */ React__default.createElement(StatusError, null, "Failed")),
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, "Start time: ", (_e = (_d = job.status) == null ? void 0 : _d.startTime) == null ? void 0 : _e.toString()),
+      ((_f = job.status) == null ? void 0 : _f.completionTime) && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, "Completion time: ", job.status.completionTime.toString())
+    )
+  );
 };
 const JobAccordion = ({ job, ownedPods }) => {
-  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(JobSummary, {
-    job
-  })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(PodsTable, {
-    pods: ownedPods
-  })));
+  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(JobSummary, { job })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(PodsTable, { pods: ownedPods })));
 };
 const JobsAccordions = ({ jobs }) => {
   const groupedResponses = useContext(GroupedResponsesContext);
-  return /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    direction: "column",
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, jobs.map((job, i) => /* @__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(JobAccordion, {
-    ownedPods: getOwnedResources(job, groupedResponses.pods),
-    job
-  })))));
+  return /* @__PURE__ */ React__default.createElement(
+    Grid,
+    {
+      container: true,
+      direction: "column",
+      justifyContent: "flex-start",
+      alignItems: "flex-start"
+    },
+    jobs.map((job, i) => /* @__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(
+      JobAccordion,
+      {
+        ownedPods: getOwnedResources(job, groupedResponses.pods),
+        job
+      }
+    ))))
+  );
 };
 
 const CronJobDrawer = ({
@@ -1985,40 +1926,36 @@ const CronJobDrawer = ({
 }) => {
   var _a, _b, _c;
   const namespace = (_a = cronJob.metadata) == null ? void 0 : _a.namespace;
-  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
-    object: cronJob,
-    expanded,
-    kind: "CronJob",
-    renderObject: (cronJobObj) => {
-      var _a2, _b2, _c2, _d, _e, _f, _g, _h;
-      return {
-        schedule: (_b2 = (_a2 = cronJobObj.spec) == null ? void 0 : _a2.schedule) != null ? _b2 : "???",
-        startingDeadlineSeconds: (_d = (_c2 = cronJobObj.spec) == null ? void 0 : _c2.startingDeadlineSeconds) != null ? _d : "???",
-        concurrencyPolicy: (_f = (_e = cronJobObj.spec) == null ? void 0 : _e.concurrencyPolicy) != null ? _f : "???",
-        lastScheduleTime: (_h = (_g = cronJobObj.status) == null ? void 0 : _g.lastScheduleTime) != null ? _h : "???"
-      };
-    }
-  }, /* @__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 = cronJob.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"
-  }, "CronJob")), namespace && /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Chip, {
-    size: "small",
-    label: `namespace: ${namespace}`
-  }))));
+  return /* @__PURE__ */ React__default.createElement(
+    KubernetesDrawer,
+    {
+      object: cronJob,
+      expanded,
+      kind: "CronJob",
+      renderObject: (cronJobObj) => {
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h;
+        return {
+          schedule: (_b2 = (_a2 = cronJobObj.spec) == null ? void 0 : _a2.schedule) != null ? _b2 : "???",
+          startingDeadlineSeconds: (_d = (_c2 = cronJobObj.spec) == null ? void 0 : _c2.startingDeadlineSeconds) != null ? _d : "???",
+          concurrencyPolicy: (_f = (_e = cronJobObj.spec) == null ? void 0 : _e.concurrencyPolicy) != null ? _f : "???",
+          lastScheduleTime: (_h = (_g = cronJobObj.status) == null ? void 0 : _g.lastScheduleTime) != null ? _h : "???"
+        };
+      }
+    },
+    /* @__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 = cronJob.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" }, "CronJob")),
+      namespace && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Chip, { size: "small", label: `namespace: ${namespace}` }))
+    )
+  );
 };
 
 const k8sCronAliases = /* @__PURE__ */ new Map([
@@ -2041,69 +1978,54 @@ const humanizeCron = (schedule) => {
 
 const CronJobSummary = ({ cronJob }) => {
   var _a, _b;
-  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(CronJobDrawer, {
-    cronJob
-  })), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    xs: 1
-  }, /* @__PURE__ */ React__default.createElement(Divider, {
-    style: { height: "5em" },
-    orientation: "vertical"
-  })), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    container: true,
-    xs: 5,
-    direction: "column",
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, ((_a = cronJob.spec) == null ? void 0 : _a.suspend) ? /* @__PURE__ */ React__default.createElement(StatusError, null, "Suspended") : /* @__PURE__ */ React__default.createElement(StatusOK, null, "Active")), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "body1"
-  }, "Schedule:", " ", ((_b = cronJob.spec) == null ? void 0 : _b.schedule) ? `${cronJob.spec.schedule} (${humanizeCron(
-    cronJob.spec.schedule
-  )})` : "N/A"))));
+  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(CronJobDrawer, { cronJob })),
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React__default.createElement(Divider, { style: { height: "5em" }, orientation: "vertical" })),
+    /* @__PURE__ */ React__default.createElement(
+      Grid,
+      {
+        item: true,
+        container: true,
+        xs: 5,
+        direction: "column",
+        justifyContent: "flex-start",
+        alignItems: "flex-start"
+      },
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, ((_a = cronJob.spec) == null ? void 0 : _a.suspend) ? /* @__PURE__ */ React__default.createElement(StatusError, null, "Suspended") : /* @__PURE__ */ React__default.createElement(StatusOK, null, "Active")),
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1" }, "Schedule:", " ", ((_b = cronJob.spec) == null ? void 0 : _b.schedule) ? `${cronJob.spec.schedule} (${humanizeCron(
+        cronJob.spec.schedule
+      )})` : "N/A"))
+    )
+  );
 };
 const CronJobAccordion = ({ cronJob, ownedJobs }) => {
-  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(CronJobSummary, {
-    cronJob
-  })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(JobsAccordions, {
-    jobs: ownedJobs.reverse()
-  })));
+  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(CronJobSummary, { cronJob })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(JobsAccordions, { jobs: ownedJobs.reverse() })));
 };
 const CronJobsAccordions = ({}) => {
   const groupedResponses = useContext(GroupedResponsesContext);
-  return /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    direction: "column",
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, groupedResponses.cronJobs.map((cronJob, i) => /* @__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(CronJobAccordion, {
-    ownedJobs: getOwnedResources(cronJob, groupedResponses.jobs),
-    cronJob
-  })))));
+  return /* @__PURE__ */ React__default.createElement(
+    Grid,
+    {
+      container: true,
+      direction: "column",
+      justifyContent: "flex-start",
+      alignItems: "flex-start"
+    },
+    groupedResponses.cronJobs.map((cronJob, i) => /* @__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(
+      CronJobAccordion,
+      {
+        ownedJobs: getOwnedResources(cronJob, groupedResponses.jobs),
+        cronJob
+      }
+    ))))
+  );
 };
 
 const RolloutDrawer = ({
@@ -2111,27 +2033,27 @@ const RolloutDrawer = ({
   expanded
 }) => {
   var _a, _b;
-  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
-    object: rollout,
-    expanded,
-    kind: "Rollout",
-    renderObject: () => ({})
-  }, /* @__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 = rollout.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"
-  }, "Rollout"))));
+  return /* @__PURE__ */ React__default.createElement(
+    KubernetesDrawer,
+    {
+      object: rollout,
+      expanded,
+      kind: "Rollout",
+      renderObject: () => ({})
+    },
+    /* @__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 = rollout.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" }, "Rollout"))
+    )
+  );
 };
 
 const isSetWeightStep = (step) => step.hasOwnProperty("setWeight");
@@ -2143,9 +2065,7 @@ const createLabelForStep = (step) => {
   } else if (isPauseStep(step)) {
     return step.pause.duration === void 0 ? "infinite pause" : `pause for ${step.pause.duration}`;
   } else if (isAnalysisStep(step)) {
-    return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("p", null, "analysis templates:"), step.analysis.templates.map((t, i) => /* @__PURE__ */ React__default.createElement("p", {
-      key: i
-    }, `${t.templateName}${t.clusterScope ? " (cluster scoped)" : ""}`)));
+    return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("p", null, "analysis templates:"), step.analysis.templates.map((t, i) => /* @__PURE__ */ React__default.createElement("p", { key: i }, `${t.templateName}${t.clusterScope ? " (cluster scoped)" : ""}`)));
   }
   return "unknown step";
 };
@@ -2155,31 +2075,23 @@ const StepsProgress = ({
   steps
 }) => {
   const activeStepIndex = currentStepIndex >= steps.length ? currentStepIndex + 1 : currentStepIndex;
-  return /* @__PURE__ */ React__default.createElement(Stepper, {
-    activeStep: aborted ? -1 : activeStepIndex,
-    alternativeLabel: true
-  }, steps.map((step, i) => /* @__PURE__ */ React__default.createElement(Step, {
-    key: i
-  }, /* @__PURE__ */ React__default.createElement(StepLabel, {
-    "data-testid": `step-${i}`
-  }, createLabelForStep(step)))).concat(
-    /* @__PURE__ */ React__default.createElement(Step, {
-      key: "-1"
-    }, /* @__PURE__ */ React__default.createElement(StepLabel, {
-      "data-testid": "step--1"
-    }, "Canary promoted"))
+  return /* @__PURE__ */ React__default.createElement(Stepper, { activeStep: aborted ? -1 : activeStepIndex, alternativeLabel: true }, steps.map((step, i) => /* @__PURE__ */ React__default.createElement(Step, { key: i }, /* @__PURE__ */ React__default.createElement(StepLabel, { "data-testid": `step-${i}` }, createLabelForStep(step)))).concat(
+    /* @__PURE__ */ React__default.createElement(Step, { key: "-1" }, /* @__PURE__ */ React__default.createElement(StepLabel, { "data-testid": "step--1" }, "Canary promoted"))
   ));
 };
 
-const AbortedTitle = /* @__PURE__ */ React__default.createElement("div", {
-  style: {
-    display: "flex",
-    alignItems: "center",
-    flexWrap: "wrap"
-  }
-}, /* @__PURE__ */ React__default.createElement(ErrorOutlineIcon, null), /* @__PURE__ */ React__default.createElement(Typography, {
-  variant: "subtitle1"
-}, "Aborted"));
+const AbortedTitle = /* @__PURE__ */ React__default.createElement(
+  "div",
+  {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      flexWrap: "wrap"
+    }
+  },
+  /* @__PURE__ */ React__default.createElement(ErrorOutlineIcon, null),
+  /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, "Aborted")
+);
 const findAbortedMessage = (rollout) => {
   var _a, _b, _c;
   return (_c = (_b = (_a = rollout.status) == null ? void 0 : _a.conditions) == null ? void 0 : _b.find(
@@ -2197,72 +2109,57 @@ const RolloutSummary = ({
     (p) => p.reason === "CanaryPauseStep"
   )) == null ? void 0 : _c.startTime;
   const abortedMessage = findAbortedMessage(rollout);
-  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(RolloutDrawer, {
-    rollout
-  })), /* @__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 ", (_e = (_d = hpa.spec) == null ? void 0 : _d.minReplicas) != null ? _e : "?", " / max replicas", " ", (_g = (_f = hpa.spec) == null ? void 0 : _f.maxReplicas) != null ? _g : "?")), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "subtitle2"
-  }, "current CPU usage:", " ", (_i = (_h = hpa.status) == null ? void 0 : _h.currentCPUUtilizationPercentage) != null ? _i : "?", "%")), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "subtitle2"
-  }, "target CPU usage:", " ", (_k = (_j = hpa.spec) == null ? void 0 : _j.targetCPUUtilizationPercentage) != null ? _k : "?", "%"))))), /* @__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"))), pauseTime && /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    xs: 3
-  }, /* @__PURE__ */ React__default.createElement("div", {
-    style: {
-      display: "flex",
-      alignItems: "center",
-      flexWrap: "wrap"
-    }
-  }, /* @__PURE__ */ React__default.createElement(PauseIcon, null), /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "subtitle1"
-  }, "Paused (", DateTime.fromISO(pauseTime).toRelative({ locale: "en" }), ")"))), abortedMessage && /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    xs: 3
-  }, AbortedTitle));
+  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(RolloutDrawer, { rollout })),
+    /* @__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 ", (_e = (_d = hpa.spec) == null ? void 0 : _d.minReplicas) != null ? _e : "?", " / max replicas", " ", (_g = (_f = hpa.spec) == null ? void 0 : _f.maxReplicas) != null ? _g : "?")),
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, "current CPU usage:", " ", (_i = (_h = hpa.status) == null ? void 0 : _h.currentCPUUtilizationPercentage) != null ? _i : "?", "%")),
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, "target CPU usage:", " ", (_k = (_j = hpa.spec) == null ? void 0 : _j.targetCPUUtilizationPercentage) != null ? _k : "?", "%"))
+    ))),
+    /* @__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"))
+    ),
+    pauseTime && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          flexWrap: "wrap"
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(PauseIcon, null),
+      /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, "Paused (", DateTime.fromISO(pauseTime).toRelative({ locale: "en" }), ")")
+    )),
+    abortedMessage && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 3 }, AbortedTitle)
+  );
 };
 const RolloutAccordion = ({
   rollout,
@@ -2280,71 +2177,74 @@ const RolloutAccordion = ({
   );
   const currentStepIndex = (_b = (_a = rollout.status) == null ? void 0 : _a.currentStepIndex) != null ? _b : 0;
   const abortedMessage = findAbortedMessage(rollout);
-  return /* @__PURE__ */ React__default.createElement(Accordion, {
-    defaultExpanded,
-    TransitionProps: { unmountOnExit: true }
-  }, /* @__PURE__ */ React__default.createElement(AccordionSummary, {
-    expandIcon: /* @__PURE__ */ React__default.createElement(ExpandMoreIcon, null)
-  }, /* @__PURE__ */ React__default.createElement(RolloutSummary, {
-    rollout,
-    numberOfCurrentPods: ownedPods.length,
-    numberOfPodsWithErrors: podsWithErrors.length,
-    hpa: matchingHpa
-  })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement("div", {
-    style: { width: "100%" }
-  }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "h6"
-  }, "Rollout status")), /* @__PURE__ */ React__default.createElement("div", {
-    style: { margin: "1rem" }
-  }, abortedMessage && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, AbortedTitle, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "subtitle2"
-  }, abortedMessage)), /* @__PURE__ */ React__default.createElement(StepsProgress, {
-    aborted: abortedMessage !== void 0,
-    steps: (_f = (_e = (_d = (_c = rollout.spec) == null ? void 0 : _c.strategy) == null ? void 0 : _d.canary) == null ? void 0 : _e.steps) != null ? _f : [],
-    currentStepIndex
-  })), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(PodsTable, {
-    pods: ownedPods,
-    extraColumns: [READY_COLUMNS, RESOURCE_COLUMNS]
-  })))));
+  return /* @__PURE__ */ React__default.createElement(
+    Accordion,
+    {
+      defaultExpanded,
+      TransitionProps: { unmountOnExit: true }
+    },
+    /* @__PURE__ */ React__default.createElement(AccordionSummary, { expandIcon: /* @__PURE__ */ React__default.createElement(ExpandMoreIcon, null) }, /* @__PURE__ */ React__default.createElement(
+      RolloutSummary,
+      {
+        rollout,
+        numberOfCurrentPods: ownedPods.length,
+        numberOfPodsWithErrors: podsWithErrors.length,
+        hpa: matchingHpa
+      }
+    )),
+    /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement("div", { style: { width: "100%" } }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6" }, "Rollout status")), /* @__PURE__ */ React__default.createElement("div", { style: { margin: "1rem" } }, abortedMessage && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, AbortedTitle, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, abortedMessage)), /* @__PURE__ */ React__default.createElement(
+      StepsProgress,
+      {
+        aborted: abortedMessage !== void 0,
+        steps: (_f = (_e = (_d = (_c = rollout.spec) == null ? void 0 : _c.strategy) == null ? void 0 : _d.canary) == null ? void 0 : _e.steps) != null ? _f : [],
+        currentStepIndex
+      }
+    )), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(
+      PodsTable,
+      {
+        pods: ownedPods,
+        extraColumns: [READY_COLUMNS, RESOURCE_COLUMNS]
+      }
+    ))))
+  );
 };
 const RolloutAccordions = ({
   rollouts,
   defaultExpanded = false
 }) => {
   const groupedResponses = useContext(GroupedResponsesContext);
-  return /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    direction: "column",
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, rollouts.map((rollout, i) => {
-    var _a, _b;
-    return /* @__PURE__ */ React__default.createElement(Grid, {
+  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(RolloutAccordion, {
-      defaultExpanded,
-      matchingHpa: getMatchingHpa(
+      direction: "column",
+      justifyContent: "flex-start",
+      alignItems: "flex-start"
+    },
+    rollouts.map((rollout, i) => {
+      var _a, _b;
+      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(
+        RolloutAccordion,
         {
-          name: (_a = rollout.metadata) == null ? void 0 : _a.name,
-          namespace: (_b = rollout.metadata) == null ? void 0 : _b.namespace,
-          kind: "rollout"
-        },
-        groupedResponses.horizontalPodAutoscalers
-      ),
-      ownedPods: getOwnedPodsThroughReplicaSets(
-        rollout,
-        groupedResponses.replicaSets,
-        groupedResponses.pods
-      ),
-      rollout
-    })));
-  }));
+          defaultExpanded,
+          matchingHpa: getMatchingHpa(
+            {
+              name: (_a = rollout.metadata) == null ? void 0 : _a.name,
+              namespace: (_b = rollout.metadata) == null ? void 0 : _b.namespace,
+              kind: "rollout"
+            },
+            groupedResponses.horizontalPodAutoscalers
+          ),
+          ownedPods: getOwnedPodsThroughReplicaSets(
+            rollout,
+            groupedResponses.replicaSets,
+            groupedResponses.pods
+          ),
+          rollout
+        }
+      )));
+    })
+  );
 };
 
 const capitalize = (str) => str.charAt(0).toLocaleUpperCase("en-US") + str.slice(1);
@@ -2355,92 +2255,94 @@ const DefaultCustomResourceDrawer = ({
 }) => {
   var _a, _b;
   const capitalizedName = capitalize(customResourceName);
-  return /* @__PURE__ */ React__default.createElement(KubernetesDrawer, {
-    object: customResource,
-    expanded,
-    kind: capitalizedName,
-    renderObject: (cr) => cr
-  }, /* @__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 = customResource.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"
-  }, capitalizedName))));
+  return /* @__PURE__ */ React__default.createElement(
+    KubernetesDrawer,
+    {
+      object: customResource,
+      expanded,
+      kind: capitalizedName,
+      renderObject: (cr) => cr
+    },
+    /* @__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 = customResource.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" }, capitalizedName))
+    )
+  );
 };
 
 const DefaultCustomResourceSummary = ({
   customResource,
   customResourceName
 }) => {
-  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(DefaultCustomResourceDrawer, {
-    customResource,
-    customResourceName
-  })), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    xs: 1
-  }, /* @__PURE__ */ React__default.createElement(Divider, {
-    style: { height: "5em" },
-    orientation: "vertical"
-  })));
+  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(
+      DefaultCustomResourceDrawer,
+      {
+        customResource,
+        customResourceName
+      }
+    )),
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React__default.createElement(Divider, { style: { height: "5em" }, orientation: "vertical" }))
+  );
 };
 const DefaultCustomResourceAccordion = ({
   customResource,
   customResourceName,
   defaultExpanded
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Accordion, {
-    defaultExpanded,
-    TransitionProps: { unmountOnExit: true }
-  }, /* @__PURE__ */ React__default.createElement(AccordionSummary, {
-    expandIcon: /* @__PURE__ */ React__default.createElement(ExpandMoreIcon, null)
-  }, /* @__PURE__ */ React__default.createElement(DefaultCustomResourceSummary, {
-    customResource,
-    customResourceName
-  })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, customResource.hasOwnProperty("status") && /* @__PURE__ */ React__default.createElement(StructuredMetadataTable, {
-    metadata: customResource.status
-  })));
+  return /* @__PURE__ */ React__default.createElement(
+    Accordion,
+    {
+      defaultExpanded,
+      TransitionProps: { unmountOnExit: true }
+    },
+    /* @__PURE__ */ React__default.createElement(AccordionSummary, { expandIcon: /* @__PURE__ */ React__default.createElement(ExpandMoreIcon, null) }, /* @__PURE__ */ React__default.createElement(
+      DefaultCustomResourceSummary,
+      {
+        customResource,
+        customResourceName
+      }
+    )),
+    /* @__PURE__ */ React__default.createElement(AccordionDetails, null, customResource.hasOwnProperty("status") && /* @__PURE__ */ React__default.createElement(StructuredMetadataTable, { metadata: customResource.status }))
+  );
 };
 const DefaultCustomResourceAccordions = ({
   customResources,
   customResourceName,
   defaultExpanded = false
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    direction: "column",
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, customResources.map((cr, i) => /* @__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(DefaultCustomResourceAccordion, {
-    defaultExpanded,
-    customResource: cr,
-    customResourceName
-  })))));
+  return /* @__PURE__ */ React__default.createElement(
+    Grid,
+    {
+      container: true,
+      direction: "column",
+      justifyContent: "flex-start",
+      alignItems: "flex-start"
+    },
+    customResources.map((cr, i) => /* @__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(
+      DefaultCustomResourceAccordion,
+      {
+        defaultExpanded,
+        customResource: cr,
+        customResourceName
+      }
+    ))))
+  );
 };
 
 const kindToResource = (customResources) => {
@@ -2454,16 +2356,16 @@ const CustomResources = ({}) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, Object.entries(kindToResourceMap).map(([kind, resources], i) => {
     switch (kind) {
       case "Rollout":
-        return /* @__PURE__ */ React__default.createElement(RolloutAccordions, {
-          key: i,
-          rollouts: resources
-        });
+        return /* @__PURE__ */ React__default.createElement(RolloutAccordions, { key: i, rollouts: resources });
       default:
-        return /* @__PURE__ */ React__default.createElement(DefaultCustomResourceAccordions, {
-          key: i,
-          customResources: resources,
-          customResourceName: kind
-        });
+        return /* @__PURE__ */ React__default.createElement(
+          DefaultCustomResourceAccordions,
+          {
+            key: i,
+            customResources: resources,
+            customResourceName: kind
+          }
+        );
     }
   }));
 };
@@ -2473,45 +2375,42 @@ const ClusterSummary = ({
   totalNumberOfPods,
   numberOfPodsWithErrors
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    direction: "row",
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    xs: 4,
-    item: true,
-    container: true,
-    direction: "column",
-    justifyContent: "flex-start",
-    alignItems: "flex-start",
-    spacing: 0
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    xs: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "h3"
-  }, clusterName), /* @__PURE__ */ React__default.createElement(Typography, {
-    color: "textSecondary",
-    variant: "body1"
-  }, "Cluster"))), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    xs: 1
-  }, /* @__PURE__ */ React__default.createElement(Divider, {
-    style: { height: "4em" },
-    orientation: "vertical"
-  })), /* @__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, totalNumberOfPods, " pods")), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, numberOfPodsWithErrors > 0 ? /* @__PURE__ */ React__default.createElement(StatusError, null, numberOfPodsWithErrors, " pods with errors") : /* @__PURE__ */ React__default.createElement(StatusOK, null, "No pods with errors"))));
+  return /* @__PURE__ */ React__default.createElement(
+    Grid,
+    {
+      container: true,
+      direction: "row",
+      justifyContent: "flex-start",
+      alignItems: "flex-start"
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Grid,
+      {
+        xs: 4,
+        item: true,
+        container: true,
+        direction: "column",
+        justifyContent: "flex-start",
+        alignItems: "flex-start",
+        spacing: 0
+      },
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h3" }, clusterName), /* @__PURE__ */ React__default.createElement(Typography, { color: "textSecondary", variant: "body1" }, "Cluster"))
+    ),
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React__default.createElement(Divider, { style: { height: "4em" }, orientation: "vertical" })),
+    /* @__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, totalNumberOfPods, " pods")),
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, numberOfPodsWithErrors > 0 ? /* @__PURE__ */ React__default.createElement(StatusError, null, numberOfPodsWithErrors, " pods with errors") : /* @__PURE__ */ React__default.createElement(StatusOK, null, "No pods with errors"))
+    )
+  );
 };
 const Cluster = ({ clusterObjects, podsWithErrors }) => {
   const groupedResponses = groupResponses(clusterObjects.resources);
@@ -2523,38 +2422,14 @@ const Cluster = ({ clusterObjects, podsWithErrors }) => {
     }
     return accum;
   }, /* @__PURE__ */ new Map());
-  return /* @__PURE__ */ React__default.createElement(ClusterContext.Provider, {
-    value: clusterObjects.cluster
-  }, /* @__PURE__ */ React__default.createElement(GroupedResponsesContext.Provider, {
-    value: groupedResponses
-  }, /* @__PURE__ */ React__default.createElement(PodNamesWithMetricsContext.Provider, {
-    value: podNameToMetrics
-  }, /* @__PURE__ */ React__default.createElement(PodNamesWithErrorsContext.Provider, {
-    value: podsWithErrors
-  }, /* @__PURE__ */ React__default.createElement(Accordion, {
-    TransitionProps: { unmountOnExit: true }
-  }, /* @__PURE__ */ React__default.createElement(AccordionSummary, {
-    expandIcon: /* @__PURE__ */ React__default.createElement(ExpandMoreIcon, null)
-  }, /* @__PURE__ */ React__default.createElement(ClusterSummary, {
-    clusterName: clusterObjects.cluster.name,
-    totalNumberOfPods: groupedResponses.pods.length,
-    numberOfPodsWithErrors: podsWithErrors.size
-  })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    direction: "column"
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(CustomResources, null)), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(DeploymentsAccordions, null)), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(StatefulSetsAccordions, null)), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(IngressesAccordions, null)), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(ServicesAccordions, null)), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(CronJobsAccordions, null)))))))));
+  return /* @__PURE__ */ React__default.createElement(ClusterContext.Provider, { value: clusterObjects.cluster }, /* @__PURE__ */ React__default.createElement(GroupedResponsesContext.Provider, { value: groupedResponses }, /* @__PURE__ */ React__default.createElement(PodNamesWithMetricsContext.Provider, { value: podNameToMetrics }, /* @__PURE__ */ React__default.createElement(PodNamesWithErrorsContext.Provider, { value: podsWithErrors }, /* @__PURE__ */ React__default.createElement(Accordion, { TransitionProps: { unmountOnExit: true } }, /* @__PURE__ */ React__default.createElement(AccordionSummary, { expandIcon: /* @__PURE__ */ React__default.createElement(ExpandMoreIcon, null) }, /* @__PURE__ */ React__default.createElement(
+    ClusterSummary,
+    {
+      clusterName: clusterObjects.cluster.name,
+      totalNumberOfPods: groupedResponses.pods.length,
+      numberOfPodsWithErrors: podsWithErrors.size
+    }
+  )), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true, direction: "column" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(CustomResources, null)), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(DeploymentsAccordions, null)), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(StatefulSetsAccordions, null)), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(IngressesAccordions, null)), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(ServicesAccordions, null)), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(CronJobsAccordions, null)))))))));
 };
 
 const KubernetesContent = ({
@@ -2568,74 +2443,48 @@ const KubernetesContent = ({
   );
   const clustersWithErrors = (_a = kubernetesObjects == null ? void 0 : kubernetesObjects.items.filter((r) => r.errors.length > 0)) != null ? _a : [];
   const detectedErrors = kubernetesObjects !== void 0 ? detectErrors(kubernetesObjects) : /* @__PURE__ */ new Map();
-  return /* @__PURE__ */ React__default.createElement(Page, {
-    themeId: "tool"
-  }, /* @__PURE__ */ React__default.createElement(Content, null, kubernetesObjects === void 0 && error === void 0 && /* @__PURE__ */ React__default.createElement(Progress, null), clustersWithErrors.length > 0 && /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    spacing: 3,
-    direction: "column"
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(ErrorPanel$1, {
-    entityName: entity.metadata.name,
-    clustersWithErrors
-  }))), error !== void 0 && /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    spacing: 3,
-    direction: "column"
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(ErrorPanel$1, {
-    entityName: entity.metadata.name,
-    errorMessage: error
-  }))), kubernetesObjects && /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    spacing: 3,
-    direction: "column"
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(ErrorReporting, {
-    detectedErrors
-  })), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Divider, null)), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "h3"
-  }, "Your Clusters")), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    container: true
-  }, (kubernetesObjects == null ? void 0 : kubernetesObjects.items.length) <= 0 && /* @__PURE__ */ React__default.createElement(Grid, {
-    container: true,
-    justifyContent: "space-around",
-    direction: "row",
-    alignItems: "center",
-    spacing: 2
-  }, /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    xs: 4
-  }, /* @__PURE__ */ React__default.createElement(Typography, {
-    variant: "h5"
-  }, "No resources on any known clusters for", " ", entity.metadata.name)), /* @__PURE__ */ React__default.createElement(Grid, {
-    item: true,
-    xs: 4
-  }, /* @__PURE__ */ React__default.createElement("img", {
-    src: EmptyStateImage,
-    alt: "EmptyState",
-    "data-testid": "emptyStateImg"
-  }))), (kubernetesObjects == null ? void 0 : kubernetesObjects.items.length) > 0 && (kubernetesObjects == null ? void 0 : kubernetesObjects.items.map((item, i) => {
+  return /* @__PURE__ */ React__default.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React__default.createElement(Content, null, kubernetesObjects === void 0 && error === void 0 && /* @__PURE__ */ React__default.createElement(Progress, null), clustersWithErrors.length > 0 && /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
+    ErrorPanel$1,
+    {
+      entityName: entity.metadata.name,
+      clustersWithErrors
+    }
+  ))), error !== void 0 && /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
+    ErrorPanel$1,
+    {
+      entityName: entity.metadata.name,
+      errorMessage: error
+    }
+  ))), kubernetesObjects && /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(ErrorReporting, { detectedErrors })), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Divider, null)), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h3" }, "Your Clusters")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, container: true }, (kubernetesObjects == null ? void 0 : kubernetesObjects.items.length) <= 0 && /* @__PURE__ */ React__default.createElement(
+    Grid,
+    {
+      container: true,
+      justifyContent: "space-around",
+      direction: "row",
+      alignItems: "center",
+      spacing: 2
+    },
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, "No resources on any known clusters for", " ", entity.metadata.name)),
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
+      "img",
+      {
+        src: EmptyStateImage,
+        alt: "EmptyState",
+        "data-testid": "emptyStateImg"
+      }
+    ))
+  ), (kubernetesObjects == null ? void 0 : kubernetesObjects.items.length) > 0 && (kubernetesObjects == null ? void 0 : kubernetesObjects.items.map((item, i) => {
     var _a2, _b;
     const podsWithErrors = new Set(
       (_b = (_a2 = detectedErrors.get(item.cluster.name)) == null ? void 0 : _a2.filter((de) => de.kind === "Pod").map((de) => de.names).flat()) != null ? _b : []
     );
-    return /* @__PURE__ */ React__default.createElement(Grid, {
-      item: true,
-      key: i,
-      xs: 12
-    }, /* @__PURE__ */ React__default.createElement(Cluster, {
-      clusterObjects: item,
-      podsWithErrors
-    }));
+    return /* @__PURE__ */ React__default.createElement(Grid, { item: true, key: i, xs: 12 }, /* @__PURE__ */ React__default.createElement(
+      Cluster,
+      {
+        clusterObjects: item,
+        podsWithErrors
+      }
+    ));
   }))))));
 };
 
@@ -2653,21 +2502,29 @@ const Router = (props) => {
   const kubernetesAnnotationValue = (_a = entity.metadata.annotations) == null ? void 0 : _a[KUBERNETES_ANNOTATION];
   const kubernetesLabelSelectorQueryAnnotationValue = (_b = entity.metadata.annotations) == null ? void 0 : _b[KUBERNETES_LABEL_SELECTOR_QUERY_ANNOTATION];
   if (kubernetesAnnotationValue || kubernetesLabelSelectorQueryAnnotationValue) {
-    return /* @__PURE__ */ React__default.createElement(Routes, null, /* @__PURE__ */ React__default.createElement(Route, {
-      path: "/",
-      element: /* @__PURE__ */ React__default.createElement(KubernetesContent, {
-        entity,
-        refreshIntervalMs: props.refreshIntervalMs
-      })
-    }));
+    return /* @__PURE__ */ React__default.createElement(Routes, null, /* @__PURE__ */ React__default.createElement(
+      Route,
+      {
+        path: "/",
+        element: /* @__PURE__ */ React__default.createElement(
+          KubernetesContent,
+          {
+            entity,
+            refreshIntervalMs: props.refreshIntervalMs
+          }
+        )
+      }
+    ));
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(MissingAnnotationEmptyState, {
-    annotation: KUBERNETES_ANNOTATION
-  }), /* @__PURE__ */ React__default.createElement("h1", null, "Or use a label selector query, which takes precedence over the previous annotation."), /* @__PURE__ */ React__default.createElement(Button, {
-    variant: "contained",
-    color: "primary",
-    href: "https://backstage.io/docs/features/kubernetes/configuration#surfacing-your-kubernetes-components-as-part-of-an-entity"
-  }, "Read Kubernetes Plugin Docs"));
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(MissingAnnotationEmptyState, { annotation: KUBERNETES_ANNOTATION }), /* @__PURE__ */ React__default.createElement("h1", null, "Or use a label selector query, which takes precedence over the previous annotation."), /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      variant: "contained",
+      color: "primary",
+      href: "https://backstage.io/docs/features/kubernetes/configuration#surfacing-your-kubernetes-components-as-part-of-an-entity"
+    },
+    "Read Kubernetes Plugin Docs"
+  ));
 };
 
 var Router$1 = /*#__PURE__*/Object.freeze({