@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.137 → 0.0.1-alpha.139

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

@@ -1,9 +1,27 @@
-import o, { useRef, useContext, useDebugValue, createElement, useState, useLayoutEffect, useEffect, Fragment, createContext, useMemo, isValidElement, cloneElement, useCallback, useInsertionEffect, useSyncExternalStore, memo, Suspense } from 'react';
+import styled, { createGlobalStyle } from 'styled-components';
+import K, { useState, useRef, useLayoutEffect, useEffect, Fragment, createContext, useContext, useMemo, createElement, isValidElement, cloneElement, useCallback, useInsertionEffect, useSyncExternalStore, memo, Suspense } from 'react';
 import { Input, Tree, Modal, Alert, theme, Select, Tag, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Flex, Typography, Card, Row, Col, Tabs, Form, Popover, notification, Dropdown, Table, Slider, InputNumber, Switch, Result, Progress, Checkbox } from 'antd';
 import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, PlusOutlined, ClearOutlined, MinusOutlined, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, EyeOutlined, EyeInvisibleOutlined, SearchOutlined, MoreOutlined, CheckOutlined, CloseOutlined, BugOutlined, EllipsisOutlined } from '@ant-design/icons';
 import { useQuery, useQueries, useQueryClient } from '@tanstack/react-query';
 import { Link, useNavigate, useLocation, useParams, useSearchParams } from 'react-router-dom';
 
