@prorobotech/openapi-k8s-toolkit 1.2.1-alpha.6 → 1.2.1-alpha.8

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

@@ -1,8 +1,8 @@
 import styled, { createGlobalStyle } from 'styled-components';
 import * as React$1 from 'react';
 import React__default, { useState, useRef, useLayoutEffect, useReducer, useEffect, useCallback, useMemo, Fragment, createContext, useContext, memo, createElement, isValidElement, cloneElement, useInsertionEffect, useSyncExternalStore, forwardRef, useImperativeHandle, PureComponent, Children, Component, Suspense } from 'react';
-import { Input, Tree, Modal, Alert, theme, Select, Tag, Flex, Typography, Breadcrumb, Spin, Menu, Tooltip as Tooltip$1, Space, Button, Card as Card$1, Row, Col, Tabs, notification, Form, Popover, Switch, Segmented, Table, Progress, Statistic, Dropdown, Slider, InputNumber, Result, Radio, DatePicker, Checkbox, Empty } from 'antd';
-import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, PlusOutlined, ClearOutlined, MinusOutlined, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, EyeOutlined, EyeInvisibleOutlined, SearchOutlined, MoreOutlined, CheckOutlined, CloseOutlined, BugOutlined, EllipsisOutlined, PoweroffOutlined, FullscreenExitOutlined, FullscreenOutlined, SettingOutlined, ReloadOutlined } from '@ant-design/icons';
+import { Input, Tree, Modal, Alert, theme, Select, Tag, Flex, Typography, Breadcrumb, Spin, Menu, Tooltip as Tooltip$1, Space, Button, Card as Card$1, Row, Col, Tabs, notification, Form, Popover, Switch, Segmented, Table, Progress, Statistic, message, Dropdown, Slider, InputNumber, Result, DatePicker, Radio, Checkbox, Empty } from 'antd';
+import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, PlusOutlined, ClearOutlined, MinusOutlined, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, EyeOutlined, EyeInvisibleOutlined, CopyOutlined, SearchOutlined, MoreOutlined, CheckOutlined, CloseOutlined, BugOutlined, EllipsisOutlined, PoweroffOutlined, FullscreenExitOutlined, FullscreenOutlined, SettingOutlined, ReloadOutlined } from '@ant-design/icons';
 import { useNavigate, useSearchParams, Link, useLocation, useParams } from 'react-router-dom';
 import { useQuery, useQueries, useQueryClient } from '@tanstack/react-query';
 import RFB from 'novnc-next';
@@ -1577,7 +1577,7 @@ const CustomTreeProvider = styled.div`
     justify-content: center;
   }
 `;
