@backstage/plugin-kubernetes 0.8.1-next.0 → 0.9.0-next.1

package/dist/index.esm.js

@@ -2,20 +2,24 @@ import { stringifyEntityRef } from '@backstage/catalog-model';
 import { NotFoundError } from '@backstage/errors';
 import { createApiRef, createRouteRef, createPlugin, createApiFactory, discoveryApiRef, identityApiRef, gitlabAuthApiRef, googleAuthApiRef, microsoftAuthApiRef, oktaAuthApiRef, oneloginAuthApiRef, createRoutableExtension, useApi } from '@backstage/core-plugin-api';
 import * as React from 'react';
-import React__default, { Fragment, useCallback, useState, useContext } 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, Chip, makeStyles, createStyles, Button, Drawer, Grid, IconButton, FormControlLabel, Switch, Accordion, AccordionSummary, AccordionDetails, Stepper, Step, StepLabel } from '@material-ui/core';
-import { WarningPanel, Table, StatusOK, SubvalueCell, StatusError, StatusAborted, LinkButton, CodeSnippet, StructuredMetadataTable, 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, 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 lodash from 'lodash';
 import { DateTime } from 'luxon';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
-import Close from '@material-ui/icons/Close';
+import { Skeleton } from '@material-ui/lab';
+import { kubernetesProxyApiRef as kubernetesProxyApiRef$1 } from '@backstage/plugin-kubernetes';
+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 jsYaml from 'js-yaml';
 import useInterval from 'react-use/lib/useInterval';
 import useAsyncRetry from 'react-use/lib/useAsyncRetry';
+import jsyaml from 'js-yaml';
 import cronstrue from 'cronstrue';
 import PauseIcon from '@material-ui/icons/Pause';
 import ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';
@@ -121,6 +125,9 @@ class KubernetesBackendClient {
 const kubernetesApiRef = createApiRef({
   id: "plugin.kubernetes.service"
 });
+const kubernetesProxyApiRef = createApiRef({
+  id: "plugin.kubernetes.proxy-service"
+});
 
 const kubernetesAuthProvidersApiRef = createApiRef({
   id: "plugin.kubernetes-auth-providers.service"
@@ -251,6 +258,41 @@ class KubernetesAuthProviders {
   }
 }
 
+class KubernetesProxyClient {
+  constructor(options) {
+    this.kubernetesApi = options.kubernetesApi;
+  }
+  async handleText(response) {
+    if (!response.ok) {
+      const payload = await response.text();
+      let message;
+      switch (response.status) {
+        default:
+          message = `Proxy request failed with ${response.status} ${response.statusText}, ${payload}`;
+      }
+      throw new Error(message);
+    }
+    return await response.text();
+  }
+  async getPodLogs({
+    podName,
+    namespace,
+    clusterName,
+    containerName
+  }) {
+    const params = new URLSearchParams({
+      container: containerName
+    });
+    return await this.kubernetesApi.proxy({
+      clusterName,
+      path: `/api/v1/namespaces/${namespace}/pods/${podName}/log?${params.toString()}`,
+      init: {
+        method: "GET"
+      }
+    }).then((response) => this.handleText(response)).then((text) => ({ text }));
+  }
+}
+
 const rootCatalogKubernetesRouteRef = createRouteRef({
   id: "kubernetes"
 });
@@ -270,6 +312,15 @@ const kubernetesPlugin = createPlugin({
         kubernetesAuthProvidersApi
       })
     }),
+    createApiFactory({
+      api: kubernetesProxyApiRef,
+      deps: {
+        kubernetesApi: kubernetesApiRef
+      },
+      factory: ({ kubernetesApi }) => new KubernetesProxyClient({
+        kubernetesApi
+      })
+    }),
     createApiFactory({
       api: kubernetesAuthProvidersApiRef,
       deps: {
@@ -316,7 +367,7 @@ const clustersWithErrorsToErrorMessage = (clustersWithErrors) => {
     }), /* @__PURE__ */ React__default.createElement("br", null));
   });
 };