+const Spacer$1 = styled.div`
+  height: ${({ $space, $spaceMob, $samespace }) => {
+  if ($spaceMob) {
+    return $spaceMob;
+  }
+  if ($space && $samespace) {
+    return $space;
+  }
+  return 24;
+}}px;
+  width: 100%;
+
+  @media (min-width: 1024px) {
+    height: ${({ $space }) => $space ?? "48"}px;
+  }
+`;
+
 function getDefaultExportFromCjs$1 (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -198,960 +216,12 @@ process.umask = function() { return 0; };
 var browserExports = browser.exports;
 const process$1 = /*@__PURE__*/getDefaultExportFromCjs$1(browserExports);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-var __assign = function() {
-  __assign = Object.assign || function __assign(t) {
-      for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-      return t;
-  };
-  return __assign.apply(this, arguments);
-};
-
-function __spreadArray(to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-      if (ar || !(i in from)) {
-          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-          ar[i] = from[i];
-      }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-function memoize(fn) {
-  var cache = Object.create(null);
-  return function (arg) {
-    if (cache[arg] === undefined) cache[arg] = fn(arg);
-    return cache[arg];
-  };
-}
-
-// eslint-disable-next-line no-undef
-var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
-
-var isPropValid = /* #__PURE__ */memoize(function (prop) {
-  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
-  /* o */
-  && prop.charCodeAt(1) === 110
-  /* n */
-  && prop.charCodeAt(2) < 91;
-}
-/* Z+1 */
-);
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
-var MS = '-ms-';
-var MOZ = '-moz-';
-var WEBKIT = '-webkit-';
-
-var COMMENT = 'comm';
-var RULESET = 'rule';
-var DECLARATION = 'decl';
-var IMPORT = '@import';
-var NAMESPACE = '@namespace';
-var KEYFRAMES = '@keyframes';
-var LAYER = '@layer';
-
-/**
- * @param {number}
- * @return {number}
- */
-var abs = Math.abs;
-
-/**
- * @param {number}
- * @return {string}
- */
-var from = String.fromCharCode;
-
-/**
- * @param {object}
- * @return {object}
- */
-var assign = Object.assign;
-
-/**
- * @param {string} value
- * @param {number} length
- * @return {number}
- */
-function hash (value, length) {
-	return charat(value, 0) ^ 45 ? (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3) : 0
-}
-
-/**
- * @param {string} value
- * @return {string}
- */
-function trim$1 (value) {
-	return value.trim()
-}
-
-/**
- * @param {string} value
- * @param {RegExp} pattern
- * @return {string?}
- */
-function match (value, pattern) {
-	return (value = pattern.exec(value)) ? value[0] : value
-}
-
-/**
- * @param {string} value
- * @param {(string|RegExp)} pattern
- * @param {string} replacement
- * @return {string}
- */
-function replace (value, pattern, replacement) {
-	return value.replace(pattern, replacement)
-}
-
-/**
- * @param {string} value
- * @param {string} search
- * @param {number} position
- * @return {number}
- */
-function indexof (value, search, position) {
-	return value.indexOf(search, position)
-}
-
-/**
- * @param {string} value
- * @param {number} index
- * @return {number}
- */
-function charat (value, index) {
-	return value.charCodeAt(index) | 0
-}
-
-/**
- * @param {string} value
- * @param {number} begin
- * @param {number} end
- * @return {string}
- */
-function substr (value, begin, end) {
-	return value.slice(begin, end)
-}
-
-/**
- * @param {string} value
- * @return {number}
- */
-function strlen (value) {
-	return value.length
-}
-
-/**
- * @param {any[]} value
- * @return {number}
- */
-function sizeof (value) {
-	return value.length
-}
-
-/**
- * @param {any} value
- * @param {any[]} array
- * @return {any}
- */
-function append (value, array) {
-	return array.push(value), value
-}
-
-/**
- * @param {string[]} array
- * @param {function} callback
- * @return {string}
- */
-function combine (array, callback) {
-	return array.map(callback).join('')
-}
-
-/**
- * @param {string[]} array
- * @param {RegExp} pattern
- * @return {string[]}
- */
-function filter (array, pattern) {
-	return array.filter(function (value) { return !match(value, pattern) })
-}
-
-var line = 1;
-var column = 1;
-var length = 0;
-var position = 0;
-var character = 0;
-var characters = '';
-
-/**
- * @param {string} value
- * @param {object | null} root
- * @param {object | null} parent
- * @param {string} type
- * @param {string[] | string} props
- * @param {object[] | string} children
- * @param {object[]} siblings
- * @param {number} length
- */
-function node (value, root, parent, type, props, children, length, siblings) {
-	return {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: '', siblings: siblings}
-}
-
-/**
- * @param {object} root
- * @param {object} props
- * @return {object}
- */
-function copy (root, props) {
-	return assign(node('', null, null, '', null, null, 0, root.siblings), root, {length: -root.length}, props)
-}
-
-/**
- * @param {object} root
- */
-function lift (root) {
-	while (root.root)
-		root = copy(root.root, {children: [root]});
-
-	append(root, root.siblings);
-}
-
-/**
- * @return {number}
- */
-function char () {
-	return character
-}
-
-/**
- * @return {number}
- */
-function prev () {
-	character = position > 0 ? charat(characters, --position) : 0;
-
-	if (column--, character === 10)
-		column = 1, line--;
-
-	return character
-}
-
-/**
- * @return {number}
- */
-function next () {
-	character = position < length ? charat(characters, position++) : 0;
-
-	if (column++, character === 10)
-		column = 1, line++;
-
-	return character
-}
-
-/**
- * @return {number}
- */
-function peek () {
-	return charat(characters, position)
-}
-
-/**
- * @return {number}
- */
-function caret () {
-	return position
-}
-
-/**
- * @param {number} begin
- * @param {number} end
- * @return {string}
- */
-function slice (begin, end) {
-	return substr(characters, begin, end)
-}
-
-/**
- * @param {number} type
- * @return {number}
- */
-function token (type) {
-	switch (type) {
-		// \0 \t \n \r \s whitespace token
-		case 0: case 9: case 10: case 13: case 32:
-			return 5
-		// ! + , / > @ ~ isolate token
-		case 33: case 43: case 44: case 47: case 62: case 64: case 126:
-		// ; { } breakpoint token
-		case 59: case 123: case 125:
-			return 4
-		// : accompanied token
-		case 58:
-			return 3
-		// " ' ( [ opening delimit token
-		case 34: case 39: case 40: case 91:
-			return 2
-		// ) ] closing delimit token
-		case 41: case 93:
-			return 1
-	}
-
-	return 0
-}
-
-/**
- * @param {string} value
- * @return {any[]}
- */
-function alloc (value) {
-	return line = column = 1, length = strlen(characters = value), position = 0, []
-}
-
-/**
- * @param {any} value
- * @return {any}
- */
-function dealloc (value) {
-	return characters = '', value
-}
-
-/**
- * @param {number} type
- * @return {string}
- */
-function delimit (type) {
-	return trim$1(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))
-}
-
-/**
- * @param {number} type
- * @return {string}
- */
-function whitespace (type) {
-	while (character = peek())
-		if (character < 33)
-			next();
-		else
-			break
-
-	return token(type) > 2 || token(character) > 3 ? '' : ' '
-}
-
-/**
- * @param {number} index
- * @param {number} count
- * @return {string}
- */
-function escaping (index, count) {
-	while (--count && next())
-		// not 0-9 A-F a-f
-		if (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))
-			break
-
-	return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))
-}
-
-/**
- * @param {number} type
- * @return {number}
- */
-function delimiter (type) {
-	while (next())
-		switch (character) {
-			// ] ) " '
-			case type:
-				return position
-			// " '
-			case 34: case 39:
-				if (type !== 34 && type !== 39)
-					delimiter(character);
-				break
-			// (
-			case 40:
-				if (type === 41)
-					delimiter(type);
-				break
-			// \
-			case 92:
-				next();
-				break
-		}
-
-	return position
-}
-
-/**
- * @param {number} type
- * @param {number} index
- * @return {number}
- */
-function commenter (type, index) {
-	while (next())
-		// //
-		if (type + character === 47 + 10)
-			break
-		// /*
-		else if (type + character === 42 + 42 && peek() === 47)
-			break
-
-	return '/*' + slice(index, position - 1) + '*' + from(type === 47 ? type : next())
-}
-
-/**
- * @param {number} index
- * @return {string}
- */
-function identifier (index) {
-	while (!token(peek()))
-		next();
-
-	return slice(index, position)
-}
-
-/**
- * @param {string} value
- * @return {object[]}
- */
-function compile (value) {
-	return dealloc(parse$1('', null, null, null, [''], value = alloc(value), 0, [0], value))
-}
-
-/**
- * @param {string} value
- * @param {object} root
- * @param {object?} parent
- * @param {string[]} rule
- * @param {string[]} rules
- * @param {string[]} rulesets
- * @param {number[]} pseudo
- * @param {number[]} points
- * @param {string[]} declarations
- * @return {object}
- */
-function parse$1 (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
-	var index = 0;
-	var offset = 0;
-	var length = pseudo;
-	var atrule = 0;
-	var property = 0;
-	var previous = 0;
-	var variable = 1;
-	var scanning = 1;
-	var ampersand = 1;
-	var character = 0;
-	var type = '';
-	var props = rules;
-	var children = rulesets;
-	var reference = rule;
-	var characters = type;
-
-	while (scanning)
-		switch (previous = character, character = next()) {
-			// (
-			case 40:
-				if (previous != 108 && charat(characters, length - 1) == 58) {
-					if (indexof(characters += replace(delimit(character), '&', '&\f'), '&\f', abs(index ? points[index - 1] : 0)) != -1)
-						ampersand = -1;
-					break
-				}
-			// " ' [
-			case 34: case 39: case 91:
-				characters += delimit(character);
-				break
-			// \t \n \r \s
-			case 9: case 10: case 13: case 32:
-				characters += whitespace(previous);
-				break
-			// \
-			case 92:
-				characters += escaping(caret() - 1, 7);
-				continue
-			// /
-			case 47:
-				switch (peek()) {
-					case 42: case 47:
-						append(comment(commenter(next(), caret()), root, parent, declarations), declarations);
-						if ((token(previous || 1) == 5 || token(peek() || 1) == 5) && strlen(characters) && substr(characters, -1, void 0) !== ' ') characters += ' ';
-						break
-					default:
-						characters += '/';
-				}
-				break
-			// {
-			case 123 * variable:
-				points[index++] = strlen(characters) * ampersand;
-			// } ; \0
-			case 125 * variable: case 59: case 0:
-				switch (character) {
-					// \0 }
-					case 0: case 125: scanning = 0;
-					// ;
-					case 59 + offset: if (ampersand == -1) characters = replace(characters, /\f/g, '');
-						if (property > 0 && (strlen(characters) - length || (variable === 0 && previous === 47)))
-							append(property > 32 ? declaration(characters + ';', rule, parent, length - 1, declarations) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2, declarations), declarations);
-						break
-					// @ ;
-					case 59: characters += ';';
-					// { rule/at-rule
-					default:
-						append(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length, rulesets), rulesets);
-
-						if (character === 123)
-							if (offset === 0)
-								parse$1(characters, root, reference, reference, props, rulesets, length, points, children);
-							else {
-								switch (atrule) {
-									// c(ontainer)
-									case 99:
-										if (charat(characters, 3) === 110) break
-									// l(ayer)
-									case 108:
-										if (charat(characters, 2) === 97) break
-									default:
-										offset = 0;
-									// d(ocument) m(edia) s(upports)
-									case 100: case 109: case 115:
-								}
-								if (offset) parse$1(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length, children), children), rules, children, length, points, rule ? props : children);
-								else parse$1(characters, reference, reference, reference, [''], children, 0, points, children);
-							}
-				}
-
-				index = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo;
-				break
-			// :
-			case 58:
-				length = 1 + strlen(characters), property = previous;
-			default:
-				if (variable < 1)
-					if (character == 123)
-						--variable;
-					else if (character == 125 && variable++ == 0 && prev() == 125)
-						continue
-
-				switch (characters += from(character), character * variable) {
-					// &
-					case 38:
-						ampersand = offset > 0 ? 1 : (characters += '\f', -1);
-						break
-					// ,
-					case 44:
-						points[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1;
-						break
-					// @
-					case 64:
-						// -
-						if (peek() === 45)
-							characters += delimit(next());
-
-						atrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++;
-						break
-					// -
-					case 45:
-						if (previous === 45 && strlen(characters) == 2)
-							variable = 0;
-				}
-		}
-
-	return rulesets
-}
-
-/**
- * @param {string} value
- * @param {object} root
- * @param {object?} parent
- * @param {number} index
- * @param {number} offset
- * @param {string[]} rules
- * @param {number[]} points
- * @param {string} type
- * @param {string[]} props
- * @param {string[]} children
- * @param {number} length
- * @param {object[]} siblings
- * @return {object}
- */
-function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length, siblings) {
-	var post = offset - 1;
-	var rule = offset === 0 ? rules : [''];
-	var size = sizeof(rule);
-
-	for (var i = 0, j = 0, k = 0; i < index; ++i)
-		for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
-			if (z = trim$1(j > 0 ? rule[x] + ' ' + y : replace(y, /&\f/g, rule[x])))
-				props[k++] = z;
-
-	return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length, siblings)
-}
-
-/**
- * @param {number} value
- * @param {object} root
- * @param {object?} parent
- * @param {object[]} siblings
- * @return {object}
- */
-function comment (value, root, parent, siblings) {
-	return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings)
-}
-
-/**
- * @param {string} value
- * @param {object} root
- * @param {object?} parent
- * @param {number} length
- * @param {object[]} siblings
- * @return {object}
- */
-function declaration (value, root, parent, length, siblings) {
-	return node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length, siblings)
-}
-
-/**
- * @param {string} value
- * @param {number} length
- * @param {object[]} children
- * @return {string}
- */
-function prefix (value, length, children) {
-	switch (hash(value, length)) {
-		// color-adjust
-		case 5103:
-			return WEBKIT + 'print-' + value + value
-		// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
-		case 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921:
-		// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
-		case 5572: case 6356: case 5844: case 3191: case 6645: case 3005:
-		// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
-		case 4215: case 6389: case 5109: case 5365: case 5621: case 3829:
-		// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position
-		case 6391: case 5879: case 5623: case 6135: case 4599:
-			return WEBKIT + value + value
-		// mask-composite
-		case 4855:
-			return WEBKIT + value.replace('add', 'source-over').replace('substract', 'source-out').replace('intersect', 'source-in').replace('exclude', 'xor') + value
-		// tab-size
-		case 4789:
-			return MOZ + value + value
-		// appearance, user-select, transform, hyphens, text-size-adjust
-		case 5349: case 4246: case 4810: case 6968: case 2756:
-			return WEBKIT + value + MOZ + value + MS + value + value
-		// writing-mode
-		case 5936:
-			switch (charat(value, length + 11)) {
-				// vertical-l(r)
-				case 114:
-					return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb') + value
-				// vertical-r(l)
-				case 108:
-					return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value
-				// horizontal(-)tb
-				case 45:
-					return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'lr') + value
-				// default: fallthrough to below
-			}
-		// flex, flex-direction, scroll-snap-type, writing-mode
-		case 6828: case 4268: case 2903:
-			return WEBKIT + value + MS + value + value
-		// order
-		case 6165:
-			return WEBKIT + value + MS + 'flex-' + value + value
-		// align-items
-		case 5187:
-			return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value
-		// align-self
-		case 5443:
-			return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/g, '') + (!match(value, /flex-|baseline/) ? MS + 'grid-row-' + replace(value, /flex-|-self/g, '') : '') + value
-		// align-content
-		case 4675:
-			return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/g, '') + value
-		// flex-shrink
-		case 5548:
-			return WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value
-		// flex-basis
-		case 5292:
-			return WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value
-		// flex-grow
-		case 6060:
-			return WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + MS + replace(value, 'grow', 'positive') + value
-		// transition
-		case 4554:
-			return WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value
-		// cursor
-		case 6187:
-			return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value
-		// background, background-image
-		case 5495: case 3959:
-			return replace(value, /(image-set\([^]*)/, WEBKIT + '$1' + '$`$1')
-		// justify-content
-		case 4968:
-			return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /space-between/, 'justify') + WEBKIT + value + value
-		// justify-self
-		case 4200:
-			if (!match(value, /flex-|baseline/)) return MS + 'grid-column-align' + substr(value, length) + value
-			break
-		// grid-template-(columns|rows)
-		case 2592: case 3360:
-			return MS + replace(value, 'template-', '') + value
-		// grid-(row|column)-start
-		case 4384: case 3616:
-			if (children && children.some(function (element, index) { return length = index, match(element.props, /grid-\w+-end/) })) {
-				return ~indexof(value + (children = children[length].value), 'span', 0) ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(children, 'span', 0) ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ';')
-			}
-			return MS + replace(value, '-start', '') + value
-		// grid-(row|column)-end
-		case 4896: case 4128:
-			return (children && children.some(function (element) { return match(element.props, /grid-\w+-start/) })) ? value : MS + replace(replace(value, '-end', '-span'), 'span ', '') + value
-		// (margin|padding)-inline-(start|end)
-		case 4095: case 3583: case 4068: case 2532:
-			return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value
-		// (min|max)?(width|height|inline-size|block-size)
-		case 8116: case 7059: case 5753: case 5535:
-		case 5445: case 5701: case 4933: case 4677:
-		case 5533: case 5789: case 5021: case 4765:
-			// stretch, max-content, min-content, fill-available
-			if (strlen(value) - 1 - length > 6)
-				switch (charat(value, length + 1)) {
-					// (m)ax-content, (m)in-content
-					case 109:
-						// -
-						if (charat(value, length + 4) !== 45)
-							break
-					// (f)ill-available, (f)it-content
-					case 102:
-						return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value
-					// (s)tretch
-					case 115:
-						return ~indexof(value, 'stretch', 0) ? prefix(replace(value, 'stretch', 'fill-available'), length, children) + value : value
-				}
-			break
-		// grid-(column|row)
-		case 5152: case 5920:
-			return replace(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function (_, a, b, c, d, e, f) { return (MS + a + ':' + b + f) + (c ? (MS + a + '-span:' + (d ? e : +e - +b)) + f : '') + value })
-		// position: sticky
-		case 4949:
-			// stick(y)?
-			if (charat(value, length + 6) === 121)
-				return replace(value, ':', ':' + WEBKIT) + value
-			break
-		// display: (flex|inline-flex|grid|inline-grid)
-		case 6444:
-			switch (charat(value, charat(value, 14) === 45 ? 18 : 11)) {
-				// (inline-)?fle(x)
-				case 120:
-					return replace(value, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value
-				// (inline-)?gri(d)
-				case 100:
-					return replace(value, ':', ':' + MS) + value
-			}
-			break
-		// scroll-margin, scroll-margin-(top|right|bottom|left)
-		case 5719: case 2647: case 2135: case 3927: case 2391:
-			return replace(value, 'scroll-', 'scroll-snap-') + value
-	}
-
-	return value
-}
-
-/**
- * @param {object[]} children
- * @param {function} callback
- * @return {string}
- */
-function serialize (children, callback) {
-	var output = '';
-
-	for (var i = 0; i < children.length; i++)
-		output += callback(children[i], i, children, callback) || '';
-
-	return output
-}
-
-/**
- * @param {object} element
- * @param {number} index
- * @param {object[]} children
- * @param {function} callback
- * @return {string}
- */
-function stringify$2 (element, index, children, callback) {
-	switch (element.type) {
-		case LAYER: if (element.children.length) break
-		case IMPORT: case NAMESPACE: case DECLARATION: return element.return = element.return || element.value
-		case COMMENT: return ''
-		case KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'
-		case RULESET: if (!strlen(element.value = element.props.join(','))) return ''
-	}
-
-	return strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''
-}
-
-/**
- * @param {function[]} collection
- * @return {function}
- */
-function middleware (collection) {
-	var length = sizeof(collection);
-
-	return function (element, index, children, callback) {
-		var output = '';
-
-		for (var i = 0; i < length; i++)
-			output += collection[i](element, index, children, callback) || '';
-
-		return output
-	}
-}
-
-/**
- * @param {function} callback
- * @return {function}
- */
-function rulesheet (callback) {
-	return function (element) {
-		if (!element.root)
-			if (element = element.return)
-				callback(element);
-	}
-}
-
-/**
- * @param {object} element
- * @param {number} index
- * @param {object[]} children
- * @param {function} callback
- */
-function prefixer (element, index, children, callback) {
-	if (element.length > -1)
-		if (!element.return)
-			switch (element.type) {
-				case DECLARATION: element.return = prefix(element.value, element.length, children);
-					return
-				case KEYFRAMES:
-					return serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)
-				case RULESET:
-					if (element.length)
-						return combine(children = element.props, function (value) {
-							switch (match(value, callback = /(::plac\w+|:read-\w+)/)) {
-								// :read-(only|write)
-								case ':read-only': case ':read-write':
-									lift(copy(element, {props: [replace(value, /:(read-\w+)/, ':' + MOZ + '$1')]}));
-									lift(copy(element, {props: [value]}));
-									assign(element, {props: filter(children, callback)});
-									break
-								// :placeholder
-								case '::placeholder':
-									lift(copy(element, {props: [replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]}));
-									lift(copy(element, {props: [replace(value, /:(plac\w+)/, ':' + MOZ + '$1')]}));
-									lift(copy(element, {props: [replace(value, /:(plac\w+)/, MS + 'input-$1')]}));
-									lift(copy(element, {props: [value]}));
-									assign(element, {props: filter(children, callback)});
-									break
-							}
-
-							return ''
-						})
-			}
-}
-
-var unitlessKeys = {
-  animationIterationCount: 1,
-  aspectRatio: 1,
-  borderImageOutset: 1,
-  borderImageSlice: 1,
-  borderImageWidth: 1,
-  boxFlex: 1,
-  boxFlexGroup: 1,
-  boxOrdinalGroup: 1,
-  columnCount: 1,
-  columns: 1,
-  flex: 1,
-  flexGrow: 1,
-  flexPositive: 1,
-  flexShrink: 1,
-  flexNegative: 1,
-  flexOrder: 1,
-  gridRow: 1,
-  gridRowEnd: 1,
-  gridRowSpan: 1,
-  gridRowStart: 1,
-  gridColumn: 1,
-  gridColumnEnd: 1,
-  gridColumnSpan: 1,
-  gridColumnStart: 1,
-  msGridRow: 1,
-  msGridRowSpan: 1,
-  msGridColumn: 1,
-  msGridColumnSpan: 1,
-  fontWeight: 1,
-  lineHeight: 1,
-  opacity: 1,
-  order: 1,
-  orphans: 1,
-  tabSize: 1,
-  widows: 1,
-  zIndex: 1,
-  zoom: 1,
-  WebkitLineClamp: 1,
-  // SVG-related properties
-  fillOpacity: 1,
-  floodOpacity: 1,
-  stopOpacity: 1,
-  strokeDasharray: 1,
-  strokeDashoffset: 1,
-  strokeMiterlimit: 1,
-  strokeOpacity: 1,
-  strokeWidth: 1
-};
-
-var f$1="undefined"!=typeof process$1&&void 0!==process$1.env&&(process$1.env.REACT_APP_SC_ATTR||process$1.env.SC_ATTR)||"data-styled",y$1="undefined"!=typeof window&&"HTMLElement"in window,v$2=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process$1&&void 0!==process$1.env&&void 0!==process$1.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process$1.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process$1.env.REACT_APP_SC_DISABLE_SPEEDY&&process$1.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process$1&&void 0!==process$1.env&&void 0!==process$1.env.SC_DISABLE_SPEEDY&&""!==process$1.env.SC_DISABLE_SPEEDY?"false"!==process$1.env.SC_DISABLE_SPEEDY&&process$1.env.SC_DISABLE_SPEEDY:"production"!==process$1.env.NODE_ENV),g={},S=/invalid hook call/i,w=new Set,b=function(t,n){if("production"!==process$1.env.NODE_ENV){var o=n?' with the id of "'.concat(n,'"'):"",s="The component ".concat(t).concat(o," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",i=console.error;try{var a=!0;console.error=function(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];S.test(t)?(a=!1,w.delete(s)):i.apply(void 0,__spreadArray([t],n,!1));},useRef(),a&&!w.has(s)&&(console.warn(s),w.add(s));}catch(e){S.test(e.message)&&w.delete(s);}finally{console.error=i;}}},E$1=Object.freeze([]),N$1=Object.freeze({});function P$1(e,t,n){return void 0===n&&(n=N$1),e.theme!==n.theme&&e.theme||t||n.theme}var _$2=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),C=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,I$1=/(^-|-$)/g;function A(e){return e.replace(C,"-").replace(I$1,"")}var O$1=/(a)(d)/gi,D$1=function(e){return String.fromCharCode(e+(e>25?39:97))};function R(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=D$1(t%52)+n;return (D$1(t%52)+n).replace(O$1,"$1-$2")}var T$1,k$1=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},j=function(e){return k$1(5381,e)};function x$1(e){return R(j(e)>>>0)}function V(e){return "production"!==process$1.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function M(e){return "string"==typeof e&&("production"===process$1.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var F="function"==typeof Symbol&&Symbol.for,$$1=F?Symbol.for("react.memo"):60115,z=F?Symbol.for("react.forward_ref"):60112,B$1={childContextTypes:true,contextType:true,contextTypes:true,defaultProps:true,displayName:true,getDefaultProps:true,getDerivedStateFromError:true,getDerivedStateFromProps:true,mixins:true,propTypes:true,type:true},L={name:true,length:true,prototype:true,caller:true,callee:true,arguments:true,arity:true},G$1={$$typeof:true,compare:true,defaultProps:true,displayName:true,propTypes:true,type:true},Y$1=((T$1={})[z]={$$typeof:true,render:true,defaultProps:true,displayName:true,propTypes:true},T$1[$$1]=G$1,T$1);function W$1(e){return ("type"in(t=e)&&t.type.$$typeof)===$$1?G$1:"$$typeof"in e?Y$1[e.$$typeof]:B$1;var t;}var q=Object.defineProperty,H$2=Object.getOwnPropertyNames,U=Object.getOwnPropertySymbols,J$1=Object.getOwnPropertyDescriptor,X$1=Object.getPrototypeOf,Z$1=Object.prototype;function K(e,t,n){if("string"!=typeof t){if(Z$1){var o=X$1(t);o&&o!==Z$1&&K(e,o,n);}var r=H$2(t);U&&(r=r.concat(U(t)));for(var s=W$1(e),i=W$1(t),a=0;a<r.length;++a){var c=r[a];if(!(c in L||n&&n[c]||i&&c in i||s&&c in s)){var l=J$1(t,c);try{q(e,c,l);}catch(e){}}}}return e}function Q(e){return "function"==typeof e}function ee$1(e){return "object"==typeof e&&"styledComponentId"in e}function te$2(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function ne(e,t){if(0===e.length)return "";for(var n=e[0],o=1;o<e.length;o++)n+=e[o];return n}function oe(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function re(e,t,n){if(void 0===n&&(n=false),!n&&!oe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var o=0;o<t.length;o++)e[o]=re(e[o],t[o]);else if(oe(t))for(var o in t)e[o]=re(e[o],t[o]);return e}function se$1(e,t){Object.defineProperty(e,"toString",{value:t});}var ie$1="production"!==process$1.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function ae$1(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],o=[],r=1,s=e.length;r<s;r+=1)o.push(e[r]);return o.forEach(function(e){n=n.replace(/%[a-z]/,e);}),n}function ce(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];return "production"===process$1.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t," for more information.").concat(n.length>0?" Args: ".concat(n.join(", ")):"")):new Error(ae$1.apply(void 0,__spreadArray([ie$1[t]],n,false)).trim())}var le$1=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e;}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,o=n.length,r=o;e>=r;)if((r<<=1)<0)throw ce(16,"".concat(e));this.groupSizes=new Uint32Array(r),this.groupSizes.set(n),this.length=r;for(var s=o;s<r;s++)this.groupSizes[s]=0;}for(var i=this.indexOfGroup(e+1),a=(s=0,t.length);s<a;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++);},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(var r=n;r<o;r++)this.tag.deleteRule(n);}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],o=this.indexOfGroup(e),r=o+n,s=o;s<r;s++)t+="".concat(this.tag.getRule(s)).concat("/*!sc*/\n");return t},e}(),ue=new Map,pe=new Map,de$1=1,he$1=function(e){if(ue.has(e))return ue.get(e);for(;pe.has(de$1);)de$1++;var t=de$1++;if("production"!==process$1.env.NODE_ENV&&((0|t)<0||t>1073741824))throw ce(16,"".concat(t));return ue.set(e,t),pe.set(t,e),t},fe$1=function(e,t){ue.set(e,t),pe.set(t,e);},me="style[".concat(f$1,"][").concat("data-styled-version",'="').concat("6.0.7",'"]'),ye=new RegExp("^".concat(f$1,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),ve=function(e,t,n){for(var o,r=n.split(","),s=0,i=r.length;s<i;s++)(o=r[s])&&e.registerName(t,o);},ge=function(e,t){for(var n,o=(null!==(n=t.textContent)&&void 0!==n?n:"").split("/*!sc*/\n"),r=[],s=0,i=o.length;s<i;s++){var a=o[s].trim();if(a){var c=a.match(ye);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(fe$1(u,l),ve(e,u,c[3]),e.getTag().insertRules(l,r)),r.length=0;}else r.push(a);}}};function Se(){return "undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var we$1=function(e){var t=document.head,n=e||t,o=document.createElement("style"),r=function(e){var t=Array.from(e.querySelectorAll("style[".concat(f$1,"]")));return t[t.length-1]}(n),s=void 0!==r?r.nextSibling:null;o.setAttribute(f$1,"active"),o.setAttribute("data-styled-version","6.0.7");var i=Se();return i&&o.setAttribute("nonce",i),n.insertBefore(o,s),o},be$1=function(){function e(e){this.element=we$1(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,o=t.length;n<o;n++){var r=t[n];if(r.ownerNode===e)return r}throw ce(17)}(this.element),this.length=0;}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return  false}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--;},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),Ee$1=function(){function e(e){this.element=we$1(e),this.nodes=this.element.childNodes,this.length=0;}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,true}return  false},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),Ne=function(){function e(e){this.rules=[],this.length=0;}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,true)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),Pe$1=y$1,_e={isServer:!y$1,useCSSOMInjection:!v$2},Ce$1=function(){function e(e,n,o){ void 0===e&&(e=N$1),void 0===n&&(n={});var r=this;this.options=__assign(__assign({},_e),e),this.gs=n,this.names=new Map(o),this.server=!!e.isServer,!this.server&&y$1&&Pe$1&&(Pe$1=false,function(e){for(var t=document.querySelectorAll(me),n=0,o=t.length;n<o;n++){var r=t[n];r&&"active"!==r.getAttribute(f$1)&&(ge(e,r),r.parentNode&&r.parentNode.removeChild(r));}}(this)),se$1(this,function(){return function(e){for(var t=e.getTag(),n=t.length,o="",r=function(n){var r=function(e){return pe.get(e)}(n);if(void 0===r)return "continue";var s=e.names.get(r),i=t.getGroup(n);if(void 0===s||0===i.length)return "continue";var a="".concat(f$1,".g").concat(n,'[id="').concat(r,'"]'),c="";void 0!==s&&s.forEach(function(e){e.length>0&&(c+="".concat(e,","));}),o+="".concat(i).concat(a,'{content:"').concat(c,'"}').concat("/*!sc*/\n");},s=0;s<n;s++)r(s);return o}(r)});}return e.registerId=function(e){return he$1(e)},e.prototype.reconstructWithOptions=function(n,o){return void 0===o&&(o=true),new e(__assign(__assign({},this.options),n),this.gs,o&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new Ne(n):t?new be$1(n):new Ee$1(n)}(this.options),new le$1(e)));var e;},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(he$1(e),this.names.has(e))this.names.get(e).add(t);else {var n=new Set;n.add(t),this.names.set(e,n);}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(he$1(e),n);},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear();},e.prototype.clearRules=function(e){this.getTag().clearGroup(he$1(e)),this.clearNames(e);},e.prototype.clearTag=function(){this.tag=void 0;},e}(),Ie=/&/g,Ae=/^\s*\/\/.*$/gm;function Oe$1(e,t){return e.map(function(e){return "rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map(function(e){return "".concat(t," ").concat(e)})),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=Oe$1(e.children,t)),e})}function De$1(e){var t,n,o,r=N$1,s=r.options,i=void 0===s?N$1:s,a=r.plugins,c=void 0===a?E$1:a,l=function(e,o,r){return r===n||r.startsWith(n)&&r.endsWith(n)&&r.replaceAll(n,"").length>0?".".concat(t):e},u=c.slice();u.push(function(e){e.type===RULESET&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(Ie,n).replace(o,l));}),i.prefix&&u.push(prefixer),u.push(stringify$2);var p=function(e,r,s,a){ void 0===r&&(r=""),void 0===s&&(s=""),void 0===a&&(a="&"),t=a,n=r,o=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(Ae,""),l=compile(s||r?"".concat(s," ").concat(r," { ").concat(c," }"):c);i.namespace&&(l=Oe$1(l,i.namespace));var p=[];return serialize(l,middleware(u.concat(rulesheet(function(e){return p.push(e)})))),p};return p.hash=c.length?c.reduce(function(e,t){return t.name||ce(15),k$1(e,t.name)},5381).toString():"",p}var Re=new Ce$1,Te=De$1(),ke=o.createContext({shouldForwardProp:void 0,styleSheet:Re,stylis:Te});ke.Consumer;o.createContext(void 0);function Ve$1(){return useContext(ke)}var Fe=function(){function e(e,t){var n=this;this.inject=function(e,t){ void 0===t&&(t=Te);var o=n.name+t.hash;e.hasNameForId(n.id,o)||e.insertRules(n.id,o,t(n.rules,o,"@keyframes"));},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,se$1(this,function(){throw ce(12,String(n.name))});}return e.prototype.getName=function(e){return void 0===e&&(e=Te),this.name+e.hash},e}(),$e=function(e){return e>="A"&&e<="Z"};function ze(e){for(var t="",n=0;n<e.length;n++){var o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;$e(o)?t+="-"+o.toLowerCase():t+=o;}return t.startsWith("ms-")?"-"+t:t}var Be=function(e){return null==e||false===e||""===e},Le$1=function(t){var n,o,r=[];for(var s in t){var i=t[s];t.hasOwnProperty(s)&&!Be(i)&&(Array.isArray(i)&&i.isCss||Q(i)?r.push("".concat(ze(s),":"),i,";"):oe(i)?r.push.apply(r,__spreadArray(__spreadArray(["".concat(s," {")],Le$1(i),false),["}"],false)):r.push("".concat(ze(s),": ").concat((n=s,null==(o=i)||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||n in unitlessKeys||n.startsWith("--")?String(o).trim():"".concat(o,"px")),";")));}return r};function Ge(e,t,n,o){if(Be(e))return [];if(ee$1(e))return [".".concat(e.styledComponentId)];if(Q(e)){if(!Q(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return [e];var r=e(t);return "production"===process$1.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||r instanceof Fe||oe(r)||null===r||console.error("".concat(V(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Ge(r,t,n,o)}var s;return e instanceof Fe?n?(e.inject(n,o),[e.getName(o)]):[e]:oe(e)?Le$1(e):Array.isArray(e)?Array.prototype.concat.apply(E$1,e.map(function(e){return Ge(e,t,n,o)})):[e.toString()]}function Ye(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Q(n)&&!ee$1(n))return  false}return  true}var We=j("6.0.7"),qe=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process$1.env.NODE_ENV&&(void 0===n||n.isStatic)&&Ye(e),this.componentId=t,this.baseHash=k$1(We,t),this.baseStyle=n,Ce$1.registerId(t);}return e.prototype.generateAndInjectStyles=function(e,t,n){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))o=te$2(o,this.staticRulesId);else {var r=ne(Ge(this.rules,e,t,n)),s=R(k$1(this.baseHash,r)>>>0);if(!t.hasNameForId(this.componentId,s)){var i=n(r,".".concat(s),void 0,this.componentId);t.insertRules(this.componentId,s,i);}o=te$2(o,s),this.staticRulesId=s;}else {for(var a=k$1(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process$1.env.NODE_ENV&&(a=k$1(a,u));else if(u){var p=ne(Ge(u,e,t,n));a=k$1(a,p),c+=p;}}if(c){var d=R(a>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),o=te$2(o,d);}}return o},e}(),He$1=o.createContext(void 0);He$1.Consumer;var Ze={},Ke=new Set;function Qe(e,r,s){var i=ee$1(e),a=e,c=!M(e),p=r.attrs,d=void 0===p?E$1:p,h=r.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":A(e);Ze[n]=(Ze[n]||0)+1;var o="".concat(n,"-").concat(x$1("6.0.7"+n+Ze[n]));return t?"".concat(t,"-").concat(o):o}(r.displayName,r.parentComponentId):h,m=r.displayName,y=void 0===m?function(e){return M(e)?"styled.".concat(e):"Styled(".concat(V(e),")")}(e):m,v=r.displayName&&r.componentId?"".concat(A(r.displayName),"-").concat(r.componentId):r.componentId||f,g=i&&a.attrs?a.attrs.concat(d).filter(Boolean):d,S=r.shouldForwardProp;if(i&&a.shouldForwardProp){var w=a.shouldForwardProp;if(r.shouldForwardProp){var C=r.shouldForwardProp;S=function(e,t){return w(e,t)&&C(e,t)};}else S=w;}var I=new qe(s,v,i?a.componentStyle:void 0);function O(e,r){return function(e,r,s){var i=e.attrs,a=e.componentStyle,c=e.defaultProps,p=e.foldedComponentIds,d=e.styledComponentId,h=e.target,f=o.useContext(He$1),m=Ve$1(),y=e.shouldForwardProp||m.shouldForwardProp;"production"!==process$1.env.NODE_ENV&&useDebugValue(d);var v=function(e,n,o){for(var r,s=__assign(__assign({},n),{className:void 0,theme:o}),i=0;i<e.length;i+=1){var a=Q(r=e[i])?r(s):r;for(var c in a)s[c]="className"===c?te$2(s[c],a[c]):"style"===c?__assign(__assign({},s[c]),a[c]):a[c];}return n.className&&(s.className=te$2(s.className,n.className)),s}(i,r,P$1(r,f,c)||N$1),g=v.as||h,S={};for(var w in v) void 0===v[w]||"$"===w[0]||"as"===w||"theme"===w||("forwardedAs"===w?S.as=v.forwardedAs:y&&!y(w,g)||(S[w]=v[w],y||"development"!==process$1.env.NODE_ENV||isPropValid(w)||Ke.has(w)||!_$2.has(g)||(Ke.add(w),console.warn('styled-components: it looks like an unknown prop "'.concat(w,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var b=function(e,t){var n=Ve$1(),o=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return "production"!==process$1.env.NODE_ENV&&useDebugValue(o),o}(a,v);"production"!==process$1.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(b);var E=te$2(p,d);return b&&(E+=" "+b),v.className&&(E+=" "+v.className),S[M(g)&&!_$2.has(g)?"class":"className"]=E,S.ref=s,createElement(g,S)}(D,e,r)}"production"!==process$1.env.NODE_ENV&&(O.displayName=y);var D=o.forwardRef(O);return D.attrs=g,D.componentStyle=I,D.shouldForwardProp=S,"production"!==process$1.env.NODE_ENV&&(D.displayName=y),D.foldedComponentIds=i?te$2(a.foldedComponentIds,a.styledComponentId):"",D.styledComponentId=v,D.target=i?a.target:e,Object.defineProperty(D,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var o=0,r=t;o<r.length;o++)re(e,r[o],true);return e}({},a.defaultProps,e):e;}}),"production"!==process$1.env.NODE_ENV&&(b(y,v),D.warnTooManyClasses=function(e,t){var n={},o=false;return function(r){if(!o&&(n[r]=true,Object.keys(n).length>=200)){var s=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(s,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),o=true,n={};}}}(y,v)),se$1(D,function(){return ".".concat(D.styledComponentId)}),c&&K(D,e,{attrs:true,componentStyle:true,displayName:true,foldedComponentIds:true,shouldForwardProp:true,styledComponentId:true,target:true}),D}function et$1(e,t){for(var n=[e[0]],o=0,r=t.length;o<r;o+=1)n.push(t[o],e[o+1]);return n}var tt$1=function(e){return Object.assign(e,{isCss:true})};function nt$1(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];if(Q(t)||oe(t)){var r=t;return tt$1(Ge(et$1(E$1,__spreadArray([r],n,true))))}var s=t;return 0===n.length&&1===s.length&&"string"==typeof s[0]?Ge(s):tt$1(Ge(et$1(s,n)))}function ot$1(n,o,r){if(void 0===r&&(r=N$1),!o)throw ce(1,o);var s=function(t){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return n(o,r,nt$1.apply(void 0,__spreadArray([t],s,false)))};return s.attrs=function(e){return ot$1(n,o,__assign(__assign({},r),{attrs:Array.prototype.concat(r.attrs,e).filter(Boolean)}))},s.withConfig=function(e){return ot$1(n,o,__assign(__assign({},r),e))},s}var rt$1=function(e){return ot$1(Qe,e)},st$1=rt$1;_$2.forEach(function(e){st$1[e]=rt$1(e);});var it$1=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Ye(e),Ce$1.registerId(this.componentId+1);}return e.prototype.createStyles=function(e,t,n,o){var r=o(ne(Ge(this.rules,t,n,o)),""),s=this.componentId+e;n.insertRules(s,s,r);},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e);},e.prototype.renderStyles=function(e,t,n,o){e>2&&Ce$1.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,o);},e}();function at$1(n){for(var r=[],s=1;s<arguments.length;s++)r[s-1]=arguments[s];var i=nt$1.apply(void 0,__spreadArray([n],r,false)),a="sc-global-".concat(x$1(JSON.stringify(i))),c=new it$1(i,a);"production"!==process$1.env.NODE_ENV&&b(a);var l=function(e){var t=Ve$1(),n=o.useContext(He$1),r=o.useRef(t.styleSheet.allocateGSInstance(a)).current;return "production"!==process$1.env.NODE_ENV&&o.Children.count(e.children)&&console.warn("The global style component ".concat(a," was given child JSX. createGlobalStyle does not render children.")),"production"!==process$1.env.NODE_ENV&&i.some(function(e){return "string"==typeof e&&-1!==e.indexOf("@import")})&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),t.styleSheet.server&&u(r,e,t.styleSheet,n,t.stylis),o.useLayoutEffect(function(){if(!t.styleSheet.server)return u(r,e,t.styleSheet,n,t.stylis),function(){return c.removeStyles(r,t.styleSheet)}},[r,e,t.styleSheet,n,t.stylis]),null};function u(e,n,o,r,s){if(c.isStatic)c.renderStyles(e,g,o,s);else {var i=__assign(__assign({},n),{theme:P$1(n,r,l.defaultProps)});c.renderStyles(e,i,o,s);}}return o.memo(l)}"production"!==process$1.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var dt$1="__sc-".concat(f$1,"__");"production"!==process$1.env.NODE_ENV&&"test"!==process$1.env.NODE_ENV&&"undefined"!=typeof window&&(window[dt$1]||(window[dt$1]=0),1===window[dt$1]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[dt$1]+=1);
-
-const Spacer$1 = st$1.div`
-  height: ${({ $space, $spaceMob, $samespace }) => {
-  if ($spaceMob) {
-    return $spaceMob;
-  }
-  if ($space && $samespace) {
-    return $space;
-  }
-  return 24;
-}}px;
-  width: 100%;
-
-  @media (min-width: 1024px) {
-    height: ${({ $space }) => $space ?? "48"}px;
-  }
-`;
-
 var jsxRuntime = {exports: {}};
 
 var reactJsxRuntime_production_min = {};
@@ -1171,7 +241,7 @@ var hasRequiredReactJsxRuntime_production_min;
 function requireReactJsxRuntime_production_min () {
 	if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
 	hasRequiredReactJsxRuntime_production_min = 1;
-var f=o,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:true,ref:true,__self:true,__source:true};
+var f=K,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:true,ref:true,__self:true,__source:true};
 	function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a) void 0===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
 	return reactJsxRuntime_production_min;
 }