-const Styled$E = {
+const Styled$F = {
   CustomTreeProvider
 };
 
@@ -1642,7 +1642,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$E.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tree,
       {
         treeData: loop(treeData),
@@ -8200,14 +8200,14 @@ const ContentContainer = styled.div`
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-const Styled$D = {
+const Styled$E = {
   ContentContainer
 };
 
 const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
   const { token } = theme.useToken();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$D.ContentContainer,
+    Styled$E.ContentContainer,
     {
       $flexGrow: flexGrow,
       $bgColor: token.colorBgContainer,
@@ -8268,13 +8268,13 @@ const UncontrolledSelect$1 = styled(Select)`
     padding-inline: 8px;
   }
 `;
-const Styled$C = {
+const Styled$D = {
   UncontrolledSelect: UncontrolledSelect$1
 };
 
 const UncontrolledSelect = (props) => {
   const { isCursorPointer } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
 };
 
 const CustomSelect$5 = styled(Select)`
@@ -8322,13 +8322,13 @@ const CustomSelect$5 = styled(Select)`
     margin-block: 0 !important;
   }
 `;
-const Styled$B = {
+const Styled$C = {
   CustomSelect: CustomSelect$5
 };
 
 const CustomSelect$4 = (props) => {
   const { paddingContainerEnd, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
 };
 
 const CursorPointerTag = styled(Tag)`
@@ -8475,7 +8475,7 @@ const Abbr$2 = styled.span`
   height: min-content;
   margin-right: 4px;
 `;
-const Styled$A = {
+const Styled$B = {
   Abbr: Abbr$2
 };
 
@@ -8515,7 +8515,7 @@ const ResourceLink = ({
     baseFactoriesMapping
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 8, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.Abbr, { $bgColor: bgColor, children: abbr }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.Abbr, { $bgColor: bgColor, children: abbr }),
     resourceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       Typography.Link,
       {
@@ -8554,7 +8554,7 @@ const NoWrapContainer = styled.div`
     flex-wrap: nowrap !important;
   }
 `;
-const Styled$z = {
+const Styled$A = {
   PositionRelativeContainer,
   FullWidthContainer,
   NoWrapContainer
@@ -8597,9 +8597,9 @@ const CollapsibleBreadcrumb = ({ items }) => {
     };
     return [firstItem, ellipsisItem, lastItem];
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$z.PositionRelativeContainer, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$A.PositionRelativeContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
   ] });
 };
 
@@ -8607,12 +8607,12 @@ const HeightDiv$1 = styled.div`
   min-height: 22px;
   width: 100%;
 `;
-const Styled$y = {
+const Styled$z = {
   HeightDiv: HeightDiv$1
 };
 
 const ManageableBreadcrumbs = ({ data }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$z.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
 };
 
 const kindByGvr = (entries) => (gvr) => {
@@ -9598,7 +9598,7 @@ const HeightDiv = styled.div`
   min-height: 22px;
   width: 100%;
 `;
-const Styled$x = {
+const Styled$y = {
   HeightDiv
 };
 
@@ -9627,7 +9627,7 @@ const ManageableBreadcrumbsProvider = ({
     return null;
   }
   if (rawDataLoading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
   }
   if (!rawData) {
     return null;
@@ -9642,7 +9642,7 @@ const ManageableBreadcrumbsProvider = ({
     idToCompare
   });
   if (!result) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.HeightDiv, {});
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.HeightDiv, {});
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result }, JSON.stringify(idToCompare));
 };
@@ -9670,7 +9670,7 @@ const CustomMenu = styled(Menu)`
     margin: 0 !important;
   }
 `;
-const Styled$w = {
+const Styled$x = {
   CustomMenu
 };
 
@@ -9697,7 +9697,7 @@ const ManageableSidebar = ({ data, noMarginTop }) => {
     setSelectedKeys(data.selectedKeys);
   }, [data.selectedKeys]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$w.CustomMenu,
+    Styled$x.CustomMenu,
     {
       selectedKeys,
       onSelect: () => {
@@ -33885,7 +33885,7 @@ const ShortenedText = styled.div`
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
-const Styled$v = {
+const Styled$w = {
   ShortenedText
 };
 
@@ -33894,7 +33894,7 @@ const ShortenedTextWithTooltip = ({ text, trimLength, maxWidth = 200 }) => {
     const trimmedText = text.substring(0, trimLength);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: text, placement: "top", children: trimmedText });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.ShortenedText, { $maxWidth: maxWidth, children: text }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.ShortenedText, { $maxWidth: maxWidth, children: text }) });
 };
 
 const FilterDropdown = ({
@@ -43052,7 +43052,7 @@ const BigText$1 = styled.div`
   font-size: 16px;
   line-height: 24px;
 `;
-const Styled$u = {
+const Styled$v = {
   BorderRadiusContainer: BorderRadiusContainer$1,
   ControlsRowContainer: ControlsRowContainer$1,
   BigText: BigText$1
@@ -43176,7 +43176,7 @@ const YamlEditorSingleton$1 = ({
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     contextHolder,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Ft$1,
       {
         defaultLanguage: "yaml",
@@ -43195,7 +43195,7 @@ const YamlEditorSingleton$1 = ({
         }
       }
     ) }),
-    !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
+    !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.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: handleReload, children: "Reload" })
@@ -43206,7 +43206,7 @@ const YamlEditorSingleton$1 = ({
         open: !!error,
         onOk: () => setError(void 0),
         onCancel: () => setError(void 0),
-        title: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.BigText, { children: "Error!" }) }),
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.BigText, { children: "Error!" }) }),
         cancelButtonProps: { style: { display: "none" } },
         children: [
           "An error has occurred: ",
@@ -43319,14 +43319,14 @@ const YamlEditorSingleton = ({
   ] });
 };
 
