@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.151 → 0.0.1-alpha.152

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

@@ -1,6 +1,6 @@
 import styled, { createGlobalStyle } from 'styled-components';
-import K, { useState, useRef, useLayoutEffect, useEffect, Fragment, createContext, useContext, useMemo, createElement, isValidElement, cloneElement, useCallback, useInsertionEffect, useSyncExternalStore, memo, Suspense } from 'react';
-import { Input, Tree, Modal, Alert, theme, Select, Tag, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Flex, Typography, Card, Row, Col, Tabs, Form, Popover, notification, Dropdown, Table, Slider, InputNumber, Switch, Result, Progress, Checkbox } from 'antd';
+import K, { useState, useRef, useLayoutEffect, useEffect, Fragment, createContext, useContext, useMemo, createElement, isValidElement, cloneElement, useCallback, useInsertionEffect, useSyncExternalStore, memo, Suspense, useReducer } from 'react';
+import { Input, Tree, Modal, Alert, theme, Select, Tag, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Flex, Typography, Card as Card$1, Row, Col, Tabs, Form, Popover, notification, Dropdown, Table, Slider, InputNumber, Switch, Result, Progress, Checkbox, Empty } from 'antd';
 import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, PlusOutlined, ClearOutlined, MinusOutlined, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, EyeOutlined, EyeInvisibleOutlined, SearchOutlined, MoreOutlined, CheckOutlined, CloseOutlined, BugOutlined, EllipsisOutlined } from '@ant-design/icons';
 import { useQuery, useQueries, useQueryClient } from '@tanstack/react-query';
 import { Link, useNavigate, useLocation, useParams, useSearchParams } from 'react-router-dom';
@@ -1574,7 +1574,7 @@ const CustomTreeProvider = styled.div`
     justify-content: center;
   }
 `;