@@ -1187,7 +257,7 @@ function requireReactJsxRuntime_development () {
 	if (process$1.env.NODE_ENV !== "production") {
 	  (function() {
 
-	var React = o;
+	var React = K;
 
 	// ATTENTION
 	// When adding new symbols to this file,
@@ -2497,14 +1567,14 @@ if (process$1.env.NODE_ENV === 'production') {
 
 var jsxRuntimeExports = jsxRuntime.exports;
 
-const CustomTreeProvider = st$1.div`
+const CustomTreeProvider = styled.div`
   .ant-tree-switcher {
     display: flex;
     align-items: center;
     justify-content: center;
   }
 `;
-const Styled$w = {
+const Styled$x = {
   CustomTreeProvider
 };
 
@@ -2569,7 +1639,7 @@ const TreeWithSearch = ({ treeData, onSelect }) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Search$1, { style: { marginBottom: 8 }, placeholder: "Search", onChange }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$w.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$x.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tree,
       {
         treeData: loop(treeData),
@@ -3075,7 +2145,7 @@ const endsWith = (str, searchString, position) => {
  *
  * @returns {?Array}
  */
-const toArray = (thing) => {
+const toArray$1 = (thing) => {
   if (!thing) return null;
   if (isArray(thing)) return thing;
   let i = thing.length;
@@ -3355,7 +2425,7 @@ const utils$1 = {
   kindOf,
   kindOfTest,
   endsWith,
-  toArray,
+  toArray: toArray$1,
   forEachEntry,
   matchAll,
   isHTMLForm,
@@ -6301,12 +5371,12 @@ const hasStandardBrowserWebWorkerEnv = (() => {
 const origin = hasBrowserEnv && window.location.href || 'http://localhost';
 
 const utils = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
-    __proto__: null,
-    hasBrowserEnv,
-    hasStandardBrowserEnv,
-    hasStandardBrowserWebWorkerEnv,
-    navigator: _navigator,
-    origin
+  __proto__: null,
+  hasBrowserEnv,
+  hasStandardBrowserEnv,
+  hasStandardBrowserWebWorkerEnv,
+  navigator: _navigator,
+  origin
 }, Symbol.toStringTag, { value: 'Module' }));
 
 const platform = {
@@ -9072,7 +8142,7 @@ const LookingGlassIcon = ({ width, height }) => {
   ) });
 };
 
-const ContentContainer = st$1.div`
+const ContentContainer = styled.div`
   border: 1px solid ${({ $borderColor }) => $borderColor};
   border-radius: 6px;
   background-color: ${({ $bgColor }) => $bgColor};
@@ -9084,14 +8154,14 @@ const ContentContainer = st$1.div`
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-const Styled$v = {
+const Styled$w = {
   ContentContainer
 };
 
 const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
   const { token } = theme.useToken();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$v.ContentContainer,
+    Styled$w.ContentContainer,
     {
       $flexGrow: flexGrow,
       $bgColor: token.colorBgContainer,
@@ -9104,11 +8174,11 @@ const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight })
   );
 };
 
-const FlexGrow = st$1.div`
+const FlexGrow = styled.div`
   flex-grow: 1;
 `;
 
-const UncontrolledSelect$1 = st$1(Select)`
+const UncontrolledSelect$1 = styled(Select)`
   width: 100%;
   margin: 0;
   padding: 4px;
@@ -9152,16 +8222,16 @@ const UncontrolledSelect$1 = st$1(Select)`
     padding-inline: 8px;
   }
 `;
-const Styled$u = {
+const Styled$v = {
   UncontrolledSelect: UncontrolledSelect$1
 };
 
 const UncontrolledSelect = (props) => {
   const { isCursorPointer } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
 };
 
-const CustomSelect$5 = st$1(Select)`
+const CustomSelect$5 = styled(Select)`
   width: 100%;
   margin: 0;
   padding: 4px;
@@ -9206,29 +8276,29 @@ const CustomSelect$5 = st$1(Select)`
     margin-block: 0 !important;
   }
 `;
-const Styled$t = {
+const Styled$u = {
   CustomSelect: CustomSelect$5
 };
 
 const CustomSelect$4 = (props) => {
   const { paddingContainerEnd, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
 };
 
-const CursorPointerTag = st$1(Tag)`
+const CursorPointerTag = styled(Tag)`
   cursor: pointer;
 `;
 
-const CursorPointerTagMinContent = st$1(Tag)`
+const CursorPointerTagMinContent = styled(Tag)`
   cursor: pointer;
   width: min-content;
 `;
 
-const CursorDefaultDiv = st$1.div`
+const CursorDefaultDiv = styled.div`
   cursor: ${({ $default }) => $default ? "default" : "inherit"};
 `;
 
-const PaddingContainer = st$1.div`
+const PaddingContainer = styled.div`
   padding: ${({ $padding }) => $padding};
 `;
 
@@ -9310,17 +8380,17 @@ const prepareDataForManageableBreadcrumbs = ({
   return result;
 };
 
-const PositionRelativeContainer = st$1.div`
+const PositionRelativeContainer = styled.div`
   position: relative;
 `;
-const FullWidthContainer = st$1.div`
+const FullWidthContainer = styled.div`
   width: 100%;
 
   .ant-dropdown-trigger svg {
     display: none;
   }
 `;
-const NoWrapContainer = st$1.div`
+const NoWrapContainer = styled.div`
   position: absolute;
   visibility: hidden;
   pointer-events: none;
@@ -9335,7 +8405,7 @@ const NoWrapContainer = st$1.div`
     flex-wrap: nowrap !important;
   }
 `;
-const Styled$s = {
+const Styled$t = {
   PositionRelativeContainer,
   FullWidthContainer,
   NoWrapContainer
@@ -9378,22 +8448,22 @@ const CollapsibleBreadcrumb = ({ items }) => {
     };
     return [firstItem, ellipsisItem, lastItem];
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$s.PositionRelativeContainer, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$t.PositionRelativeContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
   ] });
 };
 
-const HeightDiv = st$1.div`
+const HeightDiv = styled.div`
   min-height: 22px;
   width: 100%;
 `;
-const Styled$r = {
+const Styled$s = {
   HeightDiv
 };
 
 const ManageableBreadcrumbs = ({ data }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
 };
 const ManageableBreadcrumbsWithDataProvider = ({
   uri,
@@ -9417,7 +8487,7 @@ const ManageableBreadcrumbsWithDataProvider = ({
     return null;
   }
   if (rawDataLoading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
   }
   if (!rawData) {
     return null;
@@ -9432,7 +8502,7 @@ const ManageableBreadcrumbsWithDataProvider = ({
     idToCompare
   });
   if (!result) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.HeightDiv, {});
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.HeightDiv, {});
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result });
 };