-const VisibilityContainer$2 = styled.div`
+const VisibilityContainer$1 = styled.div`
   display: ${({ $hidden }) => $hidden ? "none" : "block"};
 `;
-const Styled$t = {
-  VisibilityContainer: VisibilityContainer$2
+const Styled$u = {
+  VisibilityContainer: VisibilityContainer$1
 };
 
-const VisibilityContainer$1 = ({
+const VisibilityContainer = ({
   data,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   children
@@ -43368,7 +43368,7 @@ const VisibilityContainer$1 = ({
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
   }
   const shouldAutoHide = !criteria && (!valuePrepared || valuePrepared === "~undefined-value~");
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.VisibilityContainer, { $hidden: shouldAutoHide || shouldHideByCriteria, children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.VisibilityContainer, { $hidden: shouldAutoHide || shouldHideByCriteria, children });
 };
 
 const unknownToString = (value) => {
@@ -43633,7 +43633,7 @@ const Content$1 = styled.div`
   display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-const Styled$s = {
+const Styled$t = {
   Container: Container$3,
   TitleBar,
   Content: Content$1
@@ -43660,14 +43660,14 @@ const CustomCollapse = ({
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Styled$s.Container,
+    Styled$t.Container,
     {
       $designNewLayout: designNewLayout,
       $borderColor: token.colorBorder,
       $bgColor: token.colorBgContainer,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$s.TitleBar, { onClick: () => toggleCollapse(), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$t.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, {}) })
@@ -43678,7 +43678,7 @@ const CustomCollapse = ({
             persistedCheckbox
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
       ]
     }
   );
@@ -43712,13 +43712,13 @@ const CustomSizeTitle = styled.div`
 const Content = styled.div`
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-const Styled$r = {
+const Styled$s = {
   Content
 };
 
 const ArrayInsideContainer = ({ children }) => {
   const designNewLayout = useDesignNewLayout();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.Content, { $designNewLayout: designNewLayout, children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.Content, { $designNewLayout: designNewLayout, children });
 };
 
 const includesPath = (haystack, needle) => haystack.some((h) => h.length === needle.length && h.every((seg, i) => seg === String(needle[i])));
@@ -44271,7 +44271,7 @@ const LabelsToSearchParams = ({ data, children }) => {
 const ResetedFormList$3 = styled(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled$q = {
+const Styled$r = {
   ResetedFormList: ResetedFormList$3
 };
 
@@ -44356,7 +44356,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$q.ResetedFormList, { name: "taints", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.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,
@@ -44596,7 +44596,7 @@ const Taints = ({ data, children }) => {
 const ResetedFormList$2 = styled(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled$p = {
+const Styled$q = {
   ResetedFormList: ResetedFormList$2
 };
 
@@ -44691,7 +44691,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$p.ResetedFormList, { name: "tolerations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.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,
@@ -44973,7 +44973,7 @@ const Tolerations = ({
 const ResetedFormList$1 = styled(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled$o = {
+const Styled$p = {
   ResetedFormList: ResetedFormList$1
 };
 
@@ -45063,7 +45063,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$o.ResetedFormList, { name: "annotations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.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,
@@ -46212,7 +46212,7 @@ const NotificationOverrides = createGlobalStyle`
     margin-bottom: 0 !important;
   }
 `;
-const Styled$n = {
+const Styled$o = {
   NoSelect,
   DisabledInput,
   NotificationOverrides
@@ -46278,10 +46278,10 @@ const SecretBase64Plain = ({ data }) => {
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.NotificationOverrides, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.NotificationOverrides, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 8, ...flexProps, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.NoSelect, { style: inputContainerStyle, children: niceLooking ? /* @__PURE__ */ jsxRuntimeExports.jsx(te, { theme, hidden, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$n.DisabledInput,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.NoSelect, { style: inputContainerStyle, children: niceLooking ? /* @__PURE__ */ jsxRuntimeExports.jsx(te, { theme, hidden, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Styled$o.DisabledInput,
         {
           $hidden: hidden,
           ref: inputRef,
@@ -46296,7 +46296,7 @@ const SecretBase64Plain = ({ data }) => {
           value: decodedText
         }
       ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$n.DisabledInput,
+        Styled$o.DisabledInput,
         {
           $hidden: hidden,
           ref: inputRef,
@@ -46330,7 +46330,7 @@ const RoundSpan = styled.span`
   letter-spacing: 0.02em;
   box-sizing: content-box;
 `;
-const Styled$m = {
+const Styled$n = {
   RoundSpan
 };
 
@@ -46369,7 +46369,7 @@ const ResourceBadge = ({ data }) => {
     multiQueryData
   }) : getUppercase(parsedValue);
   const bgColor = hslFromString(parsedValue, theme);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.RoundSpan, { $bgColor: bgColor, style, children: parsedAbbreviation });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.RoundSpan, { $bgColor: bgColor, style, children: parsedAbbreviation });
 };
 
 const serializeLabelsWithNoEncoding = (input) => {
@@ -76960,6 +76960,190 @@ const DefaultIframe = ({ data, children }) => {
   ] });
 };
 
+const TitleSelect = styled(Select)`
+  &&.ant-select {
+    cursor: pointer;
+
+    .ant-select-selector {
+      border: none;
+      background: transparent;
+      box-shadow: none;
+      padding: 0;
+      height: auto;
+      cursor: pointer;
+    }
+
+    .ant-select-selection-item {
+      font-size: 20px;
+      line-height: 24px;
+      padding-inline-end: 24px;
+      cursor: pointer;
+    }
+
+    .ant-select-arrow {
+      font-size: 14px;
+      right: 0;
+      cursor: pointer;
+      color: inherit;
+    }
+
+    &:hover .ant-select-selector {
+      border: none;
+    }
+
+    &.ant-select-focused .ant-select-selector {
+      border: none;
+      box-shadow: none;
+    }
+  }
+`;
+const Styled$m = {
+  TitleSelect
+};
+
+const DropdownRedirect = ({
+  data,
+  children
+}) => {
+  const {
+    cluster,
+    apiVersion,
+    apiGroup,
+    namespace,
+    plural,
+    jsonPath,
+    redirectUrl,
+    currentValue,
+    placeholder = "Select...",
+    style,
+    showSearch = true,
+    loading: externalLoading
+  } = data;
+  const navigate = useNavigate();
+  const { data: multiQueryData, isLoading: isMultiQueryLoading } = useMultiQuery();
+  const partsOfUrl = usePartsOfUrl();
+  const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+    acc[index.toString()] = value;
+    return acc;
+  }, {});
+  const clusterPrepared = parseAll({ text: cluster, replaceValues, multiQueryData });
+  const apiVersionPrepared = parseAll({ text: apiVersion, replaceValues, multiQueryData });
+  const apiGroupPrepared = apiGroup ? parseAll({ text: apiGroup, replaceValues, multiQueryData }) : void 0;
+  const namespacePrepared = namespace ? parseAll({ text: namespace, replaceValues, multiQueryData }) : void 0;
+  const pluralPrepared = parseAll({ text: plural, replaceValues, multiQueryData });
+  const currentValuePrepared = currentValue ? parseAll({ text: currentValue, replaceValues, multiQueryData }) : void 0;
+  const {
+    data: resourceList,
+    isLoading: isResourceLoading,
+    isError
+  } = useK8sSmartResource({
+    cluster: clusterPrepared,
+    apiGroup: apiGroupPrepared,
+    apiVersion: apiVersionPrepared,
+    plural: pluralPrepared,
+    namespace: namespacePrepared,
+    isEnabled: Boolean(clusterPrepared && apiVersionPrepared && pluralPrepared && !isMultiQueryLoading)
+  });
+  const options = useMemo(() => {
+    if (!resourceList?.items?.length) return [];
+    return resourceList.items.map((item) => {
+      try {
+        const results = jp.query(item, `$${jsonPath}`);
+        const value = results?.[0];
+        return value !== void 0 && value !== null ? String(value) : null;
+      } catch {
+        return null;
+      }
+    }).filter((v) => v !== null).map((value) => ({ label: value, value }));
+  }, [resourceList, jsonPath]);
+  const isLoading = isMultiQueryLoading || isResourceLoading || externalLoading;
+  const handleChange = (selectedValue) => {
+    if (typeof selectedValue !== "string") return;
+    const urlWithChosenValue = redirectUrl.replace(/\{chosenEntryValue\}/g, selectedValue);
+    const finalUrl = parseAll({
+      text: urlWithChosenValue,
+      replaceValues,
+      multiQueryData
+    });
+    navigate(finalUrl);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, { size: "small" });
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Error loading resources" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Styled$m.TitleSelect,
+      {
+        value: currentValuePrepared,
+        onChange: handleChange,
+        options,
+        placeholder,
+        style,
+        showSearch,
+        filterOption: (input, option) => (option?.label ?? "").toLowerCase().includes(input.toLowerCase()),
+        variant: "borderless"
+      }
+    ),
+    children
+  ] });
+};
+
+const CopyButton = ({
+  data,
+  children
+}) => {
+  const {
+    copyText,
+    successMessage = "Copied!",
+    errorMessage = "Failed to copy",
+    buttonType = "text",
+    tooltip,
+    style
+  } = data;
+  const [messageApi, contextHolder] = message.useMessage();
+  const { data: multiQueryData, isLoading } = useMultiQuery();
+  const partsOfUrl = usePartsOfUrl();
+  const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+    acc[index.toString()] = value;
+    return acc;
+  }, {});
+  const copyTextPrepared = parseAll({ text: copyText, replaceValues, multiQueryData });
+  const handleCopy = async () => {
+    try {
+      if (copyTextPrepared !== null && copyTextPrepared !== void 0 && copyTextPrepared !== "") {
+        await navigator.clipboard.writeText(copyTextPrepared);
+        messageApi.success(successMessage);
+      } else {
+        messageApi.error(errorMessage);
+      }
+    } catch (error) {
+      console.error("Copy to clipboard failed:", error);
+      messageApi.error(errorMessage);
+    }
+  };
+  if (isLoading) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    contextHolder,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        type: buttonType,
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyOutlined, {}),
+        onClick: handleCopy,
+        title: tooltip,
+        style,
+        size: "large"
+      }
+    ),
+    children
+  ] });
+};
+
 const DynamicComponents = {
   DefaultDiv,
   antdText: AntdText,
@@ -76984,7 +77168,7 @@ const DynamicComponents = {
   NodeTerminal: NodeTerminal$1,
   PodLogs: PodLogs$1,
   YamlEditorSingleton,
-  VisibilityContainer: VisibilityContainer$1,
+  VisibilityContainer,
   ArrayOfObjectsToKeyValues,
   ItemCounter,
   Labels,
@@ -77003,7 +77187,9 @@ const DynamicComponents = {
   TogglerSegmented,
   VMVNC: VMVNC$1,
   PrometheusGraph,
-  DefaultIframe
+  DefaultIframe,
+  DropdownRedirect,
+  CopyButton
 };
 
 const prepareUrlsToFetchForDynamicRenderer = ({
@@ -83362,6 +83548,15 @@ const PodLogs = ({ cluster, namespace, podName, containers, substractHeight }) =
   ] });
 };
 
+var dayjs_min = {exports: {}};
+
+(function (module, exports) {
+	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,true),this.parse(t),this.$x=this.$x||t.x||{},this[p]=true;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,false)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case "YY":return String(e.$y).slice(-2);case "YYYY":return b.s(e.$y,4,"0");case "M":return a+1;case "MM":return b.s(a+1,2,"0");case "MMM":return h(n.monthsShort,a,c,3);case "MMMM":return h(c,a);case "D":return e.$D;case "DD":return b.s(e.$D,2,"0");case "d":return String(e.$W);case "dd":return h(n.weekdaysMin,e.$W,o,2);case "ddd":return h(n.weekdaysShort,e.$W,o,3);case "dddd":return o[e.$W];case "H":return String(s);case "HH":return b.s(s,2,"0");case "h":return d(1);case "hh":return d(2);case "a":return $(s,u,true);case "A":return $(s,u,false);case "m":return String(u);case "mm":return b.s(u,2,"0");case "s":return String(e.$s);case "ss":return b.s(e.$s,2,"0");case "SSS":return b.s(e.$ms,3,"0");case "Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,true);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=true),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O})); 
+} (dayjs_min));
+
+var dayjs_minExports = dayjs_min.exports;
+const dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
+
 const FullWidthDiv$1 = styled.div`
   display: flex;
   justify-content: center;
@@ -83375,7 +83570,19 @@ const CustomCard$1 = styled.div`
     scrollbar-width: thin;
   }
 `;
-const VisibilityContainer = styled.div`
+const EditorWrapper = styled.div`
+  position: relative;
+  width: 100%;
+`;
+const StreamingOverlay = styled.div`
+  position: absolute;
+  top: 12px;
+  left: 12px;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  background-color: ${({ $colorBgLayout }) => $colorBgLayout};
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
 `;
 const CursorPointerDiv$1 = styled.div`
@@ -83385,7 +83592,8 @@ const CursorPointerDiv$1 = styled.div`
 const Styled$6 = {
   FullWidthDiv: FullWidthDiv$1,
   CustomCard: CustomCard$1,
-  VisibilityContainer,
+  EditorWrapper,
+  StreamingOverlay,
   CursorPointerDiv: CursorPointerDiv$1
 };
 
@@ -83394,7 +83602,7 @@ const MonacoEditor = ({
   namespace,
   podName,
   container,
-  theme,
+  theme: theme$1,
   substractHeight,
   previous,
   tailLines,
@@ -83402,6 +83610,7 @@ const MonacoEditor = ({
   sinceTime,
   limitBytes
 }) => {
+  const { token } = theme.useToken();
   const [notificationApi, contextHolder] = notification.useNotification();
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState();
@@ -83480,100 +83689,190 @@ const MonacoEditor = ({
       }
     };
   }, [endpoint, namespace, podName, container, previous, tailLines, sinceSeconds, sinceTime, limitBytes, editorReady]);
+  const isDark = theme$1 === "dark";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     contextHolder,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$6.VisibilityContainer, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "start", align: "center", gap: 16, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$6.CursorPointerDiv,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$6.CustomCard, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$6.EditorWrapper, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$6.StreamingOverlay, { $isVisible: isTerminalVisible, $colorBgLayout: token.colorBgLayout, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Styled$6.CursorPointerDiv,
+          {
+            onClick: () => {
+              if (isPaused) {
+                setIsPaused(false);
+                socketRef.current?.send(
+                  JSON.stringify({
+                    type: "continue"
+                  })
+                );
+              } else {
+                setIsPaused(true);
+                socketRef.current?.send(
+                  JSON.stringify({
+                    type: "stop"
+                  })
+                );
+              }
+            },
+            children: isPaused ? /* @__PURE__ */ jsxRuntimeExports.jsx(ResumeCircleIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(PauseCircleIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: isPaused ? "Not streaming events" : "Streaming events..." })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$6.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Ft$1,
         {
-          onClick: () => {
-            if (isPaused) {
-              setIsPaused(false);
-              socketRef.current?.send(
-                JSON.stringify({
-                  type: "continue"
-                })
-              );
-            } else {
-              setIsPaused(true);
-              socketRef.current?.send(
-                JSON.stringify({
-                  type: "stop"
-                })
-              );
-            }
+          defaultLanguage: "plaintext",
+          language: "plaintext",
+          width: "100%",
+          height: `calc(100vh - ${substractHeight}px)`,
+          theme: isDark ? "vs-dark" : "vs",
+          options: {
+            theme: isDark ? "vs-dark" : "vs",
+            readOnly: true,
+            padding: { top: 56 }
           },
-          children: isPaused ? /* @__PURE__ */ jsxRuntimeExports.jsx(ResumeCircleIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(PauseCircleIcon, {})
+          onMount: handleEditorDidMount
         }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: isPaused ? "Not streaming events" : "Streaming events" })
+      ) })
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 16, $samespace: true }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$6.CustomCard, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$6.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Ft$1,
-      {
-        defaultLanguage: "plaintext",
-        language: "plaintext",
-        width: "100%",
-        height: `calc(100vh - ${substractHeight}px)`,
-        theme: theme === "dark" ? "vs-dark" : theme === void 0 ? "vs-dark" : "vs",
-        options: {
-          theme: theme === "dark" ? "vs-dark" : theme === void 0 ? "vs-dark" : "vs",
-          readOnly: true
-        },
-        onMount: handleEditorDidMount
-      }
-    ) }) }),
     isLoading && !error && /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}),
     error && /* @__PURE__ */ jsxRuntimeExports.jsx(Result, { status: "error", title: "Error", subTitle: JSON.stringify(error) })
   ] });
 };
 