-const ErrorPanel$1 = ({
+const ErrorPanel = ({
   entityName,
   errorMessage,
   clustersWithErrors
@@ -626,127 +677,162 @@ const detectErrors = (objects) => {
   return errors;
 };
 
-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("div", null, images);
-};
-const containersReady = (pod) => {
-  var _a, _b;
-  const containerStatuses2 = (_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : [];
-  const containersReadyItem = containerStatuses2.filter((cs) => cs.ready).length;
-  return `${containersReadyItem}/${containerStatuses2.length}`;
+const usePodLogs = ({ podScope }) => {
+  const kubernetesProxyApi = useApi(kubernetesProxyApiRef$1);
+  return useAsync(async () => {
+    return await kubernetesProxyApi.getPodLogs({
+      podName: podScope.podName,
+      namespace: podScope.podNamespace,
+      containerName: podScope.containerName,
+      clusterName: podScope.clusterName
+    });
+  }, [JSON.stringify(podScope)]);
 };
-const totalRestarts = (pod) => {
-  var _a, _b;
-  const containerStatuses2 = (_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : [];
-  return containerStatuses2 == null ? void 0 : containerStatuses2.reduce((a, b) => a + b.restartCount, 0);
+
+const PodLogs = ({ podScope }) => {
+  const { value, error, loading } = usePodLogs({
+    podScope
+  });
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, error && /* @__PURE__ */ React__default.createElement(
+    DismissableBanner,
+    {
+      ...{
+        message: error.message,
+        variant: "error",
+        fixed: false
+      },
+      id: "pod-logs"
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Paper,
+    {
+      elevation: 1,
+      style: { height: "100%", width: "100%", minHeight: "30rem" }
+    },
+    loading && /* @__PURE__ */ React__default.createElement(Skeleton, { variant: "rect", width: "100%", height: "100%" }),
+    !loading && value !== void 0 && /* @__PURE__ */ React__default.createElement(LogViewer, { text: value.text })
+  ));
 };
-const containerStatuses = (pod) => {
-  var _a, _b;
-  const containerStatusesItem = (_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : [];
-  const errors = containerStatusesItem.reduce((accum, next) => {
-    if (next.state === void 0) {
-      return accum;
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    closeButton: {
+      position: "absolute",
+      right: theme.spacing(1),
+      top: theme.spacing(1),
+      color: theme.palette.grey[500]
     }
-    const waiting = next.state.waiting;
-    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));
+  })
+);
+const PodLogsDialog = ({ podScope }) => {
+  const classes = useStyles();
+  const [open, setOpen] = useState(false);
+  const openDialog = () => {
+    setOpen(true);
+  };
+  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(
+    IconButton,
+    {
+      "aria-label": "close",
+      className: classes.closeButton,
+      onClick: closeDialog
+    },
+    /* @__PURE__ */ React__default.createElement(CloseIcon, null)
+  )), /* @__PURE__ */ React__default.createElement(DialogContent, null, /* @__PURE__ */ React__default.createElement(PodLogs, { podScope }))), /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      variant: "outlined",
+      "aria-label": "get logs",
+      component: "label",
+      onClick: openDialog,
+      startIcon: /* @__PURE__ */ React__default.createElement(SubjectIcon, null)
+    },
+    "Logs"
+  ));
+};
+
+const getContainerHealthChecks = (containerSpec, containerStatus) => {
+  var _a, _b, _c, _d;
+  if (((_b = (_a = containerStatus.state) == null ? void 0 : _a.terminated) == null ? void 0 : _b.reason) === "Completed") {
+    return {
+      "not waiting to start": ((_c = containerStatus.state) == null ? void 0 : _c.waiting) === void 0,
+      "no restarts": containerStatus.restartCount === 0
     };
-    if (waiting) {
-      accum.push(renderCell(waiting.reason));
-    }
-    if (terminated) {
-      accum.push(renderCell(terminated.reason));
-    }
-    return accum;
-  }, []);
-  if (errors.length === 0) {
-    return /* @__PURE__ */ React__default.createElement(StatusOK, null, "OK");
   }
-  return errors;
+  return {
+    "not waiting to start": ((_d = containerStatus.state) == null ? void 0 : _d.waiting) === void 0,
+    started: !!containerStatus.started,
+    ready: containerStatus.ready,
+    "no restarts": containerStatus.restartCount === 0,
+    "readiness probe set": containerSpec && (containerSpec == null ? void 0 : containerSpec.readinessProbe) !== void 0
+  };
 };
-const renderCondition = (condition) => {
-  var _a;
-  const status = condition.status;
-  if (status === "True") {
-    return [condition.type, /* @__PURE__ */ React__default.createElement(StatusOK, null, "True")];
-  } 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 : ""
-        }
-      )
-    ];
-  }
-  return [condition.type, /* @__PURE__ */ React__default.createElement(StatusAborted, null)];
+const getCurrentState = (containerStatus) => {
+  var _a, _b, _c, _d, _e;
+  return ((_b = (_a = containerStatus.state) == null ? void 0 : _a.waiting) == null ? void 0 : _b.reason) || ((_d = (_c = containerStatus.state) == null ? void 0 : _c.terminated) == null ? void 0 : _d.reason) || (((_e = containerStatus.state) == null ? void 0 : _e.running) !== void 0 ? "Running" : "Unknown");
 };