@@ -9531,7 +8601,7 @@ const prepareDataForManageableSidebar = ({
   return { ...result, selectedKeys: stringedOpenedKeys };
 };
 
-const CustomMenu = st$1(Menu)`
+const CustomMenu = styled(Menu)`
   margin-top: ${({ $noMarginTop }) => $noMarginTop ? "0" : "16px"};
   font-size: 14px;
   line-height: 24px;
@@ -9554,7 +8624,7 @@ const CustomMenu = st$1(Menu)`
     margin: 0 !important;
   }
 `;
-const Styled$q = {
+const Styled$r = {
   CustomMenu
 };
 
@@ -9581,7 +8651,7 @@ const ManageableSidebar = ({ data, noMarginTop }) => {
     setSelectedKeys(data.selectedKeys);
   }, [data.selectedKeys]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$q.CustomMenu,
+    Styled$r.CustomMenu,
     {
       selectedKeys,
       onSelect: () => {
@@ -33662,13 +32732,13 @@ lodash.exports;
 var lodashExports = lodash.exports;
 const _$1 = /*@__PURE__*/getDefaultExportFromCjs(lodashExports);
 
-const ShortenedText = st$1.div`
+const ShortenedText = styled.div`
   max-width: ${({ $maxWidth }) => $maxWidth}px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
-const Styled$p = {
+const Styled$q = {
   ShortenedText
 };
 
@@ -33677,7 +32747,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$p.ShortenedText, { $maxWidth: maxWidth, children: text }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.ShortenedText, { $maxWidth: maxWidth, children: text }) });
 };
 
 const FilterDropdown = ({
@@ -33738,7 +32808,7 @@ const FilterDropdown = ({
   ] });
 };
 
-const TableContainer = st$1.div`
+const TableContainer = styled.div`
   td {
     cursor: ${({ $isCursorPointer }) => $isCursorPointer && "pointer"};
   }
@@ -33789,7 +32859,7 @@ const TableContainer = st$1.div`
     width: auto !important;
   }
 `;
-const HideableControls = st$1.div`
+const HideableControls = styled.div`
   && .ant-table-row .hideable {
     display: none;
   }
@@ -33805,11 +32875,11 @@ const TableComponents = {
   HideableControls
 };
 
-const TinyButton = st$1(Button)`
+const TinyButton = styled(Button)`
   height: 24px !important;
 `;
 
-const TextAlignContainer = st$1.div`
+const TextAlignContainer = styled.div`
   text-align: ${({ $align }) => $align};
 `;
 
@@ -34951,10 +34021,10 @@ const YamlEditorSingleton$1 = ({
   ] });
 };
 
-const VisibilityContainer$2 = st$1.div`
+const VisibilityContainer$2 = styled.div`
   display: ${({ $hidden }) => $hidden ? "none" : "block"};
 `;
-const Styled$o = {
+const Styled$p = {
   VisibilityContainer: VisibilityContainer$2
 };
 
@@ -34977,7 +34047,7 @@ const VisibilityContainer$1 = ({
   if (isMultiqueryLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.VisibilityContainer, { $hidden: valuePrepared === "~undefined-value~", children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.VisibilityContainer, { $hidden: valuePrepared === "~undefined-value~", children });
 };
 
 const unknownToString = (value) => {
@@ -35216,7 +34286,7 @@ const useUpdateIsTouchedPersisted = () => {
   return dispatch;
 };
 
-const Container$1 = st$1.div`
+const Container$2 = styled.div`
   display: flex;
   flex-direction: column;
   gap: ${({ $designNewLayout }) => $designNewLayout ? "4px" : "8px"};
@@ -35231,19 +34301,19 @@ const Container$1 = st$1.div`
     0 3px 6px -4px #0000001f,
     0 9px 28px 8px #0000000d` : "initial"};
 `;
-const TitleBar = st$1.div`
+const TitleBar = styled.div`
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 4px;
   cursor: pointer;
 `;
-const Content$1 = st$1.div`
+const Content$1 = styled.div`
   display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-const Styled$n = {
-  Container: Container$1,
+const Styled$o = {
+  Container: Container$2,
   TitleBar,
   Content: Content$1
 };
@@ -35269,14 +34339,14 @@ const CustomCollapse = ({
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Styled$n.Container,
+    Styled$o.Container,
     {
       $designNewLayout: designNewLayout,
       $borderColor: token.colorBorder,
       $bgColor: token.colorBgContainer,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$n.TitleBar, { onClick: () => toggleCollapse(), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$o.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, {}) })
@@ -35287,7 +34357,7 @@ const CustomCollapse = ({
             persistedCheckbox
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
       ]
     }
   );
@@ -35305,67 +34375,51 @@ const PersistedCheckbox = ({ formName, persistedControls, type }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", type: "text", onClick: toggleCheckbox, children: isChecked ? /* @__PURE__ */ jsxRuntimeExports.jsx(LockedIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(UnlockedIcon, {}) }) });
 };
 
-const PossibleHiddenContainer = st$1.div`
+const PossibleHiddenContainer = styled.div`
   display: ${({ $isHidden }) => $isHidden ? "none" : "block"};
 `;
 
-const ResetedFormItem$1 = st$1(Form.Item)`
+const ResetedFormItem$1 = styled(Form.Item)`
   margin-bottom: 8px;
 `;
 
-const CustomSizeTitle = st$1.div`
+const CustomSizeTitle = styled.div`
   font-size: ${({ $designNewLayout }) => $designNewLayout ? "16px" : "14px"};
   line-height: ${({ $designNewLayout }) => $designNewLayout ? "24px" : "22px"};
 `;
 
-const Content = st$1.div`
+const Content = styled.div`
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-const Styled$m = {
+const Styled$n = {
   Content
 };
 
 const ArrayInsideContainer = ({ children }) => {
   const designNewLayout = useDesignNewLayout();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.Content, { $designNewLayout: designNewLayout, children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.Content, { $designNewLayout: designNewLayout, children });
 };
 
-const arraysEqual = (arr1, arr2) => {
-  if (arr1.length !== arr2.length) {
-    return false;
-  }
-  for (let i = 0; i < arr1.length; i++) {
-    if (typeof arr2[i] === "number") {
-      if (arr1[i] !== String(arr2[i])) {
-        return false;
-      }
-    }
-    if (arr1[i] !== arr2[i]) {
-      return false;
-    }
-  }
-  return true;
-};
-const includesArray = (matrix, target) => {
-  if (!matrix) {
-    return false;
-  }
-  for (const row of matrix) {
-    if (arraysEqual(row, target)) {
-      return true;
-    }
-  }
-  return false;
-};
+const includesPath = (haystack, needle) => haystack.some((h) => h.length === needle.length && h.every((seg, i) => seg === String(needle[i])));
+const toArray = (p) => (
+  // eslint-disable-next-line no-nested-ternary
+  p === void 0 ? void 0 : Array.isArray(p) ? p : [p]
+);
 
-const HiddenContainer = ({ name, secondName, children }) => {
+const HiddenContainer = ({
+  name,
+  secondName,
+  children
+}) => {
   const hiddenPaths = useHiddenPathsLayout();
-  const isHidden = name ? includesArray(hiddenPaths, Array.isArray(name) ? name : [name]) : false;
-  const isHiddenSecond = secondName ? includesArray(hiddenPaths, Array.isArray(secondName) ? secondName : [secondName]) : false;
+  const nameArr = toArray(name);
+  const secondArr = toArray(secondName);
+  const isHidden = !!hiddenPaths && !!nameArr && includesPath(hiddenPaths, nameArr);
+  const isHiddenSecond = !!hiddenPaths && !!secondArr && includesPath(hiddenPaths, secondArr);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(PossibleHiddenContainer, { $isHidden: !hiddenPaths || isHidden || isHiddenSecond, children });
 };
 
-const HeightContainer = st$1.div`
+const HeightContainer = styled.div`
   height: ${({ $height }) => $height}px;
 `;
 
@@ -35897,10 +34951,10 @@ const LabelsToSearchParams = ({ data, children }) => {
   ] });
 };
 
