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

package/dist/index.esm.js

@@ -5,8 +5,8 @@ import * as React from 'react';
 import React__default, { useState, useCallback, useContext, Fragment } from 'react';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { Routes, Route } from 'react-router-dom';
-import { Typography, Paper, makeStyles, createStyles, Dialog, DialogTitle, IconButton, DialogContent, Button, Card, CardHeader, CardContent, Grid, CardActions, FormControlLabel, Switch, Drawer, withStyles as withStyles$1, List, ListItem, Divider, ListItemText, Chip, Accordion, AccordionSummary, AccordionDetails, Stepper, Step, StepLabel } from '@material-ui/core';
-import { WarningPanel, Table, DismissableBanner, LogViewer, StructuredMetadataTable, CodeSnippet, LinkButton, StatusError, StatusOK, StatusWarning, ItemCardGrid, SubvalueCell, StatusAborted, StatusPending, Page, Content, Progress, MissingAnnotationEmptyState } from '@backstage/core-components';
+import { Typography, Paper, makeStyles, createStyles, Dialog, DialogTitle, IconButton, DialogContent, Button, Card, CardHeader, CardContent, Grid, CardActions, FormControlLabel, Switch, Drawer, withStyles as withStyles$1, List, ListItem, Container, Tooltip, ListItemText, ListItemAvatar, Avatar, Divider, Chip, Accordion, AccordionSummary, AccordionDetails, Stepper, Step, StepLabel } from '@material-ui/core';
+import { WarningPanel, Table, DismissableBanner, EmptyState, LogViewer, StructuredMetadataTable, CodeSnippet, LinkButton, StatusError, StatusOK, StatusWarning, ItemCardGrid, SubvalueCell, StatusAborted, StatusPending, Page, Content, Progress, MissingAnnotationEmptyState } from '@backstage/core-components';
 import lodash from 'lodash';
 import { DateTime } from 'luxon';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
@@ -15,14 +15,22 @@ import useAsync from 'react-use/lib/useAsync';
 import SubjectIcon from '@material-ui/icons/Subject';
 import CloseIcon from '@material-ui/icons/Close';
 import OpenInNewIcon from '@material-ui/icons/OpenInNew';
-import { withStyles } from '@material-ui/core/styles';
+import { withStyles, makeStyles as makeStyles$1, createStyles as createStyles$1 } from '@material-ui/core/styles';
 import useInterval from 'react-use/lib/useInterval';
 import useAsyncRetry from 'react-use/lib/useAsyncRetry';
 import jsyaml from 'js-yaml';
+import Dialog$1 from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent$1 from '@material-ui/core/DialogContent';
+import DialogTitle$1 from '@material-ui/core/DialogTitle';
+import IconButton$1 from '@material-ui/core/IconButton';
+import Typography$1 from '@material-ui/core/Typography';
+import HelpIcon from '@material-ui/icons/Help';
+import InfoIcon from '@material-ui/icons/Info';
+import WarningIcon from '@material-ui/icons/Warning';
 import cronstrue from 'cronstrue';
 import PauseIcon from '@material-ui/icons/Pause';
 import ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';
-import Typography$1 from '@material-ui/core/Typography';
 import EmptyStateImage from './assets/emptystate.svg';
 
 class KubernetesBackendClient {
@@ -296,15 +304,47 @@ class KubernetesProxyClient {
     }
     return await response.text();
   }