-const TopRowContent = styled.div`
+const ControlsRow = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  flex-wrap: wrap;
+`;
+const ControlsLeft = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 16px;
+`;
+const ControlsRight = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 24px;
+`;
+const FiltersGroup = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;
+const ButtonsGroup = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;
+styled.div`
   height: 35px;
   display: flex;
   align-items: center;
 `;
 const CustomSelect = styled.div`
   .ant-select {
-    width: 200px;
+    width: 120px;
+
+    @media (min-width: 1420px) {
+      width: 160px;
+    }
+
+    @media (min-width: 1512px) {
+      width: 200px;
+    }
+  }
+
+  .ant-select-selection-placeholder {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 `;
-const FilterRow = styled.div`
+const FilterInput = styled.div`
+  .ant-select,
+  .ant-input-number,
+  .ant-picker {
+    width: 120px;
+    height: 32px;
+  }
+
+  .ant-select-selection-placeholder {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+`;
+styled.div`
   display: flex;
   align-items: center;
   gap: 24px;
   flex-wrap: wrap;
 `;
-const FilterGroup = styled.div`
+styled.div`
   display: flex;
   align-items: center;
   gap: 8px;
 `;
-const FilterLabel = styled.span`
+styled.span`
   font-size: 13px;
   color: ${({ $color }) => $color};
   white-space: nowrap;
 `;
-const SinceControls = styled.div`
+styled.div`
   display: flex;
   align-items: center;
   gap: 8px;
 `;
-const FilterTitle = styled.div`
+styled.div`
   font-size: 16px;
   font-weight: 500;
   color: ${({ $color }) => $color};
   margin-bottom: 8px;
 `;
+const DarkSegmented = styled.div`
+  .ant-segmented {
+    background-color: ${({ $colorBgLayout }) => $colorBgLayout};
+    height: 32px;
+  }
+
+  .ant-segmented-item {
+    color: ${({ $colorTextSecondary }) => $colorTextSecondary};
+
+    &:hover {
+      color: ${({ $colorTextSecondary }) => $colorTextSecondary};
+    }
+  }
+
+  .ant-segmented-item-selected {
+    background-color: ${({ $colorBgContainer }) => $colorBgContainer};
+    color: ${({ $colorText }) => $colorText};
+
+    &:hover {
+      color: ${({ $colorText }) => $colorText};
+    }
+  }
+
+  .ant-segmented-thumb {
+    background-color: ${({ $colorBgContainer }) => $colorBgContainer};
+  }
+`;
+const FilterButton = styled(Button)`
+  height: 32px;
+`;
 const Styled$5 = {
-  TopRowContent,
+  ControlsRow,
+  ControlsLeft,
+  ControlsRight,
+  FiltersGroup,
+  ButtonsGroup,
   CustomSelect,
-  FilterRow,
-  FilterGroup,
-  FilterLabel,
-  SinceControls,
-  FilterTitle
+  FilterInput,
+  DarkSegmented,
+  FilterButton
 };
 
 const SINCE_PRESETS = [
@@ -83586,6 +83885,14 @@ const SINCE_PRESETS = [
   { label: "12 hours", value: 43200 },
   { label: "24 hours", value: 86400 }
 ];
+const TAIL_LINES_PRESETS = [
+  { label: "50 lines", value: 50 },
+  { label: "100 lines", value: 100 },
+  { label: "200 lines", value: 200 },
+  { label: "500 lines", value: 500 },
+  { label: "1000 lines", value: 1e3 },
+  { label: "5000 lines", value: 5e3 }
+];
 
 const PodLogsMonaco = ({
   cluster,
@@ -83644,11 +83951,8 @@ const PodLogsMonaco = ({
       setPendingSinceSeconds(value);
     }
   };
-  const handleSecondsInputChange = (value) => {
-    setPendingSinceSeconds(value ?? void 0);
-  };
-  const handleSinceModeChange = (e) => {
-    setPendingSinceMode(e.target.value);
+  const handleSinceModeChange = (value) => {
+    setPendingSinceMode(value);
   };
   const handleDateTimeChange = (value) => {
     setPendingSinceTime(value);
@@ -83700,139 +84004,125 @@ const PodLogsMonaco = ({
       options: containers.map((container) => ({ value: container, label: container }))
     }
   ];
+  const disabledDate = (current) => current && current.isAfter(dayjs());
+  const disabledTime = (current) => {
+    const now = dayjs();
+    const isToday = current && current.isSame(now, "day");
+    if (!isToday) return {};
+    const currentHour = now.hour();
+    const currentMinute = now.minute();
+    const currentSecond = now.second();
+    return {
+      disabledHours: () => Array.from({ length: 24 }, (_, i) => i).filter((h) => h > currentHour),
+      disabledMinutes: (selectedHour) => selectedHour === currentHour ? Array.from({ length: 60 }, (_, i) => i).filter((m) => m > currentMinute) : [],
+      disabledSeconds: (selectedHour, selectedMinute) => selectedHour === currentHour && selectedMinute === currentMinute ? Array.from({ length: 60 }, (_, i) => i).filter((s) => s > currentSecond) : []
+    };
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     contextHolder,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.TopRowContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 16, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Select,
-        {
-          placeholder: "Select container",
-          options,
-          filterOption: filterSelectOptions,
-          disabled: containers.length === 0,
-          showSearch: true,
-          value: currentContainer,
-          onChange: (value) => {
-            setCurrentContainer(value);
-            setPrevious(false);
-          }
-        }
-      ) }),
-      currentContainer && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Select,
-        {
-          placeholder: "Select current/previous",
-          options: prevCurOptions,
-          filterOption: filterSelectOptions,
-          disabled: !withPrevious,
-          showSearch: true,
-          value: previous ? "previous" : "current",
-          onChange: (value) => {
-            if (value === "previous") {
-              setPrevious(true);
-            } else {
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.ControlsRow, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.ControlsLeft, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Select,
+          {
+            placeholder: "Container",
+            options,
+            filterOption: filterSelectOptions,
+            disabled: containers.length === 0,
+            showSearch: true,
+            value: currentContainer,
+            onChange: (value) => {
+              setCurrentContainer(value);
               setPrevious(false);
             }
           }
-        }
-      ) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterTitle, { $color: token.colorText, children: "Filters" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.FilterRow, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.FilterGroup, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterLabel, { $color: token.colorTextSecondary, children: "Tail lines:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          InputNumber,
-          {
-            min: 1,
-            placeholder: "All",
-            value: pendingTailLines,
-            onChange: (value) => setPendingTailLines(value ?? void 0),
-            style: { width: 100 }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.FilterGroup, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterLabel, { $color: token.colorTextSecondary, children: "Since:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Radio.Group, { value: pendingSinceMode, onChange: handleSinceModeChange, size: "small", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Radio.Button, { value: "relative", children: "Relative" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Radio.Button, { value: "absolute", children: "Absolute" })
-        ] })
-      ] }),
-      pendingSinceMode === "relative" && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.SinceControls, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ) }),
+        currentContainer && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Select,
           {
-            placeholder: "Preset",
-            options: SINCE_PRESETS,
-            value: matchingPreset?.value ?? null,
-            onChange: handlePresetChange,
-            allowClear: true,
-            style: { width: 100 }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          InputNumber,
-          {
-            min: 1,
-            placeholder: "sec",
-            value: pendingSinceSeconds,
-            onChange: handleSecondsInputChange,
-            style: { width: 100 },
-            addonAfter: "sec"
-          }
-        )
-      ] }),
-      pendingSinceMode === "absolute" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        DatePicker,
-        {
-          showTime: true,
-          value: pendingSinceTime,
-          onChange: handleDateTimeChange,
-          placeholder: "Select date & time"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.FilterGroup, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterLabel, { $color: token.colorTextSecondary, children: "Limit:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          InputNumber,
-          {
-            min: 1,
-            placeholder: "No limit",
-            value: pendingLimitKB,
-            onChange: (value) => setPendingLimitKB(value ?? void 0),
-            style: { width: 120 },
-            addonAfter: "KB"
+            placeholder: "Current/previous",
+            options: prevCurOptions,
+            filterOption: filterSelectOptions,
+            disabled: !withPrevious,
+            showSearch: true,
+            value: previous ? "previous" : "current",
+            onChange: (value) => {
+              if (value === "previous") {
+                setPrevious(true);
+              } else {
+                setPrevious(false);
+              }
+            }
           }
-        )
+        ) })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 8, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            size: "small",
-            onClick: handleReset,
-            style: {
-              color: "#c77777",
-              borderColor: "#c77777"
-            },
-            children: "Reset"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            size: "small",
-            onClick: handleApply,
-            style: {
-              backgroundColor: "#5a9a5a",
-              borderColor: "#5a9a5a",
-              color: "#fff"
-            },
-            children: "Apply"
-          }
-        )
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.ControlsRight, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.FiltersGroup, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterInput, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Select,
+            {
+              placeholder: "Tail lines",
+              options: TAIL_LINES_PRESETS,
+              value: pendingTailLines,
+              onChange: (value) => setPendingTailLines(value ?? void 0),
+              allowClear: true
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Styled$5.DarkSegmented,
+            {
+              $colorBgLayout: token.colorBgLayout,
+              $colorBgContainer: token.colorBgContainer,
+              $colorTextSecondary: token.colorTextSecondary,
+              $colorText: token.colorText,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Segmented,
+                {
+                  value: pendingSinceMode,
+                  onChange: handleSinceModeChange,
+                  options: [
+                    { label: "Relative", value: "relative" },
+                    { label: "Absolute", value: "absolute" }
+                  ]
+                }
+              )
+            }
+          ),
+          pendingSinceMode === "relative" && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterInput, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Select,
+            {
+              placeholder: "Time range",
+              options: SINCE_PRESETS,
+              value: matchingPreset?.value ?? null,
+              onChange: handlePresetChange,
+              allowClear: true
+            }
+          ) }),
+          pendingSinceMode === "absolute" && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterInput, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            DatePicker,
+            {
+              showTime: true,
+              value: pendingSinceTime,
+              onChange: handleDateTimeChange,
+              placeholder: "Date & time",
+              disabledDate,
+              disabledTime
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterInput, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            InputNumber,
+            {
+              min: 1,
+              placeholder: "Limit KB",
+              value: pendingLimitKB,
+              onChange: (value) => setPendingLimitKB(value ?? void 0)
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.ButtonsGroup, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterButton, { onClick: handleReset, children: "Clear" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterButton, { type: "primary", onClick: handleApply, children: "Apply" })
+        ] })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 16, $samespace: true }),