-const currentToDeclaredResourceToPerc = (current, resource) => {
-  if (Number(resource) === 0)
-    return `0%`;
-  if (typeof current === "number" && typeof resource === "number") {
-    return `${Math.round(current / resource * 100)}%`;
-  }
-  const numerator = BigInt(current);
-  const denominator = BigInt(resource);
-  return `${numerator * BigInt(100) / denominator}%`;
+const getStartedAtTime = (containerStatus) => {
+  var _a, _b, _c, _d;
+  return ((_b = (_a = containerStatus.state) == null ? void 0 : _a.running) == null ? void 0 : _b.startedAt) || ((_d = (_c = containerStatus.state) == null ? void 0 : _c.terminated) == null ? void 0 : _d.startedAt);
 };
-const formatMilicores = (value) => {
-  return `${parseFloat(value.toString()) * 1e3}m`;
+const ContainerDatetime = ({ prefix, dateTime }) => {
+  return /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, prefix, ":", " ", DateTime.fromISO(dateTime).toRelative({
+    locale: "en"
+  }));
 };
-const podStatusToCpuUtil = (podStatus) => {
-  const cpuUtil = podStatus.cpu;
-  let currentUsage = cpuUtil.currentUsage;
-  if (typeof cpuUtil.currentUsage === "number") {
-    currentUsage = cpuUtil.currentUsage / 10;
+const ContainerCard = ({
+  podScope,
+  containerSpec,
+  containerStatus
+}) => {
+  var _a, _b;
+  if (containerSpec === void 0) {
+    return /* @__PURE__ */ React__default.createElement(Typography, null, "error reading pod from cluster");
   }
-  return /* @__PURE__ */ React__default.createElement(
-    SubvalueCell,
+  const containerStartedTime = getStartedAtTime(containerStatus);
+  const containerFinishedTime = (_b = (_a = containerStatus.state) == null ? void 0 : _a.terminated) == null ? void 0 : _b.finishedAt;
+  return /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(
+    CardHeader,
     {
-      value: `requests: ${currentToDeclaredResourceToPerc(
-        currentUsage,
-        cpuUtil.requestTotal
-      )} of ${formatMilicores(cpuUtil.requestTotal)}`,
-      subvalue: `limits: ${currentToDeclaredResourceToPerc(
-        currentUsage,
-        cpuUtil.limitTotal
-      )} of ${formatMilicores(cpuUtil.limitTotal)}`
+      title: containerStatus.name,
+      subheader: containerStatus.image
     }
-  );
-};
-const bytesToMiB = (value) => {
-  return `${parseFloat(value.toString()) / 1024 / 1024}MiB`;
-};
-const podStatusToMemoryUtil = (podStatus) => {
-  const memUtil = podStatus.memory;
-  return /* @__PURE__ */ React__default.createElement(
-    SubvalueCell,
+  ), /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, containerStartedTime && /* @__PURE__ */ React__default.createElement(
+    ContainerDatetime,
     {
-      value: `requests: ${currentToDeclaredResourceToPerc(
-        memUtil.currentUsage,
-        memUtil.requestTotal
-      )} of ${bytesToMiB(memUtil.requestTotal)}`,
-      subvalue: `limits: ${currentToDeclaredResourceToPerc(
-        memUtil.currentUsage,
-        memUtil.limitTotal
-      )} of ${bytesToMiB(memUtil.limitTotal)}`
+      prefix: "Started",
+      dateTime: containerStartedTime
     }
-  );
+  ), containerFinishedTime && /* @__PURE__ */ React__default.createElement(
+    ContainerDatetime,
+    {
+      prefix: "Completed",
+      dateTime: containerFinishedTime
+    }
+  ), containerStartedTime && containerFinishedTime && /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, "Execution time:", " ", DateTime.fromISO(containerFinishedTime).diff(DateTime.fromISO(containerStartedTime), [
+    "hours",
+    "minutes",
+    "seconds"
+  ]).toHuman())), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, "Status: ", getCurrentState(containerStatus))), containerStatus.restartCount > 0 && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, "Restarts: ", containerStatus.restartCount)), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, "Container health")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
+    StructuredMetadataTable,
+    {
+      metadata: getContainerHealthChecks(
+        containerSpec,
+        containerStatus
+      )
+    }
+  )))), /* @__PURE__ */ React__default.createElement(CardActions, { disableSpacing: true }, /* @__PURE__ */ React__default.createElement(
+    PodLogsDialog,
+    {
+      podScope: {
+        containerName: containerStatus.name,
+        ...podScope
+      }
+    }
+  )));
 };
 
 const generateAuth = async (entity, kubernetesApi, kubernetesAuthProvidersApi) => {
@@ -1067,7 +1153,43 @@ function formatClusterLink(options) {
   return url.toString();
 }
 
-const useDrawerStyles = makeStyles(
+const ManifestYaml = ({ object }) => {
+  const [managedFields, setManagedFields] = useState(false);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    FormControlLabel,
+    {
+      control: /* @__PURE__ */ React__default.createElement(
+        Switch,
+        {
+          checked: managedFields,
+          onChange: (event) => {
+            setManagedFields(event.target.checked);
+          },
+          name: "Managed Fields"
+        }
+      ),
+      label: "Managed Fields"
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    CodeSnippet,
+    {
+      language: "yaml",
+      text: jsyaml.dump(object, {
+        // NOTE: this will remove any field called `managedFields`
+        // not just the metadata one
+        // TODO: @mclarke make this only remove the `metadata.managedFields`
+        replacer: (key, value) => {
+          if (!managedFields) {
+            return key === "managedFields" ? void 0 : value;
+          }
+          return value;
+        }
+      })
+    }
+  ));
+};
+
+const useDrawerStyles$1 = makeStyles(
   (theme) => createStyles({
     paper: {
       width: "50%",
@@ -1076,7 +1198,7 @@ const useDrawerStyles = makeStyles(
     }
   })
 );
-const useDrawerContentStyles = makeStyles(
+const useDrawerContentStyles$2 = makeStyles(
   (_) => createStyles({
     header: {
       display: "flex",
@@ -1108,7 +1230,7 @@ const PodDrawerButton = withStyles({
     textTransform: "none"
   }
 })(Button);
-const ErrorPanel = ({ cluster, errorMessage }) => /* @__PURE__ */ React__default.createElement(
+const LinkErrorPanel = ({ cluster, errorMessage }) => /* @__PURE__ */ React__default.createElement(
   WarningPanel,
   {
     title: "There was a problem formatting the link to the Kubernetes dashboard",
@@ -1133,7 +1255,7 @@ function tryFormatClusterLink(options) {
     };
   }
 }
-const KubernetesDrawerContent = ({
+const KubernetesStructuredMetadataTableDrawerContent = ({
   toggleDrawer,
   object,
   renderObject,
@@ -1141,7 +1263,7 @@ const KubernetesDrawerContent = ({
 }) => {
   var _a, _b;
   const [isYaml, setIsYaml] = useState(false);
-  const classes = useDrawerContentStyles();
+  const classes = useDrawerContentStyles$2();
   const cluster = useContext(ClusterContext);
   const { clusterLink, errorMessage } = tryFormatClusterLink({
     dashboardUrl: cluster.dashboardUrl,
@@ -1150,17 +1272,7 @@ 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(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: classes.header }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "flex-start", alignItems: "flex-start" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 11 }, /* @__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, xs: 1 }, /* @__PURE__ */ React__default.createElement(
     IconButton,
     {
       key: "dismiss",
@@ -1168,18 +1280,8 @@ const KubernetesDrawerContent = ({
       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(
-    LinkButton,
-    {
-      variant: "outlined",
-      color: "primary",
-      size: "small",
-      to: clusterLink,
-      endIcon: /* @__PURE__ */ React__default.createElement(OpenInNewIcon, null)
-    },
-    "Open Kubernetes Dashboard"
-  )), /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(CloseIcon, { className: classes.icon })
+  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 11 }, /* @__PURE__ */ React__default.createElement(Typography, { color: "textSecondary", variant: "body1" }, kind)), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 11 }, /* @__PURE__ */ React__default.createElement(
     FormControlLabel,
     {
       control: /* @__PURE__ */ React__default.createElement(
@@ -1194,14 +1296,24 @@ const KubernetesDrawerContent = ({
       ),
       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(
+  )))), errorMessage && /* @__PURE__ */ React__default.createElement("div", { className: classes.errorMessage }, /* @__PURE__ */ React__default.createElement(LinkErrorPanel, { cluster, errorMessage })), /* @__PURE__ */ React__default.createElement("div", { className: classes.options }, /* @__PURE__ */ React__default.createElement("div", null, clusterLink && /* @__PURE__ */ React__default.createElement(
+    LinkButton,
+    {
+      variant: "outlined",
+      color: "primary",
+      size: "small",
+      to: clusterLink,
+      endIcon: /* @__PURE__ */ React__default.createElement(OpenInNewIcon, null)
+    },
+    "Open Kubernetes Dashboard"
+  ))), /* @__PURE__ */ React__default.createElement("div", { className: classes.content }, isYaml && /* @__PURE__ */ React__default.createElement(ManifestYaml, { object }), !isYaml && /* @__PURE__ */ React__default.createElement(
     StructuredMetadataTable,
     {
       metadata: renderObject(replaceNullsWithUndefined(object))
     }
   )));
 };
-const KubernetesDrawer = ({
+const KubernetesStructuredMetadataTableDrawer = ({
   object,
   renderObject,
   kind,
@@ -1211,7 +1323,7 @@ const KubernetesDrawer = ({
 }) => {
   var _a, _b;
   const [isOpen, setIsOpen] = useState(expanded);
-  const classes = useDrawerStyles();
+  const classes = useDrawerStyles$1();
   const toggleDrawer = (e, newValue) => {
     e.stopPropagation();
     setIsOpen(newValue);
@@ -1235,7 +1347,7 @@ const KubernetesDrawer = ({
       onClick: (event) => event.stopPropagation()
     },
     /* @__PURE__ */ React__default.createElement(
-      KubernetesDrawerContent,
+      KubernetesStructuredMetadataTableDrawerContent,
       {
         kind,
         toggleDrawer,
@@ -1246,61 +1358,306 @@ const KubernetesDrawer = ({
   ));
 };
 
-const PodDrawer = (props) => {
-  const { pod, expanded } = props;
+const useDrawerContentStyles$1 = makeStyles(
+  (_theme) => createStyles({
+    header: {
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "space-between"
+    },
+    content: {
+      height: "80%"
+    },
+    icon: {
+      fontSize: 20
+    }
+  })
+);
+const KubernetesDrawerContent = ({
+  children,
+  header,
+  kubernetesObject,
+  close
+}) => {
+  var _a;
+  const classes = useDrawerContentStyles$1();
+  const [isYaml, setIsYaml] = useState(false);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: classes.header }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "flex-start", alignItems: "flex-start" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 11 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, (_a = kubernetesObject.metadata) == null ? void 0 : _a.name)), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React__default.createElement(
+    IconButton,
+    {
+      key: "dismiss",
+      title: "Close the drawer",
+      onClick: () => close(),
+      color: "inherit"
+    },
+    /* @__PURE__ */ React__default.createElement(CloseIcon, { className: classes.icon })
+  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, header), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__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(ManifestYaml, { object: kubernetesObject }), !isYaml && children));
+};
+const useDrawerStyles = makeStyles(
+  (theme) => createStyles({
+    paper: {
+      width: "50%",
+      justifyContent: "space-between",
+      padding: theme.spacing(2.5)
+    }
+  })
+);
+const DrawerButton = withStyles$1({
+  root: {
+    padding: "6px 5px"
+  },
+  label: {
+    textTransform: "none"
+  }
+})(Button);
+const KubernetesDrawer = ({
+  open,
+  label,
+  drawerContentsHeader,
+  kubernetesObject,
+  children
+}) => {
+  const classes = useDrawerStyles();
+  const [isOpen, setIsOpen] = useState(open != null ? open : false);
+  const toggleDrawer = (e, newValue) => {
+    e.stopPropagation();
+    setIsOpen(newValue);
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(DrawerButton, { onClick: () => setIsOpen(true) }, label), /* @__PURE__ */ React__default.createElement(
+    Drawer,
+    {
+      classes: {
+        paper: classes.paper
+      },
+      anchor: "right",
+      open: isOpen,
+      onClose: (e) => toggleDrawer(e, false),
+      onClick: (event) => event.stopPropagation()
+    },
+    isOpen && /* @__PURE__ */ React__default.createElement(
+      KubernetesDrawerContent,
+      {
+        header: drawerContentsHeader,
+        kubernetesObject,
+        children,
+        close: () => setIsOpen(false)
+      }
+    )
+  ));
+};
+
+const PodCondition = ({ condition }) => {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, condition.status === "False" && /* @__PURE__ */ React__default.createElement(StatusError, null, condition.type, " - (", condition.reason, " ", condition.lastTransitionTime && DateTime.fromISO(condition.lastTransitionTime).toRelative({
+    locale: "en"
+  }), ") - ", condition.message, " "), condition.status === "True" && /* @__PURE__ */ React__default.createElement(StatusOK, null, condition.type, " - (", condition.lastTransitionTime && DateTime.fromISO(condition.lastTransitionTime).toRelative({
+    locale: "en"
+  }), ")"), condition.status === "Unknown" && /* @__PURE__ */ React__default.createElement(StatusWarning, null, condition.type, " - (", condition.lastTransitionTime && DateTime.fromISO(condition.lastTransitionTime).toRelative({
+    locale: "en"
+  }), ") ", condition.message));
+};
+const PendingPodContent = ({ pod }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const startupConditions = [
+    (_b = (_a = pod.status) == null ? void 0 : _a.conditions) == null ? void 0 : _b.find((c) => c.type === "PodScheduled"),
+    (_d = (_c = pod.status) == null ? void 0 : _c.conditions) == null ? void 0 : _d.find((c) => c.type === "Initialized"),
+    (_f = (_e = pod.status) == null ? void 0 : _e.conditions) == null ? void 0 : _f.find((c) => c.type === "ContainersReady"),
+    (_h = (_g = pod.status) == null ? void 0 : _g.conditions) == null ? void 0 : _h.find((c) => c.type === "Ready")
+  ].filter((c) => !!c);
+  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 useDrawerContentStyles = makeStyles(
+  (_theme) => createStyles({
+    header: {
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "space-between"
+    },
+    content: {
+      height: "80%"
+    },
+    icon: {
+      fontSize: 20
+    },
+    podoklist: {
+      width: "100%",
+      maxWidth: 360,
+      maxHeight: 360
+    }
+  })
+);
+function getContainerSpecByName(pod, containerName) {
+  var _a;
+  return (_a = pod.spec) == null ? void 0 : _a.containers.find((c) => c.name === containerName);
+}
+const PodDrawer = ({ podAndErrors, open }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const classes = useDrawerContentStyles();
   return /* @__PURE__ */ React__default.createElement(
     KubernetesDrawer,
     {
-      object: pod,
-      expanded,
-      kind: "Pod",
-      renderObject: (podObject) => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const phase = (_b = (_a = podObject.status) == null ? void 0 : _a.phase) != null ? _b : "unknown";
-        const ports = (_e = (_d = (_c = podObject.spec) == null ? void 0 : _c.containers) == null ? void 0 : _d.map((c) => {
-          return {
-            [c.name]: c.ports
-          };
-        })) != null ? _e : "N/A";
-        const conditions = ((_g = (_f = podObject.status) == null ? void 0 : _f.conditions) != null ? _g : []).map(renderCondition).reduce((accum, next) => {
-          accum[next[0]] = next[1];
-          return accum;
-        }, {});
-        return {
-          images: imageChips(podObject),
-          phase,
-          "Containers Ready": containersReady(podObject),
-          "Total Restarts": totalRestarts(podObject),
-          "Container Statuses": containerStatuses(podObject),
-          ...conditions,
-          "Exposed ports": ports
-        };
+      open,
+      drawerContentsHeader: /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, "Pod", " ", ((_a = podAndErrors.pod.status) == null ? void 0 : _a.podIP) && `(${(_b = podAndErrors.pod.status) == null ? void 0 : _b.podIP})`),
+      kubernetesObject: podAndErrors.pod,
+      label: /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, (_d = (_c = podAndErrors.pod.metadata) == null ? void 0 : _c.name) != null ? _d : "unknown")
+    },
+    /* @__PURE__ */ React__default.createElement("div", { className: classes.content }, ((_e = podAndErrors.pod.status) == null ? void 0 : _e.phase) === "Pending" && /* @__PURE__ */ React__default.createElement(PendingPodContent, { pod: podAndErrors.pod }), ((_g = (_f = podAndErrors.pod.status) == null ? void 0 : _f.containerStatuses) == null ? void 0 : _g.length) && /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 2 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, "Containers")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(ItemCardGrid, null, (_i = (_h = podAndErrors.pod.status) == null ? void 0 : _h.containerStatuses) == null ? void 0 : _i.map(
+      (containerStatus, i) => {
+        var _a2, _b2, _c2, _d2, _e2;
+        const containerSpec = getContainerSpecByName(
+          podAndErrors.pod,
+          containerStatus.name
+        );
+        return /* @__PURE__ */ React__default.createElement(
+          ContainerCard,
+          {
+            key: `container-card-${(_a2 = podAndErrors.pod.metadata) == null ? void 0 : _a2.name}-${i}`,
+            podScope: {
+              podName: (_c2 = (_b2 = podAndErrors.pod.metadata) == null ? void 0 : _b2.name) != null ? _c2 : "unknown",
+              podNamespace: (_e2 = (_d2 = podAndErrors.pod.metadata) == null ? void 0 : _d2.namespace) != null ? _e2 : "unknown",
+              clusterName: podAndErrors.clusterName
+            },
+            containerSpec,
+            containerStatus
+          }
+        );
       }
+    )))))
+  );
+};
+
+const containersReady = (pod) => {
+  var _a, _b;
+  const containerStatuses2 = (_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : [];
+  const containersReadyItem = containerStatuses2.filter((cs) => cs.ready).length;
+  return `${containersReadyItem}/${containerStatuses2.length}`;
+};
+const totalRestarts = (pod) => {
+  var _a, _b;
+  const containerStatuses2 = (_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : [];
+  return containerStatuses2 == null ? void 0 : containerStatuses2.reduce((a, b) => a + b.restartCount, 0);
+};
+const containerStatuses = (pod) => {
+  var _a, _b;
+  const containerStatusesItem = (_b = (_a = pod.status) == null ? void 0 : _a.containerStatuses) != null ? _b : [];
+  const errors = containerStatusesItem.reduce((accum, next) => {
+    if (next.state === void 0) {
+      return accum;
+    }
+    const waiting = next.state.waiting;
+    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));
+    };
+    if (waiting) {
+      accum.push(renderCell(waiting.reason));
+    }
+    if (terminated) {
+      accum.push(renderCell(terminated.reason));
+    }
+    return accum;
+  }, []);
+  if (errors.length === 0) {
+    return /* @__PURE__ */ React__default.createElement(StatusOK, null, "OK");
+  }
+  return errors;
+};
+const renderCondition = (condition) => {
+  var _a;
+  const status = condition.status;
+  if (status === "True") {
+    return [condition.type, /* @__PURE__ */ React__default.createElement(StatusOK, null, "True")];
+  } 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 : ""
+        }
+      )
+    ];
+  }
+  return [condition.type, /* @__PURE__ */ React__default.createElement(StatusAborted, null)];
+};
+const currentToDeclaredResourceToPerc = (current, resource) => {
+  if (Number(resource) === 0)
+    return `0%`;
+  if (typeof current === "number" && typeof resource === "number") {
+    return `${Math.round(current / resource * 100)}%`;
+  }
+  const numerator = BigInt(current);
+  const denominator = BigInt(resource);
+  return `${numerator * BigInt(100) / denominator}%`;
+};
+const formatMilicores = (value) => {
+  return `${parseFloat(value.toString()) * 1e3}m`;
+};
+const podStatusToCpuUtil = (podStatus) => {
+  const cpuUtil = podStatus.cpu;
+  let currentUsage = cpuUtil.currentUsage;
+  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)}`
+    }
+  );
+};
+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)}`
     }
   );
 };
 
 const READY_COLUMNS = "READY";
 const RESOURCE_COLUMNS = "RESOURCE";
-const DEFAULT_COLUMNS = [
-  {
-    title: "name",
-    highlight: true,
-    render: (pod) => /* @__PURE__ */ React__default.createElement(PodDrawer, { pod })
-  },
-  {
-    title: "phase",
-    render: (pod) => {
-      var _a, _b;
-      return (_b = (_a = pod.status) == null ? void 0 : _a.phase) != null ? _b : "unknown";
-    },
-    width: "auto"
-  },
-  {
-    title: "status",
-    render: containerStatuses
-  }
-];
 const READY = [
   {
     title: "containers ready",
@@ -1318,7 +1675,36 @@ const READY = [
 ];
 const PodsTable = ({ pods, extraColumns = [] }) => {
   const podNamesWithMetrics = useContext(PodNamesWithMetricsContext);
-  const columns = [...DEFAULT_COLUMNS];
+  const cluster = useContext(ClusterContext);
+  const defaultColumns = [
+    {
+      title: "name",
+      highlight: true,
+      render: (pod) => /* @__PURE__ */ React__default.createElement(
+        PodDrawer,
+        {
+          podAndErrors: {
+            pod,
+            clusterName: cluster.name,
+            errors: []
+          }
+        }
+      )
+    },
+    {
+      title: "phase",
+      render: (pod) => {
+        var _a, _b;
+        return (_b = (_a = pod.status) == null ? void 0 : _a.phase) != null ? _b : "unknown";
+      },
+      width: "auto"
+    },
+    {
+      title: "status",
+      render: containerStatuses
+    }
+  ];
+  const columns = [...defaultColumns];
   if (extraColumns.includes(READY_COLUMNS)) {
     columns.push(...READY);
   }
@@ -1376,7 +1762,7 @@ const DeploymentDrawer = ({
   var _a, _b, _c;
   const namespace = (_a = deployment.metadata) == null ? void 0 : _a.namespace;
   return /* @__PURE__ */ React__default.createElement(
-    KubernetesDrawer,
+    KubernetesStructuredMetadataTableDrawer,
     {
       object: deployment,
       expanded,
@@ -1414,7 +1800,7 @@ const DeploymentDrawer = ({
 const HorizontalPodAutoscalerDrawer = (props) => {
   const { hpa, expanded, children } = props;
   return /* @__PURE__ */ React__default.createElement(
-    KubernetesDrawer,
+    KubernetesStructuredMetadataTableDrawer,
     {
       kind: "HorizontalPodAutoscaler",
       object: hpa,
@@ -1580,7 +1966,7 @@ const StatefulSetDrawer = ({
   var _a, _b, _c;
   const namespace = (_a = statefulset.metadata) == null ? void 0 : _a.namespace;
   return /* @__PURE__ */ React__default.createElement(
-    KubernetesDrawer,
+    KubernetesStructuredMetadataTableDrawer,
     {
       object: statefulset,
       expanded,
@@ -1729,7 +2115,7 @@ const IngressDrawer = ({
 }) => {
   var _a, _b;
   return /* @__PURE__ */ React__default.createElement(
-    KubernetesDrawer,
+    KubernetesStructuredMetadataTableDrawer,
     {
       object: ingress,
       expanded,
@@ -1798,7 +2184,7 @@ const ServiceDrawer = ({
 }) => {
   var _a, _b;
   return /* @__PURE__ */ React__default.createElement(
-    KubernetesDrawer,
+    KubernetesStructuredMetadataTableDrawer,
     {
       object: service,
       expanded,
@@ -1883,7 +2269,7 @@ const JobDrawer = ({
 }) => {
   var _a, _b;
   return /* @__PURE__ */ React__default.createElement(
-    KubernetesDrawer,
+    KubernetesStructuredMetadataTableDrawer,
     {
       object: job,
       expanded,
@@ -1972,7 +2358,7 @@ const CronJobDrawer = ({
   var _a, _b, _c;
   const namespace = (_a = cronJob.metadata) == null ? void 0 : _a.namespace;
   return /* @__PURE__ */ React__default.createElement(
-    KubernetesDrawer,
+    KubernetesStructuredMetadataTableDrawer,
     {
       object: cronJob,
       expanded,
@@ -2080,7 +2466,7 @@ const RolloutDrawer = ({
 }) => {
   var _a, _b;
   return /* @__PURE__ */ React__default.createElement(
-    KubernetesDrawer,
+    KubernetesStructuredMetadataTableDrawer,
     {
       object: rollout,
       expanded,
@@ -2304,7 +2690,7 @@ const DefaultCustomResourceDrawer = ({
   var _a, _b;
   const capitalizedName = capitalize(customResourceName);
   return /* @__PURE__ */ React__default.createElement(
-    KubernetesDrawer,
+    KubernetesStructuredMetadataTableDrawer,
     {
       object: customResource,
       expanded,
@@ -2494,13 +2880,13 @@ 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,
+    ErrorPanel,
     {
       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,
+    ErrorPanel,
     {
       entityName: entity.metadata.name,
       errorMessage: error
@@ -2583,5 +2969,5 @@ var Router$1 = /*#__PURE__*/Object.freeze({
   Router: Router
 });
 
-export { Cluster, ClusterContext, CronJobsAccordions, CustomResources, EntityKubernetesContent, ErrorPanel$1 as ErrorPanel, ErrorReporting, GoogleKubernetesAuthProvider, GroupedResponsesContext, HorizontalPodAutoscalerDrawer, IngressesAccordions, JobsAccordions, KubernetesAuthProviders, KubernetesBackendClient, KubernetesContent, KubernetesDrawer, PodDrawer, PodNamesWithErrorsContext, PodNamesWithMetricsContext, PodsTable, Router, ServerSideKubernetesAuthProvider, ServicesAccordions, clusterLinksFormatters, detectErrors, formatClusterLink, isKubernetesAvailable, kubernetesApiRef, kubernetesAuthProvidersApiRef, kubernetesPlugin, kubernetesPlugin as plugin, useCustomResources, useKubernetesObjects };
+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 };
 //# sourceMappingURL=index.esm.js.map