-const ResetedFormList$3 = st$1(Form.List)`
+const ResetedFormList$3 = styled(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled$l = {
+const Styled$m = {
   ResetedFormList: ResetedFormList$3
 };
 
@@ -35985,7 +35039,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$l.ResetedFormList, { name: "taints", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.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,
@@ -36222,10 +35276,10 @@ const Taints = ({ data, children }) => {
   ] });
 };
 
-const ResetedFormList$2 = st$1(Form.List)`
+const ResetedFormList$2 = styled(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled$k = {
+const Styled$l = {
   ResetedFormList: ResetedFormList$2
 };
 
@@ -36320,7 +35374,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$k.ResetedFormList, { name: "tolerations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$l.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,
@@ -36594,10 +35648,10 @@ const Tolerations = ({
   ] });
 };
 
-const ResetedFormList$1 = st$1(Form.List)`
+const ResetedFormList$1 = styled(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled$j = {
+const Styled$k = {
   ResetedFormList: ResetedFormList$1
 };
 
@@ -36687,7 +35741,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$j.ResetedFormList, { name: "annotations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.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,
@@ -37747,21 +36801,21 @@ const jt = (e) => {
 
 Yt.css = "._spoiler_1cf3f_1._hidden_1cf3f_1:not(:has(>._transition_1cf3f_1)){color:transparent;border-color:transparent;text-decoration-color:transparent;-webkit-text-emphasis-color:transparent;text-emphasis-color:transparent}._spoiler_1cf3f_1._hidden_1cf3f_1:not(:has(>._transition_1cf3f_1))>*{opacity:0}._transition_1cf3f_1._fade_1cf3f_17{--hide-transition: .2s ease-out;--reveal-transition: .5s ease-out;transition:opacity var(--reveal-transition),filter var(--reveal-transition)}._spoiler_1cf3f_1._hidden_1cf3f_1>._transition_1cf3f_1._fade_1cf3f_17{opacity:0;transition:opacity var(--hide-transition),filter var(--hide-transition);filter:blur(.5px)}@property --iris-gradient-length{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --iris-radius{syntax: \"<length> | <percentage>\"; inherits: false; initial-value: 16px;}._spoiler_1cf3f_1>._transition_1cf3f_1._iris_1cf3f_51{--hide-duration: .15s;--reveal-duration: .3s}._spoiler_1cf3f_1._hidden_1cf3f_1>._transition_1cf3f_1._iris_1cf3f_51{--iris-gradient-length: 0%;--iris-radius: 0px;opacity:0;filter:blur(1px);transition:--iris-gradient-length 0s linear var(--hide-duration),filter 0s linear var(--hide-duration),opacity var(--hide-duration) ease-out}._transition_1cf3f_1._iris_1cf3f_51{-webkit-mask:radial-gradient(circle closest-corner,black var(--iris-gradient-length),transparent calc(var(--iris-gradient-length) + var(--iris-radius))) no-repeat center;mask:radial-gradient(circle closest-corner,black var(--iris-gradient-length),transparent calc(var(--iris-gradient-length) + var(--iris-radius))) no-repeat center;transition:--iris-gradient-length var(--reveal-duration) ease-out,opacity var(--reveal-duration) ease-out,filter var(--reveal-duration) ease-out}@keyframes _remove-mask_1cf3f_1{to{-webkit-mask-image:none;mask-image:none}}._spoiler_1cf3f_1:not(._hidden_1cf3f_1)>._transition_1cf3f_1._iris_1cf3f_51{animation:0s linear var(--reveal-duration) 1 forwards _remove-mask_1cf3f_1}\n";
 
-const NoSelect = st$1.div`
+const NoSelect = styled.div`
   * {
     user-select: none;
   }
 `;
-const DisabledInput = st$1(Input)`
+const DisabledInput = styled(Input)`
   /* stylelint-disable declaration-no-important */
   cursor: ${({ $hidden }) => $hidden ? "default" : "pointer"} !important;
 `;
-const NotificationOverrides = at$1`
+const NotificationOverrides = createGlobalStyle`
   .no-message-notif .ant-notification-notice-message {
     margin-bottom: 0 !important;
   }
 `;
-const Styled$i = {
+const Styled$j = {
   NoSelect,
   DisabledInput,
   NotificationOverrides
@@ -37827,10 +36881,10 @@ const SecretBase64Plain = ({ data }) => {
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.NotificationOverrides, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.NotificationOverrides, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 8, ...flexProps, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.NoSelect, { style: inputContainerStyle, children: niceLooking ? /* @__PURE__ */ jsxRuntimeExports.jsx(te$1, { theme, hidden, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$i.DisabledInput,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.NoSelect, { style: inputContainerStyle, children: niceLooking ? /* @__PURE__ */ jsxRuntimeExports.jsx(te$1, { theme, hidden, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Styled$j.DisabledInput,
         {
           $hidden: hidden,
           ref: inputRef,
@@ -37845,7 +36899,7 @@ const SecretBase64Plain = ({ data }) => {
           value: decodedText
         }
       ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$i.DisabledInput,
+        Styled$j.DisabledInput,
         {
           $hidden: hidden,
           ref: inputRef,
@@ -37890,7 +36944,7 @@ const getUppercase = (s) => {
   return uppercases.length > 0 ? uppercases : s[0].toUpperCase();
 };
 
-const RoundSpan = st$1.span`
+const RoundSpan = styled.span`
   background-color: ${({ $bgColor }) => $bgColor || "none"};
   border-radius: 13px;
   padding: 1px 5px;
@@ -37903,7 +36957,7 @@ const RoundSpan = st$1.span`
   letter-spacing: 0.02em;
   box-sizing: content-box;
 `;
-const Styled$h = {
+const Styled$i = {
   RoundSpan
 };
 
@@ -37942,7 +36996,7 @@ const ResourceBadge = ({ data }) => {
     multiQueryData
   }) : getUppercase(parsedValue);
   const bgColor = hslFromString(parsedValue, theme);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$h.RoundSpan, { $bgColor: bgColor, style, children: parsedAbbreviation });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.RoundSpan, { $bgColor: bgColor, style, children: parsedAbbreviation });
 };
 
 const DynamicComponents = {
@@ -39836,15 +38890,15 @@ var loader = {
   __getMonacoInstance: __getMonacoInstance
 };
 
-var le={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},v=le;var ae={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Y=ae;function Me({children:e}){return o.createElement("div",{style:Y.container},e)}var Z=Me;var $=Z;function Ee({width:e,height:r,isEditorReady:n,loading:t,_ref:a,className:m,wrapperProps:E}){return o.createElement("section",{style:{...v.wrapper,width:e,height:r},...E},!n&&o.createElement($,null,t),o.createElement("div",{ref:a,style:{...v.fullWidth,...!n&&v.hide},className:m}))}var ee=Ee;var H=memo(ee);function Ce(e){useEffect(e,[]);}var k=Ce;function he(e,r,n=true){let t=useRef(true);useEffect(t.current||!n?()=>{t.current=false;}:e,r);}var l=he;function D(){}function h(e,r,n,t){return De(e,t)||be(e,r,n,t)}function De(e,r){return e.editor.getModel(te(e,r))}function be(e,r,n,t){return e.editor.createModel(r,n,t?te(e,t):void 0)}function te(e,r){return e.Uri.parse(r)}function Oe({original:e,modified:r,language:n,originalLanguage:t,modifiedLanguage:a,originalModelPath:m,modifiedModelPath:E,keepCurrentOriginalModel:g=false,keepCurrentModifiedModel:N=false,theme:x="light",loading:P="Loading...",options:y={},height:V="100%",width:z="100%",className:F,wrapperProps:j={},beforeMount:A=D,onMount:q=D}){let[M,O]=useState(false),[T,s]=useState(true),u=useRef(null),c=useRef(null),w=useRef(null),d=useRef(q),o$1=useRef(A),b=useRef(false);k(()=>{let i=loader.init();return i.then(f=>(c.current=f)&&s(false)).catch(f=>f?.type!=="cancelation"&&console.error("Monaco initialization: error:",f)),()=>u.current?I():i.cancel()}),l(()=>{if(u.current&&c.current){let i=u.current.getOriginalEditor(),f=h(c.current,e||"",t||n||"text",m||"");f!==i.getModel()&&i.setModel(f);}},[m],M),l(()=>{if(u.current&&c.current){let i=u.current.getModifiedEditor(),f=h(c.current,r||"",a||n||"text",E||"");f!==i.getModel()&&i.setModel(f);}},[E],M),l(()=>{let i=u.current.getModifiedEditor();i.getOption(c.current.editor.EditorOption.readOnly)?i.setValue(r||""):r!==i.getValue()&&(i.executeEdits("",[{range:i.getModel().getFullModelRange(),text:r||"",forceMoveMarkers:true}]),i.pushUndoStop());},[r],M),l(()=>{u.current?.getModel()?.original.setValue(e||"");},[e],M),l(()=>{let{original:i,modified:f}=u.current.getModel();c.current.editor.setModelLanguage(i,t||n||"text"),c.current.editor.setModelLanguage(f,a||n||"text");},[n,t,a],M),l(()=>{c.current?.editor.setTheme(x);},[x],M),l(()=>{u.current?.updateOptions(y);},[y],M);let L=useCallback(()=>{if(!c.current)return;o$1.current(c.current);let i=h(c.current,e||"",t||n||"text",m||""),f=h(c.current,r||"",a||n||"text",E||"");u.current?.setModel({original:i,modified:f});},[n,r,a,e,t,m,E]),U=useCallback(()=>{!b.current&&w.current&&(u.current=c.current.editor.createDiffEditor(w.current,{automaticLayout:true,...y}),L(),c.current?.editor.setTheme(x),O(true),b.current=true);},[y,x,L]);useEffect(()=>{M&&d.current(u.current,c.current);},[M]),useEffect(()=>{!T&&!M&&U();},[T,M,U]);function I(){let i=u.current?.getModel();g||i?.original?.dispose(),N||i?.modified?.dispose(),u.current?.dispose();}return o.createElement(H,{width:z,height:V,isEditorReady:M,loading:P,_ref:w,className:F,wrapperProps:j})}var ie=Oe;var we=memo(ie);function Pe(){let[e,r]=useState(loader.__getMonacoInstance());return k(()=>{let n;return e||(n=loader.init(),n.then(t=>{r(t);})),()=>n?.cancel()}),e}var Le=Pe;function He(e){let r=useRef();return useEffect(()=>{r.current=e;},[e]),r.current}var se=He;var _=new Map;function Ve({defaultValue:e,defaultLanguage:r,defaultPath:n,value:t,language:a,path:m,theme:E="light",line:g,loading:N="Loading...",options:x={},overrideServices:P={},saveViewState:y=true,keepCurrentModel:V=false,width:z="100%",height:F="100%",className:j,wrapperProps:A={},beforeMount:q=D,onMount:M=D,onChange:O,onValidate:T=D}){let[s,u]=useState(false),[c,w]=useState(true),d=useRef(null),o$1=useRef(null),b=useRef(null),L=useRef(M),U=useRef(q),I=useRef(),i=useRef(t),f=se(m),Q=useRef(false),B=useRef(false);k(()=>{let p=loader.init();return p.then(R=>(d.current=R)&&w(false)).catch(R=>R?.type!=="cancelation"&&console.error("Monaco initialization: error:",R)),()=>o$1.current?pe():p.cancel()}),l(()=>{let p=h(d.current,e||t||"",r||a||"",m||n||"");p!==o$1.current?.getModel()&&(y&&_.set(f,o$1.current?.saveViewState()),o$1.current?.setModel(p),y&&o$1.current?.restoreViewState(_.get(m)));},[m],s),l(()=>{o$1.current?.updateOptions(x);},[x],s),l(()=>{!o$1.current||t===void 0||(o$1.current.getOption(d.current.editor.EditorOption.readOnly)?o$1.current.setValue(t):t!==o$1.current.getValue()&&(B.current=true,o$1.current.executeEdits("",[{range:o$1.current.getModel().getFullModelRange(),text:t,forceMoveMarkers:true}]),o$1.current.pushUndoStop(),B.current=false));},[t],s),l(()=>{let p=o$1.current?.getModel();p&&a&&d.current?.editor.setModelLanguage(p,a);},[a],s),l(()=>{g!==void 0&&o$1.current?.revealLine(g);},[g],s),l(()=>{d.current?.editor.setTheme(E);},[E],s);let X=useCallback(()=>{if(!(!b.current||!d.current)&&!Q.current){U.current(d.current);let p=m||n,R=h(d.current,t||e||"",r||a||"",p||"");o$1.current=d.current?.editor.create(b.current,{model:R,automaticLayout:true,...x},P),y&&o$1.current.restoreViewState(_.get(p)),d.current.editor.setTheme(E),g!==void 0&&o$1.current.revealLine(g),u(true),Q.current=true;}},[e,r,n,t,a,m,x,P,y,E,g]);useEffect(()=>{s&&L.current(o$1.current,d.current);},[s]),useEffect(()=>{!c&&!s&&X();},[c,s,X]),i.current=t,useEffect(()=>{s&&O&&(I.current?.dispose(),I.current=o$1.current?.onDidChangeModelContent(p=>{B.current||O(o$1.current.getValue(),p);}));},[s,O]),useEffect(()=>{if(s){let p=d.current.editor.onDidChangeMarkers(R=>{let G=o$1.current.getModel()?.uri;if(G&&R.find(J=>J.path===G.path)){let J=d.current.editor.getModelMarkers({resource:G});T?.(J);}});return ()=>{p?.dispose();}}return ()=>{}},[s,T]);function pe(){I.current?.dispose(),V?y&&_.set(m,o$1.current.saveViewState()):o$1.current.getModel()?.dispose(),o$1.current.dispose();}return o.createElement(H,{width:z,height:F,isEditorReady:s,loading:N,_ref:b,className:j,wrapperProps:A})}var fe=Ve;var de=memo(fe);var Ft=de;
+var le={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},v=le;var ae={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Y=ae;function Me({children:e}){return K.createElement("div",{style:Y.container},e)}var Z=Me;var $=Z;function Ee({width:e,height:r,isEditorReady:n,loading:t,_ref:a,className:m,wrapperProps:E}){return K.createElement("section",{style:{...v.wrapper,width:e,height:r},...E},!n&&K.createElement($,null,t),K.createElement("div",{ref:a,style:{...v.fullWidth,...!n&&v.hide},className:m}))}var ee=Ee;var H=memo(ee);function Ce(e){useEffect(e,[]);}var k=Ce;function he(e,r,n=true){let t=useRef(true);useEffect(t.current||!n?()=>{t.current=false;}:e,r);}var l=he;function D(){}function h(e,r,n,t){return De(e,t)||be(e,r,n,t)}function De(e,r){return e.editor.getModel(te(e,r))}function be(e,r,n,t){return e.editor.createModel(r,n,t?te(e,t):void 0)}function te(e,r){return e.Uri.parse(r)}function Oe({original:e,modified:r,language:n,originalLanguage:t,modifiedLanguage:a,originalModelPath:m,modifiedModelPath:E,keepCurrentOriginalModel:g=false,keepCurrentModifiedModel:N=false,theme:x="light",loading:P="Loading...",options:y={},height:V="100%",width:z="100%",className:F,wrapperProps:j={},beforeMount:A=D,onMount:q=D}){let[M,O]=useState(false),[T,s]=useState(true),u=useRef(null),c=useRef(null),w=useRef(null),d=useRef(q),o=useRef(A),b=useRef(false);k(()=>{let i=loader.init();return i.then(f=>(c.current=f)&&s(false)).catch(f=>f?.type!=="cancelation"&&console.error("Monaco initialization: error:",f)),()=>u.current?I():i.cancel()}),l(()=>{if(u.current&&c.current){let i=u.current.getOriginalEditor(),f=h(c.current,e||"",t||n||"text",m||"");f!==i.getModel()&&i.setModel(f);}},[m],M),l(()=>{if(u.current&&c.current){let i=u.current.getModifiedEditor(),f=h(c.current,r||"",a||n||"text",E||"");f!==i.getModel()&&i.setModel(f);}},[E],M),l(()=>{let i=u.current.getModifiedEditor();i.getOption(c.current.editor.EditorOption.readOnly)?i.setValue(r||""):r!==i.getValue()&&(i.executeEdits("",[{range:i.getModel().getFullModelRange(),text:r||"",forceMoveMarkers:true}]),i.pushUndoStop());},[r],M),l(()=>{u.current?.getModel()?.original.setValue(e||"");},[e],M),l(()=>{let{original:i,modified:f}=u.current.getModel();c.current.editor.setModelLanguage(i,t||n||"text"),c.current.editor.setModelLanguage(f,a||n||"text");},[n,t,a],M),l(()=>{c.current?.editor.setTheme(x);},[x],M),l(()=>{u.current?.updateOptions(y);},[y],M);let L=useCallback(()=>{if(!c.current)return;o.current(c.current);let i=h(c.current,e||"",t||n||"text",m||""),f=h(c.current,r||"",a||n||"text",E||"");u.current?.setModel({original:i,modified:f});},[n,r,a,e,t,m,E]),U=useCallback(()=>{!b.current&&w.current&&(u.current=c.current.editor.createDiffEditor(w.current,{automaticLayout:true,...y}),L(),c.current?.editor.setTheme(x),O(true),b.current=true);},[y,x,L]);useEffect(()=>{M&&d.current(u.current,c.current);},[M]),useEffect(()=>{!T&&!M&&U();},[T,M,U]);function I(){let i=u.current?.getModel();g||i?.original?.dispose(),N||i?.modified?.dispose(),u.current?.dispose();}return K.createElement(H,{width:z,height:V,isEditorReady:M,loading:P,_ref:w,className:F,wrapperProps:j})}var ie=Oe;var we=memo(ie);function Pe(){let[e,r]=useState(loader.__getMonacoInstance());return k(()=>{let n;return e||(n=loader.init(),n.then(t=>{r(t);})),()=>n?.cancel()}),e}var Le=Pe;function He(e){let r=useRef();return useEffect(()=>{r.current=e;},[e]),r.current}var se=He;var _=new Map;function Ve({defaultValue:e,defaultLanguage:r,defaultPath:n,value:t,language:a,path:m,theme:E="light",line:g,loading:N="Loading...",options:x={},overrideServices:P={},saveViewState:y=true,keepCurrentModel:V=false,width:z="100%",height:F="100%",className:j,wrapperProps:A={},beforeMount:q=D,onMount:M=D,onChange:O,onValidate:T=D}){let[s,u]=useState(false),[c,w]=useState(true),d=useRef(null),o=useRef(null),b=useRef(null),L=useRef(M),U=useRef(q),I=useRef(),i=useRef(t),f=se(m),Q=useRef(false),B=useRef(false);k(()=>{let p=loader.init();return p.then(R=>(d.current=R)&&w(false)).catch(R=>R?.type!=="cancelation"&&console.error("Monaco initialization: error:",R)),()=>o.current?pe():p.cancel()}),l(()=>{let p=h(d.current,e||t||"",r||a||"",m||n||"");p!==o.current?.getModel()&&(y&&_.set(f,o.current?.saveViewState()),o.current?.setModel(p),y&&o.current?.restoreViewState(_.get(m)));},[m],s),l(()=>{o.current?.updateOptions(x);},[x],s),l(()=>{!o.current||t===void 0||(o.current.getOption(d.current.editor.EditorOption.readOnly)?o.current.setValue(t):t!==o.current.getValue()&&(B.current=true,o.current.executeEdits("",[{range:o.current.getModel().getFullModelRange(),text:t,forceMoveMarkers:true}]),o.current.pushUndoStop(),B.current=false));},[t],s),l(()=>{let p=o.current?.getModel();p&&a&&d.current?.editor.setModelLanguage(p,a);},[a],s),l(()=>{g!==void 0&&o.current?.revealLine(g);},[g],s),l(()=>{d.current?.editor.setTheme(E);},[E],s);let X=useCallback(()=>{if(!(!b.current||!d.current)&&!Q.current){U.current(d.current);let p=m||n,R=h(d.current,t||e||"",r||a||"",p||"");o.current=d.current?.editor.create(b.current,{model:R,automaticLayout:true,...x},P),y&&o.current.restoreViewState(_.get(p)),d.current.editor.setTheme(E),g!==void 0&&o.current.revealLine(g),u(true),Q.current=true;}},[e,r,n,t,a,m,x,P,y,E,g]);useEffect(()=>{s&&L.current(o.current,d.current);},[s]),useEffect(()=>{!c&&!s&&X();},[c,s,X]),i.current=t,useEffect(()=>{s&&O&&(I.current?.dispose(),I.current=o.current?.onDidChangeModelContent(p=>{B.current||O(o.current.getValue(),p);}));},[s,O]),useEffect(()=>{if(s){let p=d.current.editor.onDidChangeMarkers(R=>{let G=o.current.getModel()?.uri;if(G&&R.find(J=>J.path===G.path)){let J=d.current.editor.getModelMarkers({resource:G});T?.(J);}});return ()=>{p?.dispose();}}return ()=>{}},[s,T]);function pe(){I.current?.dispose(),V?y&&_.set(m,o.current.saveViewState()):o.current.getModel()?.dispose(),o.current.dispose();}return K.createElement(H,{width:z,height:F,isEditorReady:s,loading:N,_ref:b,className:j,wrapperProps:A})}var fe=Ve;var de=memo(fe);var Ft=de;
 
 const index = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
-    __proto__: null,
-    DiffEditor: we,
-    Editor: de,
-    default: Ft,
-    loader,
-    useMonaco: Le
+  __proto__: null,
+  DiffEditor: we,
+  Editor: de,
+  default: Ft,
+  loader,
+  useMonaco: Le
 }, Symbol.toStringTag, { value: 'Module' }));
 
 const ALIAS = Symbol.for('yaml.alias');
@@ -46704,51 +45758,126 @@ function stringify(value, replacer, options) {
     return new Document$1(value, _replacer, options).toString(options);
 }
 
-const BorderRadiusContainer$1 = st$1.div`
+const BorderRadiusContainer$1 = styled.div`
   height: 100%;
+  border: 1px solid ${({ $colorBorder }) => $colorBorder};
+  border-radius: 8px;
+  padding: 2px;
 
   .monaco-editor,
   .overflow-guard {
     border-radius: 8px;
   }
 `;
-const Styled$g = {
+const Styled$h = {
   BorderRadiusContainer: BorderRadiusContainer$1
 };
 
-const YamlEditor = ({ theme, currentValues, onChange }) => {
+const YamlEditor = ({ theme: theme$1, currentValues, onChange, editorUri }) => {
+  const { token } = theme.useToken();
   const [yamlData, setYamlData] = useState("");
+  const editorRef = useRef(null);
+  const monacoRef = useRef(null);
+  const isFocusedRef = useRef(false);
+  const pendingExternalYamlRef = useRef(null);
+  const isApplyingExternalUpdateRef = useRef(false);
   useEffect(() => {
-    setYamlData(stringify(currentValues));
+    const next = stringify(currentValues);
+    if (isFocusedRef.current) {
+      pendingExternalYamlRef.current = next ?? "";
+      return;
+    }
+    setYamlData(next ?? "");
   }, [currentValues]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.BorderRadiusContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  useEffect(() => {
+    const editor = editorRef.current;
+    const monaco = monacoRef.current;
+    if (editor && monaco) {
+      if (isFocusedRef.current) return;
+      const uri = monaco.Uri.parse(editorUri);
+      let model = editor.getModel() || monaco.editor.getModel(uri);
+      if (!model) {
+        model = monaco.editor.createModel(yamlData ?? "", "yaml", uri);
+      }
+      if (model) {
+        monaco.editor.setModelLanguage(model, "yaml");
+        const current = model.getValue();
+        if ((yamlData ?? "") !== current) {
+          isApplyingExternalUpdateRef.current = true;
+          model.setValue(yamlData ?? "");
+        }
+      }
+    }
+  }, [yamlData, editorUri]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$h.BorderRadiusContainer, { $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Ft,
     {
-      defaultLanguage: "yaml",
+      language: "yaml",
+      path: editorUri,
+      keepCurrentModel: true,
       width: "100%",
       height: "100%",
-      value: yamlData,
+      defaultValue: yamlData ?? "",
+      onMount: (editor, m) => {
+        editorRef.current = editor;
+        monacoRef.current = m;
+        try {
+          isFocusedRef.current = !!editor.hasTextFocus?.();
+        } catch {
+          isFocusedRef.current = false;
+        }
+        editor.onDidFocusEditorText(() => {
+          isFocusedRef.current = true;
+        });
+        editor.onDidBlurEditorText(() => {
+          isFocusedRef.current = false;
+          if (pendingExternalYamlRef.current !== null) {
+            setYamlData(pendingExternalYamlRef.current);
+            pendingExternalYamlRef.current = null;
+          }
+        });
+        const uri = m.Uri.parse("inmemory://openapi-ui/form.yaml");
+        let model = editor.getModel() || m.editor.getModel(uri);
+        if (!model) {
+          model = m.editor.createModel(yamlData ?? "", "yaml", uri);
+        }
+        if (model) {
+          m.editor.setModelLanguage(model, "yaml");
+        }
+      },
       onChange: (value) => {
-        onChange(parse(value || ""));
+        if (isApplyingExternalUpdateRef.current) {
+          isApplyingExternalUpdateRef.current = false;
+          setYamlData(value || "");
+          return;
+        }
+        try {
+          onChange(parse(value || ""));
+        } catch {
+        }
         setYamlData(value || "");
       },
-      theme: theme === "dark" ? "vs-dark" : theme === void 0 ? "vs-dark" : "vs",
+      theme: theme$1 === "dark" ? "vs-dark" : theme$1 === void 0 ? "vs-dark" : "vs",
       options: {
-        theme: theme === "dark" ? "vs-dark" : theme === void 0 ? "vs-dark" : "vs"
+        theme: theme$1 === "dark" ? "vs-dark" : theme$1 === void 0 ? "vs-dark" : "vs"
       }
     }
   ) });
 };
 
-const BorderRadiusContainer = st$1.div`
+const BorderRadiusContainer = styled.div`
   height: ${({ $designNewLayoutHeight }) => $designNewLayoutHeight ? `${$designNewLayoutHeight}px` : "75vh"};
+  border: 1px solid ${({ $colorBorder }) => $colorBorder};
+  border-radius: 8px;
+  padding: 2px;
+  box-sizing: border-box;
 
   .monaco-editor,
   .overflow-guard {
     border-radius: 8px;
   }
 `;
-const ControlsRowContainer$1 = st$1.div`
+const ControlsRowContainer$1 = styled.div`
   margin-top: 10px;
   display: flex;
   align-items: center;
@@ -46756,11 +45885,11 @@ const ControlsRowContainer$1 = st$1.div`
   border-radius: 8px;
   padding: 4px;
 `;
-const BigText$1 = st$1.div`
+const BigText$1 = styled.div`
   font-size: 16px;
   line-height: 24px;
 `;
-const Styled$f = {
+const Styled$g = {
   BorderRadiusContainer,
   ControlsRowContainer: ControlsRowContainer$1,
   BigText: BigText$1
@@ -46839,7 +45968,7 @@ const YamlEditorSingleton = ({
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     contextHolder,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$f.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Ft,
       {
         defaultLanguage: "yaml",
@@ -46855,7 +45984,7 @@ const YamlEditorSingleton = ({
         }
       }
     ) }),
-    /* @__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" })
     ] }) }),
@@ -46865,7 +45994,7 @@ const YamlEditorSingleton = ({
         open: !!error,
         onOk: () => setError(void 0),
         onCancel: () => setError(void 0),
-        title: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$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: ",
@@ -47527,15 +46656,15 @@ const FormStringInput = ({
   ] });
 };
 
-const SwitchAndCrossContainer = st$1.div`
+const SwitchAndCrossContainer = styled.div`
   display: flex;
 `;
-const CrossContainer = st$1.div`
+const CrossContainer = styled.div`
   margin-left: 4px;
   cursor: pointer;
   padding-top: 11px;
 `;
-const Styled$e = {
+const Styled$f = {
   SwitchAndCrossContainer,
   CrossContainer
 };
@@ -47560,7 +46689,7 @@ const FormBooleanInput = ({
         onRemoveByMinus && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", type: "text", onClick: onRemoveByMinus, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MinusIcon, {}) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$e.SwitchAndCrossContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$f.SwitchAndCrossContainer, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ResetedFormItem$1,
         {
@@ -47570,7 +46699,7 @@ const FormBooleanInput = ({
         arrKey !== void 0 ? arrKey : Array.isArray(name) ? name.slice(-1)[0] : name
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$e.CrossContainer,
+        Styled$f.CrossContainer,
         {
           onClick: () => {
             if (makeValueUndefined) {
@@ -47758,20 +46887,192 @@ const FormArrayHeader = ({
   ] });
 };
 
-const Container = st$1.div`
+const Container$1 = styled.div`
+  height: 140px;
+  border: 1px solid ${({ $colorBorder }) => $colorBorder};
+  border-radius: 8px;
+  padding: 2px;
+
+  .monaco-editor,
+  .overflow-guard {
+    border-radius: 8px;
+  }
+`;
+const Styled$e = {
+  Container: Container$1
+};
+
+const FormInlineYamlEditor = ({ path, persistedControls, externalValue }) => {
+  const { token } = theme.useToken();
+  const form = Form.useFormInstance();
+  const onValuesChange = useOnValuesChangeCallback();
+  const [yamlText, setYamlText] = useState("");
+  const monacoRef = useRef(null);
+  const editorRef = useRef(null);
+  const isLocalEditRef = useRef(false);
+  const clearLocalEditTimeoutRef = useRef(null);
+  const isFocusedRef = useRef(false);
+  const modelUri = useMemo(() => {
+    const encoded = encodeURIComponent(JSON.stringify(path));
+    return `inmemory://openapi-ui/unknown/${encoded}.yaml`;
+  }, [path]);
+  const watchedValue = Form.useWatch(path, form);
+  useEffect(() => {
+    if (isLocalEditRef.current) return;
+    if (isFocusedRef.current) return;
+    const value = watchedValue;
+    const isEmptyObj = value && typeof value === "object" && !Array.isArray(value) && Object.keys(value).length === 0;
+    const next = value == null || isEmptyObj ? "" : stringify(value) ?? "";
+    setYamlText((prev) => prev === next ? prev : next);
+  }, [watchedValue]);
+  useEffect(() => {
+    if (isLocalEditRef.current) return;
+    if (isFocusedRef.current) return;
+    const value = externalValue;
+    const isEmptyObj = value && typeof value === "object" && !Array.isArray(value) && Object.keys(value).length === 0;
+    const next = value == null || isEmptyObj ? "" : stringify(value) ?? "";
+    setYamlText((prev) => prev === next ? prev : next);
+  }, [externalValue]);
+  useEffect(() => {
+    if (isLocalEditRef.current) return;
+    if (isFocusedRef.current) return;
+    const ed = editorRef.current;
+    const m = monacoRef.current;
+    if (!ed || !m) return;
+    const uri = m.Uri.parse(modelUri);
+    let model = ed.getModel() || m.editor.getModel(uri);
+    if (!model) {
+      model = m.editor.createModel(yamlText ?? "", "yaml", uri);
+    }
+    if (model) {
+      m.editor.setModelLanguage(model, "yaml");
+      const current = model.getValue();
+      if ((yamlText ?? "") !== current) {
+        model.setValue(yamlText ?? "");
+      }
+    }
+  }, [yamlText, modelUri]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$e.Container, { $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Ft,
+    {
+      language: "yaml",
+      path: modelUri,
+      keepCurrentModel: true,
+      width: "100%",
+      height: "100%",
+      defaultValue: yamlText ?? "",
+      onMount: (editor, m) => {
+        editorRef.current = editor;
+        monacoRef.current = m;
+        try {
+          isFocusedRef.current = !!editor.hasTextFocus?.();
+        } catch {
+          isFocusedRef.current = false;
+        }
+        editor.onDidFocusEditorText(() => {
+          isFocusedRef.current = true;
+        });
+        editor.onDidBlurEditorText(() => {
+          isFocusedRef.current = false;
+        });
+        const uri = m.Uri.parse(modelUri);
+        let model = editor.getModel() || m.editor.getModel(uri);
+        if (!model) {
+          model = m.editor.createModel(yamlText ?? "", "yaml", uri);
+        }
+        if (model) {
+          const ensureYaml = () => {
+            try {
+              const mm = monacoRef.current;
+              const ee = editorRef.current;
+              if (!mm || !ee) return;
+              const u = mm.Uri.parse(modelUri);
+              const mdl = ee.getModel() || mm.editor.getModel(u);
+              if (!mdl) return;
+              const lang = mdl.getLanguageId?.() || mdl.getModeId?.();
+              if (lang !== "yaml") {
+                mm.editor.setModelLanguage(mdl, "yaml");
+              }
+            } catch {
+            }
+          };
+          ensureYaml();
+          try {
+            requestAnimationFrame(() => ensureYaml());
+          } catch {
+          }
+          setTimeout(() => ensureYaml(), 50);
+          setTimeout(() => ensureYaml(), 200);
+        }
+      },
+      onValidate: () => {
+        const m = monacoRef.current;
+        const ed = editorRef.current;
+        if (!m || !ed) return;
+        const uri = m.Uri.parse(modelUri);
+        const model = ed.getModel() || m.editor.getModel(uri);
+        if (model) {
+          m.editor.setModelLanguage(model, "yaml");
+        }
+      },
+      onChange: (value) => {
+        const nextText = value || "";
+        isLocalEditRef.current = true;
+        if (clearLocalEditTimeoutRef.current) clearTimeout(clearLocalEditTimeoutRef.current);
+        setYamlText(nextText);
+        try {
+          const parsed = parse(nextText || "");
+          let nextValue;
+          if (!nextText.trim()) {
+            nextValue = {};
+          } else if (parsed === null) {
+            nextValue = {};
+          } else if (typeof parsed === "object" && !Array.isArray(parsed) && Object.keys(parsed).length === 0) {
+            nextValue = {};
+          } else {
+            nextValue = parsed;
+          }
+          form.setFieldValue(path, nextValue);
+          if (!persistedControls.persistedKeys.some((k) => JSON.stringify(k) === JSON.stringify(path))) {
+            persistedControls.onPersistMark(path, "obj");
+          }
+          onValuesChange?.();
+        } catch {
+        }
+        clearLocalEditTimeoutRef.current = setTimeout(() => {
+          isLocalEditRef.current = false;
+        }, 600);
+      },
+      options: {
+        minimap: { enabled: false },
+        lineNumbers: "off",
+        glyphMargin: false,
+        folding: false,
+        lineDecorationsWidth: 0,
+        lineNumbersMinChars: 0,
+        renderLineHighlight: "none",
+        scrollbar: { vertical: "hidden", horizontal: "auto" },
+        overviewRulerLanes: 0,
+        wordWrap: "on"
+      }
+    }
+  ) });
+};
+
+const Container = styled.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: ${({ $designNewLayout }) => $designNewLayout ? "36px" : "8px"};
   height: ${({ $designNewLayoutHeight }) => $designNewLayoutHeight ? `${$designNewLayoutHeight}px` : "75vh"};
 `;
-const OverflowContainer$1 = st$1.div`
+const OverflowContainer$1 = styled.div`
   overflow-x: auto;
   scrollbar-width: thin;
 `;
-const ResetedFormList = st$1(Form.List)`
+const ResetedFormList = styled(Form.List)`
   margin-bottom: 8px;
 `;
-const ControlsRowContainer = st$1.div`
+const ControlsRowContainer = styled.div`
   margin-top: 10px;
   display: flex;
   align-items: center;
@@ -47779,10 +47080,10 @@ const ControlsRowContainer = st$1.div`
   border-radius: 8px;
   padding: 4px;
 `;
-const DebugContainer = st$1.div`
+const DebugContainer = styled.div`
   height: ${({ $designNewLayoutHeight }) => $designNewLayoutHeight ? `${$designNewLayoutHeight}px` : "75vh"};
 `;
-const BigText = st$1.div`
+const BigText = styled.div`
   font-size: 16px;
   line-height: 24px;
 `;
@@ -48155,7 +47456,17 @@ const getArrayFormItemFromSwagger = ({
               ] }, field.key);
             }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(ResetedFormItem$1, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "text", size: "small", onClick: () => add(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusIcon, {}) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Button,
+                {
+                  type: "text",
+                  size: "small",
+                  onClick: () => {
+                    add();
+                  },
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusIcon, {})
+                }
+              ),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Form.ErrorList, { errors })
             ] })
           ] })
@@ -48186,6 +47497,32 @@ const getObjectFormItemsDraft = ({
   urlParams
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(HiddenContainer, { name, children: Object.keys(properties).map((el) => {
+    if (properties[el]["x-kubernetes-preserve-unknown-fields"]) {
+      const path = Array.isArray(name) ? [...name, String(el)] : [name, String(el)];
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        FormObjectFromSwagger,
+        {
+          name,
+          persistName,
+          hiddenFormName: path,
+          description: properties[el].description,
+          removeField,
+          expandedControls,
+          persistedControls,
+          collapseTitle: el,
+          collapseFormName: path,
+          data: /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { noStyle: true, shouldUpdate: true, children: (f) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FormInlineYamlEditor,
+            {
+              path,
+              persistedControls,
+              externalValue: f.getFieldValue(path)
+            }
+          ) })
+        },
+        Array.isArray(name) ? [...name, String(el)].join("-") : [name, String(el)].join("-")
+      );
+    }
     if (properties[el].type === "string" && properties[el].enum) {
       return getEnumStringFormItemFromSwagger({
         name: Array.isArray(name) ? [...name, String(el)] : [name, String(el)],
@@ -48363,9 +47700,6 @@ const getObjectFormItemsDraft = ({
         urlParams
       });
     }
-    if (properties[el].type === "object" && properties[el]["x-kubernetes-preserve-unknown-fields"]) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { message: "x-kubernetes-preserve-unknown-fields", banner: true }, String(el));
-    }
     return null;
   }) }, `${arrKey}-${JSON.stringify(name)}`);
 };
@@ -48430,6 +47764,217 @@ const getObjectFormItemFromSwagger = ({
   );
 };
 
+const pathKey$1 = (p) => JSON.stringify(p);
+const pruneAdditionalForValues = (props, values, blockedPathsRef) => {
+  const next = _$1.cloneDeep(props) || {};
+  const walk = (schemaNode, valueNode, path = []) => {
+    if (!schemaNode) return;
+    if (schemaNode.type === "object") {
+      const vo = valueNode && typeof valueNode === "object" && !Array.isArray(valueNode) ? valueNode : {};
+      if (schemaNode.properties) {
+        Object.keys(schemaNode.properties).forEach((k) => {
+          const child = schemaNode.properties[k];
+          const currentPath = pathKey$1([...path, k]);
+          if (child?.isAdditionalProperties && (!(k in vo) || blockedPathsRef.current.has(currentPath))) {
+            delete schemaNode.properties[k];
+            return;
+          }
+          walk(child, vo?.[k], [...path, k]);
+        });
+      }
+    }
+    if (schemaNode.type === "array" && schemaNode.items && Array.isArray(valueNode)) {
+      valueNode.forEach((item, idx) => {
+        if (schemaNode.properties?.[idx]) {
+          walk(schemaNode.items, item, [...path, idx]);
+        }
+      });
+    }
+  };
+  Object.keys(next || {}).forEach((top) => {
+    walk(next[top], values?.[top], [top]);
+  });
+  return next;
+};
+const materializeAdditionalFromValues = (props, values, blockedPathsRef) => {
+  const next = _$1.cloneDeep(props) || {};
+  const toExpand = [];
+  const toPersist = [];
+  const makeChildFromAP = (ap) => {
+    const t = ap?.type ?? "object";
+    const child = { type: t };
+    if (ap?.properties) child.properties = _$1.cloneDeep(ap.properties);
+    if (ap?.items) child.items = _$1.cloneDeep(ap.items);
+    if (ap?.required)
+      child.required = _$1.cloneDeep(ap.required);
+    child.isAdditionalProperties = true;
+    return child;
+  };
+  const walk = (schemaNode, valueNode, path) => {
+    if (!schemaNode) return;
+    if (schemaNode.type === "object") {
+      const ap = schemaNode.additionalProperties;
+      if (ap && valueNode && typeof valueNode === "object" && !Array.isArray(valueNode)) {
+        const vo = valueNode;
+        schemaNode.properties = schemaNode.properties || {};
+        toExpand.push([...path]);
+        Object.keys(vo).forEach((k) => {
+          const current = pathKey$1([...path, k]);
+          if (blockedPathsRef.current.has(current)) return;
+          if (!schemaNode.properties[k]) {
+            schemaNode.properties[k] = makeChildFromAP(ap);
+          } else if (schemaNode.properties[k].isAdditionalProperties && ap?.properties) {
+            schemaNode.properties[k].properties ??= _$1.cloneDeep(ap.properties);
+          }
+          toExpand.push([...path, k]);
+          const v = vo[k];
+          if (v && typeof v === "object" && !Array.isArray(v) && Object.keys(v).length === 0) {
+            toPersist.push([...path, k]);
+          } else if (v === "" || v === 0 || Array.isArray(v) && v.length === 0) {
+            toPersist.push([...path, k]);
+          }
+        });
+      }
+      if (schemaNode.properties && valueNode && typeof valueNode === "object" && !Array.isArray(valueNode)) {
+        const vo = valueNode;
+        Object.keys(schemaNode.properties).forEach((k) => {
+          walk(schemaNode.properties[k], vo?.[k], [...path, k]);
+        });
+      }
+    }
+    if (schemaNode.type === "array" && schemaNode.items) {
+      const arr = Array.isArray(valueNode) ? valueNode : [];
+      if (arr.length) toExpand.push([...path]);
+      arr.forEach((itemVal, idx) => {
+        if (schemaNode.properties) {
+          schemaNode.properties[idx] = schemaNode.properties[idx] || {
+            properties: {}
+          };
+        }
+        walk(schemaNode.items, itemVal, [...path, idx]);
+      });
+    }
+  };
+  Object.keys(next || {}).forEach((top) => {
+    walk(next[top], values?.[top], [top]);
+  });
+  return { props: next, toExpand, toPersist };
+};
+
+const DEBUG_PREFILLS = false;
+const dbg = (...args) => {
+};
+const group = (label) => DEBUG_PREFILLS;
+const DEBUG_WILDCARDS = false;
+const wdbg = (...args) => {
+};
+const wgroup = (label) => DEBUG_WILDCARDS;
+const prettyPath = (arr) => arr.map((s) => s === "*" ? "*" : String(s)).join(".");
+
+const pathKey = (p) => JSON.stringify(p);
+const toWildcardPath = (p) => p.map((seg) => typeof seg === "number" || typeof seg === "string" && /^\d+$/.test(seg) ? "*" : seg);
+const collectArrayLengths = (obj, base = [], out = /* @__PURE__ */ new Map()) => {
+  if (Array.isArray(obj)) {
+    out.set(pathKey(base), obj.length);
+    obj.forEach((v, i) => collectArrayLengths(v, [...base, i], out));
+  } else if (_$1.isPlainObject(obj)) {
+    Object.entries(obj).forEach(([k, v]) => collectArrayLengths(v, [...base, k], out));
+  }
+  return out;
+};
+const templateMatchesArray = (tpl, arrayPath) => {
+  const w = tpl.wildcardPath;
+  if (w.length < arrayPath.length + 1) {
+    return false;
+  }
+  for (let i = 0; i < arrayPath.length; i++) {
+    if (w[i] !== "*" && w[i] !== arrayPath[i]) {
+      dbg("⛔ segment mismatch", { index: i, wSeg: w[i], arraySeg: arrayPath[i], w, arrayPath });
+      return false;
+    }
+  }
+  const ok = w[arrayPath.length] === "*";
+  if (!ok) dbg("⛔ wildcard not at item position", { expectedIndex: arrayPath.length, w });
+  return ok;
+};
+const buildConcretePathForNewItem = (tpl, arrayPath, newIndex) => {
+  const w = tpl.wildcardPath;
+  const realizedPrefix = [];
+  for (let i = 0; i < arrayPath.length; i++) {
+    realizedPrefix.push(w[i] === "*" ? arrayPath[i] : w[i]);
+  }
+  const result = [...realizedPrefix, newIndex, ...w.slice(arrayPath.length + 1)];
+  return result;
+};
+
+const sanitizeWildcardPath = (p) => {
+  const out = p.map((seg) => {
+    if (seg === "*") return "*";
+    if (typeof seg === "number") return "*";
+    if (typeof seg === "string") return /^\d+$/.test(seg) ? "*" : seg;
+    return "*";
+  });
+  return out;
+};
+const isPlainObj = (v) => v !== null && typeof v === "object" && !Array.isArray(v);
+const expandOneTemplate = (tpl, node, base = [], out = []) => {
+  wgroup(`expand tpl=${prettyPath(tpl)} from base=${prettyPath(base)}`);
+  const step = (i, curr, path) => {
+    wdbg("step", {
+      i,
+      seg: tpl[i],
+      path,
+      nodeType: Array.isArray(curr) ? "array" : isPlainObj(curr) ? "object" : curr === void 0 ? "undefined" : typeof curr
+    });
+    if (i === tpl.length) {
+      wdbg("✔ hit", prettyPath(path));
+      out.push(path);
+      return;
+    }
+    const seg = tpl[i];
+    if (seg === "*") {
+      if (Array.isArray(curr)) {
+        wdbg("  wildcard over array indices 0..", curr.length - 1);
+        for (let idx = 0; idx < curr.length; idx++) {
+          step(i + 1, curr[idx], [...path, idx]);
+        }
+      } else if (isPlainObj(curr)) {
+        const keys = Object.keys(curr);
+        for (const k of keys) {
+          step(i + 1, curr[k], [...path, k]);
+        }
+      } else ;
+      return;
+    }
+    if (isPlainObj(curr) && seg in curr) {
+      step(i + 1, curr[seg], [...path, seg]);
+    } else if (Array.isArray(curr) && typeof seg === "number" && curr[seg] !== void 0) {
+      step(i + 1, curr[seg], [...path, seg]);
+    } else ;
+  };
+  step(0, node, base);
+  return out;
+};
+const expandWildcardTemplates = (templates, values) => {
+  templates.forEach((t, i) => wdbg(`#${i}`, prettyPath(t)));
+  const acc = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const tpl of templates) {
+    const hits = expandOneTemplate(tpl, values);
+    for (const p of hits) {
+      const k = JSON.stringify(p);
+      if (!seen.has(k)) {
+        seen.add(k);
+        acc.push(p);
+      }
+    }
+  }
+  wdbg("expanded →", acc.map(prettyPath));
+  return acc;
+};
+const isPathArray = (p) => Array.isArray(p);
+const toStringPath = (p) => isPathArray(p) ? p.map(String) : [String(p)];
+
 const handleSubmitError = ({
   error,
   expandedKeys
@@ -48473,7 +48018,7 @@ const handleValidationError = ({
   return uniqueKeys;
 };
 
-const Editor = o.lazy(() => Promise.resolve().then(() => index));
+const Editor = K.lazy(() => Promise.resolve().then(() => index));
 const BlackholeForm = ({
   cluster,
   theme: theme$1,
@@ -48509,7 +48054,33 @@ const BlackholeForm = ({
   const [isDebugModalOpen, setIsDebugModalOpen] = useState(false);
   const [expandedKeys, setExpandedKeys] = useState(expandedPaths || []);
   const [persistedKeys, setPersistedKeys] = useState(persistedPaths || []);
+  const [resolvedHiddenPaths, setResolvedHiddenPaths] = useState([]);
+  const blockedPathsRef = useRef(/* @__PURE__ */ new Set());
   const overflowRef = useRef(null);
+  const valuesToYamlReqId = useRef(0);
+  const yamlToValuesReqId = useRef(0);
+  const valuesToYamlAbortRef = useRef(null);
+  const yamlToValuesAbortRef = useRef(null);
+  const isAnyFieldFocusedRef = useRef(false);
+  const editorUri = useMemo(
+    () => `inmemory://openapi-ui/${cluster}/${apiGroupApiVersion}/${type}/${typeName}/${kindName}${isCreate ? "/create" : "/edit"}.yaml`,
+    [cluster, apiGroupApiVersion, type, typeName, kindName, isCreate]
+  );
+  useEffect(() => {
+    valuesToYamlReqId.current++;
+    yamlToValuesReqId.current++;
+    try {
+      valuesToYamlAbortRef.current?.abort();
+    } catch (err) {
+      console.error(err);
+    }
+    try {
+      yamlToValuesAbortRef.current?.abort();
+    } catch (err) {
+      console.error(err);
+    }
+    setYamlValues(void 0);
+  }, [editorUri]);
   const createPermission = usePermissions({
     group: type === "builtin" ? void 0 : urlParamsForPermissions.apiGroup ? urlParamsForPermissions.apiGroup : "",
     resource: urlParamsForPermissions.typeName || "",
@@ -48602,36 +48173,10 @@ const BlackholeForm = ({
       setExpandedKeys([...keys]);
     });
   };
-  const onValuesChangeCallback = useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (values) => {
-      const v = values || form.getFieldsValue();
-      const payload = {
-        values: v,
-        persistedKeys,
-        properties
-      };
-      axios.post(
-        `/api/clusters/${cluster}/openapi-bff/forms/formSync/getYamlValuesByFromValues`,
-        payload
-      ).then(({ data }) => debouncedSetYamlValues(data));
-    },
-    [form, debouncedSetYamlValues, properties, persistedKeys, cluster]
-  );
-  const onYamlChangeCallback = useCallback(
-    (values) => {
-      const payload = {
-        values,
-        properties
-      };
-      axios.post(`/api/clusters/${cluster}/openapi-bff/forms/formSync/getFormValuesByYaml`, payload).then(({ data }) => {
-        if (data) {
-          form.setFieldsValue(data);
-        }
-      });
-    },
-    [form, properties, cluster]
-  );
+  const normalizedPrefill = useMemo(() => {
+    if (!prefillValuesSchema) return void 0;
+    return normalizeValuesForQuotasToNumber(prefillValuesSchema, staticProperties);
+  }, [prefillValuesSchema, staticProperties]);
   const initialValues = useMemo(() => {
     const allValues = {};
     if (isCreate) {
@@ -48646,24 +48191,248 @@ const BlackholeForm = ({
     if (prefillValueNamespaceOnly) {
       _$1.set(allValues, ["metadata", "namespace"], prefillValueNamespaceOnly);
     }
-    if (prefillValuesSchema) {
-      const quotasPrefillValuesSchema = normalizeValuesForQuotasToNumber(prefillValuesSchema, properties);
-      Object.entries(quotasPrefillValuesSchema).forEach(([flatKey, v]) => {
+    if (normalizedPrefill) {
+      Object.entries(normalizedPrefill).forEach(([flatKey, v]) => {
         _$1.set(allValues, flatKey.split("."), v);
       });
     }
     const sorted = Object.fromEntries(Object.entries(allValues).sort(([a], [b]) => a.localeCompare(b)));
     return sorted;
-  }, [
-    formsPrefills,
-    prefillValueNamespaceOnly,
-    isCreate,
-    apiGroupApiVersion,
-    kindName,
-    prefillValuesSchema,
-    properties
-  ]);
+  }, [formsPrefills, prefillValueNamespaceOnly, isCreate, apiGroupApiVersion, kindName, normalizedPrefill]);
+  const prefillTemplates = useMemo(() => {
+    const templates = [];
+    if (formsPrefills?.spec?.values?.length) {
+      for (const { path, value } of formsPrefills.spec.values) {
+        templates.push({ wildcardPath: toWildcardPath(path), value });
+      }
+    }
+    if (normalizedPrefill) {
+      for (const [flatKey, v] of Object.entries(normalizedPrefill)) {
+        const parts = flatKey.split(".").map((seg) => /^\d+$/.test(seg) ? Number(seg) : seg);
+        templates.push({ wildcardPath: toWildcardPath(parts), value: v });
+      }
+    }
+    return templates.sort((a, b) => b.wildcardPath.length - a.wildcardPath.length);
+  }, [formsPrefills, normalizedPrefill]);
+  useEffect(() => {
+    return;
+  }, [prefillTemplates]);
+  const prevArrayLengthsRef = useRef(/* @__PURE__ */ new Map());
+  const applyPrefillForNewArrayItem = useCallback(
+    (arrayPath, newIndex) => {
+      group(`apply for ${JSON.stringify(arrayPath)}[${newIndex}]`);
+      for (const tpl of prefillTemplates) {
+        const matches = templateMatchesArray(tpl, arrayPath);
+        dbg(matches ? "✅ match" : "❌ no match", tpl.wildcardPath.join("."));
+        if (!matches) continue;
+        const concretePath = buildConcretePathForNewItem(tpl, arrayPath, newIndex);
+        const current = form.getFieldValue(concretePath);
+        if (typeof current === "undefined") {
+          const toSet = _$1.cloneDeep(tpl.value);
+          form.setFieldValue(concretePath, toSet);
+        }
+      }
+    },
+    [form, prefillTemplates]
+  );
+  const hiddenWildcardTemplates = useMemo(() => {
+    const raw = hiddenPaths ?? [];
+    raw.forEach((p, i) => wdbg(`#${i}`, p));
+    const sanitized = raw.map((p) => sanitizeWildcardPath(p));
+    sanitized.forEach((p, i) => wdbg(`#${i}`, prettyPath(p)));
+    return sanitized;
+  }, [hiddenPaths]);
+  const expandedWildcardTemplates = useMemo(() => {
+    const raw = expandedPaths ?? [];
+    raw.forEach((p, i) => wdbg(`#${i}`, p));
+    const sanitized = raw.map((p) => sanitizeWildcardPath(p));
+    sanitized.forEach((p, i) => wdbg(`#${i}`, prettyPath(p)));
+    return sanitized;
+  }, [expandedPaths]);
+  useEffect(() => {
+    if (!initialValues) return;
+    const hiddenResolved = expandWildcardTemplates(hiddenWildcardTemplates, initialValues);
+    wdbg("hidden resolved", hiddenResolved.map(prettyPath));
+    setResolvedHiddenPaths(hiddenResolved);
+    const expandedResolved = expandWildcardTemplates(expandedWildcardTemplates, initialValues);
+    wdbg("expanded resolved", expandedResolved.map(prettyPath));
+    setExpandedKeys((prev) => {
+      const seen = new Set(prev.map((x) => JSON.stringify(x)));
+      const merged = [...prev];
+      for (const p of expandedResolved) {
+        const k = JSON.stringify(p);
+        if (!seen.has(k)) {
+          seen.add(k);
+          merged.push(p);
+        }
+      }
+      return merged;
+    });
+  }, [initialValues, hiddenWildcardTemplates, expandedWildcardTemplates]);
+  const resolvedHiddenStringPaths = useMemo(
+    () => resolvedHiddenPaths.map(toStringPath),
+    [resolvedHiddenPaths]
+  );
   const prevInitialValues = useRef();
+  const debouncedPostValuesToYaml = useDebounceCallback((payload, myId) => {
+    try {
+      valuesToYamlAbortRef.current?.abort();
+    } catch (err) {
+      console.error(err);
+    }
+    const controller = new AbortController();
+    valuesToYamlAbortRef.current = controller;
+    axios.post(
+      `/api/clusters/${cluster}/openapi-bff/forms/formSync/getYamlValuesByFromValues`,
+      payload,
+      { signal: controller.signal }
+    ).then(({ data }) => {
+      if (myId !== valuesToYamlReqId.current) return;
+      debouncedSetYamlValues(data);
+    }).catch(() => {
+    });
+  }, 300);
+  const onValuesChangeCallback = useCallback(
+    (values) => {
+      const v = values ?? form.getFieldsValue(true);
+      const hiddenResolved = expandWildcardTemplates(hiddenWildcardTemplates, v);
+      wdbg("hidden resolved", hiddenResolved.map(prettyPath));
+      setResolvedHiddenPaths(hiddenResolved);
+      const expandedResolved = expandWildcardTemplates(expandedWildcardTemplates, v);
+      wdbg("expanded resolved", expandedResolved.map(prettyPath));
+      if (expandedResolved.length) {
+        setExpandedKeys((prev) => {
+          const seen = new Set(prev.map((x) => JSON.stringify(x)));
+          const merged = [...prev];
+          for (const p of expandedResolved) {
+            const k = JSON.stringify(p);
+            if (!seen.has(k)) {
+              seen.add(k);
+              merged.push(p);
+            }
+          }
+          return merged;
+        });
+      }
+      const newLengths = collectArrayLengths(v);
+      const prevLengths = prevArrayLengthsRef.current;
+      const allKeys = /* @__PURE__ */ new Set([...prevLengths.keys(), ...newLengths.keys()]);
+      [...allKeys].forEach((k) => dbg(k, " : ", prevLengths.get(k), "→", newLengths.get(k)));
+      for (const [k, newLen] of newLengths.entries()) {
+        const prevLen = prevLengths.get(k) ?? 0;
+        if (newLen > prevLen) {
+          const arrayPath = JSON.parse(k);
+          for (let i = prevLen; i < newLen; i++) {
+            applyPrefillForNewArrayItem(arrayPath, i);
+          }
+        }
+      }
+      prevArrayLengthsRef.current = newLengths;
+      const payload = {
+        values: v,
+        persistedKeys,
+        properties
+      };
+      const myId = ++valuesToYamlReqId.current;
+      debouncedPostValuesToYaml(payload, myId);
+    },
+    [
+      form,
+      properties,
+      persistedKeys,
+      debouncedPostValuesToYaml,
+      applyPrefillForNewArrayItem,
+      hiddenWildcardTemplates,
+      expandedWildcardTemplates
+    ]
+  );
+  const debouncedPostYamlToValues = useDebounceCallback((payload, myId) => {
+    try {
+      yamlToValuesAbortRef.current?.abort();
+    } catch (err) {
+      console.error(err);
+    }
+    const controller = new AbortController();
+    yamlToValuesAbortRef.current = controller;
+    axios.post(`/api/clusters/${cluster}/openapi-bff/forms/formSync/getFormValuesByYaml`, payload, {
+      signal: controller.signal
+    }).then(({ data }) => {
+      if (myId !== yamlToValuesReqId.current) return;
+      if (!data) return;
+      const prevAll = form.getFieldsValue(true);
+      const prevPaths = getAllPathsFromObj(prevAll);
+      const nextPaths = getAllPathsFromObj(data);
+      const nextSet = new Set(nextPaths.map((p) => pathKey$1(p)));
+      prevPaths.forEach((p) => {
+        const k = pathKey$1(p);
+        if (!nextSet.has(k)) {
+          form.setFieldValue(p, void 0);
+          blockedPathsRef.current.add(k);
+        }
+      });
+      form.setFieldsValue(data);
+      const dataPathSet = new Set(getAllPathsFromObj(data).map((p) => pathKey$1(p)));
+      blockedPathsRef.current.forEach((k) => {
+        if (dataPathSet.has(k)) blockedPathsRef.current.delete(k);
+      });
+      setProperties((prevProps) => {
+        const pruned = pruneAdditionalForValues(prevProps, data, blockedPathsRef);
+        const { props: materialized, toPersist } = materializeAdditionalFromValues(
+          pruned,
+          data,
+          blockedPathsRef
+        );
+        if (_$1.isEqual(prevProps, materialized)) {
+          return prevProps;
+        }
+        if (toPersist.length) {
+          setPersistedKeys((prev) => {
+            const seen = new Set(prev.map((x) => JSON.stringify(x)));
+            const merged = [...prev];
+            toPersist.forEach((p) => {
+              const k = JSON.stringify(p);
+              if (!seen.has(k)) {
+                seen.add(k);
+                merged.push(p);
+              }
+            });
+            return merged;
+          });
+        }
+        return materialized;
+      });
+    }).catch(() => {
+    });
+  }, 300);
+  const onYamlChangeCallback = useCallback(
+    (values) => {
+      if (isAnyFieldFocusedRef.current) return;
+      const payload = { values, properties };
+      const myId = ++yamlToValuesReqId.current;
+      debouncedPostYamlToValues(payload, myId);
+    },
+    [properties, debouncedPostYamlToValues]
+  );
+  useEffect(() => {
+    const root = overflowRef.current;
+    if (!root) return void 0;
+    const onFocusIn = () => {
+      isAnyFieldFocusedRef.current = true;
+    };
+    const onFocusOut = () => {
+      const active = document.activeElement;
+      if (!active || !root.contains(active)) {
+        isAnyFieldFocusedRef.current = false;
+        onValuesChangeCallback();
+      }
+    };
+    root.addEventListener("focusin", onFocusIn);
+    root.addEventListener("focusout", onFocusOut);
+    return () => {
+      root.removeEventListener("focusin", onFocusIn);
+      root.removeEventListener("focusout", onFocusOut);
+    };
+  }, [onValuesChangeCallback]);
   useEffect(() => {
     const prev = prevInitialValues.current;
     if (!_$1.isEqual(prev, initialValues)) {
@@ -48676,7 +48445,7 @@ const BlackholeForm = ({
   }, [onValuesChangeCallback, initialValues]);
   useEffect(() => {
     onValuesChangeCallback();
-  }, [onValuesChangeCallback, persistedKeys]);
+  }, [persistedKeys]);
   useEffect(() => {
     let allPaths = [];
     if (formsPrefills) {
@@ -48699,6 +48468,32 @@ const BlackholeForm = ({
     });
     setExpandedKeys([...uniqueKeys]);
   }, [apiGroupApiVersion, formsPrefills, prefillValuesSchema, type, typeName]);
+  useEffect(() => {
+    if (!initialValues) return;
+    setProperties((prev) => {
+      const { props: p2, toPersist } = materializeAdditionalFromValues(
+        prev,
+        initialValues,
+        blockedPathsRef
+      );
+      if (_$1.isEqual(prev, p2)) return prev;
+      if (toPersist.length) {
+        setPersistedKeys((prevPk) => {
+          const seen = new Set(prevPk.map((x) => JSON.stringify(x)));
+          const merged = [...prevPk];
+          toPersist.forEach((p) => {
+            const k = JSON.stringify(p);
+            if (!seen.has(k)) {
+              seen.add(k);
+              merged.push(p);
+            }
+          });
+          return merged;
+        });
+      }
+      return p2;
+    });
+  }, [initialValues]);
   if (!properties) {
     return null;
   }
@@ -48732,17 +48527,35 @@ const BlackholeForm = ({
     );
     const oldProperties = _$1.cloneDeep(properties);
     const newProperties = deepMerge(oldProperties, newObject);
-    console.log("oldProperties", oldProperties);
-    console.log("newObject", newObject);
-    console.log("newProperties", newProperties);
     setProperties(newProperties);
+    const fullPath = [...arrPath, name];
+    const currentValue = form.getFieldValue(fullPath);
+    if (currentValue === void 0) {
+      if (type2 === "string") {
+        form.setFieldValue(fullPath, "");
+      } else if (type2 === "number" || type2 === "integer") {
+        form.setFieldValue(fullPath, 0);
+      } else if (type2 === "array") {
+        form.setFieldValue(fullPath, []);
+      } else {
+        form.setFieldValue(fullPath, {});
+      }
+    }
+    setPersistedKeys((prev) => {
+      const seen = new Set(prev.map((x) => JSON.stringify(x)));
+      const k = JSON.stringify(fullPath);
+      if (seen.has(k)) return prev;
+      return [...prev, fullPath];
+    });
+    onValuesChangeCallback();
   };
   const removeField = ({ path }) => {
     const arrPath = Array.isArray(path) ? path : [path];
-    const pathWithProperties = arrPath.flatMap((el) => [el, "properties"]).slice(0, -1);
     const modifiedProperties = _$1.cloneDeep(properties);
-    _$1.unset(modifiedProperties, pathWithProperties);
+    blockedPathsRef.current.add(pathKey$1(arrPath));
+    form.setFieldValue(arrPath, void 0);
     setProperties(modifiedProperties);
+    onValuesChangeCallback();
   };
   const onExpandOpen = (value) => {
     setExpandedKeys([...expandedKeys, value]);
@@ -48768,7 +48581,12 @@ const BlackholeForm = ({
         }
       }
     }
-    setPersistedKeys([...persistedKeys, value]);
+    setPersistedKeys((prev) => {
+      const keyStr = JSON.stringify(value);
+      const alreadyExists = prev.some((p) => JSON.stringify(p) === keyStr);
+      if (alreadyExists) return prev;
+      return [...prev, value];
+    });
   };
   const onPersistUnmark = (value) => {
     console.log(value);
@@ -48776,48 +48594,49 @@ const BlackholeForm = ({
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$d.Container, { $designNewLayout: designNewLayout, $designNewLayoutHeight: designNewLayoutHeight, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.OverflowContainer, { ref: overflowRef, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Form,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.OverflowContainer, { ref: overflowRef, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Form, { form, initialValues, onValuesChange: () => onValuesChangeCallback(), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DesignNewLayoutProvider, { value: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsx(OnValuesChangeCallbackProvider, { value: onValuesChangeCallback, children: /* @__PURE__ */ jsxRuntimeExports.jsx(IsTouchedPersistedProvider, { value: {}, children: /* @__PURE__ */ jsxRuntimeExports.jsx(HiddenPathsProvider, { value: resolvedHiddenStringPaths, children: getObjectFormItemsDraft({
+          properties,
+          name: [],
+          required,
+          namespaceData,
+          makeValueUndefined,
+          addField,
+          removeField,
+          isEdit: !isCreate,
+          expandedControls: { onExpandOpen, onExpandClose, expandedKeys },
+          persistedControls: { onPersistMark, onPersistUnmark, persistedKeys },
+          urlParams
+        }) }) }) }) }),
+        !designNewLayout && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Alert,
+            {
+              type: "warning",
+              message: "Only the data from the form will be sent. Empty fields will be removed recursively."
+            }
+          )
+        ] }),
+        isCreate && createPermission.data?.status.allowed === false && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { type: "warning", message: "Insufficient rights to create" })
+        ] }),
+        !isCreate && updatePermission.data?.status.allowed === false && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { type: "warning", message: "Insufficient rights to edit" })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        YamlEditor,
         {
-          form,
-          initialValues,
-          onValuesChange: (_2, allValues) => onValuesChangeCallback(allValues),
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(DesignNewLayoutProvider, { value: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsx(OnValuesChangeCallbackProvider, { value: onValuesChangeCallback, children: /* @__PURE__ */ jsxRuntimeExports.jsx(IsTouchedPersistedProvider, { value: {}, children: /* @__PURE__ */ jsxRuntimeExports.jsx(HiddenPathsProvider, { value: hiddenPaths, children: getObjectFormItemsDraft({
-              properties,
-              name: [],
-              required,
-              namespaceData,
-              makeValueUndefined,
-              addField,
-              removeField,
-              isEdit: !isCreate,
-              expandedControls: { onExpandOpen, onExpandClose, expandedKeys },
-              persistedControls: { onPersistMark, onPersistUnmark, persistedKeys },
-              urlParams
-            }) }) }) }) }),
-            !designNewLayout && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Alert,
-                {
-                  type: "warning",
-                  message: "Only the data from the form will be sent. Empty fields will be removed recursively."
-                }
-              )
-            ] }),
-            isCreate && createPermission.data?.status.allowed === false && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { type: "warning", message: "Insufficient rights to create" })
-            ] }),
-            !isCreate && updatePermission.data?.status.allowed === false && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { type: "warning", message: "Insufficient rights to edit" })
-            ] })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(YamlEditor, { theme: theme$1, currentValues: yamlValues || {}, onChange: onYamlChangeCallback }) })
+          editorUri,
+          theme: theme$1,
+          currentValues: yamlValues || {},
+          onChange: onYamlChangeCallback
+        },
+        editorUri
+      ) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(FlexGrow, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$d.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
@@ -48982,7 +48801,7 @@ const BlackholeFormDataProvider = ({
   );
 };
 
-const CustomCard$5 = st$1(Card)`
+const CustomCard$5 = styled(Card)`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -49240,7 +49059,7 @@ const getListPath = ({
   return `/api/clusters/${clusterName}/k8s/api/v1${namespace ? `/namespaces/${namespace}` : ""}/${typeName}`;
 };
 
-const CustomCard$4 = st$1(Card)`
+const CustomCard$4 = styled(Card)`
   position: relative;
   width: 238px;
   overflow-x: auto;
@@ -49260,7 +49079,7 @@ const CustomCard$4 = st$1(Card)`
     padding: 8px;
   }
 `;
-const ImageContainer = st$1.div`
+const ImageContainer = styled.div`
   min-width: 45px;
   min-height: 45px;
   padding: 6px;
@@ -49270,12 +49089,12 @@ const ImageContainer = st$1.div`
     height: 45px;
   }
 `;
-const OverflowContainer = st$1.div`
+const OverflowContainer = styled.div`
   overflow-x: auto;
   scrollbar-width: thin;
   margin-bottom: 20px;
 `;
-const TitleContainer = st$1.div`
+const TitleContainer = styled.div`
   padding-left: 6px;
   padding-right: 6px;
   font-size: 16px;
@@ -49285,7 +49104,7 @@ const TitleContainer = st$1.div`
     font-weight: 700;
   }
 `;
-const TagsContainer = st$1.div`
+const TagsContainer = styled.div`
   margin-top: 6px;
   margin-bottom: 6px;
   padding-left: 6px;
@@ -49294,7 +49113,7 @@ const TagsContainer = st$1.div`
   flex-flow: row wrap;
   align-items: flex-start;
 `;
-const CustomTag$1 = st$1(Tag)`
+const CustomTag$1 = styled(Tag)`
   margin-right: 4px;
   margin-bottom: 4px;
 
@@ -49302,11 +49121,11 @@ const CustomTag$1 = st$1(Tag)`
     margin-right: 0;
   }
 `;
-const DescriptionContainer = st$1.div`
+const DescriptionContainer = styled.div`
   padding-left: 6px;
   padding-right: 6px;
 `;
