@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.98 → 0.0.1-alpha.99

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

@@ -2504,7 +2504,7 @@ const CustomTreeProvider = st.div`
     justify-content: center;
   }
 `;
-const Styled$s = {
+const Styled$t = {
   CustomTreeProvider
 };
 
@@ -2569,7 +2569,7 @@ const TreeWithSearch = ({ treeData, onSelect }) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { style: { marginBottom: 8 }, placeholder: "Search", onChange }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tree,
       {
         treeData: loop(treeData),
@@ -2681,7 +2681,7 @@ function isArrayBufferView(val) {
  *
  * @returns {boolean} True if value is a String, otherwise false
  */
-const isString = typeOfTest('string');
+const isString$1 = typeOfTest('string');
 
 /**
  * Determine if a value is a Function
@@ -2707,7 +2707,7 @@ const isNumber = typeOfTest('number');
  *
  * @returns {boolean} True if value is an Object, otherwise false
  */
-const isObject$3 = (thing) => thing !== null && typeof thing === 'object';
+const isObject$4 = (thing) => thing !== null && typeof thing === 'object';
 
 /**
  * Determine if a value is a Boolean
@@ -2724,7 +2724,7 @@ const isBoolean = thing => thing === true || thing === false;
  *
  * @returns {boolean} True if value is a plain Object, otherwise false
  */
-const isPlainObject = (val) => {
+const isPlainObject$1 = (val) => {
   if (kindOf(val) !== 'object') {
     return false;
   }
@@ -2776,7 +2776,7 @@ const isFileList = kindOfTest('FileList');
  *
  * @returns {boolean} True if value is a Stream, otherwise false
  */
-const isStream = (val) => isObject$3(val) && isFunction$1(val.pipe);
+const isStream = (val) => isObject$4(val) && isFunction$1(val.pipe);
 
 /**
  * Determine if a value is a FormData
@@ -2910,9 +2910,9 @@ function merge$2(/* obj1, obj2, obj3, ... */) {
   const result = {};
   const assignValue = (val, key) => {
     const targetKey = caseless && findKey(result, key) || key;
-    if (isPlainObject(result[targetKey]) && isPlainObject(val)) {
+    if (isPlainObject$1(result[targetKey]) && isPlainObject$1(val)) {
       result[targetKey] = merge$2(result[targetKey], val);
-    } else if (isPlainObject(val)) {
+    } else if (isPlainObject$1(val)) {
       result[targetKey] = merge$2({}, val);
     } else if (isArray(val)) {
       result[targetKey] = val.slice();
@@ -3234,7 +3234,7 @@ const toJSONObject = (obj) => {
 
   const visit = (source, i) => {
 
-    if (isObject$3(source)) {
+    if (isObject$4(source)) {
       if (stack.indexOf(source) >= 0) {
         return;
       }
@@ -3263,7 +3263,7 @@ const toJSONObject = (obj) => {
 const isAsyncFn = kindOfTest('AsyncFunction');
 
 const isThenable = (thing) =>
-  thing && (isObject$3(thing) || isFunction$1(thing)) && isFunction$1(thing.then) && isFunction$1(thing.catch);
+  thing && (isObject$4(thing) || isFunction$1(thing)) && isFunction$1(thing.then) && isFunction$1(thing.catch);
 
 const utils = {
   isArray,
@@ -3271,11 +3271,11 @@ const utils = {
   isBuffer,
   isFormData,
   isArrayBufferView,
-  isString,
+  isString: isString$1,
   isNumber,
   isBoolean,
-  isObject: isObject$3,
-  isPlainObject,
+  isObject: isObject$4,
+  isPlainObject: isPlainObject$1,
   isUndefined,
   isDate,
   isFile,
@@ -8443,14 +8443,14 @@ const ContentContainer = st.div`
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-const Styled$r = {
+const Styled$s = {
   ContentContainer
 };
 
 const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
   const { token } = theme.useToken();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$r.ContentContainer,
+    Styled$s.ContentContainer,
     {
       $flexGrow: flexGrow,
       $bgColor: token.colorBgContainer,
@@ -8511,13 +8511,13 @@ const UncontrolledSelect$1 = st(Select)`
     padding-inline: 8px;
   }
 `;
-const Styled$q = {
+const Styled$r = {
   UncontrolledSelect: UncontrolledSelect$1
 };
 
 const UncontrolledSelect = (props) => {
   const { isCursorPointer } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
 };
 
 const CustomSelect$5 = st(Select)`
@@ -8563,13 +8563,13 @@ const CustomSelect$5 = st(Select)`
     margin-block: 0 !important;
   }
 `;
-const Styled$p = {
+const Styled$q = {
   CustomSelect: CustomSelect$5
 };
 
 const CustomSelect$4 = (props) => {
   const { paddingContainerEnd, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
 };
 
 const CursorPointerTag = st(Tag)`
@@ -8679,7 +8679,7 @@ const NoWrapContainer = st.div`
     flex-wrap: nowrap !important;
   }
 `;
-const Styled$o = {
+const Styled$p = {
   PositionRelativeContainer,
   FullWidthContainer,
   NoWrapContainer
@@ -8722,9 +8722,9 @@ const CollapsibleBreadcrumb = ({ items }) => {
     };
     return [firstItem, ellipsisItem, lastItem];
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$o.PositionRelativeContainer, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.PositionRelativeContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
   ] });
 };
 
@@ -8732,12 +8732,12 @@ const HeightDiv = st.div`
   min-height: 22px;
   width: 100%;
 `;
-const Styled$n = {
+const Styled$o = {
   HeightDiv
 };
 
 const ManageableBreadcrumbs = ({ data }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
 };
 const ManageableBreadcrumbsWithDataProvider = ({
   uri,
@@ -8761,7 +8761,7 @@ const ManageableBreadcrumbsWithDataProvider = ({
     return null;
   }
   if (rawDataLoading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
   }
   if (!rawData) {
     return null;
@@ -8776,7 +8776,7 @@ const ManageableBreadcrumbsWithDataProvider = ({
     idToCompare
   });
   if (!result) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.HeightDiv, {});
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.HeightDiv, {});
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result });
 };
@@ -8867,7 +8867,7 @@ const CustomMenu = st(Menu)`
     margin: 0 !important;
   }
 `;
-const Styled$m = {
+const Styled$n = {
   CustomMenu
 };
 
@@ -8894,7 +8894,7 @@ const ManageableSidebar = ({ data, noMarginTop }) => {
     setSelectedKeys(data.selectedKeys);
   }, [data.selectedKeys]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$m.CustomMenu,
+    Styled$n.CustomMenu,
     {
       selectedKeys,
       onSelect: () => {
@@ -26171,7 +26171,7 @@ const ShortenedText = st.div`
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
-const Styled$l = {
+const Styled$m = {
   ShortenedText
 };
 
@@ -26180,7 +26180,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$l.ShortenedText, { $maxWidth: maxWidth, children: text }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.ShortenedText, { $maxWidth: maxWidth, children: text }) });
 };
 
 const FilterDropdown = ({
@@ -33757,7 +33757,7 @@ function debounce(func, wait, options) {
     throw new TypeError(FUNC_ERROR_TEXT);
   }
   wait = toNumber(wait) || 0;
-  if (isObject$2(options)) {
+  if (isObject$3(options)) {
     leading = !!options.leading;
     maxing = 'maxWait' in options;
     maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
@@ -33888,7 +33888,7 @@ function debounce(func, wait, options) {
  * _.isObject(null);
  * // => false
  */
-function isObject$2(value) {
+function isObject$3(value) {
   var type = typeof value;
   return !!value && (type == 'object' || type == 'function');
 }
@@ -33973,9 +33973,9 @@ function toNumber(value) {
   if (isSymbol(value)) {
     return NAN;
   }
-  if (isObject$2(value)) {
+  if (isObject$3(value)) {
     var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-    value = isObject$2(other) ? (other + '') : other;
+    value = isObject$3(other) ? (other + '') : other;
   }
   if (typeof value != 'string') {
     return value === 0 ? value : +value;
@@ -34437,7 +34437,7 @@ function curry$1(fn) {
   };
 }
 
-function isObject$1(value) {
+function isObject$2(value) {
   return {}.toString.call(value).includes('Object');
 }
 
@@ -34454,7 +34454,7 @@ function hasOwnProperty(object, property) {
 }
 
 function validateChanges(initial, changes) {
-  if (!isObject$1(changes)) errorHandler$1('changeType');
+  if (!isObject$2(changes)) errorHandler$1('changeType');
   if (Object.keys(changes).some(function (field) {
     return !hasOwnProperty(initial, field);
   })) errorHandler$1('changeField');
@@ -34466,15 +34466,15 @@ function validateSelector(selector) {
 }
 
 function validateHandler(handler) {
-  if (!(isFunction(handler) || isObject$1(handler))) errorHandler$1('handlerType');
-  if (isObject$1(handler) && Object.values(handler).some(function (_handler) {
+  if (!(isFunction(handler) || isObject$2(handler))) errorHandler$1('handlerType');
+  if (isObject$2(handler) && Object.values(handler).some(function (_handler) {
     return !isFunction(_handler);
   })) errorHandler$1('handlersType');
 }
 
 function validateInitial(initial) {
   if (!initial) errorHandler$1('initialIsRequired');
-  if (!isObject$1(initial)) errorHandler$1('initialType');
+  if (!isObject$2(initial)) errorHandler$1('initialType');
   if (isEmpty$1(initial)) errorHandler$1('initialContent');
 }
 
@@ -34574,7 +34574,7 @@ function curry(fn) {
   };
 }
 
-function isObject(value) {
+function isObject$1(value) {
   return {}.toString.call(value).includes('Object');
 }
 
@@ -34586,7 +34586,7 @@ function isObject(value) {
 
 function validateConfig(config) {
   if (!config) errorHandler('configIsRequired');
-  if (!isObject(config)) errorHandler('configType');
+  if (!isObject$1(config)) errorHandler('configType');
 
   if (config.urls) {
     informAboutDeprecation();
@@ -41720,7 +41720,7 @@ const BorderRadiusContainer$1 = st.div`
     border-radius: 8px;
   }
 `;
-const Styled$k = {
+const Styled$l = {
   BorderRadiusContainer: BorderRadiusContainer$1
 };
 
@@ -41729,7 +41729,7 @@ const YamlEditor = ({ theme, currentValues, onChange }) => {
   useEffect(() => {
     setYamlData(stringify(currentValues));
   }, [currentValues]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.BorderRadiusContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$l.BorderRadiusContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Ft,
     {
       defaultLanguage: "yaml",
@@ -41768,7 +41768,7 @@ const BigText$1 = st.div`
   font-size: 16px;
   line-height: 24px;
 `;
-const Styled$j = {
+const Styled$k = {
   BorderRadiusContainer,
   ControlsRowContainer: ControlsRowContainer$1,
   BigText: BigText$1
@@ -41847,7 +41847,7 @@ const YamlEditorSingleton$1 = ({
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     contextHolder,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Ft,
       {
         defaultLanguage: "yaml",
@@ -41863,7 +41863,7 @@ const YamlEditorSingleton$1 = ({
         }
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.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" })
     ] }) }),
@@ -41873,7 +41873,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$j.BigText, { children: "Error!" }) }),
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.BigText, { children: "Error!" }) }),
         cancelButtonProps: { style: { display: "none" } },
         children: [
           "An error has occurred: ",
@@ -41953,7 +41953,7 @@ const Content$1 = st.div`
   display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-const Styled$i = {
+const Styled$j = {
   Container: Container$1,
   TitleBar,
   Content: Content$1
@@ -41980,14 +41980,14 @@ const CustomCollapse = ({
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Styled$i.Container,
+    Styled$j.Container,
     {
       $designNewLayout: designNewLayout,
       $borderColor: token.colorBorder,
       $bgColor: token.colorBgContainer,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$i.TitleBar, { onClick: () => toggleCollapse(), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$j.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, {}) })
@@ -41998,7 +41998,7 @@ const CustomCollapse = ({
             persistedCheckbox
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
       ]
     }
   );
@@ -42032,13 +42032,13 @@ const CustomSizeTitle = st.div`
 const Content = st.div`
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-const Styled$h = {
+const Styled$i = {
   Content
 };
 
 const ArrayInsideContainer = ({ children }) => {
   const designNewLayout = useDesignNewLayout();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$h.Content, { $designNewLayout: designNewLayout, children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.Content, { $designNewLayout: designNewLayout, children });
 };
 
 const arraysEqual = (arr1, arr2) => {
@@ -42714,7 +42714,7 @@ const CrossContainer = st.div`
   cursor: pointer;
   padding-top: 11px;
 `;
-const Styled$g = {
+const Styled$h = {
   SwitchAndCrossContainer,
   CrossContainer
 };
@@ -42739,7 +42739,7 @@ const FormBooleanInput = ({
         onRemoveByMinus && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", type: "text", onClick: onRemoveByMinus, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MinusIcon, {}) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$g.SwitchAndCrossContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$h.SwitchAndCrossContainer, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ResetedFormItem,
         {
@@ -42749,7 +42749,7 @@ const FormBooleanInput = ({
         arrKey !== void 0 ? arrKey : Array.isArray(name) ? name.slice(-1)[0] : name
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$g.CrossContainer,
+        Styled$h.CrossContainer,
         {
           onClick: () => {
             if (makeValueUndefined) {
@@ -42947,7 +42947,7 @@ const OverflowContainer$1 = st.div`
   overflow-x: auto;
   scrollbar-width: thin;
 `;
-const ResetedFormList$2 = st(Form.List)`
+const ResetedFormList$3 = st(Form.List)`
   margin-bottom: 8px;
 `;
 const ControlsRowContainer = st.div`
@@ -42965,8 +42965,8 @@ const BigText = st.div`
   font-size: 16px;
   line-height: 24px;
 `;
-const Styled$f = {
-  ResetedFormList: ResetedFormList$2,
+const Styled$g = {
+  ResetedFormList: ResetedFormList$3,
   Container,
   OverflowContainer: OverflowContainer$1,
   ControlsRowContainer,
@@ -43213,7 +43213,7 @@ const getArrayFormItemFromSwagger = ({
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$f.ResetedFormList,
+        Styled$g.ResetedFormList,
         {
           name: arrName || name,
           rules: !forceNonRequired && required?.includes(getStringByName(name)) ? [
@@ -43940,8 +43940,8 @@ const BlackholeForm = ({
     setPersistedKeys([...persistedKeys.filter((arr) => JSON.stringify(arr) !== JSON.stringify(value))]);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$f.Container, { $designNewLayout: designNewLayout, $designNewLayoutHeight: designNewLayoutHeight, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$f.OverflowContainer, { ref: overflowRef, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$g.Container, { $designNewLayout: designNewLayout, $designNewLayoutHeight: designNewLayoutHeight, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.OverflowContainer, { ref: overflowRef, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         Form,
         {
           form,
@@ -43985,7 +43985,7 @@ const BlackholeForm = ({
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(YamlEditor, { theme: theme$1, currentValues: yamlValues || {}, onChange: onYamlChangeCallback }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(FlexGrow, {}),
-    /* @__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(Styled$g.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", onClick: onSubmit, loading: isLoading, children: "Submit" }),
       backlink && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: () => navigate(backlink), children: "Cancel" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: () => setIsDebugModalOpen(true), icon: /* @__PURE__ */ jsxRuntimeExports.jsx(BugOutlined, {}) }),
@@ -43997,7 +43997,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$f.BigText, { children: "Error!" }) }),
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.BigText, { children: "Error!" }) }),
         cancelButtonProps: { style: { display: "none" } },
         children: [
           "An error has occurred: ",
@@ -44013,7 +44013,7 @@ const BlackholeForm = ({
         onCancel: () => setIsDebugModalOpen(false),
         title: "Debug for properties",
         width: "90vw",
-        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(
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.DebugContainer, { $designNewLayoutHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Editor,
           {
             defaultLanguage: "json",
@@ -44167,12 +44167,12 @@ const CustomCard$5 = st(Card)`
     padding: 8px;
   }
 `;
-const Styled$e = {
+const Styled$f = {
   CustomCard: CustomCard$5
 };
 
 const AddCard = ({ onAddClick }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$e.CustomCard, { onClick: onAddClick, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusOutlined, {}) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$f.CustomCard, { onClick: onAddClick, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusOutlined, {}) });
 };
 
 const byteToHex = [];
@@ -44476,7 +44476,7 @@ const EditButtonContainer = st.div`
   bottom: 6px;
   right: 6px;
 `;
-const Styled$d = {
+const Styled$e = {
   CustomCard: CustomCard$4,
   ImageContainer,
   OverflowContainer,
@@ -44553,14 +44553,14 @@ const MarketplaceCard$1 = ({
     return null;
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$d.CustomCard,
+    Styled$e.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$d.ImageContainer, { dangerouslySetInnerHTML: { __html: decodedIcon } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$e.ImageContainer, { dangerouslySetInnerHTML: { __html: decodedIcon } }),
           isEditMode && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
@@ -44581,8 +44581,8 @@ const MarketplaceCard$1 = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$d.OverflowContainer, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$d.TitleContainer, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$e.OverflowContainer, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$e.TitleContainer, { children: [
             name,
             " ",
             addedMode && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
@@ -44590,10 +44590,10 @@ const MarketplaceCard$1 = ({
               k8sList?.items?.length
             ] })
           ] }),
-          /* @__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$e.TagsContainer, { children: tags.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$e.CustomTag, { children: tag }, tag)) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$e.DescriptionContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", children: description }) })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.EditButtonContainer, { children: isEditMode && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$e.EditButtonContainer, { children: isEditMode && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             onClick: (e) => {
@@ -44651,7 +44651,7 @@ const BigValue = st.div`
   line-clamp: 1;
   word-break: break-all;
 `;
-const Styled$c = {
+const Styled$d = {
   BigValue
 };
 
@@ -44762,7 +44762,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$c.BigValue, { children: "Marketplace" }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.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 }),
@@ -44966,7 +44966,7 @@ st.div`
   line-clamp: 1;
   word-break: break-all;
 `;
-const Styled$b = {
+const Styled$c = {
   ActionMenuPlaceholder};
 
 const ProjectInfoCard$1 = ({
@@ -45044,7 +45044,7 @@ const ProjectInfoCard$1 = ({
             } : void 0,
             onUpdate: updatePermission.data?.status.allowed ? openUpdate : void 0
           }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$b.ActionMenuPlaceholder, {}) }),
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$c.ActionMenuPlaceholder, {}) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownAccessGroups, { accessGroups })
       ] }) })
     ] }),
@@ -45130,7 +45130,7 @@ const FullWidthDiv$3 = st.div`
   width: 100%;
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 `;
-const Styled$a = {
+const Styled$b = {
   FullWidthDiv: FullWidthDiv$3,
   CustomCard: CustomCard$3
 };
@@ -45215,7 +45215,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$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%" } }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$b.CustomCard, { $isVisible: !isLoading && !error, $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$b.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) })
   ] });
@@ -45226,7 +45226,7 @@ const CustomSelect$3 = st.div`
     width: 200px;
   }
 `;
-const Styled$9 = {
+const Styled$a = {
   CustomSelect: CustomSelect$3
 };
 
@@ -45237,7 +45237,7 @@ const PodTerminal$1 = ({ cluster, namespace, podName, containers, substractHeigh
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "No Running Containers" });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$a.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Select,
       {
         placeholder: "Select container",
@@ -45289,7 +45289,7 @@ const ProgressContainer = st.div`
   align-items: center;
   gap: 8px;
 `;
-const Styled$8 = {
+const Styled$9 = {
   FullWidthDiv: FullWidthDiv$2,
   CustomCard: CustomCard$2,
   ProgressContainer
@@ -45421,8 +45421,8 @@ const XTerminal$1 = ({ endpoint, nodeName, profile, substractHeight }) => {
     };
   }, [terminal, endpoint, nodeName, profile]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { 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: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.CustomCard, { $isVisible: isTerminalVisible, $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.FullWidthDiv, { $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef, style: { width: "100%", height: "100%" } }) }) }),
+    !isTerminalVisible && !error && isWarmingUp && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$9.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: [
@@ -45443,7 +45443,7 @@ const CustomSelect$2 = st.div`
     width: 200px;
   }
 `;
-const Styled$7 = {
+const Styled$8 = {
   CustomSelect: CustomSelect$2
 };
 
@@ -45452,7 +45452,7 @@ const NodeTerminal$1 = ({ 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$7.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$8.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Select,
       {
         placeholder: "Select profile",
@@ -45491,7 +45491,7 @@ const FullWidthDiv$1 = st.div`
   width: 100%;
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 `;
-const Styled$6 = {
+const Styled$7 = {
   FullWidthDiv: FullWidthDiv$1,
   CustomCard: CustomCard$1
 };
@@ -45572,7 +45572,7 @@ const XTerminal = ({ endpoint, namespace, podName, container, substractHeight })
     };
   }, [terminal, endpoint, namespace, podName, container]);
   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%" } }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.CustomCard, { $isVisible: isTerminalVisible, $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.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) })
   ] });
@@ -45583,7 +45583,7 @@ const CustomSelect$1 = st.div`
     width: 200px;
   }
 `;
-const Styled$5 = {
+const Styled$6 = {
   CustomSelect: CustomSelect$1
 };
 
@@ -45594,7 +45594,7 @@ const PodLogs$1 = ({ 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$5.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$6.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Select,
       {
         placeholder: "Select container",
@@ -45644,7 +45644,7 @@ const CursorPointerDiv = st.div`
   cursor: pointer;
   user-select: none;
 `;
-const Styled$4 = {
+const Styled$5 = {
   FullWidthDiv,
   CustomCard,
   VisibilityContainer: VisibilityContainer$2,
@@ -45718,9 +45718,9 @@ const MonacoEditor = ({
     };
   }, [endpoint, namespace, podName, container, previous]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { 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$5.VisibilityContainer, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "start", align: "center", gap: 16, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$4.CursorPointerDiv,
+        Styled$5.CursorPointerDiv,
         {
           onClick: () => {
             if (isPaused) {
@@ -45745,7 +45745,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$4.CustomCard, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$4.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.CustomCard, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Ft,
       {
         defaultLanguage: "plaintext",
@@ -45776,7 +45776,7 @@ const CustomSelect = st.div`
     width: 200px;
   }
 `;
-const Styled$3 = {
+const Styled$4 = {
   TopRowContent,
   CustomSelect
 };
@@ -45822,8 +45822,8 @@ const PodLogsMonaco = ({
     }
   ];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$3.TopRowContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 16, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$3.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$4.TopRowContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 16, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$4.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Select,
         {
           placeholder: "Select container",
@@ -45838,7 +45838,7 @@ const PodLogsMonaco = ({
           }
         }
       ) }),
-      currentContainer && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$3.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      currentContainer && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$4.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Select,
         {
           placeholder: "Select current/previous",
@@ -46751,7 +46751,7 @@ const YamlEditorSingleton = ({
 const VisibilityContainer$1 = st.div`
   display: ${({ $hidden }) => $hidden ? "none" : "block"};
 `;
-const Styled$2 = {
+const Styled$3 = {
   VisibilityContainer: VisibilityContainer$1
 };
 
@@ -46774,7 +46774,7 @@ const VisibilityContainer = ({
   if (isMultiqueryLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.VisibilityContainer, { $hidden: valuePrepared === "~undefined-value~", children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$3.VisibilityContainer, { $hidden: valuePrepared === "~undefined-value~", children });
 };
 
 const unknownToString = (value) => {
@@ -46863,7 +46863,7 @@ const ArrayOfObjectsToKeyValues = ({ data, children }) => {
 };
 
 const flattenOnce$2 = (arr) => arr.reduce((acc, row) => [...acc, ...row], []);
-const getItemsInside$3 = (value) => {
+const getItemsInside$4 = (value) => {
   if (!Array.isArray(value)) {
     return { error: "Value on jsonPath is not an array" };
   }
@@ -46911,7 +46911,7 @@ const ItemCounter = ({
     return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, children: errorText });
   }
   const anythingForNow = jp.query(jsonRoot, `$${jsonPathToArray}`);
-  const { counter, error: errorArrayOfObjects } = getItemsInside$3(anythingForNow);
+  const { counter, error: errorArrayOfObjects } = getItemsInside$4(anythingForNow);
   if (errorArrayOfObjects) {
     console.log(`Item Counter: ${id}: ${errorArrayOfObjects}`);
     return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, children: errorText });
@@ -46924,7 +46924,7 @@ const ItemCounter = ({
   ] });
 };
 
-const getItemsInside$2 = (value) => {
+const getItemsInside$3 = (value) => {
   if (!Array.isArray(value)) {
     return { error: "Value on jsonPath is not an array" };
   }
@@ -46968,7 +46968,7 @@ const KeyCounter = ({
     return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, children: errorText });
   }
   const anythingForNow = jp.query(jsonRoot, `$${jsonPathToObj}`);
-  const { counter, error: errorArrayOfObjects } = getItemsInside$2(anythingForNow);
+  const { counter, error: errorArrayOfObjects } = getItemsInside$3(anythingForNow);
   if (errorArrayOfObjects) {
     console.log(`Key Counter: ${id}: ${errorArrayOfObjects}`);
     return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, children: errorText });
@@ -46998,7 +46998,7 @@ const truncate = (text, max) => {
   return text.length > max ? text.slice(0, max) + "..." : text;
 };
 
-const EditModal$2 = ({
+const EditModal$3 = ({
   open,
   close,
   values,
@@ -47011,7 +47011,9 @@ const EditModal$2 = ({
   endpoint,
   pathToValue,
   editModalWidth,
-  paddingContainerEnd
+  paddingContainerEnd,
+  modalDescriptionTextStyle,
+  inputLabelStyle
 }) => {
   const queryClient = useQueryClient();
   const [error, setError] = useState();
@@ -47070,11 +47072,11 @@ const EditModal$2 = ({
       children: [
         error && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { type: "error", message: "Error while submitting", description: error?.response?.data?.message }),
         modalDescriptionText && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: modalDescriptionText }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: modalDescriptionTextStyle, children: modalDescriptionText }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Form, { form, children: [
-          inputLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(CustomSizeTitle, { $designNewLayout: true, children: inputLabel }),
+          inputLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(CustomSizeTitle, { $designNewLayout: true, style: inputLabelStyle, children: inputLabel }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ResetedFormItem,
@@ -47137,7 +47139,9 @@ const Labels = ({ data, children }) => {
     notificationSuccessMessageDescription,
     modalTitle,
     modalDescriptionText,
+    modalDescriptionTextStyle,
     inputLabel,
+    inputLabelStyle,
     containerStyle,
     maxEditTagTextLength,
     allowClearEditSelect,
@@ -47224,7 +47228,7 @@ const Labels = ({ data, children }) => {
     children,
     contextHolder,
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      EditModal$2,
+      EditModal$3,
       {
         open,
         close: () => setOpen(false),
@@ -47237,7 +47241,9 @@ const Labels = ({ data, children }) => {
         endpoint: endpointPrepared,
         pathToValue: pathToValuePrepared,
         editModalWidth,
-        paddingContainerEnd
+        paddingContainerEnd,
+        modalDescriptionTextStyle,
+        inputLabelStyle
       }
     )
   ] });
@@ -47288,7 +47294,7 @@ const Labels = ({ data, children }) => {
     children,
     contextHolder,
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      EditModal$2,
+      EditModal$3,
       {
         open,
         close: () => setOpen(false),
@@ -47302,7 +47308,9 @@ const Labels = ({ data, children }) => {
         endpoint: endpointPrepared,
         pathToValue: pathToValuePrepared,
         editModalWidth,
-        paddingContainerEnd
+        paddingContainerEnd,
+        modalDescriptionTextStyle,
+        inputLabelStyle
       }
     )
   ] });
@@ -47326,6 +47334,7 @@ const LabelsToSearchParams = ({ data, children }) => {
     reqIndex,
     jsonPathToLabels,
     linkPrefix,
+    errorText,
     ...linkProps
   } = data;
   const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
@@ -47349,15 +47358,23 @@ const LabelsToSearchParams = ({ data, children }) => {
   }
   const anythingForNow = jp.query(jsonRoot, `$${jsonPathToLabels}`);
   const { data: labelsRaw, error: errorArrayOfObjects } = parseArrayOfAny(anythingForNow);
+  const linkPrefixPrepared = parseAll({ text: linkPrefix, replaceValues, multiQueryData });
   if (!labelsRaw) {
     if (errorArrayOfObjects) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: errorArrayOfObjects });
+      console.log(errorArrayOfObjects);
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography.Link, { href: linkPrefixPrepared, ...linkProps, children: [
+        errorText,
+        children
+      ] });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Not a valid data structure" });
+    console.log("Not a valid data structure");
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography.Link, { href: linkPrefixPrepared, ...linkProps, children: [
+      errorText,
+      children
+    ] });
   }
   const labels = Object.entries(labelsRaw).map(([key, value]) => `${key}=${value}`).join(",");
   const labelsEncoded = encodeURIComponent(labels);
-  const linkPrefixPrepared = parseAll({ text: linkPrefix, replaceValues, multiQueryData });
   const hrefPrepared = `${linkPrefixPrepared}?${labelsEncoded}`;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography.Link, { href: hrefPrepared, ...linkProps, children: [
     labels,
@@ -47365,14 +47382,14 @@ const LabelsToSearchParams = ({ data, children }) => {
   ] });
 };
 
-const ResetedFormList$1 = st(Form.List)`
+const ResetedFormList$2 = st(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled$1 = {
-  ResetedFormList: ResetedFormList$1
+const Styled$2 = {
+  ResetedFormList: ResetedFormList$2
 };
 
-const EditModal$1 = ({
+const EditModal$2 = ({
   open,
   close,
   values,
@@ -47383,7 +47400,9 @@ const EditModal$1 = ({
   endpoint,
   pathToValue,
   editModalWidth,
-  cols
+  cols,
+  modalDescriptionTextStyle,
+  inputLabelStyle
 }) => {
   const queryClient = useQueryClient();
   const [error, setError] = useState();
@@ -47438,11 +47457,11 @@ const EditModal$1 = ({
       children: [
         error && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { type: "error", message: "Error while submitting", description: error?.response?.data?.message }),
         modalDescriptionText && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: modalDescriptionText }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: modalDescriptionTextStyle, children: modalDescriptionText }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Form, { form, children: [
-          inputLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(CustomSizeTitle, { $designNewLayout: true, children: inputLabel }),
+          inputLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(CustomSizeTitle, { $designNewLayout: true, style: inputLabelStyle, children: inputLabel }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { gutter: [16, 16], children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Key" }) }),
@@ -47451,7 +47470,7 @@ const EditModal$1 = ({
             /* @__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$1.ResetedFormList, { name: "taints", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$2.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,
@@ -47523,7 +47542,7 @@ const filterTaintLikes = (input) => {
   if (!Array.isArray(input)) return [];
   return input.filter(isTaintLike);
 };
-const getItemsInside$1 = (value) => {
+const getItemsInside$2 = (value) => {
   if (!Array.isArray(value)) {
     return { error: "Value on jsonPath is not an array" };
   }
@@ -47550,7 +47569,9 @@ const Taints = ({ data, children }) => {
     notificationSuccessMessageDescription,
     modalTitle,
     modalDescriptionText,
+    modalDescriptionTextStyle,
     inputLabel,
+    inputLabelStyle,
     containerStyle,
     endpoint,
     pathToValue,
@@ -47580,7 +47601,7 @@ const Taints = ({ data, children }) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, children: errorText });
   }
   const anythingForNow = jp.query(jsonRoot, `$${jsonPathToArray}`);
-  const { counter, taints, error: errorArrayOfObjects } = getItemsInside$1(anythingForNow);
+  const { counter, taints, error: errorArrayOfObjects } = getItemsInside$2(anythingForNow);
   const notificationSuccessMessagePrepared = notificationSuccessMessage ? parseAll({
     text: notificationSuccessMessage,
     replaceValues,
@@ -47624,7 +47645,7 @@ const Taints = ({ data, children }) => {
       ] }) }),
       contextHolder,
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        EditModal$1,
+        EditModal$2,
         {
           open,
           close: () => setOpen(false),
@@ -47636,7 +47657,9 @@ const Taints = ({ data, children }) => {
           endpoint: endpointPrepared,
           pathToValue: pathToValuePrepared,
           editModalWidth,
-          cols
+          cols,
+          modalDescriptionTextStyle,
+          inputLabelStyle
         }
       )
     ] });
@@ -47664,7 +47687,7 @@ const Taints = ({ data, children }) => {
     ] }),
     contextHolder,
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      EditModal$1,
+      EditModal$2,
       {
         open,
         close: () => setOpen(false),
@@ -47676,20 +47699,22 @@ const Taints = ({ data, children }) => {
         endpoint: endpointPrepared,
         pathToValue: pathToValuePrepared,
         editModalWidth,
-        cols
+        cols,
+        modalDescriptionTextStyle,
+        inputLabelStyle
       }
     )
   ] });
 };
 
-const ResetedFormList = st(Form.List)`
+const ResetedFormList$1 = st(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled = {
-  ResetedFormList
+const Styled$1 = {
+  ResetedFormList: ResetedFormList$1
 };
 
-const EditModal = ({
+const EditModal$1 = ({
   open,
   close,
   values,
@@ -47700,7 +47725,9 @@ const EditModal = ({
   endpoint,
   pathToValue,
   editModalWidth,
-  cols
+  cols,
+  modalDescriptionTextStyle,
+  inputLabelStyle
 }) => {
   const queryClient = useQueryClient();
   const [error, setError] = useState();
@@ -47756,11 +47783,11 @@ const EditModal = ({
       children: [
         error && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { type: "error", message: "Error while submitting", description: error?.response?.data?.message }),
         modalDescriptionText && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: modalDescriptionText }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: modalDescriptionTextStyle, children: modalDescriptionText }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Form, { form, children: [
-          inputLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(CustomSizeTitle, { $designNewLayout: true, children: inputLabel }),
+          inputLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(CustomSizeTitle, { $designNewLayout: true, style: inputLabelStyle, children: inputLabel }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { gutter: [16, 16], children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
@@ -47778,7 +47805,7 @@ const EditModal = ({
             /* @__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.ResetedFormList, { name: "tolerations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.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,
@@ -47831,9 +47858,6 @@ const EditModal = ({
                         if (op === "Equal" && (!v || v === "")) {
                           return Promise.reject(new Error("Value is required when operator is Equal."));
                         }
-                        if (op === "Exists" && v) {
-                          return Promise.reject(new Error("Value must be empty when operator is Exists."));
-                        }
                         return Promise.resolve();
                       }
                     })
@@ -47846,12 +47870,6 @@ const EditModal = ({
                 {
                   ...restField,
                   name: [name, "effect"],
-                  rules: [
-                    { required: true, message: "Effect is required." },
-                    {
-                      validator: (_, v) => v && effectOptions.includes(v) ? Promise.resolve() : Promise.reject(new Error("Select a valid effect."))
-                    }
-                  ],
                   children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     Select,
                     {
@@ -47895,7 +47913,7 @@ const filterTolerations = (input) => {
   if (!Array.isArray(input)) return [];
   return input.filter(isToleration);
 };
-const getItemsInside = (value) => {
+const getItemsInside$1 = (value) => {
   if (!Array.isArray(value)) {
     return { error: "Value on jsonPath is not an array" };
   }
@@ -47924,7 +47942,9 @@ const Tolerations = ({
     notificationSuccessMessageDescription,
     modalTitle,
     modalDescriptionText,
+    modalDescriptionTextStyle,
     inputLabel,
+    inputLabelStyle,
     containerStyle,
     endpoint,
     pathToValue,
@@ -47954,7 +47974,7 @@ const Tolerations = ({
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: containerStyle, children: errorText });
   }
   const anythingForNow = jp.query(jsonRoot, `$${jsonPathToArray}`);
-  const { counter, tolerations, error: errorArrayOfObjects } = getItemsInside(anythingForNow);
+  const { counter, tolerations, error: errorArrayOfObjects } = getItemsInside$1(anythingForNow);
   const notificationSuccessMessagePrepared = notificationSuccessMessage ? parseAll({
     text: notificationSuccessMessage,
     replaceValues,
@@ -47997,7 +48017,7 @@ const Tolerations = ({
       ] }) }),
       contextHolder,
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        EditModal,
+        EditModal$1,
         {
           open,
           close: () => setOpen(false),
@@ -48009,7 +48029,9 @@ const Tolerations = ({
           endpoint: endpointPrepared,
           pathToValue: pathToValuePrepared,
           editModalWidth,
-          cols
+          cols,
+          modalDescriptionTextStyle,
+          inputLabelStyle
         }
       )
     ] });
@@ -48037,7 +48059,7 @@ const Tolerations = ({
     ] }),
     contextHolder,
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      EditModal,
+      EditModal$1,
       {
         open,
         close: () => setOpen(false),
@@ -48049,7 +48071,290 @@ const Tolerations = ({
         endpoint: endpointPrepared,
         pathToValue: pathToValuePrepared,
         editModalWidth,
-        cols
+        cols,
+        modalDescriptionTextStyle,
+        inputLabelStyle
+      }
+    )
+  ] });
+};
+
+const ResetedFormList = st(Form.List)`
+  margin-bottom: 8px;
+`;
+const Styled = {
+  ResetedFormList
+};
+
+const EditModal = ({
+  open,
+  close,
+  values,
+  openNotificationSuccess,
+  modalTitle,
+  modalDescriptionText,
+  inputLabel,
+  endpoint,
+  pathToValue,
+  editModalWidth,
+  cols,
+  modalDescriptionTextStyle,
+  inputLabelStyle
+}) => {
+  const queryClient = useQueryClient();
+  const [error, setError] = useState();
+  const [isLoading, setIsLoading] = useState(false);
+  const [form] = Form.useForm();
+  const annotations = Form.useWatch("annotations", form);
+  useEffect(() => {
+    if (open) {
+      form.setFieldsValue({
+        annotations: values ? Object.entries(values).map(([key, value]) => ({
+          key,
+          value
+        })) : []
+      });
+    }
+  }, [open, form]);
+  const submit = () => {
+    form.validateFields().then(() => {
+      const result = {};
+      annotations.forEach(({ key, value }) => {
+        result[key] = value || "";
+      });
+      console.log(JSON.stringify(result));
+      setIsLoading(true);
+      setError(void 0);
+      patchEntryWithReplaceOp({ endpoint, pathToValue, body: result }).then(() => {
+        queryClient.invalidateQueries({ queryKey: ["multi"] });
+        if (openNotificationSuccess) {
+          openNotificationSuccess();
+        }
+        setIsLoading(false);
+        setError(void 0);
+        close();
+      }).catch((error2) => {
+        setIsLoading(false);
+        setError(error2);
+      });
+    }).catch(() => console.log("Validating error"));
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Modal,
+    {
+      title: modalTitle,
+      open,
+      onOk: () => submit(),
+      onCancel: () => {
+        close();
+        form.resetFields();
+        setIsLoading(false);
+        setError(void 0);
+      },
+      okText: "Save",
+      confirmLoading: isLoading,
+      maskClosable: false,
+      width: editModalWidth || 520,
+      destroyOnHidden: true,
+      centered: true,
+      children: [
+        error && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { type: "error", message: "Error while submitting", description: error?.response?.data?.message }),
+        modalDescriptionText && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: modalDescriptionTextStyle, children: modalDescriptionText }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Form, { form, children: [
+          inputLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(CustomSizeTitle, { $designNewLayout: true, style: inputLabelStyle, children: inputLabel }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { gutter: [16, 16], children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Key" }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[1], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Value" }) }),
+            /* @__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.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,
+                {
+                  ...restField,
+                  name: [name, "key"],
+                  rules: [{ required: true, message: "Key is required" }],
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { placeholder: "key" })
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[1], children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResetedFormItem, { ...restField, name: [name, "value"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { placeholder: "value" }) }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[2], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", type: "text", onClick: () => remove(name), children: /* @__PURE__ */ jsxRuntimeExports.jsx(MinusIcon, {}) }) })
+            ] }, key)),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ResetedFormItem, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "text", size: "small", onClick: () => add(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusIcon, {}) }) })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+};
+
+const isObject = (x) => typeof x === "object" && x !== null;
+const isPlainObject = (x) => isObject(x) && !Array.isArray(x) && (Object.getPrototypeOf(x) === Object.prototype || Object.getPrototypeOf(x) === null);
+const isString = (v) => typeof v === "string";
+const isStringNumberRecord = (x) => isPlainObject(x) && Object.values(x).every(isString);
+const getItemsInside = (value) => {
+  if (!Array.isArray(value)) {
+    return { error: "Value on jsonPath is not an array" };
+  }
+  if (typeof value[0] !== "object" || value[0] === null) {
+    return { counter: 0, annotations: isStringNumberRecord(value[0]) ? value[0] : void 0 };
+  }
+  return { counter: Object.keys(value[0]).length, annotations: isStringNumberRecord(value[0]) ? value[0] : void 0 };
+};
+
+const Annotations = ({
+  data,
+  children
+}) => {
+  const {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    id,
+    reqIndex,
+    jsonPathToObj,
+    text,
+    errorText,
+    notificationSuccessMessage,
+    notificationSuccessMessageDescription,
+    modalTitle,
+    modalDescriptionText,
+    modalDescriptionTextStyle,
+    inputLabel,
+    inputLabelStyle,
+    containerStyle,
+    endpoint,
+    pathToValue,
+    editModalWidth,
+    cols
+  } = data;
+  const [api, contextHolder] = notification.useNotification();
+  const [open, setOpen] = useState(false);
+  const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+  const partsOfUrl = usePartsOfUrl();
+  if (isMultiQueryLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
+  }
+  if (isMultiQueryErrors) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+    ] });
+  }
+  const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+    acc[index.toString()] = value;
+    return acc;
+  }, {});
+  const jsonRoot = multiQueryData[`req${reqIndex}`];
+  if (jsonRoot === void 0) {
+    console.log("Item Counter: ${id}: No root for json path");
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: containerStyle, children: errorText });
+  }
+  const anythingForNow = jp.query(jsonRoot, `$${jsonPathToObj}`);
+  const { counter, annotations, error: errorArrayOfObjects } = getItemsInside(anythingForNow);
+  const notificationSuccessMessagePrepared = notificationSuccessMessage ? parseAll({
+    text: notificationSuccessMessage,
+    replaceValues,
+    multiQueryData
+  }) : "Success";
+  const notificationSuccessMessageDescriptionPrepared = notificationSuccessMessageDescription ? parseAll({
+    text: notificationSuccessMessageDescription,
+    replaceValues,
+    multiQueryData
+  }) : "Success";
+  const modalTitlePrepared = modalTitle ? parseAll({ text: modalTitle, replaceValues, multiQueryData }) : "Edit";
+  const modalDescriptionTextPrepared = modalDescriptionText ? parseAll({ text: modalDescriptionText, replaceValues, multiQueryData }) : void 0;
+  const inputLabelPrepared = inputLabel ? parseAll({ text: inputLabel, replaceValues, multiQueryData }) : void 0;
+  const endpointPrepared = endpoint ? parseAll({ text: endpoint, replaceValues, multiQueryData }) : "no-endpoint-provided";
+  const pathToValuePrepared = pathToValue ? parseAll({ text: pathToValue, replaceValues, multiQueryData }) : "no-pathToValue-provided";
+  const openNotificationSuccess = () => {
+    api.success({
+      message: notificationSuccessMessagePrepared,
+      description: notificationSuccessMessageDescriptionPrepared,
+      placement: "bottomRight"
+    });
+  };
+  if (errorArrayOfObjects) {
+    console.log(`Item Counter: ${id}: ${errorArrayOfObjects}`);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 8, children: [
+        errorText,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            type: "text",
+            size: "small",
+            onClick: (e) => {
+              e.stopPropagation();
+              setOpen(true);
+            },
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, {})
+          }
+        )
+      ] }) }),
+      contextHolder,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        EditModal,
+        {
+          open,
+          close: () => setOpen(false),
+          values: annotations,
+          openNotificationSuccess,
+          modalTitle: modalTitlePrepared,
+          modalDescriptionText: modalDescriptionTextPrepared,
+          inputLabel: inputLabelPrepared,
+          endpoint: endpointPrepared,
+          pathToValue: pathToValuePrepared,
+          editModalWidth,
+          cols,
+          modalDescriptionTextStyle,
+          inputLabelStyle
+        }
+      )
+    ] });
+  }
+  const parsedText = parseAll({ text, replaceValues, multiQueryData });
+  const parsedTextWithCounter = parsedText.replace("~counter~", String(counter || 0));
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 8, children: [
+        parsedTextWithCounter,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            type: "text",
+            size: "small",
+            onClick: (e) => {
+              e.stopPropagation();
+              setOpen(true);
+            },
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, {})
+          }
+        )
+      ] }),
+      children
+    ] }),
+    contextHolder,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      EditModal,
+      {
+        open,
+        close: () => setOpen(false),
+        values: annotations,
+        openNotificationSuccess,
+        modalTitle: modalTitlePrepared,
+        modalDescriptionText: modalDescriptionTextPrepared,
+        inputLabel: inputLabelPrepared,
+        endpoint: endpointPrepared,
+        pathToValue: pathToValuePrepared,
+        editModalWidth,
+        cols,
+        modalDescriptionTextStyle,
+        inputLabelStyle
       }
     )
   ] });
@@ -48086,7 +48391,8 @@ const DynamicComponents = {
   LabelsToSearchParams,
   KeyCounter,
   Taints,
-  Tolerations
+  Tolerations,
+  Annotations
 };
 
 const prepareUrlsToFetchForDynamicRenderer = ({