-const Styled$x = {
+const Styled$z = {
   CustomTreeProvider
 };
 
@@ -1639,7 +1639,7 @@ const TreeWithSearch = ({ treeData, onSelect }) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Search$1, { style: { marginBottom: 8 }, placeholder: "Search", onChange }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tree,
       {
         treeData: loop(treeData),
@@ -8168,14 +8168,14 @@ const ContentContainer = styled.div`
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-const Styled$w = {
+const Styled$y = {
   ContentContainer
 };
 
 const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
   const { token } = theme.useToken();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$w.ContentContainer,
+    Styled$y.ContentContainer,
     {
       $flexGrow: flexGrow,
       $bgColor: token.colorBgContainer,
@@ -8236,13 +8236,13 @@ const UncontrolledSelect$1 = styled(Select)`
     padding-inline: 8px;
   }
 `;
-const Styled$v = {
+const Styled$x = {
   UncontrolledSelect: UncontrolledSelect$1
 };
 
 const UncontrolledSelect = (props) => {
   const { isCursorPointer } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
 };
 
 const CustomSelect$5 = styled(Select)`
@@ -8290,13 +8290,13 @@ const CustomSelect$5 = styled(Select)`
     margin-block: 0 !important;
   }
 `;
-const Styled$u = {
+const Styled$w = {
   CustomSelect: CustomSelect$5
 };
 
 const CustomSelect$4 = (props) => {
   const { paddingContainerEnd, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
 };
 
 const CursorPointerTag = styled(Tag)`
@@ -8419,7 +8419,7 @@ const NoWrapContainer = styled.div`
     flex-wrap: nowrap !important;
   }
 `;
-const Styled$t = {
+const Styled$v = {
   PositionRelativeContainer,
   FullWidthContainer,
   NoWrapContainer
@@ -8462,9 +8462,9 @@ const CollapsibleBreadcrumb = ({ items }) => {
     };
     return [firstItem, ellipsisItem, lastItem];
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$t.PositionRelativeContainer, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$v.PositionRelativeContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
   ] });
 };
 
@@ -8472,12 +8472,12 @@ const HeightDiv = styled.div`
   min-height: 22px;
   width: 100%;
 `;
-const Styled$s = {
+const Styled$u = {
   HeightDiv
 };
 
 const ManageableBreadcrumbs = ({ data }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
 };
 const ManageableBreadcrumbsWithDataProvider = ({
   uri,
@@ -8501,7 +8501,7 @@ const ManageableBreadcrumbsWithDataProvider = ({
     return null;
   }
   if (rawDataLoading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
   }
   if (!rawData) {
     return null;
@@ -8516,7 +8516,7 @@ const ManageableBreadcrumbsWithDataProvider = ({
     idToCompare
   });
   if (!result) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.HeightDiv, {});
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.HeightDiv, {});
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result });
 };
@@ -8638,7 +8638,7 @@ const CustomMenu = styled(Menu)`
     margin: 0 !important;
   }
 `;
-const Styled$r = {
+const Styled$t = {
   CustomMenu
 };
 
@@ -8665,7 +8665,7 @@ const ManageableSidebar = ({ data, noMarginTop }) => {
     setSelectedKeys(data.selectedKeys);
   }, [data.selectedKeys]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$r.CustomMenu,
+    Styled$t.CustomMenu,
     {
       selectedKeys,
       onSelect: () => {
@@ -32752,7 +32752,7 @@ const ShortenedText = styled.div`
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
-const Styled$q = {
+const Styled$s = {
   ShortenedText
 };
 
@@ -32761,7 +32761,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$q.ShortenedText, { $maxWidth: maxWidth, children: text }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.ShortenedText, { $maxWidth: maxWidth, children: text }) });
 };
 
 const FilterDropdown = ({
@@ -33168,7 +33168,7 @@ const AntdCard = ({
   children
 }) => {
   const { id, ...cardProps } = data;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { ...cardProps, children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Card$1, { ...cardProps, children });
 };
 
 const AntdFlex = ({
@@ -33379,7 +33379,7 @@ const getResult = ({
   return { type: "warning", text: fallbackText };
 };
 
-const StatusText = ({
+const StatusText$1 = ({
   data,
   children
 }) => {
@@ -34038,7 +34038,7 @@ const YamlEditorSingleton$1 = ({
 const VisibilityContainer$2 = styled.div`
   display: ${({ $hidden }) => $hidden ? "none" : "block"};
 `;
-const Styled$p = {
+const Styled$r = {
   VisibilityContainer: VisibilityContainer$2
 };
 
@@ -34061,7 +34061,7 @@ const VisibilityContainer$1 = ({
   if (isMultiqueryLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.VisibilityContainer, { $hidden: valuePrepared === "~undefined-value~", children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.VisibilityContainer, { $hidden: valuePrepared === "~undefined-value~", children });
 };
 
 const unknownToString = (value) => {
@@ -34326,7 +34326,7 @@ const Content$1 = styled.div`
   display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-const Styled$o = {
+const Styled$q = {
   Container: Container$2,
   TitleBar,
   Content: Content$1
@@ -34353,14 +34353,14 @@ const CustomCollapse = ({
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Styled$o.Container,
+    Styled$q.Container,
     {
       $designNewLayout: designNewLayout,
       $borderColor: token.colorBorder,
       $bgColor: token.colorBgContainer,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$o.TitleBar, { onClick: () => toggleCollapse(), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$q.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, {}) })
@@ -34371,7 +34371,7 @@ const CustomCollapse = ({
             persistedCheckbox
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
       ]
     }
   );
@@ -34405,13 +34405,13 @@ const CustomSizeTitle = styled.div`
 const Content = styled.div`
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-const Styled$n = {
+const Styled$p = {
   Content
 };
 
 const ArrayInsideContainer = ({ children }) => {
   const designNewLayout = useDesignNewLayout();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.Content, { $designNewLayout: designNewLayout, children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.Content, { $designNewLayout: designNewLayout, children });
 };
 
 const includesPath = (haystack, needle) => haystack.some((h) => h.length === needle.length && h.every((seg, i) => seg === String(needle[i])));
@@ -34968,7 +34968,7 @@ const LabelsToSearchParams = ({ data, children }) => {
 const ResetedFormList$3 = styled(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled$m = {
+const Styled$o = {
   ResetedFormList: ResetedFormList$3
 };
 
@@ -35053,7 +35053,7 @@ const EditModal$2 = ({
             /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[3], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}) })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.ResetedFormList, { name: "taints", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.ResetedFormList, { name: "taints", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { gutter: [16, 16], children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ResetedFormItem$1,
@@ -35293,7 +35293,7 @@ const Taints = ({ data, children }) => {
 const ResetedFormList$2 = styled(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled$l = {
+const Styled$n = {
   ResetedFormList: ResetedFormList$2
 };
 
@@ -35388,7 +35388,7 @@ const EditModal$1 = ({
             /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[4], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}) })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$l.ResetedFormList, { name: "tolerations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.ResetedFormList, { name: "tolerations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { gutter: [16, 16], children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ResetedFormItem$1,
@@ -35665,7 +35665,7 @@ const Tolerations = ({
 const ResetedFormList$1 = styled(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled$k = {
+const Styled$m = {
   ResetedFormList: ResetedFormList$1
 };
 
@@ -35755,7 +35755,7 @@ const EditModal = ({
             /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[2], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}) })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.ResetedFormList, { name: "annotations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.ResetedFormList, { name: "annotations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { gutter: [16, 16], children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ResetedFormItem$1,
@@ -36829,7 +36829,7 @@ const NotificationOverrides = createGlobalStyle`
     margin-bottom: 0 !important;
   }
 `;
-const Styled$j = {
+const Styled$l = {
   NoSelect,
   DisabledInput,
   NotificationOverrides
@@ -36895,10 +36895,10 @@ const SecretBase64Plain = ({ data }) => {
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.NotificationOverrides, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$l.NotificationOverrides, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 8, ...flexProps, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.NoSelect, { style: inputContainerStyle, children: niceLooking ? /* @__PURE__ */ jsxRuntimeExports.jsx(te$1, { theme, hidden, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$j.DisabledInput,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$l.NoSelect, { style: inputContainerStyle, children: niceLooking ? /* @__PURE__ */ jsxRuntimeExports.jsx(te$1, { theme, hidden, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Styled$l.DisabledInput,
         {
           $hidden: hidden,
           ref: inputRef,
@@ -36913,7 +36913,7 @@ const SecretBase64Plain = ({ data }) => {
           value: decodedText
         }
       ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$j.DisabledInput,
+        Styled$l.DisabledInput,
         {
           $hidden: hidden,
           ref: inputRef,
@@ -36971,7 +36971,7 @@ const RoundSpan = styled.span`
   letter-spacing: 0.02em;
   box-sizing: content-box;
 `;
-const Styled$i = {
+const Styled$k = {
   RoundSpan
 };
 
@@ -37010,7 +37010,108 @@ const ResourceBadge = ({ data }) => {
     multiQueryData
   }) : getUppercase(parsedValue);
   const bgColor = hslFromString(parsedValue, theme);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.RoundSpan, { $bgColor: bgColor, style, children: parsedAbbreviation });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.RoundSpan, { $bgColor: bgColor, style, children: parsedAbbreviation });
+};
+
+const serializeLabelsWithNoEncoding = (input) => {
+  if (typeof input !== "object" || input === null || Array.isArray(input) || Object.getPrototypeOf(input) !== Object.prototype) {
+    return "Expected a plain object";
+  }
+  const entries = Object.entries(input);
+  if (!entries.map(([, v]) => v).every((v) => typeof v === "string" || typeof v === "number")) {
+    return "All values must be string or number";
+  }
+  return entries.map(([k, v]) => `${k}=${v}`).join(",");
+};
+
+const Events$1 = ({
+  data,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  children
+}) => {
+  const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
+  const {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    id,
+    baseprefix,
+    clusterNamePartOfUrl,
+    wsUrl,
+    pageSize,
+    substractHeight,
+    limit,
+    labelsSelector,
+    labelsSelectorFull,
+    fieldSelector,
+    baseFactoryNamespacedAPIKey,
+    baseFactoryClusterSceopedAPIKey,
+    baseFactoryNamespacedBuiltinKey,
+    baseFactoryClusterSceopedBuiltinKey,
+    baseNamespaceFactoryKey,
+    ...props
+  } = data;
+  const theme = useTheme();
+  const partsOfUrl = usePartsOfUrl();
+  const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+    acc[index.toString()] = value;
+    return acc;
+  }, {});
+  const clusterName = prepareTemplate({
+    template: clusterNamePartOfUrl,
+    replaceValues
+  });
+  const wsUrlPrepared = parseAll({ text: wsUrl, replaceValues, multiQueryData });
+  const params = new URLSearchParams();
+  if (limit) {
+    params.set("limit", limit.toString());
+  }
+  if (labelsSelector && Object.keys(labelsSelector).length > 0) {
+    const parsedObject = Object.fromEntries(
+      Object.entries(labelsSelector).map(
+        ([k, v]) => [k, parseAll({ text: v, replaceValues, multiQueryData })]
+      )
+    );
+    const serializedLabels = serializeLabelsWithNoEncoding(parsedObject);
+    if (serializedLabels.length > 0) params.set("labelSelector", serializedLabels);
+  }
+  if (labelsSelectorFull) {
+    const root = multiQueryData[`req${labelsSelectorFull.reqIndex}`];
+    const value = Array.isArray(labelsSelectorFull.pathToLabels) ? _$1.get(root, labelsSelectorFull.pathToLabels) : jp.query(root, `$${labelsSelectorFull.pathToLabels}`)[0];
+    const serializedLabels = serializeLabelsWithNoEncoding(value);
+    if (serializedLabels.length > 0) params.set("labelSelector", serializedLabels);
+  }
+  if (fieldSelector) {
+    const preparedFieldSelectorValueText = parseAll({ text: fieldSelector?.parsedText, replaceValues, multiQueryData });
+    const preparedFieldSelectorValueTextWithPartsOfUrl = prepareTemplate({
+      template: preparedFieldSelectorValueText,
+      replaceValues
+    });
+    params.set("fieldSelector", `${fieldSelector.fieldName}=${preparedFieldSelectorValueTextWithPartsOfUrl}`);
+  }
+  const searchParams = params.toString();
+  const wsUrlWithParams = `${wsUrlPrepared}${searchParams ? `?${searchParams}` : ""}`;
+  if (isMultiqueryLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Events,
+      {
+        theme,
+        baseprefix,
+        cluster: clusterName,
+        wsUrl: wsUrlWithParams,
+        pageSize,
+        substractHeight: substractHeight || 340,
+        baseFactoryNamespacedAPIKey,
+        baseFactoryClusterSceopedAPIKey,
+        baseFactoryNamespacedBuiltinKey,
+        baseFactoryClusterSceopedBuiltinKey,
+        baseNamespaceFactoryKey,
+        ...props
+      }
+    ),
+    children
+  ] });
 };
 
 const DynamicComponents = {
@@ -37030,7 +37131,7 @@ const DynamicComponents = {
   MarketplaceCard: MarketplaceCard$1,
   ContentCard,
   Spacer,
-  StatusText,
+  StatusText: StatusText$1,
   SidebarProvider,
   EnrichedTable: EnrichedTable$1,
   PodTerminal: PodTerminal$1,
@@ -37048,7 +37149,8 @@ const DynamicComponents = {
   Annotations,
   ConverterBytes,
   SecretBase64Plain,
-  ResourceBadge
+  ResourceBadge,
+  Events: Events$1
 };
 
 const prepareUrlsToFetchForDynamicRenderer = ({
@@ -45783,7 +45885,7 @@ const BorderRadiusContainer$1 = styled.div`
     border-radius: 8px;
   }
 `;
-const Styled$h = {
+const Styled$j = {
   BorderRadiusContainer: BorderRadiusContainer$1
 };
 
@@ -45823,7 +45925,7 @@ const YamlEditor = ({ theme: theme$1, currentValues, onChange, editorUri }) => {
       }
     }
   }, [yamlData, editorUri]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$h.BorderRadiusContainer, { $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.BorderRadiusContainer, { $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Ft,
     {
       language: "yaml",
@@ -45903,7 +46005,7 @@ const BigText$1 = styled.div`
   font-size: 16px;
   line-height: 24px;
 `;
-const Styled$g = {
+const Styled$i = {
   BorderRadiusContainer,
   ControlsRowContainer: ControlsRowContainer$1,
   BigText: BigText$1
@@ -45982,7 +46084,7 @@ const YamlEditorSingleton = ({
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     contextHolder,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Ft,
       {
         defaultLanguage: "yaml",
@@ -45998,7 +46100,7 @@ const YamlEditorSingleton = ({
         }
       }
     ) }),
-    /* @__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(Styled$i.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" })
     ] }) }),
@@ -46008,7 +46110,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$g.BigText, { children: "Error!" }) }),
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.BigText, { children: "Error!" }) }),
         cancelButtonProps: { style: { display: "none" } },
         children: [
           "An error has occurred: ",
@@ -46706,7 +46808,7 @@ const CrossContainer = styled.div`
   cursor: pointer;
   padding-top: 11px;
 `;
-const Styled$f = {
+const Styled$h = {
   SwitchAndCrossContainer,
   CrossContainer
 };
@@ -46731,7 +46833,7 @@ const FormBooleanInput = ({
         onRemoveByMinus && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", type: "text", onClick: onRemoveByMinus, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MinusIcon, {}) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$f.SwitchAndCrossContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$h.SwitchAndCrossContainer, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ResetedFormItem$1,
         {
@@ -46741,7 +46843,7 @@ const FormBooleanInput = ({
         arrKey !== void 0 ? arrKey : Array.isArray(name) ? name.slice(-1)[0] : name
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$f.CrossContainer,
+        Styled$h.CrossContainer,
         {
           onClick: () => {
             if (makeValueUndefined) {
@@ -46940,7 +47042,7 @@ const Container$1 = styled.div`
     border-radius: 8px;
   }
 `;
-const Styled$e = {
+const Styled$g = {
   Container: Container$1
 };
 
@@ -46994,7 +47096,7 @@ const FormInlineYamlEditor = ({ path, persistedControls, externalValue }) => {
       }
     }
   }, [yamlText, modelUri]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$e.Container, { $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.Container, { $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Ft,
     {
       language: "yaml",
@@ -47129,7 +47231,7 @@ const BigText = styled.div`
   font-size: 16px;
   line-height: 24px;
 `;
-const Styled$d = {
+const Styled$f = {
   ResetedFormList,
   Container,
   OverflowContainer: OverflowContainer$1,
@@ -47377,7 +47479,7 @@ const getArrayFormItemFromSwagger = ({
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$d.ResetedFormList,
+        Styled$f.ResetedFormList,
         {
           name: arrName || name,
           rules: !forceNonRequired && required?.includes(getStringByName(name)) ? [
@@ -48758,8 +48860,8 @@ const BlackholeForm = ({
     setPersistedKeys([...persistedKeys.filter((arr) => JSON.stringify(arr) !== JSON.stringify(value))]);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$d.Container, { $designNewLayout: designNewLayout, $designNewLayoutHeight: designNewLayoutHeight, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.OverflowContainer, { ref: overflowRef, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$f.Container, { $designNewLayout: designNewLayout, $designNewLayoutHeight: designNewLayoutHeight, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$f.OverflowContainer, { ref: overflowRef, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         Form,
         {
           form,
@@ -48812,7 +48914,7 @@ const BlackholeForm = ({
       ) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(FlexGrow, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$f.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, {}) }),
@@ -48824,7 +48926,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$d.BigText, { children: "Error!" }) }),
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$f.BigText, { children: "Error!" }) }),
         cancelButtonProps: { style: { display: "none" } },
         children: [
           "An error has occurred: ",
@@ -48840,7 +48942,7 @@ const BlackholeForm = ({
         onCancel: () => setIsDebugModalOpen(false),
         title: "Debug for properties",
         width: "90vw",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.DebugContainer, { $designNewLayoutHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$f.DebugContainer, { $designNewLayoutHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Editor,
           {
             defaultLanguage: "json",
@@ -48974,7 +49076,7 @@ const BlackholeFormDataProvider = ({
   );
 };
 
-const CustomCard$5 = styled(Card)`
+const CustomCard$5 = styled(Card$1)`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -48994,12 +49096,12 @@ const CustomCard$5 = styled(Card)`
     padding: 8px;
   }
 `;
-const Styled$c = {
+const Styled$e = {
   CustomCard: CustomCard$5
 };
 
 const AddCard = ({ onAddClick }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$c.CustomCard, { onClick: onAddClick, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusOutlined, {}) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$e.CustomCard, { onClick: onAddClick, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusOutlined, {}) });
 };
 
 const byteToHex = [];
@@ -49232,7 +49334,7 @@ const getListPath = ({
   return `/api/clusters/${clusterName}/k8s/api/v1${namespace ? `/namespaces/${namespace}` : ""}/${typeName}`;
 };
 
-const CustomCard$4 = styled(Card)`
+const CustomCard$4 = styled(Card$1)`
   position: relative;
   width: 238px;
   overflow-x: auto;
@@ -49303,7 +49405,7 @@ const EditButtonContainer = styled.div`
   bottom: 6px;
   right: 6px;
 `;
-const Styled$b = {
+const Styled$d = {
   CustomCard: CustomCard$4,
   ImageContainer,
   OverflowContainer,
@@ -49381,14 +49483,14 @@ const MarketplaceCard = ({
     return null;
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$b.CustomCard,
+    Styled$d.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$b.ImageContainer, { dangerouslySetInnerHTML: { __html: decodedIcon } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.ImageContainer, { dangerouslySetInnerHTML: { __html: decodedIcon } }),
           isEditMode && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
@@ -49409,8 +49511,8 @@ const MarketplaceCard = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$b.OverflowContainer, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$b.TitleContainer, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$d.OverflowContainer, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$d.TitleContainer, { children: [
             name,
             " ",
             addedMode && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
@@ -49418,10 +49520,10 @@ const MarketplaceCard = ({
               k8sList?.items?.length
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$b.TagsContainer, { children: tags.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$b.CustomTag, { children: tag }, tag)) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$b.DescriptionContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", children: description }) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.TagsContainer, { children: tags.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.CustomTag, { children: tag }, tag)) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.DescriptionContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", children: description }) })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$b.EditButtonContainer, { children: isEditMode && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.EditButtonContainer, { children: isEditMode && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             onClick: (e) => {
@@ -49479,7 +49581,7 @@ const BigValue = styled.div`
   line-clamp: 1;
   word-break: break-all;
 `;
-const Styled$a = {
+const Styled$c = {
   BigValue
 };
 
@@ -49589,7 +49691,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$a.BigValue, { children: "Marketplace" }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$c.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 }),
@@ -49795,7 +49897,7 @@ styled.div`
   line-clamp: 1;
   word-break: break-all;
 `;
-const Styled$9 = {
+const Styled$b = {
   ActionMenuPlaceholder};
 
 const ProjectInfoCard = ({
@@ -49872,7 +49974,7 @@ const ProjectInfoCard = ({
             } : void 0,
             onUpdate: updatePermission.data?.status.allowed ? openUpdate : void 0
           }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.ActionMenuPlaceholder, {}) }),
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$b.ActionMenuPlaceholder, {}) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownAccessGroups, { accessGroups })
       ] }) })
     ] }),
@@ -49959,7 +50061,7 @@ const FullWidthDiv$3 = styled.div`
   width: 100%;
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 `;
-const Styled$8 = {
+const Styled$a = {
   FullWidthDiv: FullWidthDiv$3,
   CustomCard: CustomCard$3
 };
@@ -50044,7 +50146,7 @@ const XTerminal$2 = ({ endpoint, namespace, podName, container, substractHeight
     };
   }, [terminal, endpoint, namespace, podName, container]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$8.CustomCard, { $isVisible: !isLoading && !error, $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$8.FullWidthDiv, { $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef, style: { width: "100%", height: "100%" } }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$a.CustomCard, { $isVisible: !isLoading && !error, $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$a.FullWidthDiv, { $substractHeight: substractHeight, 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) })
   ] });
@@ -50055,7 +50157,7 @@ const CustomSelect$3 = styled.div`
     width: 200px;
   }
 `;
-const Styled$7 = {
+const Styled$9 = {
   CustomSelect: CustomSelect$3
 };
 
@@ -50066,7 +50168,7 @@ const PodTerminal = ({ cluster, namespace, podName, containers, substractHeight
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "No Running Containers" });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Select,
       {
         placeholder: "Select container",
@@ -50118,7 +50220,7 @@ const ProgressContainer = styled.div`
   align-items: center;
   gap: 8px;
 `;
-const Styled$6 = {
+const Styled$8 = {
   FullWidthDiv: FullWidthDiv$2,
   CustomCard: CustomCard$2,
   ProgressContainer
@@ -50250,8 +50352,8 @@ const XTerminal$1 = ({ endpoint, nodeName, profile, substractHeight }) => {
     };
   }, [terminal, endpoint, nodeName, profile]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$6.CustomCard, { $isVisible: isTerminalVisible, $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$6.FullWidthDiv, { $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef, style: { width: "100%", height: "100%" } }) }) }),
-    !isTerminalVisible && !error && isWarmingUp && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$6.ProgressContainer, { $substractHeight: substractHeight, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$8.CustomCard, { $isVisible: isTerminalVisible, $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$8.FullWidthDiv, { $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef, style: { width: "100%", height: "100%" } }) }) }),
+    !isTerminalVisible && !error && isWarmingUp && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$8.ProgressContainer, { $substractHeight: substractHeight, children: [
       isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}),
       !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(Progress, { type: "circle", percent: progressPercent }),
       warmupMessage && /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography.Text, { children: [
@@ -50272,7 +50374,7 @@ const CustomSelect$2 = styled.div`
     width: 200px;
   }
 `;
-const Styled$5 = {
+const Styled$7 = {
   CustomSelect: CustomSelect$2
 };
 
@@ -50281,7 +50383,7 @@ const NodeTerminal = ({ cluster, nodeName, substractHeight, defaultProfile }) =>
   const endpoint = `/api/clusters/${cluster}/openapi-bff-ws/terminal/terminalNode/terminalNode`;
   const profiles = ["legacy", "general", "baseline", "netadmin", "restricted", "sysadmin"];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Select,
       {
         placeholder: "Select profile",
@@ -50320,7 +50422,7 @@ const FullWidthDiv$1 = styled.div`
   width: 100%;
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 `;
-const Styled$4 = {
+const Styled$6 = {
   FullWidthDiv: FullWidthDiv$1,
   CustomCard: CustomCard$1
 };
@@ -50401,7 +50503,7 @@ const XTerminal = ({ endpoint, namespace, podName, container, substractHeight })
     };
   }, [terminal, endpoint, namespace, podName, container]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$4.CustomCard, { $isVisible: isTerminalVisible, $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$4.FullWidthDiv, { $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef, style: { width: "100%", height: "100%" } }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$6.CustomCard, { $isVisible: isTerminalVisible, $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$6.FullWidthDiv, { $substractHeight: substractHeight, 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) })
   ] });
@@ -50412,7 +50514,7 @@ const CustomSelect$1 = styled.div`
     width: 200px;
   }
 `;
-const Styled$3 = {
+const Styled$5 = {
   CustomSelect: CustomSelect$1
 };
 
@@ -50423,7 +50525,7 @@ const PodLogs = ({ cluster, namespace, podName, containers, substractHeight }) =
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "No Running Containers" });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$3.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Select,
       {
         placeholder: "Select container",
@@ -50469,15 +50571,15 @@ const VisibilityContainer = styled.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   margin-top: -51px;
 `;
-const CursorPointerDiv = styled.div`
+const CursorPointerDiv$1 = styled.div`
   cursor: pointer;
   user-select: none;
 `;
-const Styled$2 = {
+const Styled$4 = {
   FullWidthDiv,
   CustomCard,
   VisibilityContainer,
-  CursorPointerDiv
+  CursorPointerDiv: CursorPointerDiv$1
 };
 
 const MonacoEditor = ({
@@ -50552,9 +50654,9 @@ const MonacoEditor = ({
     };
   }, [endpoint, namespace, podName, container, previous, editorReady]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.VisibilityContainer, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "start", align: "center", gap: 16, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$4.VisibilityContainer, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "start", align: "center", gap: 16, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$2.CursorPointerDiv,
+        Styled$4.CursorPointerDiv,
         {
           onClick: () => {
             if (isPaused) {
@@ -50579,7 +50681,7 @@ const MonacoEditor = ({
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: isPaused ? "Not streaming events" : "Streaming events" })
     ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 16, $samespace: true }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.CustomCard, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$4.CustomCard, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$4.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Ft,
       {
         defaultLanguage: "plaintext",
@@ -50610,7 +50712,7 @@ const CustomSelect = styled.div`
     width: 200px;
   }
 `;
-const Styled$1 = {
+const Styled$3 = {
   TopRowContent,
   CustomSelect
 };
@@ -50656,8 +50758,8 @@ const PodLogsMonaco = ({
     }
   ];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.TopRowContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 16, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$3.TopRowContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 16, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$3.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Select,
         {
           placeholder: "Select container",
@@ -50672,7 +50774,7 @@ const PodLogsMonaco = ({
           }
         }
       ) }),
-      currentContainer && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      currentContainer && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$3.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Select,
         {
           placeholder: "Select current/previous",
@@ -50812,7 +50914,7 @@ const CustomTag = styled(Tag)`
   /* stylelint-disable declaration-no-important */
   margin-inline-end: 0 !important;
 `;
-const Abbr = styled.span`
+const Abbr$1 = styled.span`
   background-color: ${({ $bgColor }) => $bgColor};
   border-radius: 13px;
   padding: 1px 5px;
@@ -50824,7 +50926,7 @@ const ClearButtonHolder = styled.div`
   display: flex;
   justify-content: flex-end;
 `;
-const Styled = {
+const Styled$2 = {
   SelectTag,
   SelectTagSpan,
   MaxTagPlacheolder,
@@ -50845,7 +50947,7 @@ const Styled = {
   BottomTagsRowText,
   BottomTagsHolder,
   CustomTag,
-  Abbr,
+  Abbr: Abbr$1,
   ClearButtonHolder
 };
 
@@ -50863,17 +50965,17 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
     const bgColor = kind && kind.length ? hslFromString(kind, theme$1) : "";
     return {
       label: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 8, align: "center", children: [
-        bgColor.length && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.Abbr, { $bgColor: bgColor, children: abbr }),
+        bgColor.length && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.Abbr, { $bgColor: bgColor, children: abbr }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 2, vertical: true, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.OptionLabelKind, { children: kind }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.OptionLabelVersion, { children: version.groupVersion })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.OptionLabelKind, { children: kind }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.OptionLabelVersion, { children: version.groupVersion })
         ] })
       ] }),
       value: `${group}~${version.version}~${version.resource}`
     };
   }) || [];
   const tagRender = ({ label, closable, onClose }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled.SelectTag,
+    Styled$2.SelectTag,
     {
       onMouseDown: (e) => {
         e.preventDefault();
@@ -50881,15 +50983,15 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
       },
       closable,
       onClose,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.SelectTagSpan, { children: label })
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.SelectTagSpan, { children: label })
     }
   );
   const maxTagPlaceholder = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
     "Kinds",
     " ",
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.MaxTagPlacheolderLength, { $colorBorder: token.colorBorder, children: watchedKinds?.length ? watchedKinds.length : "0" })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.MaxTagPlacheolderLength, { $colorBorder: token.colorBorder, children: watchedKinds?.length ? watchedKinds.length : "0" })
   ] });
-  const maxTagTagRender = ({ label }) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.MaxTagPlacheolder, { children: label });
+  const maxTagTagRender = ({ label }) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.MaxTagPlacheolder, { children: label });
   const getKindByGvr = kindByGvr(kindsWithVersion);
   const removeKind = (value) => {
     const cur = form.getFieldValue(FIELD_NAME) || [];
@@ -50915,7 +51017,7 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
     ] });
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Styled.BackgroundContainer,
+    Styled$2.BackgroundContainer,
     {
       $colorBorder: token.colorBorder,
       $colorBgLayout: token.colorBgLayout,
@@ -50923,8 +51025,8 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
         watchedKinds && watchedKinds.length || watchedName && watchedName.length || watchedLabels && watchedLabels.length || watchedFields && watchedFields.length
       ),
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Form, { form, layout: "vertical", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.FormContainer, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.ResetedFormItem, { name: FIELD_NAME, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Form, { form, layout: "vertical", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$2.FormContainer, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.ResetedFormItem, { name: FIELD_NAME, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             Select,
             {
               mode: "multiple",
@@ -50940,7 +51042,7 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
               optionRender: kindOptionRender
             }
           ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.ResetedFormItem, { name: TYPE_SELECTOR, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.ResetedFormItem, { name: TYPE_SELECTOR, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             Select,
             {
               placeholder: "Select",
@@ -50954,13 +51056,13 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
               showSearch: true
             }
           ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.HideableContainer, { $isHidden: watchedTypedSelector === "labels" || watchedTypedSelector === "fields", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.ResetedFormItem, { name: FIELD_NAME_STRING, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { allowClear: true, placeholder: "Name", disabled: !watchedKinds || !watchedKinds.length }) }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.HideableContainer, { $isHidden: watchedTypedSelector === "labels" || watchedTypedSelector === "fields", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.ResetedFormItem, { name: FIELD_NAME_STRING, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { allowClear: true, placeholder: "Name", disabled: !watchedKinds || !watchedKinds.length }) }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Styled.HideableContainer,
+            Styled$2.HideableContainer,
             {
               $isHidden: watchedTypedSelector === "name" || watchedTypedSelector === "fields" || watchedTypedSelector === void 0,
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Styled.ResetedFormItem,
+                Styled$2.ResetedFormItem,
                 {
                   name: FIELD_NAME_LABELS,
                   validateTrigger: "onBlur",
@@ -51000,11 +51102,11 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Styled.HideableContainer,
+            Styled$2.HideableContainer,
             {
               $isHidden: watchedTypedSelector === "name" || watchedTypedSelector === "labels" || watchedTypedSelector === void 0,
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Styled.ResetedFormItem,
+                Styled$2.ResetedFormItem,
                 {
                   name: FIELD_NAME_FIELDS,
                   validateTrigger: "onBlur",
@@ -51044,16 +51146,16 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
             }
           )
         ] }) }),
-        watchedKinds && watchedKinds.length || watchedName && watchedName.length || watchedLabels && watchedLabels.length || watchedFields && watchedFields.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.BottomTagsContainer, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.OptionsFlex, { children: [
-            watchedKinds && watchedKinds.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.BottomTagsRow, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.BottomTagsRowText, { $colorDescription: token.colorTextDescription, children: "Kinds:" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.BottomTagsHolder, { children: watchedKinds.map((fullKindName) => {
+        watchedKinds && watchedKinds.length || watchedName && watchedName.length || watchedLabels && watchedLabels.length || watchedFields && watchedFields.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$2.BottomTagsContainer, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$2.OptionsFlex, { children: [
+            watchedKinds && watchedKinds.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$2.BottomTagsRow, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.BottomTagsRowText, { $colorDescription: token.colorTextDescription, children: "Kinds:" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.BottomTagsHolder, { children: watchedKinds.map((fullKindName) => {
                 const kind = getKindByGvr(fullKindName);
                 const abbr = getUppercase(kind && kind.length ? kind : "Loading");
                 const bgColor = kind && kind.length ? hslFromString(kind, theme$1) : "";
                 return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  Styled.CustomTag,
+                  Styled$2.CustomTag,
                   {
                     onClose: (e) => {
                       e.preventDefault();
@@ -51061,7 +51163,7 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
                     },
                     closable: true,
                     children: [
-                      kind && kind.length && bgColor.length && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.Abbr, { $bgColor: bgColor, children: abbr }),
+                      kind && kind.length && bgColor.length && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.Abbr, { $bgColor: bgColor, children: abbr }),
                       kind
                     ]
                   },
@@ -51069,10 +51171,10 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
                 );
               }) })
             ] }),
-            watchedName && watchedName.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.BottomTagsRow, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.BottomTagsRowText, { $colorDescription: token.colorTextDescription, children: "Name:" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.BottomTagsHolder, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Styled.CustomTag,
+            watchedName && watchedName.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$2.BottomTagsRow, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.BottomTagsRowText, { $colorDescription: token.colorTextDescription, children: "Name:" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.BottomTagsHolder, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Styled$2.CustomTag,
                 {
                   onClose: (e) => {
                     e.preventDefault();
@@ -51083,10 +51185,10 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
                 }
               ) })
             ] }),
-            watchedLabels && watchedLabels.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.BottomTagsRow, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.BottomTagsRowText, { $colorDescription: token.colorTextDescription, children: "Labels:" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.BottomTagsHolder, { children: watchedLabels.map((label) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Styled.CustomTag,
+            watchedLabels && watchedLabels.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$2.BottomTagsRow, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.BottomTagsRowText, { $colorDescription: token.colorTextDescription, children: "Labels:" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.BottomTagsHolder, { children: watchedLabels.map((label) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Styled$2.CustomTag,
                 {
                   onClose: (e) => {
                     e.preventDefault();
@@ -51098,10 +51200,10 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
                 label
               )) })
             ] }),
-            watchedFields && watchedFields.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.BottomTagsRow, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.BottomTagsRowText, { $colorDescription: token.colorTextDescription, children: "Fields:" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.BottomTagsHolder, { children: watchedFields.map((field) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Styled.CustomTag,
+            watchedFields && watchedFields.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$2.BottomTagsRow, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.BottomTagsRowText, { $colorDescription: token.colorTextDescription, children: "Fields:" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.BottomTagsHolder, { children: watchedFields.map((field) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Styled$2.CustomTag,
                 {
                   onClose: (e) => {
                     e.preventDefault();
@@ -51114,7 +51216,7 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
               )) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.ClearButtonHolder, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.ClearButtonHolder, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             Button,
             {
               type: "primary",
@@ -51138,6 +51240,731 @@ const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
   );
 };
 
+const getKinds = async ({ clusterName }) => {
+  const result = await axios.get(`/api/clusters/${clusterName}/openapi-bff/search/kinds/getKinds`);
+  return result.data;
+};
+
+const parseK8sVersion$1 = (raw) => {
+  const m = /^v(?<major>\d+)(?:(?<stage>alpha|beta)(?<stageNum>\d+)?)?$/i.exec(raw ?? "");
+  if (!m?.groups) return { rank: 0, major: -1, stageNum: -1 };
+  const stage = (m.groups.stage ?? "").toLowerCase();
+  const major = Number(m.groups.major);
+  const stageNum = m.groups.stageNum ? Number(m.groups.stageNum) : 0;
+  const rank = stage === "" ? 3 : stage === "beta" ? 2 : 1;
+  return { rank, major, stageNum };
+};
+const versionToken$1 = (e) => e.version || (e.groupVersion?.split("/").pop() ?? "");
+const compareK8sVersionDesc$1 = (a, b) => {
+  const pa = parseK8sVersion$1(versionToken$1(a));
+  const pb = parseK8sVersion$1(versionToken$1(b));
+  return pb.rank - pa.rank || pb.major - pa.major || pb.stageNum - pa.stageNum;
+};
+const orderVersions = (versions) => {
+  const preferredIdx = versions.findIndex((v) => v.preferred === true);
+  if (preferredIdx >= 0) {
+    const preferred = versions[preferredIdx];
+    const rest = versions.filter((_, i) => i !== preferredIdx).slice().sort(compareK8sVersionDesc$1);
+    return [preferred, ...rest];
+  }
+  return versions.slice().sort(compareK8sVersionDesc$1);
+};
+const getSortedKindsAll = (index) => {
+  const counts = index.items.reduce(
+    (acc, item) => ({ ...acc, [item.kind]: (acc[item.kind] ?? 0) + 1 }),
+    {}
+  );
+  const rows = index.items.flatMap((item) => {
+    const ordered = orderVersions(item.versions);
+    return ordered.map((v) => ({
+      group: item.group,
+      kind: item.kind,
+      // clone to drop Readonly<> without changing fields (incl. preferred)
+      version: { ...v },
+      ...counts[item.kind] > 1 ? { notUnique: true } : {}
+    }));
+  });
+  return rows.sort(
+    (a, b) => a.kind.localeCompare(b.kind, void 0, { sensitivity: "base" }) || a.group.localeCompare(b.group, void 0, { sensitivity: "base" })
+  );
+};
+
+const parseApiVersion = (apiVersion) => {
+  const parts = apiVersion.trim().split("/");
+  return parts.length === 1 ? { group: "", version: parts[0] } : { group: parts[0], version: parts[1] };
+};
+const pluralByKind = (entries) => (kind, apiVersion) => {
+  const norm = (s) => s.trim();
+  const kindNorm = norm(kind);
+  const gv = apiVersion ? parseApiVersion(apiVersion) : void 0;
+  const candidates = entries.filter((e) => norm(e.kind) === kindNorm);
+  if (candidates.length === 0) return void 0;
+  const filtered = gv ? candidates.filter((e) => norm(e.group) === norm(gv.group) && e.version.version === gv.version) : candidates;
+  if (filtered.length === 0) return void 0;
+  const preferredFirst = gv ? filtered : [...filtered.filter((e) => e.version.preferred), ...filtered.filter((e) => !e.version.preferred)];
+  const resources = preferredFirst.map((e) => e.version.resource).filter(Boolean);
+  const uniq = Array.from(new Set(resources));
+  if (!gv && uniq.length > 1) {
+    const first = preferredFirst[0]?.version.resource;
+    return first ?? void 0;
+  }
+  return uniq.length === 1 ? uniq[0] : void 0;
+};
+
+const eventKey = (e) => {
+  const n = e.metadata?.name ?? "";
+  const ns = e.metadata?.namespace ?? "";
+  return `${ns}/${n}`;
+};
+const compareRV = (a, b) => {
+  if (a.length !== b.length) return a.length > b.length ? 1 : -1;
+  return a > b ? 1 : a < b ? -1 : 0;
+};
+const getRV = (item) => item?.metadata?.resourceVersion;
+const getMaxRV = (items) => {
+  const rvs = items.map(getRV).filter((v) => Boolean(v)).sort(compareRV);
+  return rvs.length ? rvs[rvs.length - 1] : void 0;
+};
+
+const reducer = (state, action) => {
+  switch (action.type) {
+    case "RESET": {
+      const order = action.items.map(eventKey);
+      const byKey = {};
+      action.items.forEach((it) => byKey[eventKey(it)] = it);
+      return { order, byKey };
+    }
+    case "APPEND_PAGE": {
+      const next = { ...state.byKey };
+      const addKeys = [];
+      action.items.forEach((it) => {
+        const k = eventKey(it);
+        if (!next[k]) addKeys.push(k);
+        next[k] = it;
+      });
+      return { order: [...state.order, ...addKeys], byKey: next };
+    }
+    case "UPSERT": {
+      const k = eventKey(action.item);
+      const exists = Boolean(state.byKey[k]);
+      const byKey = { ...state.byKey, [k]: action.item };
+      const order = exists ? state.order : [k, ...state.order];
+      return { order, byKey };
+    }
+    case "REMOVE": {
+      if (!state.byKey[action.key]) return state;
+      const byKey = { ...state.byKey };
+      delete byKey[action.key];
+      return { order: state.order.filter((k) => k !== action.key), byKey };
+    }
+    default:
+      return state;
+  }
+};
+
+const eventText = (e) => e.note || e.message || "";
+const timeAgo = (iso) => {
+  if (!iso) {
+    return "";
+  }
+  const dt = new Date(iso).getTime();
+  const diff = Date.now() - dt;
+  if (diff < 6e4) {
+    return `${Math.max(0, Math.floor(diff / 1e3))}s ago`;
+  }
+  if (diff < 36e5) {
+    return `${Math.floor(diff / 6e4)}m ago`;
+  }
+  if (diff < 864e5) {
+    return `${Math.floor(diff / 36e5)}h ago`;
+  }
+  return new Date(iso).toLocaleString();
+};
+const getResourceLink = ({
+  baseprefix,
+  cluster,
+  namespace,
+  apiGroupVersion,
+  pluralName,
+  name,
+  baseFactoryNamespacedAPIKey,
+  baseFactoryClusterSceopedAPIKey,
+  baseFactoryNamespacedBuiltinKey,
+  baseFactoryClusterSceopedBuiltinKey
+}) => {
+  if (!pluralName || !name) {
+    return void 0;
+  }
+  if (apiGroupVersion === "v1") {
+    return `${baseprefix}/${cluster}${namespace ? `/${namespace}` : ""}/factory/${namespace ? baseFactoryNamespacedBuiltinKey : baseFactoryClusterSceopedBuiltinKey}/${apiGroupVersion}/${pluralName}/${name}`;
+  }
+  return `${baseprefix}/${cluster}${namespace ? `/${namespace}` : ""}/factory/${namespace ? baseFactoryNamespacedAPIKey : baseFactoryClusterSceopedAPIKey}/${apiGroupVersion}/${pluralName}/${name}`;
+};
+const getNamespaceLink = ({
+  baseprefix,
+  cluster,
+  apiGroupVersion,
+  pluralName,
+  namespace,
+  baseNamespaceFactoryKey
+}) => {
+  if (!namespace) {
+    return void 0;
+  }
+  return `${baseprefix}/${cluster}/factory/${baseNamespaceFactoryKey}/${apiGroupVersion}/${pluralName}/${namespace}`;
+};
+const formatEventSummary = (event) => {
+  if (!event.deprecatedCount || !event.deprecatedFirstTimestamp) {
+    return void 0;
+  }
+  const now = /* @__PURE__ */ new Date();
+  const first = new Date(event.deprecatedFirstTimestamp);
+  const days = Math.floor((now.getTime() - first.getTime()) / (1e3 * 60 * 60 * 24));
+  return `${event.deprecatedCount} times ${days === 0 ? "today" : `in the last ${days} days`}`;
+};
+
+const Card = styled.div`
+  border-radius: 6px;
+  padding: 16px 8px;
+  border: ${({ $bigBorder }) => $bigBorder ? 2 : 1}px solid ${({ $mainColor }) => $mainColor};
+  gap: 12px;
+  margin-bottom: 16px;
+  position: relative;
+
+  &:before {
+    position: absolute;
+    content: '';
+    width: 36px;
+    height: ${({ $bigBorder }) => $bigBorder ? 2 : 1}px;
+    background: ${({ $mainColor }) => $mainColor};
+    left: -37px;
+    top: 50%; /* halfway down parent */
+    transform: translateY(-50%); /* center vertically */
+  }
+
+  &:after {
+    position: absolute;
+    content: '';
+    width: ${({ $bigBorder }) => $bigBorder ? 7 : 6}px;
+    height: ${({ $bigBorder }) => $bigBorder ? 7 : 6}px;
+    border-radius: 50%;
+    background: ${({ $mainColor }) => $mainColor};
+    left: ${({ $bigBorder }) => $bigBorder ? -41 : -39}px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+`;
+const Abbr = styled.span`
+  background-color: ${({ $bgColor }) => $bgColor};
+  border-radius: 13px;
+  padding: 1px 5px;
+  font-size: 13px;
+  height: min-content;
+  margin-right: 4px;
+`;
+const TimeStamp = styled.div`
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 20px;
+`;
+const Title = styled.div`
+  font-weight: 700;
+`;
+const TimesInPeriod = styled.div`
+  margin-top: -16px;
+`;
+const Styled$1 = {
+  Card,
+  Abbr,
+  TimeStamp,
+  Title,
+  TimesInPeriod
+};
+
+const EventRow = ({
+  e,
+  theme: theme$1,
+  baseprefix,
+  cluster,
+  getPlural,
+  baseFactoryNamespacedAPIKey,
+  baseFactoryClusterSceopedAPIKey,
+  baseFactoryNamespacedBuiltinKey,
+  baseFactoryClusterSceopedBuiltinKey,
+  baseNamespaceFactoryKey
+}) => {
+  const { token } = theme.useToken();
+  const navigate = useNavigate();
+  const abbr = e.regarding?.kind ? getUppercase(e.regarding.kind) : void 0;
+  const bgColor = e.regarding?.kind && abbr ? hslFromString(e.regarding?.kind, theme$1) : "initial";
+  const bgColorNamespace = hslFromString("Namespace", theme$1);
+  const regardingKind = e.regarding?.kind;
+  const regardingApiVersion = e.regarding?.apiVersion || "v1";
+  const pluralName = regardingKind && regardingApiVersion ? getPlural?.(regardingKind, regardingApiVersion) : void 0;
+  const resourceLink = getResourceLink({
+    baseprefix,
+    cluster,
+    namespace: e.regarding?.namespace,
+    apiGroupVersion: regardingApiVersion,
+    pluralName,
+    name: e.regarding?.name,
+    baseFactoryNamespacedAPIKey,
+    baseFactoryClusterSceopedAPIKey,
+    baseFactoryNamespacedBuiltinKey,
+    baseFactoryClusterSceopedBuiltinKey
+  });
+  const namespaceLink = getNamespaceLink({
+    baseprefix,
+    cluster,
+    apiGroupVersion: "v1",
+    pluralName: "namespaces",
+    namespace: e.regarding?.namespace,
+    baseNamespaceFactoryKey
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Styled$1.Card,
+    {
+      $bigBorder: e.type === "Warning",
+      $mainColor: e.type === "Warning" ? token.colorWarningActive : token.colorText,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 16, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 8, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.Abbr, { $bgColor: bgColor, children: abbr }),
+              resourceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Typography.Link,
+                {
+                  onClick: (e2) => {
+                    e2.preventDefault();
+                    navigate(resourceLink);
+                  },
+                  children: e.regarding?.name
+                }
+              ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { children: e.regarding?.name })
+            ] }),
+            e.regarding?.namespace && /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 8, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.Abbr, { $bgColor: bgColorNamespace, children: "NS" }),
+              namespaceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Typography.Link,
+                {
+                  onClick: (e2) => {
+                    e2.preventDefault();
+                    navigate(namespaceLink);
+                  },
+                  children: e.regarding?.namespace
+                }
+              ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { children: e.regarding?.namespace })
+            ] })
+          ] }),
+          e.metadata?.creationTimestamp && /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 4, align: "center", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(EarthIcon, {}) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.TimeStamp, { children: timeAgo(e.metadata?.creationTimestamp) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 16, $samespace: true }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 8, align: "center", wrap: true, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: e.deprecatedSource?.component && /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 8, align: "center", wrap: true, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 6, align: "center", wrap: true, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", children: "Generated by" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.Title, { children: e.deprecatedSource?.component })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", children: "•" }) })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.Title, { children: e.reason || e.action || "Event" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.TimesInPeriod, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", children: formatEventSummary(e) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 16, $samespace: true }),
+        eventText(e) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: eventText(e) })
+      ]
+    }
+  );
+};
+
+const Root = styled.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  max-height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
+  /* border-radius: 12px; */
+  overflow: hidden;
+  position: relative;
+`;
+const Header = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  align-self: stretch;
+  margin-bottom: 16px;
+  padding-left: 19px;
+`;
+const HeaderLeftSide = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex: 1 0 0;
+`;
+const CursorPointerDiv = styled.div`
+  cursor: pointer;
+  user-select: none;
+`;
+const StatusText = styled.div`
+  font-size: 16px;
+  line-height: 24px; /* 150% */
+`;
+const HeaderRightSide = styled.div`
+  display: flex;
+  gap: 4px;
+  text-align: right;
+  color: ${({ $colorTextDescription }) => $colorTextDescription};
+`;
+const List = styled.div`
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px 8px 8px 72px;
+  z-index: 2;
+`;
+const Timeline = styled.div`
+  width: 100%;
+  height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
+  position: absolute;
+  top: 40px;
+  left: 36px;
+  z-index: 1;
+
+  &:before {
+    content: '';
+    position: absolute;
+    top: -2px;
+    width: 1px;
+    background: ${({ $colorText }) => $colorText};
+    pointer-events: none;
+    height: 100%;
+  }
+`;
+const Sentinel = styled.div`
+  height: 1px;
+`;
+const Styled = {
+  Root,
+  Header,
+  HeaderLeftSide,
+  CursorPointerDiv,
+  StatusText,
+  HeaderRightSide,
+  Timeline,
+  List,
+  Sentinel
+};
+
+const Events = ({
+  theme: theme$1,
+  baseprefix,
+  cluster,
+  wsUrl,
+  pageSize = 50,
+  substractHeight,
+  baseFactoryNamespacedAPIKey,
+  baseFactoryClusterSceopedAPIKey,
+  baseFactoryNamespacedBuiltinKey,
+  baseFactoryClusterSceopedBuiltinKey,
+  baseNamespaceFactoryKey
+}) => {
+  const { token } = theme.useToken();
+  const [kindIndex, setKindIndex] = useState();
+  const [kindsWithVersion, setKindWithVersion] = useState();
+  useEffect(() => {
+    getKinds({ clusterName: cluster }).then((data) => {
+      setKindIndex(data);
+      setKindWithVersion(getSortedKindsAll(data));
+    }).catch((error) => {
+      console.error(error);
+    });
+  }, [cluster]);
+  const [isPaused, setIsPaused] = useState(false);
+  const pausedRef = useRef(isPaused);
+  useEffect(() => {
+    pausedRef.current = isPaused;
+  }, [isPaused]);
+  const [isRemoveIgnored, setIsRemoveIgnored] = useState(true);
+  const removeIgnoredRef = useRef(isRemoveIgnored);
+  useEffect(() => {
+    removeIgnoredRef.current = isRemoveIgnored;
+  }, [isRemoveIgnored]);
+  const latestRVRef = useRef(void 0);
+  const [state, dispatch] = useReducer(reducer, { order: [], byKey: {} });
+  const [contToken, setContToken] = useState(void 0);
+  const [hasMore, setHasMore] = useState(false);
+  const [connStatus, setConnStatus] = useState("connecting");
+  const [lastError, setLastError] = useState(void 0);
+  const wsRef = useRef(null);
+  const listRef = useRef(null);
+  const sentinelRef = useRef(null);
+  const wantMoreRef = useRef(false);
+  const fetchingRef = useRef(false);
+  const backoffRef = useRef(750);
+  const urlRef = useRef(wsUrl);
+  const mountedRef = useRef(true);
+  const reconnectTimerRef = useRef(null);
+  const onMessageRef = useRef(() => {
+  });
+  const startedRef = useRef(false);
+  const connectingRef = useRef(false);
+  const haveAnchorRef = useRef(false);
+  useEffect(() => {
+    urlRef.current = wsUrl;
+  }, [wsUrl]);
+  const closeWS = useCallback(() => {
+    try {
+      wsRef.current?.close();
+    } catch (e) {
+      console.error(e);
+    }
+    wsRef.current = null;
+  }, []);
+  const sendScroll = useCallback(() => {
+    const token2 = contToken;
+    if (!wsRef.current || wsRef.current.readyState !== WebSocket.OPEN) return;
+    if (!token2 || fetchingRef.current) return;
+    fetchingRef.current = true;
+    const msg = { type: "SCROLL", continue: token2, limit: pageSize };
+    wsRef.current.send(JSON.stringify(msg));
+  }, [contToken, pageSize]);
+  const maybeAutoScroll = useCallback(() => {
+    if (wantMoreRef.current && hasMore) sendScroll();
+  }, [hasMore, sendScroll]);
+  useEffect(() => {
+    onMessageRef.current = (ev) => {
+      let frame;
+      try {
+        frame = JSON.parse(String(ev.data));
+      } catch {
+        return;
+      }
+      if (!frame) return;
+      if (frame.type === "INITIAL") {
+        dispatch({ type: "RESET", items: frame.items });
+        setContToken(frame.continue);
+        setHasMore(Boolean(frame.continue));
+        setLastError(void 0);
+        fetchingRef.current = false;
+        const snapshotRV = frame.resourceVersion || getMaxRV(frame.items);
+        if (snapshotRV) {
+          latestRVRef.current = snapshotRV;
+          haveAnchorRef.current = true;
+        }
+        return;
+      }
+      if (frame.type === "PAGE") {
+        dispatch({ type: "APPEND_PAGE", items: frame.items });
+        setContToken(frame.continue);
+        setHasMore(Boolean(frame.continue));
+        fetchingRef.current = false;
+        const batchRV = getMaxRV(frame.items);
+        if (batchRV && (!latestRVRef.current || compareRV(batchRV, latestRVRef.current) > 0)) {
+          latestRVRef.current = batchRV;
+        }
+        maybeAutoScroll();
+        return;
+      }
+      if (frame.type === "PAGE_ERROR") {
+        setLastError(frame.error || "Failed to load next page");
+        fetchingRef.current = false;
+        return;
+      }
+      if (frame.type === "ADDED" || frame.type === "MODIFIED" || frame.type === "DELETED") {
+        const rv = getRV(frame.item);
+        if (rv && (!latestRVRef.current || compareRV(rv, latestRVRef.current) > 0)) {
+          latestRVRef.current = rv;
+        }
+      }
+      if (!pausedRef.current) {
+        if (frame.type === "ADDED" || frame.type === "MODIFIED") {
+          dispatch({ type: "UPSERT", item: frame.item });
+          return;
+        }
+        if (!removeIgnoredRef.current && frame.type === "DELETED") {
+          dispatch({ type: "REMOVE", key: eventKey(frame.item) });
+        }
+      }
+    };
+  }, [maybeAutoScroll]);
+  const buildWsUrl = useCallback((raw) => {
+    try {
+      const hasScheme = /^[a-z]+:/i.test(raw);
+      const base = window.location.origin;
+      let u = hasScheme ? new URL(raw) : new URL(raw.startsWith("/") ? raw : `/${raw}`, base);
+      if (u.protocol === "http:") u.protocol = "ws:";
+      if (u.protocol === "https:") u.protocol = "wss:";
+      if (u.protocol !== "ws:" && u.protocol !== "wss:") {
+        u = new URL(u.pathname + u.search + u.hash, base);
+        u.protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+      }
+      if (haveAnchorRef.current && latestRVRef.current) {
+        u.searchParams.set("sinceRV", latestRVRef.current);
+      } else {
+        u.searchParams.delete("sinceRV");
+      }
+      return u.toString();
+    } catch {
+      const origin = window.location.origin.replace(/^http/, "ws");
+      const prefix = raw.startsWith("/") ? "" : "/";
+      const rv = haveAnchorRef.current ? latestRVRef.current : void 0;
+      const sep = raw.includes("?") ? "&" : "?";
+      return `${origin}${prefix}${raw}${rv ? `${sep}sinceRV=${encodeURIComponent(rv)}` : ""}`;
+    }
+  }, []);
+  const connect = useCallback(() => {
+    if (!mountedRef.current) return;
+    if (connectingRef.current) return;
+    if (wsRef.current && (wsRef.current.readyState === WebSocket.OPEN || wsRef.current.readyState === WebSocket.CONNECTING)) {
+      return;
+    }
+    connectingRef.current = true;
+    setConnStatus("connecting");
+    setLastError(void 0);
+    const url = buildWsUrl(urlRef.current);
+    const ws = new WebSocket(url);
+    wsRef.current = ws;
+    ws.addEventListener("open", () => {
+      if (!mountedRef.current) return;
+      backoffRef.current = 750;
+      fetchingRef.current = false;
+      setConnStatus("open");
+      connectingRef.current = false;
+    });
+    ws.addEventListener("message", (ev) => onMessageRef.current(ev));
+    const scheduleReconnect = () => {
+      if (wsRef.current === ws) wsRef.current = null;
+      setConnStatus("closed");
+      connectingRef.current = false;
+      const base = Math.min(backoffRef.current, 8e3);
+      const jitter = Math.random() * 0.4 + 0.8;
+      const wait = Math.floor(base * jitter);
+      const next = Math.min(base * 2, 12e3);
+      backoffRef.current = next;
+      if (reconnectTimerRef.current) {
+        window.clearTimeout(reconnectTimerRef.current);
+        reconnectTimerRef.current = null;
+      }
+      reconnectTimerRef.current = window.setTimeout(() => {
+        if (!mountedRef.current) return;
+        connect();
+      }, wait);
+    };
+    ws.addEventListener("close", scheduleReconnect);
+    ws.addEventListener("error", () => {
+      setLastError("WebSocket error");
+      scheduleReconnect();
+    });
+  }, [buildWsUrl]);
+  useEffect(() => {
+    if (startedRef.current) return void 0;
+    startedRef.current = true;
+    mountedRef.current = true;
+    connect();
+    return () => {
+      mountedRef.current = false;
+      startedRef.current = false;
+      if (reconnectTimerRef.current) {
+        window.clearTimeout(reconnectTimerRef.current);
+        reconnectTimerRef.current = null;
+      }
+      closeWS();
+      wsRef.current = null;
+      connectingRef.current = false;
+    };
+  }, []);
+  useEffect(() => {
+    const el = sentinelRef.current;
+    if (!el) return void 0;
+    const io = new IntersectionObserver((entries) => {
+      const visible = entries.some((e) => e.isIntersecting);
+      wantMoreRef.current = visible;
+      if (visible && hasMore) sendScroll();
+    });
+    io.observe(el);
+    return () => io.disconnect();
+  }, [hasMore, sendScroll]);
+  const onScroll = useCallback(() => {
+    if (!listRef.current) return;
+    const nearBottom = listRef.current.scrollTop + listRef.current.clientHeight >= listRef.current.scrollHeight - 24;
+    if (nearBottom && hasMore) sendScroll();
+  }, [hasMore, sendScroll]);
+  const total = state.order.length;
+  const getPlural = kindsWithVersion ? pluralByKind(kindsWithVersion) : void 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.Root, { $substractHeight: substractHeight || 340, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.Header, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.HeaderLeftSide, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "start", align: "center", gap: 10, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Styled.CursorPointerDiv,
+          {
+            onClick: () => {
+              if (isPaused) {
+                setIsPaused(false);
+              } else {
+                setIsPaused(true);
+              }
+            },
+            children: isPaused ? /* @__PURE__ */ jsxRuntimeExports.jsx(ResumeCircleIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(PauseCircleIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.StatusText, { children: [
+          isPaused && "Streaming paused",
+          !isPaused && connStatus === "connecting" && "Connecting…",
+          !isPaused && connStatus === "open" && "Streaming events...",
+          !isPaused && connStatus === "closed" && "Reconnecting…"
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.HeaderRightSide, { $colorTextDescription: token.colorTextDescription, children: [
+        !hasMore && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No more events · " }),
+        typeof total === "number" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          "Loaded ",
+          total,
+          " events"
+        ] }) : "",
+        lastError && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { "aria-live": "polite", children: [
+          " · ",
+          lastError
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Tooltip,
+          {
+            title: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: isRemoveIgnored ? "Handle REMOVE signals" : "Ignore REMOVE signals" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { justify: "end", children: "Locked means ignore" })
+            ] }),
+            placement: "left",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.CursorPointerDiv, { onClick: () => setIsRemoveIgnored(!isRemoveIgnored), children: isRemoveIgnored ? /* @__PURE__ */ jsxRuntimeExports.jsx(LockedIcon, { size: 16 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(UnlockedIcon, { size: 16 }) })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.List, { ref: listRef, onScroll, children: [
+      state.order.length > 0 ? state.order.map((k) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        EventRow,
+        {
+          e: state.byKey[k],
+          theme: theme$1,
+          baseprefix,
+          cluster,
+          getPlural,
+          baseFactoryNamespacedAPIKey,
+          baseFactoryClusterSceopedAPIKey,
+          baseFactoryNamespacedBuiltinKey,
+          baseFactoryClusterSceopedBuiltinKey,
+          baseNamespaceFactoryKey
+        },
+        k
+      )) : /* @__PURE__ */ jsxRuntimeExports.jsx(Empty, { description: "No events" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.Sentinel, { ref: sentinelRef })
+    ] }),
+    state.order.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.Timeline, { $colorText: token.colorText, $substractHeight: substractHeight || 340 })
+  ] });
+};
+
 const isLeafNode = (value) => {
   return typeof value === "object" && "value" in value && "highlight" in value;
 };
@@ -51250,7 +52077,7 @@ const getGroupsByCategory = async ({
   return { crdGroups, nonCrdGroups, builtinGroups: filteredBuiltinData, apiExtensionVersion };
 };
 
-const parseK8sVersion$1 = (raw) => {
+const parseK8sVersion = (raw) => {
   const m = /^v(?<major>\d+)(?:(?<stage>alpha|beta)(?<stageNum>\d+)?)?$/i.exec(raw ?? "");
   if (!m?.groups) return { rank: 0, major: -1, stageNum: -1 };
   const stage = (m.groups.stage ?? "").toLowerCase();
@@ -51259,10 +52086,10 @@ const parseK8sVersion$1 = (raw) => {
   const rank = stage === "" ? 3 : stage === "beta" ? 2 : 1;
   return { rank, major, stageNum };
 };
-const versionToken$1 = (e) => e.version || (e.groupVersion?.split("/").pop() ?? "");
-const compareK8sVersionDesc$1 = (a, b) => {
-  const pa = parseK8sVersion$1(versionToken$1(a));
-  const pb = parseK8sVersion$1(versionToken$1(b));
+const versionToken = (e) => e.version || (e.groupVersion?.split("/").pop() ?? "");
+const compareK8sVersionDesc = (a, b) => {
+  const pa = parseK8sVersion(versionToken(a));
+  const pb = parseK8sVersion(versionToken(b));
   return pb.rank - pa.rank || pb.major - pa.major || pb.stageNum - pa.stageNum;
 };
 const getSortedKinds = (index) => {
@@ -51270,7 +52097,7 @@ const getSortedKinds = (index) => {
     (acc, item) => ({ ...acc, [item.kind]: (acc[item.kind] ?? 0) + 1 }),
     {}
   );
-  const pickVersion = (versions) => versions.find((v) => v.preferred) ?? [...versions].sort(compareK8sVersionDesc$1)[0];
+  const pickVersion = (versions) => versions.find((v) => v.preferred) ?? [...versions].sort(compareK8sVersionDesc)[0];
   return index.items.map((item) => {
     const version = pickVersion(item.versions);
     return version ? {
@@ -51284,72 +52111,6 @@ const getSortedKinds = (index) => {
   );
 };
 
-const parseK8sVersion = (raw) => {
-  const m = /^v(?<major>\d+)(?:(?<stage>alpha|beta)(?<stageNum>\d+)?)?$/i.exec(raw ?? "");
-  if (!m?.groups) return { rank: 0, major: -1, stageNum: -1 };
-  const stage = (m.groups.stage ?? "").toLowerCase();
-  const major = Number(m.groups.major);
-  const stageNum = m.groups.stageNum ? Number(m.groups.stageNum) : 0;
-  const rank = stage === "" ? 3 : stage === "beta" ? 2 : 1;
-  return { rank, major, stageNum };
-};
-const versionToken = (e) => e.version || (e.groupVersion?.split("/").pop() ?? "");
-const compareK8sVersionDesc = (a, b) => {
-  const pa = parseK8sVersion(versionToken(a));
-  const pb = parseK8sVersion(versionToken(b));
-  return pb.rank - pa.rank || pb.major - pa.major || pb.stageNum - pa.stageNum;
-};
-const orderVersions = (versions) => {
-  const preferredIdx = versions.findIndex((v) => v.preferred === true);
-  if (preferredIdx >= 0) {
-    const preferred = versions[preferredIdx];
-    const rest = versions.filter((_, i) => i !== preferredIdx).slice().sort(compareK8sVersionDesc);
-    return [preferred, ...rest];
-  }
-  return versions.slice().sort(compareK8sVersionDesc);
-};
-const getSortedKindsAll = (index) => {
-  const counts = index.items.reduce(
-    (acc, item) => ({ ...acc, [item.kind]: (acc[item.kind] ?? 0) + 1 }),
-    {}
-  );
-  const rows = index.items.flatMap((item) => {
-    const ordered = orderVersions(item.versions);
-    return ordered.map((v) => ({
-      group: item.group,
-      kind: item.kind,
-      // clone to drop Readonly<> without changing fields (incl. preferred)
-      version: { ...v },
-      ...counts[item.kind] > 1 ? { notUnique: true } : {}
-    }));
-  });
-  return rows.sort(
-    (a, b) => a.kind.localeCompare(b.kind, void 0, { sensitivity: "base" }) || a.group.localeCompare(b.group, void 0, { sensitivity: "base" })
-  );
-};
-
-const parseApiVersion = (apiVersion) => {
-  const parts = apiVersion.trim().split("/");
-  return parts.length === 1 ? { group: "", version: parts[0] } : { group: parts[0], version: parts[1] };
-};
-const pluralByKind = (entries) => (kind, apiVersion) => {
-  const norm = (s) => s.trim();
-  const kindNorm = norm(kind);
-  const gv = apiVersion ? parseApiVersion(apiVersion) : void 0;
-  const candidates = entries.filter((e) => norm(e.kind) === kindNorm);
-  if (candidates.length === 0) return void 0;
-  const filtered = gv ? candidates.filter((e) => norm(e.group) === norm(gv.group) && e.version.version === gv.version) : candidates;
-  if (filtered.length === 0) return void 0;
-  const preferredFirst = gv ? filtered : [...filtered.filter((e) => e.version.preferred), ...filtered.filter((e) => !e.version.preferred)];
-  const resources = preferredFirst.map((e) => e.version.resource).filter(Boolean);
-  const uniq = Array.from(new Set(resources));
-  if (!gv && uniq.length > 1) {
-    const first = preferredFirst[0]?.version.resource;
-    return first ?? void 0;
-  }
-  return uniq.length === 1 ? uniq[0] : void 0;
-};
-
 const namespacedByGvr = (entries) => (gvr) => {
   const [group = "", v = "", resource = ""] = gvr.split("~", 3);
   const norm = (s) => s.trim();
@@ -51526,11 +52287,6 @@ const checkIfBuiltInInstanceNamespaceScoped = async ({
   return data;
 };
 
-const getKinds = async ({ clusterName }) => {
-  const result = await axios.get(`/api/clusters/${clusterName}/openapi-bff/search/kinds/getKinds`);
-  return result.data;
-};
-
 const useClusterList = ({ refetchInterval }) => {
   return useQuery({
     queryKey: ["useClusterList"],
@@ -51784,5 +52540,5 @@ const useCrdData = ({
   });
 };
 
-export { BackToDefaultIcon, BlackholeForm, BlackholeFormDataProvider, ContentCard$1 as ContentCard, CursorDefaultDiv, CursorPointerTag, CursorPointerTagMinContent, CustomSelect$4 as CustomSelect, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EarthIcon, EditIcon, EnrichedTable, EnrichedTableProvider, FlexGrow, LockedIcon, LookingGlassIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard, MinusIcon, NodeTerminal, PaddingContainer, PauseCircleIcon, PlusIcon, PodLogs, PodLogsMonaco, PodTerminal, ProjectInfoCard, ResumeCircleIcon, Search, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deepMerge, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBackLinkToTable, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getKinds, getLinkToApiForm, getLinkToBuiltinForm, getLinkToForm, getObjectFormItemsDraft, getPrefixSubarrays, getSortedKinds, getSortedKindsAll, getStringByName, getSwagger, getUppercase, groupsToTreeData, hslFromString, isFlatObject, kindByGvr, namespacedByGvr, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, pluralByKind, 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, CursorDefaultDiv, CursorPointerTag, CursorPointerTagMinContent, CustomSelect$4 as CustomSelect, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EarthIcon, EditIcon, EnrichedTable, EnrichedTableProvider, Events, FlexGrow, LockedIcon, LookingGlassIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard, MinusIcon, NodeTerminal, PaddingContainer, PauseCircleIcon, PlusIcon, PodLogs, PodLogsMonaco, PodTerminal, ProjectInfoCard, ResumeCircleIcon, Search, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deepMerge, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBackLinkToTable, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getKinds, getLinkToApiForm, getLinkToBuiltinForm, getLinkToForm, getObjectFormItemsDraft, getPrefixSubarrays, getSortedKinds, getSortedKindsAll, getStringByName, getSwagger, getUppercase, groupsToTreeData, hslFromString, isFlatObject, kindByGvr, namespacedByGvr, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, pluralByKind, 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