-const EditButtonContainer = st$1.div`
+const EditButtonContainer = styled.div`
   position: absolute;
   bottom: 6px;
   right: 6px;
@@ -49473,7 +49292,7 @@ const SearchTextInput = ({ uniqueTags, selectedTags, onSelectedTags }) => {
   );
 };
 
-const BigValue = st$1.div`
+const BigValue = styled.div`
   font-size: 36px;
   line-height: 36px;
   font-weight: 700;
@@ -49785,11 +49604,11 @@ const DropdownAccessGroups = ({ accessGroups }) => {
   ) });
 };
 
-const ActionMenuPlaceholder = st$1.div`
+const ActionMenuPlaceholder = styled.div`
   width: 45.33px;
   height: 1px;
 `;
-st$1.div`
+styled.div`
   font-size: 36px;
   line-height: 36px;
   font-weight: 700;
@@ -49953,7 +49772,7 @@ var addonFit = {exports: {}};
 
 var addonFitExports = addonFit.exports;
 
-const CustomCard$3 = st$1.div`
+const CustomCard$3 = styled.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 
@@ -49961,7 +49780,7 @@ const CustomCard$3 = st$1.div`
     scrollbar-width: thin;
   }
 `;
-const FullWidthDiv$3 = st$1.div`
+const FullWidthDiv$3 = styled.div`
   display: flex;
   justify-content: center;
   width: 100%;