+  async handleJson(response) {
+    if (!response.ok) {
+      const payload = await response.text();
+      let message = `Request failed with ${response.status} ${response.statusText}, ${payload}`;
+      switch (response.status) {
+        case 404:
+          message = `Proxy request failed with ${response.status} ${response.statusText}, ${payload}`;
+          break;
+        default:
+          message = `Request failed with ${response.status} ${response.statusText}, ${payload}`;
+      }
+      throw new Error(message);
+    }
+    return await response.json();
+  }
+  async getEventsByInvolvedObjectName({
+    clusterName,
+    involvedObjectName,
+    namespace
+  }) {
+    return await this.kubernetesApi.proxy({
+      clusterName,
+      path: `/api/v1/namespaces/${namespace}/events?fieldSelector=involvedObject.name=${involvedObjectName}`,
+      init: {
+        method: "GET"
+      }
+    }).then((response) => this.handleJson(response)).then((eventList) => eventList.items);
+  }
   async getPodLogs({
     podName,
     namespace,
     clusterName,
-    containerName
+    containerName,
+    previous
   }) {
     const params = new URLSearchParams({
       container: containerName
     });
+    if (previous) {
+      params.append("previous", "");
+    }
     return await this.kubernetesApi.proxy({
       clusterName,
       path: `/api/v1/namespaces/${namespace}/pods/${podName}/log?${params.toString()}`,
@@ -556,6 +596,124 @@ const podToContainerSpecsAndStatuses = (pod) => {
   }
   return result;
 };
+const readinessProbeProposedFixes = (pod) => {
+  var _a, _b, _c, _d;
+  const firstUnreadyContainerStatus = (_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) == null ? void 0 : _b.find(
+    (cs) => {
+      return cs.ready === false;
+    }
+  );
+  return {
+    errorType: "ReadinessProbeFailed",
+    rootCauseExplanation: `The container ${firstUnreadyContainerStatus == null ? void 0 : firstUnreadyContainerStatus.name} failed to start properly, but is not crashing`,
+    actions: [
+      "Ensure that the container starts correctly locally",
+      "Check the container's logs looking for error during startup"
+    ],
+    type: "events",
+    podName: (_d = (_c = pod.metadata) == null ? void 0 : _c.name) != null ? _d : ""
+  };
+};
+const restartingPodProposedFixes = (pod) => {
+  var _a, _b, _c;
+  const lastTerminatedCs = ((_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : []).find(
+    (cs) => {
+      var _a2;
+      return ((_a2 = cs.lastState) == null ? void 0 : _a2.terminated) !== void 0;
+    }
+  );
+  const lastTerminated = (_c = lastTerminatedCs == null ? void 0 : lastTerminatedCs.lastState) == null ? void 0 : _c.terminated;
+  if (!lastTerminated) {
+    return void 0;
+  }
+  switch (lastTerminated == null ? void 0 : lastTerminated.reason) {
+    case "Unknown":
+      return {
+        // TODO check this one, it's more likely a cluster issue
+        errorType: "Unknown",
+        rootCauseExplanation: `This container has exited with a non-zero exit code (${lastTerminated.exitCode})`,
+        actions: ["Check the crash logs for stacktraces"],
+        container: lastTerminatedCs.name,
+        type: "logs"
+      };
+    case "Error":
+      return {
+        errorType: "Error",
+        rootCauseExplanation: `This container has exited with a non-zero exit code (${lastTerminated.exitCode})`,
+        actions: ["Check the crash logs for stacktraces"],
+        container: lastTerminatedCs.name,
+        type: "logs"
+      };
+    case "OOMKilled":
+      return {
+        errorType: "OOMKilled",
+        rootCauseExplanation: `The container "${lastTerminatedCs.name}" has crashed because it has tried to use more memory that it has been allocated`,
+        actions: [
+          `Increase the amount of memory assigned to the container`,
+          "Ensure the application is memory bounded and is not trying to consume too much memory"
+        ],
+        docsLink: "https://kubernetes.io/docs/tasks/configure-pod-container/assign-memory-resource/#exceed-a-container-s-memory-limit",
+        type: "docs"
+      };
+    default:
+      return void 0;
+  }
+};
+const waitingProposedFix = (pod) => {
+  var _a, _b, _c, _d, _e;
+  const waitingCs = ((_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : []).find(
+    (cs) => {
+      var _a2;
+      return ((_a2 = cs.state) == null ? void 0 : _a2.waiting) !== void 0;
+    }
+  );
+  const waiting = ((_d = (_c = pod.status) == null ? void 0 : _c.containerStatuses) != null ? _d : []).map((cs) => {
+    var _a2;
+    return (_a2 = cs.state) == null ? void 0 : _a2.waiting;
+  }).find((w) => (w == null ? void 0 : w.reason) !== void 0);
+  switch (waiting == null ? void 0 : waiting.reason) {
+    case "InvalidImageName":
+      return {
+        errorType: "InvalidImageName",
+        rootCauseExplanation: "The image in the pod is invalid",
+        actions: ["Ensure the image name is correct and valid image name"],
+        type: "docs",
+        docsLink: "https://docs.docker.com/engine/reference/commandline/tag/#extended-description"
+      };
+    case "ImagePullBackOff":
+      return {
+        errorType: "ImagePullBackOff",
+        rootCauseExplanation: "The image either could not be found or Kubernetes does not have permission to pull it",
+        actions: [
+          "Ensure the image name is correct",
+          "Ensure Kubernetes has permission to pull this image"
+        ],
+        type: "docs",
+        docsLink: "https://kubernetes.io/docs/concepts/containers/images/#imagepullbackoff"
+      };
+    case "CrashLoopBackOff":
+      return {
+        errorType: "CrashLoopBackOff",
+        rootCauseExplanation: `The container ${waitingCs == null ? void 0 : waitingCs.name} has crashed many times, it will be exponentially restarted until it stops crashing`,
+        actions: ["Check the crash logs for stacktraces"],
+        type: "logs",
+        container: (_e = waitingCs == null ? void 0 : waitingCs.name) != null ? _e : "unknown"
+      };
+    case "CreateContainerConfigError":
+      return {
+        errorType: "CreateContainerConfigError",
+        rootCauseExplanation: "There is missing or mismatching configuration required to start the container",
+        actions: [
+          "Ensure ConfigMaps references in the Deployment manifest are correct and the keys exist",
+          "Ensure Secrets references in the Deployment manifest are correct and the keys exist"
+        ],
+        type: "docs",
+        docsLink: "https://kubernetes.io/docs/tasks/configure-pod-container/configure-pod-configmap/"
+      };
+    default:
+      return void 0;
+  }
+};
 const podErrorMappers = [
   {
     detectErrors: (pod) => {
@@ -565,8 +723,7 @@ const podErrorMappers = [
           type: "readiness-probe-taking-too-long",
           message: `The container ${cs.container.name} failed to start properly, but is not crashing`,
           severity: 4,
-          proposedFix: [],
-          // TODO next PR
+          proposedFix: readinessProbeProposedFixes(pod),
           sourceRef: {
             name: (_b = (_a = pod.metadata) == null ? void 0 : _a.name) != null ? _b : "unknown pod",
             namespace: (_d = (_c = pod.metadata) == null ? void 0 : _c.namespace) != null ? _d : "unknown namespace",
@@ -590,8 +747,7 @@ const podErrorMappers = [
           type: "container-waiting",
           message: (_c = (_b2 = (_a2 = cs.state) == null ? void 0 : _a2.waiting) == null ? void 0 : _b2.message) != null ? _c : "container waiting",
           severity: 4,
-          proposedFix: [],
-          // TODO next PR
+          proposedFix: waitingProposedFix(pod),
           sourceRef: {
             name: (_e = (_d = pod.metadata) == null ? void 0 : _d.name) != null ? _e : "unknown pod",
             namespace: (_g = (_f = pod.metadata) == null ? void 0 : _f.namespace) != null ? _g : "unknown namespace",
@@ -612,8 +768,7 @@ const podErrorMappers = [
           type: "containers-restarting",
           message: `container=${cs.name} restarted ${cs.restartCount} times`,
           severity: 4,
-          proposedFix: [],
-          // TODO next PR
+          proposedFix: restartingPodProposedFixes(pod),
           sourceRef: {
             name: (_b2 = (_a2 = pod.metadata) == null ? void 0 : _a2.name) != null ? _b2 : "unknown pod",
             namespace: (_d = (_c = pod.metadata) == null ? void 0 : _c.namespace) != null ? _d : "unknown namespace",
@@ -638,8 +793,6 @@ const deploymentErrorMappers = [
           type: "condition-message-present",
           message: (_a2 = c.message) != null ? _a2 : "",
           severity: 6,
-          proposedFix: [],
-          // TODO next PR
           sourceRef: {
             name: (_c = (_b2 = deployment.metadata) == null ? void 0 : _b2.name) != null ? _c : "unknown hpa",
             namespace: (_e = (_d = deployment.metadata) == null ? void 0 : _d.namespace) != null ? _e : "unknown namespace",
@@ -664,8 +817,6 @@ const hpaErrorMappers = [
             type: "hpa-max-current-replicas",
             message: `Current number of replicas (${(_d = hpa.status) == null ? void 0 : _d.currentReplicas}) is equal to the configured max number of replicas (${(_f = (_e = hpa.spec) == null ? void 0 : _e.maxReplicas) != null ? _f : -1})`,
             severity: 8,
-            proposedFix: [],
-            // TODO next PR
             sourceRef: {
               name: (_h = (_g = hpa.metadata) == null ? void 0 : _g.name) != null ? _h : "unknown hpa",
               namespace: (_j = (_i = hpa.metadata) == null ? void 0 : _i.namespace) != null ? _j : "unknown namespace",
@@ -703,21 +854,26 @@ const detectErrors = (objects) => {
   return errors;
 };
 
-const usePodLogs = ({ podScope }) => {
+const usePodLogs = ({ containerScope, previous }) => {
   const kubernetesProxyApi = useApi(kubernetesProxyApiRef);
   return useAsync(async () => {
     return await kubernetesProxyApi.getPodLogs({
-      podName: podScope.podName,
-      namespace: podScope.podNamespace,
-      containerName: podScope.containerName,
-      clusterName: podScope.clusterName
+      podName: containerScope.podName,
+      namespace: containerScope.podNamespace,
+      containerName: containerScope.containerName,
+      clusterName: containerScope.clusterName,
+      previous
     });
-  }, [JSON.stringify(podScope)]);
+  }, [JSON.stringify(containerScope)]);
 };
 
-const PodLogs = ({ podScope }) => {
+const PodLogs = ({
+  containerScope,
+  previous
+}) => {
   const { value, error, loading } = usePodLogs({
-    podScope
+    containerScope,
+    previous
   });
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, error && /* @__PURE__ */ React__default.createElement(
     DismissableBanner,
@@ -733,14 +889,21 @@ const PodLogs = ({ podScope }) => {
     Paper,
     {
       elevation: 1,
-      style: { height: "100%", width: "100%", minHeight: "30rem" }
+      style: { height: "100%", width: "100%", minHeight: "15rem" }
     },
     loading && /* @__PURE__ */ React__default.createElement(Skeleton, { variant: "rect", width: "100%", height: "100%" }),
-    !loading && value !== void 0 && /* @__PURE__ */ React__default.createElement(LogViewer, { text: value.text })
+    !loading && value !== void 0 && (value.text === "" ? /* @__PURE__ */ React__default.createElement(
+      EmptyState,
+      {
+        missing: "data",
+        title: "No logs emitted",
+        description: "No logs were emitted by the container"
+      }
+    ) : /* @__PURE__ */ React__default.createElement(LogViewer, { text: value.text }))
   ));
 };
 
-const useStyles$1 = makeStyles(
+const useStyles$2 = makeStyles(
   (theme) => createStyles({
     closeButton: {
       position: "absolute",
@@ -750,8 +913,8 @@ const useStyles$1 = makeStyles(
     }
   })
 );
-const PodLogsDialog = ({ podScope }) => {
-  const classes = useStyles$1();
+const PodLogsDialog = ({ containerScope }) => {
+  const classes = useStyles$2();
   const [open, setOpen] = useState(false);
   const openDialog = () => {
     setOpen(true);
@@ -759,7 +922,7 @@ const PodLogsDialog = ({ podScope }) => {
   const closeDialog = () => {
     setOpen(false);
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Dialog, { maxWidth: "xl", fullWidth: true, open, onClose: closeDialog }, /* @__PURE__ */ React__default.createElement(DialogTitle, { id: "dialog-title" }, podScope.podName, " - ", podScope.containerName, " logs on cluster", " ", podScope.clusterName, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Dialog, { maxWidth: "xl", fullWidth: true, open, onClose: closeDialog }, /* @__PURE__ */ React__default.createElement(DialogTitle, { id: "dialog-title" }, containerScope.podName, " - ", containerScope.containerName, " logs on cluster ", containerScope.clusterName, /* @__PURE__ */ React__default.createElement(
     IconButton,
     {
       "aria-label": "close",
@@ -767,7 +930,7 @@ const PodLogsDialog = ({ podScope }) => {
       onClick: closeDialog
     },
     /* @__PURE__ */ React__default.createElement(CloseIcon, null)
-  )), /* @__PURE__ */ React__default.createElement(DialogContent, null, /* @__PURE__ */ React__default.createElement(PodLogs, { podScope }))), /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React__default.createElement(DialogContent, null, /* @__PURE__ */ React__default.createElement(PodLogs, { containerScope }))), /* @__PURE__ */ React__default.createElement(
     Button,
     {
       variant: "outlined",
@@ -853,7 +1016,7 @@ const ContainerCard = ({
   )))), /* @__PURE__ */ React__default.createElement(CardActions, { disableSpacing: true }, /* @__PURE__ */ React__default.createElement(
     PodLogsDialog,
     {
-      podScope: {
+      containerScope: {
         containerName: containerStatus.name,
         ...podScope
       }
@@ -1507,6 +1670,159 @@ const PendingPodContent = ({ pod }) => {
   return /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 2 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, "Pod is Pending. Conditions:"), /* @__PURE__ */ React__default.createElement(List, null, startupConditions.map((c) => /* @__PURE__ */ React__default.createElement(ListItem, { key: c.type }, /* @__PURE__ */ React__default.createElement(PodCondition, { condition: c }))))));
 };
 
+const useEvents = ({
+  involvedObjectName,
+  namespace,
+  clusterName
+}) => {
+  const kubernetesProxyApi = useApi(kubernetesProxyApiRef);
+  return useAsync(async () => {
+    return await kubernetesProxyApi.getEventsByInvolvedObjectName({
+      involvedObjectName,
+      namespace,
+      clusterName
+    });
+  }, [involvedObjectName, namespace, clusterName]);
+};
+
+const getAvatarByType = (type) => {
+  return /* @__PURE__ */ React__default.createElement(ListItemAvatar, null, /* @__PURE__ */ React__default.createElement(Avatar, null, type === "Warning" ? /* @__PURE__ */ React__default.createElement(WarningIcon, null) : /* @__PURE__ */ React__default.createElement(InfoIcon, null)));
+};
+const EventsContent = ({
+  events,
+  warningEventsOnly
+}) => {
+  if (events.length === 0) {
+    return /* @__PURE__ */ React__default.createElement(Typography, null, "No events found");
+  }
+  return /* @__PURE__ */ React__default.createElement(Container, null, /* @__PURE__ */ React__default.createElement(Grid, null, /* @__PURE__ */ React__default.createElement(List, null, events.filter((event) => {
+    if (warningEventsOnly) {
+      return event.type === "Warning";
+    }
+    return true;
+  }).map((event) => {
+    var _a;
+    const timeAgo = event.metadata.creationTimestamp ? DateTime.fromISO(event.metadata.creationTimestamp).toRelative(
+      {
+        locale: "en"
+      }
+    ) : "unknown";
+    return /* @__PURE__ */ React__default.createElement(ListItem, { key: event.metadata.name }, /* @__PURE__ */ React__default.createElement(Tooltip, { title: `${(_a = event.type) != null ? _a : ""} event` }, getAvatarByType(event.type)), /* @__PURE__ */ React__default.createElement(
+      ListItemText,
+      {
+        primary: `First event ${timeAgo} (count: ${event.count})`,
+        secondary: `${event.reason}: ${event.message}`
+      }
+    ));
+  }))));
+};
+const Events = ({
+  involvedObjectName,
+  namespace,
+  clusterName,
+  warningEventsOnly
+}) => {
+  const { value, error, loading } = useEvents({
+    involvedObjectName,
+    namespace,
+    clusterName
+  });
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, error && /* @__PURE__ */ React__default.createElement(
+    DismissableBanner,
+    {
+      ...{
+        message: error.message,
+        variant: "error",
+        fixed: false
+      },
+      id: "events"
+    }
+  ), loading && /* @__PURE__ */ React__default.createElement(Skeleton, { variant: "rect", width: "100%", height: "100%" }), !loading && value !== void 0 && /* @__PURE__ */ React__default.createElement(EventsContent, { warningEventsOnly, events: value }));
+};
+
+const useStyles$1 = makeStyles$1(
+  (theme) => createStyles$1({
+    closeButton: {
+      position: "absolute",
+      right: theme.spacing(1),
+      top: theme.spacing(1),
+      color: theme.palette.grey[500]
+    }
+  })
+);
+const FixDialog = ({
+  open,
+  pod,
+  error,
+  clusterName
+}) => {
+  var _a;
+  const [isOpen, setOpen] = useState(!!open);
+  const classes = useStyles$1();
+  const openDialog = () => {
+    setOpen(true);
+  };
+  const closeDialog = () => {
+    setOpen(false);
+  };
+  const pf = error.proposedFix;
+  const dialogContent = () => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+    return /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography$1, { variant: "h6" }, "Detected error:"), /* @__PURE__ */ React__default.createElement(Typography$1, null, error.message)), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography$1, { variant: "h6" }, "Cause explanation:"), /* @__PURE__ */ React__default.createElement(Typography$1, null, (_b = (_a2 = error.proposedFix) == null ? void 0 : _a2.rootCauseExplanation) != null ? _b : "unknown")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography$1, { variant: "h6" }, "Fix:"), /* @__PURE__ */ React__default.createElement(Typography$1, null, /* @__PURE__ */ React__default.createElement("ul", null, ((_d = (_c = error.proposedFix) == null ? void 0 : _c.actions) != null ? _d : []).map((fix, i) => {
+      var _a3, _b2;
+      return /* @__PURE__ */ React__default.createElement("li", { key: `${(_b2 = (_a3 = pod.metadata) == null ? void 0 : _a3.name) != null ? _b2 : "unknown"}-pf-${i}` }, fix);
+    })))), pf && pf.type === "logs" && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography$1, { variant: "h6" }, "Crash logs:")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 9 }, /* @__PURE__ */ React__default.createElement(
+      PodLogs,
+      {
+        previous: true,
+        containerScope: {
+          podName: (_f = (_e = pod.metadata) == null ? void 0 : _e.name) != null ? _f : "unknown",
+          podNamespace: (_h = (_g = pod.metadata) == null ? void 0 : _g.namespace) != null ? _h : "unknown",
+          clusterName,
+          containerName: pf.container
+        }
+      }
+    ))), pf && pf.type === "events" && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography$1, { variant: "h6" }, "Events:")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 9 }, /* @__PURE__ */ React__default.createElement(
+      Events,
+      {
+        warningEventsOnly: true,
+        involvedObjectName: (_j = (_i = pod.metadata) == null ? void 0 : _i.name) != null ? _j : "",
+        namespace: (_l = (_k = pod.metadata) == null ? void 0 : _k.namespace) != null ? _l : "",
+        clusterName
+      }
+    ))));
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      variant: "outlined",
+      "aria-label": "fix issue",
+      component: "label",
+      onClick: openDialog,
+      startIcon: /* @__PURE__ */ React__default.createElement(HelpIcon, null)
+    },
+    "Help"
+  ), /* @__PURE__ */ React__default.createElement(Dialog$1, { maxWidth: "xl", fullWidth: true, open: isOpen, onClose: closeDialog }, /* @__PURE__ */ React__default.createElement(DialogTitle$1, { id: "dialog-title" }, (_a = pod.metadata) == null ? void 0 : _a.name, " - ", error.type, /* @__PURE__ */ React__default.createElement(
+    IconButton$1,
+    {
+      "aria-label": "close",
+      className: classes.closeButton,
+      onClick: closeDialog
+    },
+    /* @__PURE__ */ React__default.createElement(CloseIcon, null)
+  )), /* @__PURE__ */ React__default.createElement(DialogContent$1, null, dialogContent()), /* @__PURE__ */ React__default.createElement(DialogActions, null, pf && pf.type === "docs" && /* @__PURE__ */ React__default.createElement(
+    LinkButton,
+    {
+      to: pf.docsLink,
+      variant: "outlined",
+      startIcon: /* @__PURE__ */ React__default.createElement(OpenInNewIcon, null),
+      target: "_blank",
+      rel: "noopener"
+    },
+    "Open docs"
+  ))));
+};
+
 const useStyles = makeStyles(
   (_theme) => createStyles({
     root: {
@@ -1528,13 +1844,20 @@ const ErrorList = ({ podAndErrors }) => {
           key: `${(_b = (_a = onlyPodWithErrors.pod.metadata) == null ? void 0 : _a.name) != null ? _b : "unknown"}-eli-${i}`
         },
         i > 0 && /* @__PURE__ */ React__default.createElement(Divider, { key: `error-divider${i}` }),
-        /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(
+        /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 9 }, /* @__PURE__ */ React__default.createElement(
           ListItemText,
           {
             primary: error.message,
             secondary: (_c = onlyPodWithErrors.pod.metadata) == null ? void 0 : _c.name
           }
-        ))
+        )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React__default.createElement(
+          FixDialog,
+          {
+            pod: onlyPodWithErrors.pod,
+            error,
+            clusterName: onlyPodWithErrors.clusterName
+          }
+        ))))
       );
     });
   })));
