@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.66 → 0.0.1-alpha.68

package/dist/openapi-k8s-toolkit.es.js

@@ -2504,7 +2504,7 @@ const CustomTreeProvider = st.div`
     justify-content: center;
   }
 `;
-const Styled$i = {
+const Styled$n = {
   CustomTreeProvider
 };
 
@@ -2569,7 +2569,7 @@ const TreeWithSearch = ({ treeData, onSelect }) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { style: { marginBottom: 8 }, placeholder: "Search", onChange }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tree,
       {
         treeData: loop(treeData),
@@ -8400,14 +8400,14 @@ const ContentContainer = st.div`
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-const Styled$h = {
+const Styled$m = {
   ContentContainer
 };
 
 const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
   const { token } = theme.useToken();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$h.ContentContainer,
+    Styled$m.ContentContainer,
     {
       $flexGrow: flexGrow,
       $bgColor: token.colorBgContainer,
@@ -8523,7 +8523,7 @@ const NoWrapContainer = st.div`
     flex-wrap: nowrap !important;
   }
 `;
-const Styled$g = {
+const Styled$l = {
   PositionRelativeContainer,
   FullWidthContainer,
   NoWrapContainer
@@ -8566,9 +8566,9 @@ const CollapsibleBreadcrumb = ({ items }) => {
     };
     return [firstItem, ellipsisItem, lastItem];
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$g.PositionRelativeContainer, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$l.PositionRelativeContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$l.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$l.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
   ] });
 };
 
@@ -8576,12 +8576,12 @@ const HeightDiv = st.div`
   min-height: 22px;
   width: 100%;
 `;
-const Styled$f = {
+const Styled$k = {
   HeightDiv
 };
 
 const ManageableBreadcrumbs = ({ data }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$f.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
 };
 const ManageableBreadcrumbsWithDataProvider = ({
   uri,
@@ -8605,7 +8605,7 @@ const ManageableBreadcrumbsWithDataProvider = ({
     return null;
   }
   if (rawDataLoading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$f.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
   }
   if (!rawData) {
     return null;
@@ -8620,7 +8620,7 @@ const ManageableBreadcrumbsWithDataProvider = ({
     idToCompare
   });
   if (!result) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$f.HeightDiv, {});
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.HeightDiv, {});
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result });
 };
@@ -8711,7 +8711,7 @@ const CustomMenu = st(Menu)`
     margin: 0 !important;
   }
 `;
-const Styled$e = {
+const Styled$j = {
   CustomMenu
 };
 
@@ -8738,7 +8738,7 @@ const ManageableSidebar = ({ data, noMarginTop }) => {
     setSelectedKeys(data.selectedKeys);
   }, [data.selectedKeys]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$e.CustomMenu,
+    Styled$j.CustomMenu,
     {
       selectedKeys,
       onSelect: () => {
@@ -26015,7 +26015,7 @@ const ShortenedText = st.div`
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
-const Styled$d = {
+const Styled$i = {
   ShortenedText
 };
 
@@ -26024,7 +26024,7 @@ const ShortenedTextWithTooltip = ({ text, trimLength, maxWidth = 200 }) => {
     const trimmedText = text.substring(0, trimLength);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: text, placement: "top", children: trimmedText });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.ShortenedText, { $maxWidth: maxWidth, children: text }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.ShortenedText, { $maxWidth: maxWidth, children: text }) });
 };
 
 const FilterDropdown = ({
@@ -41554,7 +41554,7 @@ const BorderRadiusContainer$1 = st.div`
     border-radius: 8px;
   }
 `;
-const Styled$c = {
+const Styled$h = {
   BorderRadiusContainer: BorderRadiusContainer$1
 };
 
@@ -41563,7 +41563,7 @@ const YamlEditor = ({ theme, currentValues, onChange }) => {
   useEffect(() => {
     setYamlData(stringify(currentValues));
   }, [currentValues]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$c.BorderRadiusContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$h.BorderRadiusContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Ft,
     {
       defaultLanguage: "yaml",
@@ -41602,7 +41602,7 @@ const BigText$1 = st.div`
   font-size: 16px;
   line-height: 24px;
 `;
-const Styled$b = {
+const Styled$g = {
   BorderRadiusContainer,
   ControlsRowContainer: ControlsRowContainer$1,
   BigText: BigText$1
@@ -41662,7 +41662,7 @@ const YamlEditorSingleton = ({
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$b.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Ft,
       {
         defaultLanguage: "yaml",
@@ -41678,7 +41678,7 @@ const YamlEditorSingleton = ({
         }
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$b.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", onClick: onSubmit, loading: isLoading, children: "Submit" }),
       backlink && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: () => navigate(backlink), children: "Cancel" })
     ] }) }),
@@ -41688,7 +41688,7 @@ const YamlEditorSingleton = ({
         open: !!error,
         onOk: () => setError(void 0),
         onCancel: () => setError(void 0),
-        title: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$b.BigText, { children: "Error!" }) }),
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.BigText, { children: "Error!" }) }),
         cancelButtonProps: { style: { display: "none" } },
         children: [
           "An error has occurred: ",
@@ -41768,7 +41768,7 @@ const Content$1 = st.div`
   display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-const Styled$a = {
+const Styled$f = {
   Container: Container$1,
   TitleBar,
   Content: Content$1
@@ -41795,14 +41795,14 @@ const CustomCollapse = ({
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Styled$a.Container,
+    Styled$f.Container,
     {
       $designNewLayout: designNewLayout,
       $borderColor: token.colorBorder,
       $bgColor: token.colorBgContainer,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$a.TitleBar, { onClick: () => toggleCollapse(), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$f.TitleBar, { onClick: () => toggleCollapse(), children: [
             !designNewLayout && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: isOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(CaretDownOutlined, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CaretRightOutlined, { size: 14 }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title }),
             designNewLayout && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: isOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(DownIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(UpIcon, {}) })
@@ -41813,7 +41813,7 @@ const CustomCollapse = ({
             persistedCheckbox
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$a.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$f.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
       ]
     }
   );
@@ -41847,13 +41847,13 @@ const CustomSizeTitle = st.div`
 const Content = st.div`
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-const Styled$9 = {
+const Styled$e = {
   Content
 };
 
 const ArrayInsideContainer = ({ children }) => {
   const designNewLayout = useDesignNewLayout();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.Content, { $designNewLayout: designNewLayout, children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$e.Content, { $designNewLayout: designNewLayout, children });
 };
 
 const arraysEqual = (arr1, arr2) => {
@@ -42529,7 +42529,7 @@ const CrossContainer = st.div`
   cursor: pointer;
   padding-top: 11px;
 `;
-const Styled$8 = {
+const Styled$d = {
   SwitchAndCrossContainer,
   CrossContainer
 };
@@ -42554,7 +42554,7 @@ const FormBooleanInput = ({
         onRemoveByMinus && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", type: "text", onClick: onRemoveByMinus, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MinusIcon, {}) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$8.SwitchAndCrossContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$d.SwitchAndCrossContainer, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ResetedFormItem,
         {
@@ -42564,7 +42564,7 @@ const FormBooleanInput = ({
         arrKey !== void 0 ? arrKey : Array.isArray(name) ? name.slice(-1)[0] : name
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$8.CrossContainer,
+        Styled$d.CrossContainer,
         {
           onClick: () => {
             if (makeValueUndefined) {
@@ -42780,7 +42780,7 @@ const BigText = st.div`
   font-size: 16px;
   line-height: 24px;
 `;
-const Styled$7 = {
+const Styled$c = {
   ResetedFormList,
   Container,
   OverflowContainer: OverflowContainer$1,
@@ -43028,7 +43028,7 @@ const getArrayFormItemFromSwagger = ({
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$7.ResetedFormList,
+        Styled$c.ResetedFormList,
         {
           name: arrName || name,
           rules: !forceNonRequired && required?.includes(getStringByName(name)) ? [
@@ -43755,8 +43755,8 @@ const BlackholeForm = ({
     setPersistedKeys([...persistedKeys.filter((arr) => JSON.stringify(arr) !== JSON.stringify(value))]);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$7.Container, { $designNewLayout: designNewLayout, $designNewLayoutHeight: designNewLayoutHeight, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.OverflowContainer, { ref: overflowRef, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$c.Container, { $designNewLayout: designNewLayout, $designNewLayoutHeight: designNewLayoutHeight, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$c.OverflowContainer, { ref: overflowRef, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         Form,
         {
           form,
@@ -43799,7 +43799,7 @@ const BlackholeForm = ({
       ) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(YamlEditor, { theme: theme$1, currentValues: yamlValues || {}, onChange: onYamlChangeCallback }) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$c.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", onClick: onSubmit, loading: isLoading, children: "Submit" }),
       backlink && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: () => navigate(backlink), children: "Cancel" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: () => setIsDebugModalOpen(true), icon: /* @__PURE__ */ jsxRuntimeExports.jsx(BugOutlined, {}) }),
@@ -43811,7 +43811,7 @@ const BlackholeForm = ({
         open: !!error,
         onOk: () => setError(void 0),
         onCancel: () => setError(void 0),
-        title: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.BigText, { children: "Error!" }) }),
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$c.BigText, { children: "Error!" }) }),
         cancelButtonProps: { style: { display: "none" } },
         children: [
           "An error has occurred: ",
@@ -43827,7 +43827,7 @@ const BlackholeForm = ({
         onCancel: () => setIsDebugModalOpen(false),
         title: "Debug for properties",
         width: "90vw",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.DebugContainer, { $designNewLayoutHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$c.DebugContainer, { $designNewLayoutHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Editor,
           {
             defaultLanguage: "json",
@@ -43961,7 +43961,7 @@ const BlackholeFormDataProvider = ({
   );
 };
 
-const CustomCard$3 = st(Card)`
+const CustomCard$5 = st(Card)`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -43981,12 +43981,12 @@ const CustomCard$3 = st(Card)`
     padding: 8px;
   }
 `;
-const Styled$6 = {
-  CustomCard: CustomCard$3
+const Styled$b = {
+  CustomCard: CustomCard$5
 };
 
 const AddCard = ({ onAddClick }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$6.CustomCard, { onClick: onAddClick, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusOutlined, {}) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$b.CustomCard, { onClick: onAddClick, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusOutlined, {}) });
 };
 
 const byteToHex = [];
@@ -44219,7 +44219,7 @@ const getListPath = ({
   return `/api/clusters/${clusterName}/k8s/api/v1${namespace ? `/namespaces/${namespace}` : ""}/${typeName}`;
 };
 
-const CustomCard$2 = st(Card)`
+const CustomCard$4 = st(Card)`
   position: relative;
   width: 238px;
   overflow-x: auto;
@@ -44290,8 +44290,8 @@ const EditButtonContainer = st.div`
   bottom: 6px;
   right: 6px;
 `;
-const Styled$5 = {
-  CustomCard: CustomCard$2,
+const Styled$a = {
+  CustomCard: CustomCard$4,
   ImageContainer,
   OverflowContainer,
   TitleContainer,
@@ -44366,14 +44366,14 @@ const MarketplaceCard$1 = ({
     return null;
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$5.CustomCard,
+    Styled$a.CustomCard,
     {
       $isDisabled: disabled,
       $hoverColor: token.colorPrimary,
       onClick: () => disabled ? null : navigate(navigateUrl),
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { vertical: true, style: { width: "100%", height: "100%" }, justify: "spaceBetween", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.ImageContainer, { dangerouslySetInnerHTML: { __html: decodedIcon } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$a.ImageContainer, { dangerouslySetInnerHTML: { __html: decodedIcon } }),
           isEditMode && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
@@ -44394,8 +44394,8 @@ const MarketplaceCard$1 = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.OverflowContainer, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.TitleContainer, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$a.OverflowContainer, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$a.TitleContainer, { children: [
             name,
             " ",
             addedMode && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
@@ -44403,10 +44403,10 @@ const MarketplaceCard$1 = ({
               k8sList?.items?.length
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.TagsContainer, { children: tags.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.CustomTag, { children: tag }, tag)) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.DescriptionContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", children: description }) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$a.TagsContainer, { children: tags.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$a.CustomTag, { children: tag }, tag)) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$a.DescriptionContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", children: description }) })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.EditButtonContainer, { children: isEditMode && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$a.EditButtonContainer, { children: isEditMode && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             onClick: (e) => {
@@ -44464,7 +44464,7 @@ const BigValue = st.div`
   line-clamp: 1;
   word-break: break-all;
 `;
-const Styled$4 = {
+const Styled$9 = {
   BigValue
 };
 
@@ -44574,7 +44574,7 @@ const MarketPlace = ({
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "space-between", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 12, vertical: true, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", children: "Available Products" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$4.BigValue, { children: "Marketplace" }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.BigValue, { children: "Marketplace" }) })
       ] }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 12, vertical: true, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(SearchTextInput, { uniqueTags, selectedTags, onSelectedTags: setSelectedTags }),
@@ -44777,7 +44777,7 @@ st.div`
   line-clamp: 1;
   word-break: break-all;
 `;
-const Styled$3 = {
+const Styled$8 = {
   ActionMenuPlaceholder};
 
 const ProjectInfoCard$1 = ({
@@ -44855,7 +44855,7 @@ const ProjectInfoCard$1 = ({
             } : void 0,
             onUpdate: updatePermission.data?.status.allowed ? openUpdate : void 0
           }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$3.ActionMenuPlaceholder, {}) }),
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$8.ActionMenuPlaceholder, {}) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownAccessGroups, { accessGroups })
       ] }) })
     ] }),
@@ -44927,47 +44927,35 @@ var addonFit = {exports: {}};
 
 var addonFitExports = addonFit.exports;
 
-const FullWidthDiv$1 = st.div`
+const FullWidthDiv$3 = st.div`
   display: flex;
   justify-content: center;
   width: 100%;
 `;
-const CustomCard$1 = st.div`
-  display: ${({ $isVisible }) => $isVisible ? "block" : "none"};
+const CustomCard$3 = st.div`
+  visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   max-height: calc(100vh - 158px);
 
-  /* overflow-y: auto; */
-
-  /* background: black; */
-
-  /* stylelint-disable declaration-no-important */
-
   * {
     scrollbar-width: thin;
   }
-
-  > div > div {
-    width: 100% !important;
-  }
-
-  .xterm {
-    width: 100% !important;
-    height: 100% !important; /* optional */
-  }
 `;
-const Styled$2 = {
-  FullWidthDiv: FullWidthDiv$1,
-  CustomCard: CustomCard$1
+const Styled$7 = {
+  FullWidthDiv: FullWidthDiv$3,
+  CustomCard: CustomCard$3
 };
 
-const XTerminal$1 = ({ endpoint, namespace, podName, container }) => {
+const XTerminal$2 = ({ endpoint, namespace, podName, container }) => {
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState();
   const [terminal, setTerminal] = useState();
+  const terminalInstance = useRef(null);
   const terminalRef = useRef(null);
-  const resizeObserverRef = useRef(null);
-  const fitAddon = new addonFitExports.FitAddon();
+  const fitAddon = useRef(new addonFitExports.FitAddon());
   useEffect(() => {
+    if (!terminalRef.current) {
+      return;
+    }
     const terminal2 = new xtermExports.Terminal({
       cursorBlink: false,
       cursorStyle: "block",
@@ -44975,34 +44963,20 @@ const XTerminal$1 = ({ endpoint, namespace, podName, container }) => {
       fontSize: 16,
       theme: themes.MaterialDark
     });
-    terminal2.loadAddon(fitAddon);
+    terminal2.loadAddon(fitAddon.current);
+    terminal2.open(terminalRef.current);
+    terminalInstance.current = terminal2;
     setTerminal(terminal2);
-    fitAddon.fit();
-    return () => {
-      if (terminal2) {
-        terminal2.dispose();
-      }
+    fitAddon.current.fit();
+    const handleResize = () => {
+      fitAddon.current.fit();
     };
-  }, []);
-  useEffect(() => {
-    if (terminal) {
-      if (terminalRef.current) {
-        terminal.open(terminalRef.current);
-        setTerminal(terminal);
-      }
-    }
-    resizeObserverRef.current = new ResizeObserver(() => {
-      fitAddon.fit();
-    });
-    if (terminalRef.current) {
-      resizeObserverRef.current.observe(terminalRef.current);
-    }
+    window.addEventListener("resize", handleResize);
     return () => {
-      if (resizeObserverRef.current) {
-        resizeObserverRef.current.disconnect();
-      }
+      window.removeEventListener("resize", handleResize);
+      terminal2.dispose();
     };
-  }, [terminal]);
+  }, []);
   useEffect(() => {
     if (!terminal) {
       return;
@@ -45051,80 +45025,94 @@ const XTerminal$1 = ({ endpoint, namespace, podName, container }) => {
     };
   }, [terminal, endpoint, namespace, podName, container]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.CustomCard, { $isVisible: !isLoading && !error, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.CustomCard, { $isVisible: !isLoading && !error, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef, style: { width: "100%", height: "100%" } }) }) }),
     isLoading && !error && /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}),
     error && /* @__PURE__ */ jsxRuntimeExports.jsx(Result, { status: "error", title: "Error", subTitle: JSON.stringify(error) })
   ] });
 };
 
+const CustomSelect$3 = st.div`
+  .ant-select {
+    width: 200px;
+  }
+`;
+const Styled$6 = {
+  CustomSelect: CustomSelect$3
+};
+
 const PodTerminal$1 = ({ cluster, namespace, podName, containers }) => {
-  const [currentContainer, setCurrentContainer] = useState(containers[0] || void 0);
+  const [selectValue, setSelectValue] = useState(containers[0] || void 0);
+  const [currentContainer, setCurrentContainer] = useState();
+  const [hash, setHash] = useState(0);
   const endpoint = `/api/clusters/${cluster}/openapi-bff-ws/terminal/terminalPod/terminalPod`;
   if (containers.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "No Running Containers" });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Select,
-      {
-        placeholder: "Select container",
-        options: containers.map((container) => ({ value: container, label: container })),
-        filterOption: filterSelectOptions,
-        disabled: containers.length === 0,
-        showSearch: true,
-        value: currentContainer,
-        onChange: (value) => setCurrentContainer(value)
-      }
-    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 16, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$6.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Select,
+        {
+          placeholder: "Select container",
+          options: containers.map((container) => ({ value: container, label: container })),
+          filterOption: filterSelectOptions,
+          disabled: containers.length === 0,
+          showSearch: true,
+          value: selectValue,
+          onChange: (value) => {
+            setHash(hash + 1);
+            setSelectValue(value);
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          type: "primary",
+          onClick: () => {
+            setCurrentContainer(selectValue);
+            setHash(hash + 1);
+          },
+          disabled: !selectValue,
+          children: "Open"
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
     currentContainer && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      XTerminal$1,
+      XTerminal$2,
       {
         endpoint,
         namespace,
         podName,
         container: currentContainer
       },
-      `${cluster}-${namespace}-${podName}-${currentContainer}`
+      `${cluster}-${namespace}-${podName}-${currentContainer}-${hash}`
     )
   ] });
 };
 
-const FullWidthDiv = st.div`
+const FullWidthDiv$2 = st.div`
   display: flex;
   justify-content: center;
   width: 100%;
 `;
-const CustomCard = st.div`
-  display: ${({ $isVisible }) => $isVisible ? "block" : "none"};
+const CustomCard$2 = st.div`
+  visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   max-height: calc(100vh - 158px);
 
-  /* overflow-y: auto; */
-
-  /* background: black; */
-
-  /* stylelint-disable declaration-no-important */
-
   * {
     scrollbar-width: thin;
   }
-
-  > div > div {
-    width: 100% !important;
-  }
-
-  .xterm {
-    width: 100% !important;
-    height: 100% !important; /* optional */
-  }
 `;
-const ShutdownContainer = st.div`
-  display: ${({ $isVisible }) => $isVisible ? "block" : "none"};
+const ShutdownContainer$2 = st.div`
+  visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   margin-top: -40px;
   display: flex;
   justify-content: flex-end;
 `;
 const ProgressContainer = st.div`
+  margin-top: -464px;
   height: 464px;
   display: flex;
   flex-flow: column;
@@ -45132,14 +45120,14 @@ const ProgressContainer = st.div`
   align-items: center;
   gap: 8px;
 `;
-const Styled$1 = {
-  FullWidthDiv,
-  CustomCard,
-  ShutdownContainer,
+const Styled$5 = {
+  FullWidthDiv: FullWidthDiv$2,
+  CustomCard: CustomCard$2,
+  ShutdownContainer: ShutdownContainer$2,
   ProgressContainer
 };
 
-const XTerminal = ({ endpoint, nodeName, profile }) => {
+const XTerminal$1 = ({ endpoint, nodeName, profile }) => {
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState();
   const [isTerminalVisible, setIsTerminalVisible] = useState(false);
@@ -45147,12 +45135,15 @@ const XTerminal = ({ endpoint, nodeName, profile }) => {
   const [containerWaitingMessage, setContainerWaitingMessage] = useState();
   const [progressPercent, setProgressPercent] = useState(0);
   const [isWarmingUp, setIsWarmingUp] = useState(true);
-  const [terminal, setTerminal] = useState();
   const socketRef = useRef(null);
+  const [terminal, setTerminal] = useState();
+  const terminalInstance = useRef(null);
   const terminalRef = useRef(null);
-  const resizeObserverRef = useRef(null);
-  const fitAddon = new addonFitExports.FitAddon();
+  const fitAddon = useRef(new addonFitExports.FitAddon());
   useEffect(() => {
+    if (!terminalRef.current) {
+      return;
+    }
     const terminal2 = new xtermExports.Terminal({
       cursorBlink: false,
       cursorStyle: "block",
@@ -45160,34 +45151,20 @@ const XTerminal = ({ endpoint, nodeName, profile }) => {
       fontSize: 16,
       theme: themes.MaterialDark
     });
-    terminal2.loadAddon(fitAddon);
+    terminal2.loadAddon(fitAddon.current);
+    terminal2.open(terminalRef.current);
+    terminalInstance.current = terminal2;
     setTerminal(terminal2);
-    fitAddon.fit();
-    return () => {
-      if (terminal2) {
-        terminal2.dispose();
-      }
+    fitAddon.current.fit();
+    const handleResize = () => {
+      fitAddon.current.fit();
     };
-  }, []);
-  useEffect(() => {
-    if (terminal) {
-      if (terminalRef.current) {
-        terminal.open(terminalRef.current);
-        setTerminal(terminal);
-      }
-    }
-    resizeObserverRef.current = new ResizeObserver(() => {
-      fitAddon.fit();
-    });
-    if (terminalRef.current) {
-      resizeObserverRef.current.observe(terminalRef.current);
-    }
+    window.addEventListener("resize", handleResize);
     return () => {
-      if (resizeObserverRef.current) {
-        resizeObserverRef.current.disconnect();
-      }
+      window.removeEventListener("resize", handleResize);
+      terminal2.dispose();
     };
-  }, [terminal]);
+  }, []);
   useEffect(() => {
     if (!terminal) {
       return;
@@ -45279,22 +45256,25 @@ const XTerminal = ({ endpoint, nodeName, profile }) => {
     };
   }, [terminal, endpoint, nodeName, profile]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.ShutdownContainer, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.ShutdownContainer, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button,
       {
         type: "dashed",
         disabled: !socketRef.current,
-        onClick: () => socketRef.current?.send(
-          JSON.stringify({
-            type: "shutdown"
-          })
-        ),
+        onClick: () => {
+          setIsTerminalVisible(false);
+          socketRef.current?.send(
+            JSON.stringify({
+              type: "shutdown"
+            })
+          );
+        },
         children: "Terminate"
       }
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.CustomCard, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef }) }) }),
-    !isTerminalVisible && !error && isWarmingUp && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$1.ProgressContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.CustomCard, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef, style: { width: "100%", height: "100%" } }) }) }),
+    !isTerminalVisible && !error && isWarmingUp && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.ProgressContainer, { children: [
       isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}),
       !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(Progress, { type: "circle", percent: progressPercent }),
       warmupMessage && /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography.Text, { children: [
@@ -45310,13 +45290,13 @@ const XTerminal = ({ endpoint, nodeName, profile }) => {
   ] });
 };
 
-const CustomSelect = st.div`
+const CustomSelect$2 = st.div`
   .ant-select {
     width: 200px;
   }
 `;
-const Styled = {
-  CustomSelect
+const Styled$4 = {
+  CustomSelect: CustomSelect$2
 };
 
 const NodeTerminal$1 = ({ cluster, nodeName }) => {
@@ -45324,10 +45304,10 @@ const NodeTerminal$1 = ({ cluster, nodeName }) => {
   const [currentProfile, setCurrentProfile] = useState();
   const [hash, setHash] = useState(0);
   const endpoint = `/api/clusters/${cluster}/openapi-bff-ws/terminal/terminalNode/terminalNode`;
-  const profiles = ["legacy", "general", "baseline", "netadmin", "sysadmin"];
+  const profiles = ["legacy", "general", "baseline", "netadmin", "restricted", "sysadmin"];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 16, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$4.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Select,
         {
           placeholder: "Select profile",
@@ -45353,7 +45333,7 @@ const NodeTerminal$1 = ({ cluster, nodeName }) => {
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
     currentProfile && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      XTerminal,
+      XTerminal$1,
       {
         endpoint,
         nodeName,
@@ -45364,6 +45344,371 @@ const NodeTerminal$1 = ({ cluster, nodeName }) => {
   ] });
 };
 
+const FullWidthDiv$1 = st.div`
+  display: flex;
+  justify-content: center;
+  width: 100%;
+`;
+const CustomCard$1 = st.div`
+  visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
+  max-height: calc(100vh - 158px);
+
+  * {
+    scrollbar-width: thin;
+  }
+`;
+const ShutdownContainer$1 = st.div`
+  margin-top: -40px;
+  display: flex;
+  justify-content: flex-end;
+`;
+const Styled$3 = {
+  FullWidthDiv: FullWidthDiv$1,
+  CustomCard: CustomCard$1,
+  ShutdownContainer: ShutdownContainer$1
+};
+
+const XTerminal = ({ endpoint, namespace, podName, container }) => {
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState();
+  const [isTerminalVisible, setIsTerminalVisible] = useState(false);
+  const socketRef = useRef(null);
+  const [terminal, setTerminal] = useState();
+  const terminalInstance = useRef(null);
+  const terminalRef = useRef(null);
+  const fitAddon = useRef(new addonFitExports.FitAddon());
+  useEffect(() => {
+    if (!terminalRef.current) {
+      return;
+    }
+    const terminal2 = new xtermExports.Terminal({
+      cursorBlink: false,
+      cursorStyle: "block",
+      fontFamily: "monospace",
+      fontSize: 16,
+      theme: themes.MaterialDark,
+      convertEol: true
+    });
+    terminal2.loadAddon(fitAddon.current);
+    terminal2.open(terminalRef.current);
+    terminalInstance.current = terminal2;
+    setTerminal(terminal2);
+    fitAddon.current.fit();
+    const handleResize = () => {
+      fitAddon.current.fit();
+    };
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+      terminal2.dispose();
+    };
+  }, []);
+  useEffect(() => {
+    if (!terminal) {
+      return;
+    }
+    const socket = new WebSocket(endpoint);
+    socketRef.current = socket;
+    socket.onopen = () => {
+      socket.send(
+        JSON.stringify({
+          type: "init",
+          payload: { namespace, podName, container }
+        })
+      );
+      console.log(`[${namespace}/${podName}]: WebSocket Client Connected`);
+      setIsLoading(false);
+    };
+    socket.onmessage = (event) => {
+      const data = JSON.parse(event.data);
+      if (data.type === "ready") {
+        setIsTerminalVisible(true);
+      }
+      if (data.type === "output") {
+        if (data.payload) {
+          terminal.write(data.payload);
+        }
+      }
+    };
+    socket.onclose = () => {
+      console.log(`[${namespace}/${podName}]: WebSocket Client Closed`);
+    };
+    socket.onerror = (error2) => {
+      console.error("WebSocket Error:", error2);
+      setError(error2);
+    };
+    return () => {
+      terminal.dispose();
+      if (socket.readyState === WebSocket.OPEN) {
+        socket.close();
+      }
+    };
+  }, [terminal, endpoint, namespace, podName, container]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$3.ShutdownContainer, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        type: "dashed",
+        disabled: !socketRef.current,
+        onClick: () => {
+          setIsTerminalVisible(false);
+          socketRef.current?.send(
+            JSON.stringify({
+              type: "close"
+            })
+          );
+        },
+        children: "Terminate"
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$3.CustomCard, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$3.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef, style: { width: "100%", height: "100%" } }) }) }),
+    isLoading && !error && /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}),
+    error && /* @__PURE__ */ jsxRuntimeExports.jsx(Result, { status: "error", title: "Error", subTitle: JSON.stringify(error) })
+  ] });
+};
+
+const CustomSelect$1 = st.div`
+  .ant-select {
+    width: 200px;
+  }
+`;
+const Styled$2 = {
+  CustomSelect: CustomSelect$1
+};
+
+const PodLogs$1 = ({ cluster, namespace, podName, containers }) => {
+  const [selectValue, setSelectValue] = useState(containers[0] || void 0);
+  const [currentContainer, setCurrentContainer] = useState();
+  const [hash, setHash] = useState(0);
+  const endpoint = `/api/clusters/${cluster}/openapi-bff-ws/terminal/podLogs/podLogs`;
+  if (containers.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "No Running Containers" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 16, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Select,
+        {
+          placeholder: "Select container",
+          options: containers.map((container) => ({ value: container, label: container })),
+          filterOption: filterSelectOptions,
+          disabled: containers.length === 0,
+          showSearch: true,
+          value: selectValue,
+          onChange: (value) => {
+            setHash(hash + 1);
+            setSelectValue(value);
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          type: "primary",
+          onClick: () => {
+            setCurrentContainer(selectValue);
+            setHash(hash + 1);
+          },
+          disabled: !selectValue,
+          children: "Open"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
+    currentContainer && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      XTerminal,
+      {
+        endpoint,
+        namespace,
+        podName,
+        container: currentContainer
+      },
+      `${cluster}-${namespace}-${podName}-${currentContainer}-${hash}`
+    )
+  ] });
+};
+
+const FullWidthDiv = st.div`
+  display: flex;
+  justify-content: center;
+  width: 100%;
+`;
+const CustomCard = st.div`
+  visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
+  max-height: calc(100vh - 158px);
+
+  * {
+    scrollbar-width: thin;
+  }
+`;
+const ShutdownContainer = st.div`
+  margin-top: -40px;
+  display: flex;
+  justify-content: flex-end;
+`;
+const Styled$1 = {
+  FullWidthDiv,
+  CustomCard,
+  ShutdownContainer
+};
+
+const MonacoEditor = ({ endpoint, namespace, podName, container, theme }) => {
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState();
+  const [isTerminalVisible, setIsTerminalVisible] = useState(false);
+  const socketRef = useRef(null);
+  const editorRef = useRef(null);
+  const handleEditorDidMount = (editor) => {
+    editorRef.current = editor;
+  };
+  const appendContent = (newContent) => {
+    if (editorRef.current) {
+      const currentContent = editorRef.current.getValue();
+      editorRef.current.setValue(currentContent + newContent);
+      const model = editorRef.current.getModel();
+      if (model) {
+        const lineCount = model.getLineCount();
+        editorRef.current.revealLine(lineCount);
+      }
+    }
+  };
+  useEffect(() => {
+    const socket = new WebSocket(endpoint);
+    socketRef.current = socket;
+    socket.onopen = () => {
+      socket.send(
+        JSON.stringify({
+          type: "init",
+          payload: { namespace, podName, container }
+        })
+      );
+      console.log(`[${namespace}/${podName}]: WebSocket Client Connected`);
+      setIsLoading(false);
+    };
+    socket.onmessage = (event) => {
+      const data = JSON.parse(event.data);
+      if (data.type === "ready") {
+        setIsTerminalVisible(true);
+      }
+      if (data.type === "output") {
+        if (data.payload) {
+          appendContent(data.payload);
+        }
+      }
+    };
+    socket.onclose = () => {
+      console.log(`[${namespace}/${podName}]: WebSocket Client Closed`);
+    };
+    socket.onerror = (error2) => {
+      console.error("WebSocket Error:", error2);
+      setError(error2);
+    };
+    return () => {
+      if (socket.readyState === WebSocket.OPEN) {
+        socket.close();
+      }
+    };
+  }, [endpoint, namespace, podName, container]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.ShutdownContainer, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        type: "dashed",
+        disabled: !socketRef.current,
+        onClick: () => {
+          setIsTerminalVisible(false);
+          socketRef.current?.send(
+            JSON.stringify({
+              type: "close"
+            })
+          );
+        },
+        children: "Terminate"
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.CustomCard, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Ft,
+      {
+        defaultLanguage: "yaml",
+        width: "100%",
+        height: 464,
+        theme: theme === "dark" ? "vs-dark" : theme === void 0 ? "vs-dark" : "vs",
+        options: {
+          theme: theme === "dark" ? "vs-dark" : theme === void 0 ? "vs-dark" : "vs",
+          readOnly: true
+        },
+        onMount: handleEditorDidMount
+      }
+    ) }) }),
+    isLoading && !error && /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}),
+    error && /* @__PURE__ */ jsxRuntimeExports.jsx(Result, { status: "error", title: "Error", subTitle: JSON.stringify(error) })
+  ] });
+};
+
+const CustomSelect = st.div`
+  .ant-select {
+    width: 200px;
+  }
+`;
+const Styled = {
+  CustomSelect
+};
+
+const PodLogsMonaco = ({ cluster, namespace, podName, containers, theme }) => {
+  const [selectValue, setSelectValue] = useState(containers[0] || void 0);
+  const [currentContainer, setCurrentContainer] = useState();
+  const [hash, setHash] = useState(0);
+  const endpoint = `/api/clusters/${cluster}/openapi-bff-ws/terminal/podLogs/podLogs`;
+  if (containers.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "No Running Containers" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 16, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Select,
+        {
+          placeholder: "Select container",
+          options: containers.map((container) => ({ value: container, label: container })),
+          filterOption: filterSelectOptions,
+          disabled: containers.length === 0,
+          showSearch: true,
+          value: selectValue,
+          onChange: (value) => {
+            setHash(hash + 1);
+            setSelectValue(value);
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          type: "primary",
+          onClick: () => {
+            setCurrentContainer(selectValue);
+            setHash(hash + 1);
+          },
+          disabled: !selectValue,
+          children: "Open"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
+    currentContainer && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      MonacoEditor,
+      {
+        endpoint,
+        namespace,
+        podName,
+        container: currentContainer,
+        theme
+      },
+      `${cluster}-${namespace}-${podName}-${currentContainer}-${hash}`
+    )
+  ] });
+};
+
 const DynamicRendererInner = ({
   items,
   components
@@ -45738,7 +46083,7 @@ const useTheme = () => {
   return useContext(ThemeContext);
 };
 
-const parseMutliqueryText$2 = ({ text, multiQueryData }) => {
+const parseMutliqueryText$3 = ({ text, multiQueryData }) => {
   if (!text) return "";
   return text.replace(/\{reqs\[(\d+)\]\[((?:\s*['"][^'"]+['"]\s*,?)+)\]\}/g, (match, reqIndexStr, rawPath) => {
     try {
@@ -45792,14 +46137,14 @@ const EnrichedTable = ({
     replaceValues
   });
   const fetchUrlPrepared = prepareTemplate({
-    template: parseMutliqueryText$2({ text: fetchUrl, multiQueryData }),
+    template: parseMutliqueryText$3({ text: fetchUrl, multiQueryData }),
     replaceValues
   });
   let labelsSuffix;
   if (labelsSelector) {
     const parsedObject = Object.fromEntries(
       Object.entries(labelsSelector).map(
-        ([key, value]) => [key, prepareTemplate({ template: parseMutliqueryText$2({ text: value, multiQueryData }), replaceValues })]
+        ([key, value]) => [key, prepareTemplate({ template: parseMutliqueryText$3({ text: value, multiQueryData }), replaceValues })]
       )
     );
     const serializedLabels = serializeLabels(parsedObject);
@@ -45812,7 +46157,7 @@ const EnrichedTable = ({
   }
   let fieldSelectorSuffix;
   if (fieldSelector) {
-    const preparedFieldSelectorValueText = parseMutliqueryText$2({ text: fieldSelector?.parsedText, multiQueryData });
+    const preparedFieldSelectorValueText = parseMutliqueryText$3({ text: fieldSelector?.parsedText, multiQueryData });
     const preparedFieldSelectorValueTextWithPartsOfUrl = prepareTemplate({
       template: preparedFieldSelectorValueText,
       replaceValues
@@ -45875,7 +46220,7 @@ const EnrichedTable = ({
   ] });
 };
 
-const parseMutliqueryText$1 = ({ text, multiQueryData }) => {
+const parseMutliqueryText$2 = ({ text, multiQueryData }) => {
   if (!text) return "";
   return text.replace(/\{reqs\[(\d+)\]\[((?:\s*['"][^'"]+['"]\s*,?)+)\]\}/g, (match, reqIndexStr, rawPath) => {
     try {
@@ -45890,7 +46235,7 @@ const parseMutliqueryText$1 = ({ text, multiQueryData }) => {
     }
   });
 };
-const getRunningContainerNames = (pod) => (pod.status?.containerStatuses ?? []).filter((st) => Boolean(st.state?.running)).map((st) => st.name);
+const getRunningContainerNames$1 = (pod) => (pod.status?.containerStatuses ?? []).filter((st) => Boolean(st.state?.running)).map((st) => st.name);
 
 const PodTerminal = ({
   data,
@@ -45912,15 +46257,15 @@ const PodTerminal = ({
     return acc;
   }, {});
   const clusterPrepared = prepareTemplate({
-    template: parseMutliqueryText$1({ text: cluster, multiQueryData }),
+    template: parseMutliqueryText$2({ text: cluster, multiQueryData }),
     replaceValues
   });
   const namespacePrepared = prepareTemplate({
-    template: parseMutliqueryText$1({ text: namespace, multiQueryData }),
+    template: parseMutliqueryText$2({ text: namespace, multiQueryData }),
     replaceValues
   });
   const podNamePrepared = prepareTemplate({
-    template: parseMutliqueryText$1({ text: podName, multiQueryData }),
+    template: parseMutliqueryText$2({ text: podName, multiQueryData }),
     replaceValues
   });
   const {
@@ -45948,7 +46293,7 @@ const PodTerminal = ({
   if (!podInfo) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "No Pod Info" });
   }
-  const containers = getRunningContainerNames(podInfo);
+  const containers = getRunningContainerNames$1(podInfo);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       PodTerminal$1,
@@ -45964,7 +46309,7 @@ const PodTerminal = ({
   ] });
 };
 
-const parseMutliqueryText = ({ text, multiQueryData }) => {
+const parseMutliqueryText$1 = ({ text, multiQueryData }) => {
   if (!text) return "";
   return text.replace(/\{reqs\[(\d+)\]\[((?:\s*['"][^'"]+['"]\s*,?)+)\]\}/g, (match, reqIndexStr, rawPath) => {
     try {
@@ -45999,11 +46344,11 @@ const NodeTerminal = ({
     return acc;
   }, {});
   const clusterPrepared = prepareTemplate({
-    template: parseMutliqueryText({ text: cluster, multiQueryData }),
+    template: parseMutliqueryText$1({ text: cluster, multiQueryData }),
     replaceValues
   });
   const nodeNamePrepared = prepareTemplate({
-    template: parseMutliqueryText({ text: nodeName, multiQueryData }),
+    template: parseMutliqueryText$1({ text: nodeName, multiQueryData }),
     replaceValues
   });
   if (isMultiqueryLoading) {
@@ -46015,6 +46360,97 @@ const NodeTerminal = ({
   ] });
 };
 
+const parseMutliqueryText = ({ text, multiQueryData }) => {
+  if (!text) return "";
+  return text.replace(/\{reqs\[(\d+)\]\[((?:\s*['"][^'"]+['"]\s*,?)+)\]\}/g, (match, reqIndexStr, rawPath) => {
+    try {
+      const reqIndex = parseInt(reqIndexStr, 10);
+      const path = Array.from(rawPath.matchAll(/['"]([^'"]+)['"]/g)).map(
+        (m) => m[1]
+      );
+      const value = _$1.get(multiQueryData[`req${reqIndex}`], path);
+      return value != null ? String(value) : "";
+    } catch {
+      return match;
+    }
+  });
+};
+const getRunningContainerNames = (pod) => (pod.status?.containerStatuses ?? []).filter((st) => Boolean(st.state?.running)).map((st) => st.name);
+
+const PodLogs = ({
+  data,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  children
+}) => {
+  const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
+  const theme = useTheme();
+  const {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    id,
+    cluster,
+    namespace,
+    podName,
+    ...props
+  } = data;
+  const partsOfUrl = usePartsOfUrl();
+  const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+    acc[index.toString()] = value;
+    return acc;
+  }, {});
+  const clusterPrepared = prepareTemplate({
+    template: parseMutliqueryText({ text: cluster, multiQueryData }),
+    replaceValues
+  });
+  const namespacePrepared = prepareTemplate({
+    template: parseMutliqueryText({ text: namespace, multiQueryData }),
+    replaceValues
+  });
+  const podNamePrepared = prepareTemplate({
+    template: parseMutliqueryText({ text: podName, multiQueryData }),
+    replaceValues
+  });
+  const {
+    data: podInfo,
+    isError: isPodInfoError,
+    isLoading: isLoadingPodInfo
+  } = useDirectUnknownResource({
+    uri: `/api/clusters/${clusterPrepared}/k8s/api/v1/namespaces/${namespacePrepared}/pods/${podNamePrepared}`,
+    refetchInterval: 5e3,
+    queryKey: [clusterPrepared || "no-cluster", "pods", podNamePrepared],
+    isEnabled: clusterPrepared !== void 0 && namespacePrepared !== void 0 && podNamePrepared !== void 0
+  });
+  if (isMultiqueryLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
+  }
+  if (isLoadingPodInfo) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
+  }
+  if (isPodInfoError) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      "Error: ",
+      JSON.stringify(isPodInfoError)
+    ] });
+  }
+  if (!podInfo) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "No Pod Info" });
+  }
+  const containers = getRunningContainerNames(podInfo);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      PodLogsMonaco,
+      {
+        cluster: clusterPrepared,
+        namespace: namespacePrepared,
+        podName: podNamePrepared,
+        containers,
+        theme,
+        ...props
+      }
+    ),
+    children
+  ] });
+};
+
 const DynamicComponents = {
   DefaultDiv,
   antdText: AntdText,
@@ -46035,7 +46471,8 @@ const DynamicComponents = {
   SidebarProvider,
   EnrichedTable,
   PodTerminal,
-  NodeTerminal
+  NodeTerminal,
+  PodLogs
 };
 
 const prepareUrlsToFetchForDynamicRenderer = ({
@@ -46537,5 +46974,5 @@ const useCrdData = ({
   });
 };
 
-export { BackToDefaultIcon, BlackholeForm, BlackholeFormDataProvider, ContentCard$1 as ContentCard, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EditIcon, EnrichedTable$1 as EnrichedTable, EnrichedTableProvider, LockedIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard$1 as MarketplaceCard, MinusIcon, NodeTerminal$1 as NodeTerminal, PlusIcon, PodTerminal$1 as PodTerminal, ProjectInfoCard$1 as ProjectInfoCard, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UnlockedIcon, UpIcon, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getObjectFormItemsDraft, getPrefixSubarrays, getStringByName, getSwagger, groupsToTreeData, isFlatObject, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, usePermissions };
+export { BackToDefaultIcon, BlackholeForm, BlackholeFormDataProvider, ContentCard$1 as ContentCard, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EditIcon, EnrichedTable$1 as EnrichedTable, EnrichedTableProvider, LockedIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard$1 as MarketplaceCard, MinusIcon, NodeTerminal$1 as NodeTerminal, PlusIcon, PodLogs$1 as PodLogs, PodLogsMonaco, PodTerminal$1 as PodTerminal, ProjectInfoCard$1 as ProjectInfoCard, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UnlockedIcon, UpIcon, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getObjectFormItemsDraft, getPrefixSubarrays, getStringByName, getSwagger, groupsToTreeData, isFlatObject, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, usePermissions };
 //# sourceMappingURL=openapi-k8s-toolkit.es.js.map