@@ -50058,7 +49877,7 @@ const XTerminal$2 = ({ endpoint, namespace, podName, container, substractHeight
   ] });
 };
 
-const CustomSelect$3 = st$1.div`
+const CustomSelect$3 = styled.div`
   .ant-select {
     width: 200px;
   }
@@ -50103,7 +49922,7 @@ const PodTerminal = ({ cluster, namespace, podName, containers, substractHeight
   ] });
 };
 
-const CustomCard$2 = st$1.div`
+const CustomCard$2 = styled.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 
@@ -50111,13 +49930,13 @@ const CustomCard$2 = st$1.div`
     scrollbar-width: thin;
   }
 `;
-const FullWidthDiv$2 = st$1.div`
+const FullWidthDiv$2 = styled.div`
   display: flex;
   justify-content: center;
   width: 100%;
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 `;
-const ProgressContainer = st$1.div`
+const ProgressContainer = styled.div`
   margin-top: calc(${({ $substractHeight }) => $substractHeight}px - 100vh);
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
   display: flex;
@@ -50275,7 +50094,7 @@ const XTerminal$1 = ({ endpoint, nodeName, profile, substractHeight }) => {
   ] });
 };
 
-const CustomSelect$2 = st$1.div`
+const CustomSelect$2 = styled.div`
   .ant-select {
     width: 200px;
   }