@@ -3050,5 +3373,5 @@ var Router$1 = /*#__PURE__*/Object.freeze({
   Router: Router
 });
 
-export { Cluster, ClusterContext, CronJobsAccordions, CustomResources, EntityKubernetesContent, ErrorPanel, ErrorReporting, GoogleKubernetesAuthProvider, GroupedResponsesContext, HorizontalPodAutoscalerDrawer, IngressesAccordions, JobsAccordions, KubernetesAuthProviders, KubernetesBackendClient, KubernetesContent, KubernetesDrawer, KubernetesDrawerContent, KubernetesProxyClient, KubernetesStructuredMetadataTableDrawer, LinkErrorPanel, PodDrawer, PodNamesWithErrorsContext, PodNamesWithMetricsContext, PodsTable, Router, ServerSideKubernetesAuthProvider, ServicesAccordions, clusterLinksFormatters, detectErrors, formatClusterLink, isKubernetesAvailable, kubernetesApiRef, kubernetesAuthProvidersApiRef, kubernetesPlugin, kubernetesProxyApiRef, kubernetesPlugin as plugin, useCustomResources, useKubernetesObjects };
+export { Cluster, ClusterContext, ContainerCard, CronJobsAccordions, CustomResources, EntityKubernetesContent, ErrorList, ErrorPanel, ErrorReporting, Events, EventsContent, FixDialog, GoogleKubernetesAuthProvider, GroupedResponsesContext, HorizontalPodAutoscalerDrawer, IngressesAccordions, JobsAccordions, KubernetesAuthProviders, KubernetesBackendClient, KubernetesContent, KubernetesDrawer, KubernetesDrawerContent, KubernetesProxyClient, KubernetesStructuredMetadataTableDrawer, LinkErrorPanel, PendingPodContent, PodDrawer, PodLogs, PodLogsDialog, PodNamesWithErrorsContext, PodNamesWithMetricsContext, PodsTable, Router, ServerSideKubernetesAuthProvider, ServicesAccordions, clusterLinksFormatters, detectErrors, formatClusterLink, isKubernetesAvailable, kubernetesApiRef, kubernetesAuthProvidersApiRef, kubernetesPlugin, kubernetesProxyApiRef, kubernetesPlugin as plugin, useCustomResources, useEvents, useKubernetesObjects, usePodLogs };
 //# sourceMappingURL=index.esm.js.map