@@ -50314,7 +50133,7 @@ const NodeTerminal = ({ cluster, nodeName, substractHeight, defaultProfile }) =>
   ] });
 };
 
-const CustomCard$1 = st$1.div`
+const CustomCard$1 = styled.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 
@@ -50322,7 +50141,7 @@ const CustomCard$1 = st$1.div`
     scrollbar-width: thin;
   }
 `;
-const FullWidthDiv$1 = st$1.div`
+const FullWidthDiv$1 = styled.div`
   display: flex;
   justify-content: center;
   width: 100%;
@@ -50415,7 +50234,7 @@ const XTerminal = ({ endpoint, namespace, podName, container, substractHeight })
   ] });
 };
 
-const CustomSelect$1 = st$1.div`
+const CustomSelect$1 = styled.div`
   .ant-select {
     width: 200px;
   }
@@ -50460,12 +50279,12 @@ const PodLogs = ({ cluster, namespace, podName, containers, substractHeight }) =
   ] });
 };
 
-const FullWidthDiv = st$1.div`
+const FullWidthDiv = styled.div`
   display: flex;
   justify-content: center;
   width: 100%;
 `;
-const CustomCard = st$1.div`
+const CustomCard = styled.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   max-height: calc(100vh - 158px);
 
@@ -50473,11 +50292,11 @@ const CustomCard = st$1.div`
     scrollbar-width: thin;
   }
 `;
-const VisibilityContainer = st$1.div`
+const VisibilityContainer = styled.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   margin-top: -51px;
 `;
-const CursorPointerDiv = st$1.div`
+const CursorPointerDiv = styled.div`
   cursor: pointer;
   user-select: none;
 `;
@@ -50607,13 +50426,13 @@ const MonacoEditor = ({
   ] });
 };
 
-const TopRowContent = st$1.div`
+const TopRowContent = styled.div`
   height: 35px;
   margin-left: 202px;
   display: flex;
   align-items: center;
 `;
-const CustomSelect = st$1.div`
+const CustomSelect = styled.div`
   .ant-select {
     width: 200px;
   }
@@ -50724,7 +50543,7 @@ const kindByGvr = (entries) => (gvr) => {
   return uniq.length === 1 ? uniq[0] : void 0;
 };
 
-const SelectTag = st$1(Tag)`
+const SelectTag = styled(Tag)`
   margin-inline-end: 4px;
   padding: 4px 6px;
   display: inline-flex;
@@ -50732,14 +50551,14 @@ const SelectTag = st$1(Tag)`
   white-space: normal;
   line-height: 1.1;
 `;
-const SelectTagSpan = st$1.span`
+const SelectTagSpan = styled.span`
   display: inline-flex;
   flex-direction: column;
 `;
-const MaxTagPlacheolder = st$1.div`
+const MaxTagPlacheolder = styled.div`
   padding-left: 16px;
 `;
-const MaxTagPlacheolderLength = st$1.span`
+const MaxTagPlacheolderLength = styled.span`
   min-height: 20px;
   padding-right: 4px;
   padding-left: 4px;
@@ -50747,19 +50566,19 @@ const MaxTagPlacheolderLength = st$1.span`
   border-radius: 20px;
   margin-right: 8px;
 `;
-const OptionLabelKind = st$1.div`
+const OptionLabelKind = styled.div`
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 22px;
 `;
-const OptionLabelVersion = st$1.div`
+const OptionLabelVersion = styled.div`
   font-size: 10px;
   font-style: italic;
   font-weight: 400;
   line-height: 14px; /* 140% */
 `;
-const BackgroundContainer = st$1.div`
+const BackgroundContainer = styled.div`
   width: 100%;
   gap: 8px;
   border: 1px solid
@@ -50768,36 +50587,36 @@ const BackgroundContainer = st$1.div`
   background: ${({ $visibleBackground, $colorBgLayout }) => $visibleBackground && $colorBgLayout ? $colorBgLayout : "initial"};
   padding: 8px;
 `;
-const FormContainer = st$1.div`
+const FormContainer = styled.div`
   display: grid;
 
   /* grid-template-columns: 3fr 9fr; */
   grid-template-columns: 3fr 130px 9fr;
   gap: 8px;
 `;
-const ResetedFormItem = st$1(Form.Item)`
+const ResetedFormItem = styled(Form.Item)`
   margin-bottom: 0;
 `;
-const HideableContainer = st$1.div`
+const HideableContainer = styled.div`
   display: ${({ $isHidden }) => $isHidden ? "none" : "initial"};
 `;
-const BottomTagsContainer = st$1.div`
+const BottomTagsContainer = styled.div`
   display: grid;
   grid-template-columns: 1fr 50px;
   gap: 8px;
   margin-top: 8px;
 `;
-const OptionsFlex = st$1.div`
+const OptionsFlex = styled.div`
   display: flex;
   flex-flow: column;
   gap: 8px;
 `;
-const BottomTagsRow = st$1.div`
+const BottomTagsRow = styled.div`
   display: grid;
   grid-template-columns: 45px 1fr;
   gap: 4px;
 `;
-const BottomTagsRowText = st$1.div`
+const BottomTagsRowText = styled.div`
   color: ${({ $colorDescription }) => $colorDescription};
   font-size: 12px;
   font-style: italic;
@@ -50809,18 +50628,18 @@ const BottomTagsRowText = st$1.div`
   height: 100%;
   padding-top: 5px;
 `;
-const BottomTagsHolder = st$1.div`
+const BottomTagsHolder = styled.div`
   display: flex;
   gap: 4px;
   flex-wrap: wrap;
 `;
-const CustomTag = st$1(Tag)`
+const CustomTag = styled(Tag)`
   font-size: 14px;
   height: 22px;
   /* stylelint-disable declaration-no-important */
   margin-inline-end: 0 !important;
 `;
-const Abbr = st$1.span`
+const Abbr = styled.span`
   background-color: ${({ $bgColor }) => $bgColor};
   border-radius: 13px;
   padding: 1px 5px;
@@ -50828,7 +50647,7 @@ const Abbr = st$1.span`
   height: min-content;
   margin-right: 4px;
 `;
-const ClearButtonHolder = st$1.div`
+const ClearButtonHolder = styled.div`
   display: flex;
   justify-content: flex-end;
 `;