@prorobotech/openapi-k8s-toolkit 1.1.0-alpha.10 → 1.1.0-alpha.12

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

@@ -7886,19 +7886,54 @@
     pathToValue,
     body
   }) => {
-    const patchData = [
+    const config = {
+      headers: {
+        "Content-Type": "application/json-patch+json"
+      }
+    };
+    const replaceOp = [
       {
         op: "replace",
         path: pathToValue,
         value: body
       }
     ];
-    return axios.patch(endpoint, patchData, {
-      method: "PATCH",
+    try {
+      return await axios.patch(endpoint, replaceOp, config);
+    } catch (error) {
+      if (!isAxiosError(error)) {
+        throw error;
+      }
+      const status = error.response?.status;
+      if (status !== 422) {
+        throw error;
+      }
+      const addOp = [
+        {
+          op: "add",
+          path: pathToValue,
+          value: body
+        }
+      ];
+      return axios.patch(endpoint, addOp, config);
+    }
+  };
+  const patchEntryWithDeleteOp = async ({
+    endpoint,
+    pathToValue
+  }) => {
+    const config = {
       headers: {
         "Content-Type": "application/json-patch+json"
       }
-    });
+    };
+    const replaceOp = [
+      {
+        op: "remove",
+        path: pathToValue
+      }
+    ];
+    return axios.patch(endpoint, replaceOp, config);
   };
 
   const DeleteModal = ({ name, onClose, endpoint }) => {
@@ -9511,9 +9546,10 @@
     replaceValues,
     pathname,
     idToCompare,
+    fallbackIdToCompare,
     currentTags
   }) => {
-    const foundData = data.find((el) => el.id === idToCompare);
+    const foundData = data.find((el) => el.id === idToCompare) || (fallbackIdToCompare ? data.find((el) => el.id === fallbackIdToCompare) : void 0);
     if (!foundData) {
       return void 0;
     }
@@ -9543,6 +9579,7 @@
     replaceValues,
     pathname,
     idToCompare,
+    fallbackIdToCompare,
     currentTags,
     hidden,
     noMarginTop
@@ -9579,6 +9616,7 @@
       replaceValues,
       pathname,
       idToCompare,
+      fallbackIdToCompare,
       currentTags
     });
     if (!result) {
@@ -38425,6 +38463,263 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     ] });
   };
 
+  const Toggler = ({ data, children }) => {
+    const {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      id,
+      reqIndex,
+      jsonPathToValue,
+      criteria,
+      notificationSuccessMessage,
+      notificationSuccessMessageDescription,
+      notificationErrorMessage,
+      notificationErrorMessageDescription,
+      containerStyle,
+      endpoint,
+      pathToValue,
+      valueToSubmit
+    } = data;
+    const [api, contextHolder] = antd.notification.useNotification();
+    const queryClient = reactQuery.useQueryClient();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const partsOfUrl = usePartsOfUrl();
+    if (isMultiQueryLoading) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
+    }
+    if (isMultiQueryErrors) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
+      ] });
+    }
+    const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+      acc[index.toString()] = value;
+      return acc;
+    }, {});
+    const jsonRoot = multiQueryData[`req${reqIndex}`];
+    if (jsonRoot === void 0) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No root for json path" });
+    }
+    const valueToCompare = jp.query(jsonRoot, `$${jsonPathToValue}`)[0];
+    let valueToSwitch = false;
+    if (criteria.type === "forSuccess") {
+      if (criteria.operator === "exists") {
+        valueToSwitch = valueToCompare !== void 0;
+      }
+      if (criteria.operator === "equals") {
+        valueToSwitch = String(valueToCompare) === criteria.valueToCompare;
+      }
+    }
+    if (criteria.type === "forError") {
+      if (criteria.operator === "exists") {
+        valueToSwitch = !valueToCompare;
+      }
+      if (criteria.operator === "equals") {
+        valueToSwitch = String(valueToCompare) !== criteria.valueToCompare;
+      }
+    }
+    const notificationSuccessMessagePrepared = notificationSuccessMessage ? parseAll({
+      text: notificationSuccessMessage,
+      replaceValues,
+      multiQueryData
+    }) : "Success";
+    const notificationSuccessMessageDescriptionPrepared = notificationSuccessMessageDescription ? parseAll({
+      text: notificationSuccessMessageDescription,
+      replaceValues,
+      multiQueryData
+    }) : "Success";
+    const notificationErrorMessagePrepared = notificationErrorMessage ? parseAll({
+      text: notificationErrorMessage,
+      replaceValues,
+      multiQueryData
+    }) : "Success";
+    const notificationErrorMessageDescriptionPrepared = notificationErrorMessageDescription ? parseAll({
+      text: notificationErrorMessageDescription,
+      replaceValues,
+      multiQueryData
+    }) : "Success";
+    const openNotificationSuccess = () => {
+      api.success({
+        message: notificationSuccessMessagePrepared,
+        description: notificationSuccessMessageDescriptionPrepared,
+        placement: "bottomRight"
+      });
+    };
+    const openNotificationError = () => {
+      api.error({
+        message: notificationErrorMessagePrepared,
+        description: notificationErrorMessageDescriptionPrepared,
+        placement: "bottomRight"
+      });
+    };
+    const endpointPrepared = endpoint ? parseAll({ text: endpoint, replaceValues, multiQueryData }) : "no-endpoint-provided";
+    const pathToValuePrepared = pathToValue ? parseAll({ text: pathToValue, replaceValues, multiQueryData }) : "no-pathToValue-provided";
+    const toggleOn = () => {
+      patchEntryWithReplaceOp({
+        endpoint: endpointPrepared,
+        pathToValue: pathToValuePrepared,
+        body: valueToSubmit.onValue
+      }).then(() => {
+        queryClient.invalidateQueries({ queryKey: ["multi"] });
+        openNotificationSuccess();
+      }).catch((error) => {
+        openNotificationError();
+        console.error(error);
+      });
+    };
+    const toggleOff = () => {
+      if (valueToSubmit.offValue !== void 0) {
+        patchEntryWithReplaceOp({
+          endpoint: endpointPrepared,
+          pathToValue: pathToValuePrepared,
+          body: valueToSubmit.offValue
+        }).then(() => {
+          queryClient.invalidateQueries({ queryKey: ["multi"] });
+          openNotificationSuccess();
+        }).catch((error) => {
+          openNotificationError();
+          console.error(error);
+        });
+      }
+      if (valueToSubmit.toRemoveWhenOff) {
+        patchEntryWithDeleteOp({
+          endpoint: endpointPrepared,
+          pathToValue: pathToValuePrepared
+        }).then(() => {
+          queryClient.invalidateQueries({ queryKey: ["multi"] });
+          openNotificationSuccess();
+        }).catch((error) => {
+          openNotificationError();
+          console.error(error);
+        });
+      }
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        antd.Switch,
+        {
+          value: valueToSwitch,
+          onChange: (checked) => {
+            if (checked) {
+              toggleOn();
+            } else {
+              toggleOff();
+            }
+          }
+        }
+      ),
+      children,
+      contextHolder
+    ] });
+  };
+
+  const TogglerSegmented = ({
+    data,
+    children
+  }) => {
+    const {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      id,
+      reqIndex,
+      jsonPathToValue,
+      notificationSuccessMessage,
+      notificationSuccessMessageDescription,
+      notificationErrorMessage,
+      notificationErrorMessageDescription,
+      containerStyle,
+      endpoint,
+      pathToValue,
+      possibleValues,
+      valuesMap
+    } = data;
+    const [api, contextHolder] = antd.notification.useNotification();
+    const queryClient = reactQuery.useQueryClient();
+    const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+    const partsOfUrl = usePartsOfUrl();
+    if (isMultiQueryLoading) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
+    }
+    if (isMultiQueryErrors) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
+      ] });
+    }
+    const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+      acc[index.toString()] = value;
+      return acc;
+    }, {});
+    const jsonRoot = multiQueryData[`req${reqIndex}`];
+    if (jsonRoot === void 0) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No root for json path" });
+    }
+    const valueToCompare = jp.query(jsonRoot, `$${jsonPathToValue}`)[0];
+    const valueToSegmented = valuesMap?.find((el) => el.value === valueToCompare)?.renderedValue;
+    const notificationSuccessMessagePrepared = notificationSuccessMessage ? parseAll({
+      text: notificationSuccessMessage,
+      replaceValues,
+      multiQueryData
+    }) : "Success";
+    const notificationSuccessMessageDescriptionPrepared = notificationSuccessMessageDescription ? parseAll({
+      text: notificationSuccessMessageDescription,
+      replaceValues,
+      multiQueryData
+    }) : "Success";
+    const notificationErrorMessagePrepared = notificationErrorMessage ? parseAll({
+      text: notificationErrorMessage,
+      replaceValues,
+      multiQueryData
+    }) : "Success";
+    const notificationErrorMessageDescriptionPrepared = notificationErrorMessageDescription ? parseAll({
+      text: notificationErrorMessageDescription,
+      replaceValues,
+      multiQueryData
+    }) : "Success";
+    const openNotificationSuccess = () => {
+      api.success({
+        message: notificationSuccessMessagePrepared,
+        description: notificationSuccessMessageDescriptionPrepared,
+        placement: "bottomRight"
+      });
+    };
+    const openNotificationError = () => {
+      api.error({
+        message: notificationErrorMessagePrepared,
+        description: notificationErrorMessageDescriptionPrepared,
+        placement: "bottomRight"
+      });
+    };
+    const endpointPrepared = endpoint ? parseAll({ text: endpoint, replaceValues, multiQueryData }) : "no-endpoint-provided";
+    const pathToValuePrepared = pathToValue ? parseAll({ text: pathToValue, replaceValues, multiQueryData }) : "no-pathToValue-provided";
+    const onChange = (renderedValue) => {
+      const valueFromMap = valuesMap?.find((el) => el.renderedValue === renderedValue)?.value;
+      const valueToSend = valueFromMap || renderedValue;
+      patchEntryWithReplaceOp({
+        endpoint: endpointPrepared,
+        pathToValue: pathToValuePrepared,
+        body: valueToSend
+      }).then(() => {
+        queryClient.invalidateQueries({ queryKey: ["multi"] });
+        openNotificationSuccess();
+      }).catch((error) => {
+        openNotificationError();
+        console.error(error);
+      });
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        antd.Segmented,
+        {
+          options: possibleValues,
+          value: valueToSegmented || "~n~e~v~e~r",
+          onChange: (value) => onChange(value)
+        }
+      ),
+      children,
+      contextHolder
+    ] });
+  };
+
   const DynamicComponents = {
     DefaultDiv,
     antdText: AntdText,
@@ -38462,7 +38757,9 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     SecretBase64Plain,
     ResourceBadge,
     Events: Events$1,
-    OwnerRefs
+    OwnerRefs,
+    Toggler,
+    TogglerSegmented
   };
 
   const prepareUrlsToFetchForDynamicRenderer = ({
@@ -39207,733 +39504,161 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     );
   };
 
-  /**
-   * lodash (Custom Build) <https://lodash.com/>
-   * Build: `lodash modularize exports="npm" -o ./`
-   * Copyright jQuery Foundation and other contributors <https://jquery.org/>
-   * Released under MIT license <https://lodash.com/license>
-   * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
-   * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-   */
-
-  /** Used as the `TypeError` message for "Functions" methods. */
-  var FUNC_ERROR_TEXT = 'Expected a function';
-
-  /** Used as references for various `Number` constants. */
-  var NAN = 0 / 0;
+  function _defineProperty$1(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
 
-  /** `Object#toString` result references. */
-  var symbolTag = '[object Symbol]';
+    return obj;
+  }
 
-  /** Used to match leading and trailing whitespace. */
-  var reTrim = /^\s+|\s+$/g;
+  function ownKeys$1(object, enumerableOnly) {
+    var keys = Object.keys(object);
 
-  /** Used to detect bad signed hexadecimal string values. */
-  var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+      keys.push.apply(keys, symbols);
+    }
 
-  /** Used to detect binary string values. */
-  var reIsBinary = /^0b[01]+$/i;
+    return keys;
+  }
 
-  /** Used to detect octal string values. */
-  var reIsOctal = /^0o[0-7]+$/i;
+  function _objectSpread2$1(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
 
-  /** Built-in method references without a dependency on `root`. */
-  var freeParseInt = parseInt;
+      if (i % 2) {
+        ownKeys$1(Object(source), true).forEach(function (key) {
+          _defineProperty$1(target, key, source[key]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys$1(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
 
-  /** Detect free variable `global` from Node.js. */
-  var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+    return target;
+  }
 
-  /** Detect free variable `self`. */
-  var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
 
-  /** Used as a reference to the global object. */
-  var root = freeGlobal || freeSelf || Function('return this')();
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
 
-  /** Used for built-in method references. */
-  var objectProto = Object.prototype;
+    return target;
+  }
 
-  /**
-   * Used to resolve the
-   * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
-   * of values.
-   */
-  var objectToString = objectProto.toString;
+  function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
 
-  /* Built-in method references for those with the same name as other `lodash` methods. */
-  var nativeMax = Math.max,
-      nativeMin = Math.min;
+    var target = _objectWithoutPropertiesLoose(source, excluded);
 
-  /**
-   * Gets the timestamp of the number of milliseconds that have elapsed since
-   * the Unix epoch (1 January 1970 00:00:00 UTC).
-   *
-   * @static
-   * @memberOf _
-   * @since 2.4.0
-   * @category Date
-   * @returns {number} Returns the timestamp.
-   * @example
-   *
-   * _.defer(function(stamp) {
-   *   console.log(_.now() - stamp);
-   * }, _.now());
-   * // => Logs the number of milliseconds it took for the deferred invocation.
-   */
-  var now = function() {
-    return root.Date.now();
-  };
+    var key, i;
 
-  /**
-   * Creates a debounced function that delays invoking `func` until after `wait`
-   * milliseconds have elapsed since the last time the debounced function was
-   * invoked. The debounced function comes with a `cancel` method to cancel
-   * delayed `func` invocations and a `flush` method to immediately invoke them.
-   * Provide `options` to indicate whether `func` should be invoked on the
-   * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
-   * with the last arguments provided to the debounced function. Subsequent
-   * calls to the debounced function return the result of the last `func`
-   * invocation.
-   *
-   * **Note:** If `leading` and `trailing` options are `true`, `func` is
-   * invoked on the trailing edge of the timeout only if the debounced function
-   * is invoked more than once during the `wait` timeout.
-   *
-   * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
-   * until to the next tick, similar to `setTimeout` with a timeout of `0`.
-   *
-   * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
-   * for details over the differences between `_.debounce` and `_.throttle`.
-   *
-   * @static
-   * @memberOf _
-   * @since 0.1.0
-   * @category Function
-   * @param {Function} func The function to debounce.
-   * @param {number} [wait=0] The number of milliseconds to delay.
-   * @param {Object} [options={}] The options object.
-   * @param {boolean} [options.leading=false]
-   *  Specify invoking on the leading edge of the timeout.
-   * @param {number} [options.maxWait]
-   *  The maximum time `func` is allowed to be delayed before it's invoked.
-   * @param {boolean} [options.trailing=true]
-   *  Specify invoking on the trailing edge of the timeout.
-   * @returns {Function} Returns the new debounced function.
-   * @example
-   *
-   * // Avoid costly calculations while the window size is in flux.
-   * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
-   *
-   * // Invoke `sendMail` when clicked, debouncing subsequent calls.
-   * jQuery(element).on('click', _.debounce(sendMail, 300, {
-   *   'leading': true,
-   *   'trailing': false
-   * }));
-   *
-   * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
-   * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
-   * var source = new EventSource('/stream');
-   * jQuery(source).on('message', debounced);
-   *
-   * // Cancel the trailing debounced invocation.
-   * jQuery(window).on('popstate', debounced.cancel);
-   */
-  function debounce(func, wait, options) {
-    var lastArgs,
-        lastThis,
-        maxWait,
-        result,
-        timerId,
-        lastCallTime,
-        lastInvokeTime = 0,
-        leading = false,
-        maxing = false,
-        trailing = true;
+    if (Object.getOwnPropertySymbols) {
+      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
 
-    if (typeof func != 'function') {
-      throw new TypeError(FUNC_ERROR_TEXT);
-    }
-    wait = toNumber(wait) || 0;
-    if (isObject$2(options)) {
-      leading = !!options.leading;
-      maxing = 'maxWait' in options;
-      maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-      trailing = 'trailing' in options ? !!options.trailing : trailing;
+      for (i = 0; i < sourceSymbolKeys.length; i++) {
+        key = sourceSymbolKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+      }
     }
 
-    function invokeFunc(time) {
-      var args = lastArgs,
-          thisArg = lastThis;
+    return target;
+  }
 
-      lastArgs = lastThis = undefined;
-      lastInvokeTime = time;
-      result = func.apply(thisArg, args);
-      return result;
-    }
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
 
-    function leadingEdge(time) {
-      // Reset any `maxWait` timer.
-      lastInvokeTime = time;
-      // Start the timer for the trailing edge.
-      timerId = setTimeout(timerExpired, wait);
-      // Invoke the leading edge.
-      return leading ? invokeFunc(time) : result;
-    }
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
 
-    function remainingWait(time) {
-      var timeSinceLastCall = time - lastCallTime,
-          timeSinceLastInvoke = time - lastInvokeTime,
-          result = wait - timeSinceLastCall;
+  function _iterableToArrayLimit(arr, i) {
+    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
 
-      return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
     }
 
-    function shouldInvoke(time) {
-      var timeSinceLastCall = time - lastCallTime,
-          timeSinceLastInvoke = time - lastInvokeTime;
+    return _arr;
+  }
 
-      // Either this is the first call, activity has stopped and we're at the
-      // trailing edge, the system time has gone backwards and we're treating
-      // it as the trailing edge, or we've hit the `maxWait` limit.
-      return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
-        (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
-    }
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
 
-    function timerExpired() {
-      var time = now();
-      if (shouldInvoke(time)) {
-        return trailingEdge(time);
-      }
-      // Restart the timer.
-      timerId = setTimeout(timerExpired, remainingWait(time));
-    }
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
 
-    function trailingEdge(time) {
-      timerId = undefined;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
 
-      // Only invoke if we have `lastArgs` which means `func` has been
-      // debounced at least once.
-      if (trailing && lastArgs) {
-        return invokeFunc(time);
-      }
-      lastArgs = lastThis = undefined;
-      return result;
-    }
+    return arr2;
+  }
 
-    function cancel() {
-      if (timerId !== undefined) {
-        clearTimeout(timerId);
-      }
-      lastInvokeTime = 0;
-      lastArgs = lastCallTime = lastThis = timerId = undefined;
-    }
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
 
-    function flush() {
-      return timerId === undefined ? result : trailingEdge(now());
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
     }
 
-    function debounced() {
-      var time = now(),
-          isInvoking = shouldInvoke(time);
-
-      lastArgs = arguments;
-      lastThis = this;
-      lastCallTime = time;
-
-      if (isInvoking) {
-        if (timerId === undefined) {
-          return leadingEdge(lastCallTime);
-        }
-        if (maxing) {
-          // Handle invocations in a tight loop.
-          timerId = setTimeout(timerExpired, wait);
-          return invokeFunc(lastCallTime);
-        }
-      }
-      if (timerId === undefined) {
-        timerId = setTimeout(timerExpired, wait);
-      }
-      return result;
-    }
-    debounced.cancel = cancel;
-    debounced.flush = flush;
-    return debounced;
-  }
-
-  /**
-   * Checks if `value` is the
-   * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
-   * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
-   *
-   * @static
-   * @memberOf _
-   * @since 0.1.0
-   * @category Lang
-   * @param {*} value The value to check.
-   * @returns {boolean} Returns `true` if `value` is an object, else `false`.
-   * @example
-   *
-   * _.isObject({});
-   * // => true
-   *
-   * _.isObject([1, 2, 3]);
-   * // => true
-   *
-   * _.isObject(_.noop);
-   * // => true
-   *
-   * _.isObject(null);
-   * // => false
-   */
-  function isObject$2(value) {
-    var type = typeof value;
-    return !!value && (type == 'object' || type == 'function');
-  }
-
-  /**
-   * Checks if `value` is object-like. A value is object-like if it's not `null`
-   * and has a `typeof` result of "object".
-   *
-   * @static
-   * @memberOf _
-   * @since 4.0.0
-   * @category Lang
-   * @param {*} value The value to check.
-   * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
-   * @example
-   *
-   * _.isObjectLike({});
-   * // => true
-   *
-   * _.isObjectLike([1, 2, 3]);
-   * // => true
-   *
-   * _.isObjectLike(_.noop);
-   * // => false
-   *
-   * _.isObjectLike(null);
-   * // => false
-   */
-  function isObjectLike(value) {
-    return !!value && typeof value == 'object';
-  }
-
-  /**
-   * Checks if `value` is classified as a `Symbol` primitive or object.
-   *
-   * @static
-   * @memberOf _
-   * @since 4.0.0
-   * @category Lang
-   * @param {*} value The value to check.
-   * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
-   * @example
-   *
-   * _.isSymbol(Symbol.iterator);
-   * // => true
-   *
-   * _.isSymbol('abc');
-   * // => false
-   */
-  function isSymbol(value) {
-    return typeof value == 'symbol' ||
-      (isObjectLike(value) && objectToString.call(value) == symbolTag);
-  }
-
-  /**
-   * Converts `value` to a number.
-   *
-   * @static
-   * @memberOf _
-   * @since 4.0.0
-   * @category Lang
-   * @param {*} value The value to process.
-   * @returns {number} Returns the number.
-   * @example
-   *
-   * _.toNumber(3.2);
-   * // => 3.2
-   *
-   * _.toNumber(Number.MIN_VALUE);
-   * // => 5e-324
-   *
-   * _.toNumber(Infinity);
-   * // => Infinity
-   *
-   * _.toNumber('3.2');
-   * // => 3.2
-   */
-  function toNumber(value) {
-    if (typeof value == 'number') {
-      return value;
-    }
-    if (isSymbol(value)) {
-      return NAN;
-    }
-    if (isObject$2(value)) {
-      var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-      value = isObject$2(other) ? (other + '') : other;
-    }
-    if (typeof value != 'string') {
-      return value === 0 ? value : +value;
-    }
-    value = value.replace(reTrim, '');
-    var isBinary = reIsBinary.test(value);
-    return (isBinary || reIsOctal.test(value))
-      ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
-      : (reIsBadHex.test(value) ? NAN : +value);
-  }
-
-  var lodash_debounce = debounce;
-
-  const debounce$1 = /*@__PURE__*/getDefaultExportFromCjs(lodash_debounce);
-
-  function useUnmount(func) {
-    const funcRef = K.useRef(func);
-    funcRef.current = func;
-    K.useEffect(
-      () => () => {
-        funcRef.current();
-      },
-      []
-    );
-  }
-
-  // src/useDebounceCallback/useDebounceCallback.ts
-  function useDebounceCallback(func, delay = 500, options) {
-    const debouncedFunc = K.useRef();
-    useUnmount(() => {
-      if (debouncedFunc.current) {
-        debouncedFunc.current.cancel();
-      }
-    });
-    const debounced = K.useMemo(() => {
-      const debouncedFuncInstance = debounce$1(func, delay, options);
-      const wrappedFunc = (...args) => {
-        return debouncedFuncInstance(...args);
-      };
-      wrappedFunc.cancel = () => {
-        debouncedFuncInstance.cancel();
-      };
-      wrappedFunc.isPending = () => {
-        return !!debouncedFunc.current;
-      };
-      wrappedFunc.flush = () => {
-        return debouncedFuncInstance.flush();
-      };
-      return wrappedFunc;
-    }, [func, delay, options]);
-    K.useEffect(() => {
-      debouncedFunc.current = debounce$1(func, delay, options);
-    }, [func, delay, options]);
-    return debounced;
-  }
-
-  function floorToDecimal(num, decimalPlaces) {
-    const factor = 10 ** decimalPlaces;
-    return Math.floor(num * factor) / factor;
-  }
-  const parseQuotaValue = (key, val) => {
-    let numericValue = parseFloat(val.replace(/[a-zA-Zа-яА-Я]/g, ""));
-    if (key === "cpu") {
-      if (val.endsWith("m")) {
-        numericValue /= 1e3;
-      }
-      return floorToDecimal(numericValue, 1);
-    }
-    if (val.endsWith("m")) {
-      numericValue /= 1e3;
-    } else if (val.endsWith("k")) {
-      numericValue /= 1e6;
-    } else if (val.endsWith("M")) {
-      numericValue /= 1e3;
-    } else if (val.endsWith("G")) {
-      numericValue /= 1;
-    } else if (val.endsWith("T")) {
-      numericValue *= 1e3;
-    } else if (val.endsWith("Ki")) {
-      numericValue /= 1024;
-      numericValue /= 1e6;
-    } else if (val.endsWith("Mi")) {
-      numericValue /= 1e3;
-      numericValue /= 1e3;
-    } else if (/^\d+(\.\d+)?$/.test(val)) {
-      numericValue /= 1e9;
-    } else {
-      throw new Error("Invalid value");
-    }
-    return floorToDecimal(numericValue, 1);
-  };
-  const parseQuotaValueCpu = (val) => {
-    if (typeof val === "string") {
-      let numericValue = parseFloat(val.replace(/[a-zA-Zа-яА-Я]/g, ""));
-      if (val.endsWith("m")) {
-        numericValue /= 1e3;
-      }
-      return floorToDecimal(numericValue, 1);
-    }
-    return 0;
-  };
-  const parseQuotaValueMemoryAndStorage = (val) => {
-    if (typeof val === "string") {
-      let numericValue = parseFloat(val.replace(/[a-zA-Zа-яА-Я]/g, ""));
-      if (val.endsWith("k")) {
-        numericValue /= 1e6;
-      } else if (val.endsWith("m")) {
-        numericValue /= 1e3;
-      } else if (val.endsWith("M")) {
-        numericValue /= 1e3;
-      } else if (val.endsWith("G")) {
-        numericValue /= 1;
-      } else if (val.endsWith("T")) {
-        numericValue *= 1e3;
-      } else if (val.endsWith("P")) {
-        numericValue *= 1e6;
-      } else if (val.endsWith("E")) {
-        numericValue *= 1e9;
-      } else if (val.endsWith("Ki")) {
-        numericValue *= 1024 / 1e9;
-      } else if (val.endsWith("Mi")) {
-        numericValue /= 1048.576;
-      } else if (val.endsWith("Gi")) {
-        numericValue *= 1.073741824;
-      } else if (val.endsWith("Ti")) {
-        numericValue *= 1.099511628;
-      } else if (val.endsWith("Pi")) {
-        numericValue *= 1.125899907;
-      } else if (val.endsWith("Ei")) {
-        numericValue *= 1.152921505;
-      } else if (val === "0") {
-        return 0;
-      } else {
-        throw new Error("Invalid value");
-      }
-      return floorToDecimal(numericValue, 1);
-    }
-    return 0;
-  };
-
-  const findAllPathsForObject = (obj, targetKey, targetValue, currentPath = []) => {
-    let paths = [];
-    if (typeof obj !== "object" || obj === null) {
-      return paths;
-    }
-    if (obj[targetKey] === targetValue) {
-      paths.push([...currentPath]);
-    }
-    for (const key in obj) {
-      if (obj.hasOwnProperty(key)) {
-        const value = obj[key];
-        if (typeof value === "object" && value !== null) {
-          const newPath = [...currentPath, key];
-          const subPaths = findAllPathsForObject(value, targetKey, targetValue, newPath);
-          paths = paths.concat(subPaths);
-        }
-      }
-    }
-    return paths;
-  };
-  const normalizeValuesForQuotasToNumber = (object, properties) => {
-    const newObject = _$1.cloneDeep(object);
-    const cpuPaths = findAllPathsForObject(properties, "type", "rangeInputCpu");
-    const memoryPaths = findAllPathsForObject(properties, "type", "rangeInputMemory");
-    memoryPaths.forEach((path) => {
-      const cleanPath = path.filter((el) => typeof el === "string").filter((el) => el !== "properties");
-      const value = _$1.get(newObject, cleanPath);
-      if (value || value === 0) {
-        _$1.set(newObject, cleanPath, parseQuotaValueMemoryAndStorage(value));
-      }
-    });
-    cpuPaths.forEach((path) => {
-      const cleanPath = path.filter((el) => typeof el === "string").filter((el) => el !== "properties");
-      const value = _$1.get(newObject, cleanPath);
-      if (value || value === 0) {
-        _$1.set(newObject, cleanPath, parseQuotaValueCpu(value));
-      }
-    });
-    return newObject;
-  };
-
-  const getAllPathsFromObj = (obj, prefix = []) => {
-    const entries = Array.isArray(obj) ? obj.map((value, index) => [index, value]) : Object.entries(obj);
-    return entries.flatMap(([key, value]) => {
-      const currentPath = [...prefix, key];
-      return typeof value === "object" && value !== null ? [currentPath, ...getAllPathsFromObj(value, currentPath)] : [currentPath];
-    });
-  };
-
-  const getPrefixSubarrays = (arr) => {
-    return arr.map((_, index) => arr.slice(0, index + 1));
-  };
-
-  const deepMerge = (a, b) => {
-    const result = { ...a };
-    for (const key of Object.keys(b)) {
-      const aVal = a[key];
-      const bVal = b[key];
-      if (aVal !== null && bVal !== null && typeof aVal === "object" && typeof bVal === "object" && !Array.isArray(aVal) && !Array.isArray(bVal)) {
-        result[key] = deepMerge(aVal, bVal);
-      } else {
-        result[key] = bVal;
-      }
-    }
-    return result;
-  };
-
-  function _defineProperty$1(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
-
-  function ownKeys$1(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
-    }
-
-    return keys;
-  }
-
-  function _objectSpread2$1(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-
-      if (i % 2) {
-        ownKeys$1(Object(source), true).forEach(function (key) {
-          _defineProperty$1(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys$1(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
-
-    return target;
-  }
-
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-
-    return target;
-  }
-
-  function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-
-    var key, i;
-
-    if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
-    }
-
-    return target;
-  }
-
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-  }
-
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-
-  function _iterableToArrayLimit(arr, i) {
-    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _e = undefined;
-
-    try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"] != null) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-
-    return _arr;
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-    return arr2;
-  }
-
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
+    return obj;
+  }
 
   function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -39999,7 +39724,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     };
   }
 
-  function isObject$1(value) {
+  function isObject$2(value) {
     return {}.toString.call(value).includes('Object');
   }
 
@@ -40016,7 +39741,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   }
 
   function validateChanges(initial, changes) {
-    if (!isObject$1(changes)) errorHandler$1('changeType');
+    if (!isObject$2(changes)) errorHandler$1('changeType');
     if (Object.keys(changes).some(function (field) {
       return !hasOwnProperty(initial, field);
     })) errorHandler$1('changeField');
@@ -40028,15 +39753,15 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   }
 
   function validateHandler(handler) {
-    if (!(isFunction(handler) || isObject$1(handler))) errorHandler$1('handlerType');
-    if (isObject$1(handler) && Object.values(handler).some(function (_handler) {
+    if (!(isFunction(handler) || isObject$2(handler))) errorHandler$1('handlerType');
+    if (isObject$2(handler) && Object.values(handler).some(function (_handler) {
       return !isFunction(_handler);
     })) errorHandler$1('handlersType');
   }
 
   function validateInitial(initial) {
     if (!initial) errorHandler$1('initialIsRequired');
-    if (!isObject$1(initial)) errorHandler$1('initialType');
+    if (!isObject$2(initial)) errorHandler$1('initialType');
     if (isEmpty$1(initial)) errorHandler$1('initialContent');
   }
 
@@ -40136,7 +39861,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     };
   }
 
-  function isObject(value) {
+  function isObject$1(value) {
     return {}.toString.call(value).includes('Object');
   }
 
@@ -40148,7 +39873,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
 
   function validateConfig(config) {
     if (!config) errorHandler('configIsRequired');
-    if (!isObject(config)) errorHandler('configType');
+    if (!isObject$1(config)) errorHandler('configType');
 
     if (config.urls) {
       informAboutDeprecation();
@@ -47284,120 +47009,6 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   }
 
   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$k = {
-    BorderRadiusContainer: BorderRadiusContainer$1
-  };
-
-  const YamlEditor = ({ theme, currentValues, onChange, editorUri }) => {
-    const { token } = antd.theme.useToken();
-    const [yamlData, setYamlData] = K.useState("");
-    const editorRef = K.useRef(null);
-    const monacoRef = K.useRef(null);
-    const isFocusedRef = K.useRef(false);
-    const pendingExternalYamlRef = K.useRef(null);
-    const isApplyingExternalUpdateRef = K.useRef(false);
-    K.useEffect(() => {
-      const next = stringify(currentValues, {
-        // Use literal block scalar for multiline strings
-        blockQuote: "literal",
-        // Preserve line breaks
-        lineWidth: 0,
-        // Use double quotes for strings that need escaping
-        doubleQuotedAsJSON: false
-      });
-      if (isFocusedRef.current) {
-        pendingExternalYamlRef.current = next ?? "";
-        return;
-      }
-      setYamlData(next ?? "");
-    }, [currentValues]);
-    K.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$k.BorderRadiusContainer, { $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Ft,
-      {
-        language: "yaml",
-        path: editorUri,
-        keepCurrentModel: true,
-        width: "100%",
-        height: "100%",
-        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) => {
-          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",
-        options: {
-          theme: theme === "dark" ? "vs-dark" : theme === void 0 ? "vs-dark" : "vs"
-        }
-      }
-    ) });
-  };
-
-  const BorderRadiusContainer = styled.div`
   height: ${({ $designNewLayoutHeight }) => $designNewLayoutHeight ? `${$designNewLayoutHeight}px` : "75vh"};
   border: 1px solid ${({ $colorBorder }) => $colorBorder};
   border-radius: 8px;
@@ -47421,12 +47032,13 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   font-size: 16px;
   line-height: 24px;
 `;
-  const Styled$j = {
-    BorderRadiusContainer,
+  const Styled$k = {
+    BorderRadiusContainer: BorderRadiusContainer$1,
     ControlsRowContainer: ControlsRowContainer$1,
     BigText: BigText$1
   };
 
+  const NOTIFICATION_KEY = "yaml-data-changed";
   const YamlEditorSingleton = ({
     theme,
     cluster,
@@ -47451,14 +47063,14 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     const initialPrefillYamlRef = K.useRef(null);
     const latestPrefillYamlRef = K.useRef(null);
     const firstLoadRef = K.useRef(true);
-    const handleReload = () => {
+    const handleReload = K.useCallback(() => {
+      api.destroy(NOTIFICATION_KEY);
       const nextYaml = latestPrefillYamlRef.current ?? initialPrefillYamlRef.current;
       if (nextYaml !== null) {
         setYamlData(nextYaml);
       }
-    };
+    }, [api]);
     const openNotificationYamlChanged = K.useCallback(() => {
-      const key = `open${Date.now()}`;
       const btn = /* @__PURE__ */ jsxRuntimeExports.jsx(
         antd.Button,
         {
@@ -47466,25 +47078,21 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
           size: "small",
           onClick: () => {
             handleReload();
-            api.destroy(key);
           },
           children: "Reload"
         }
       );
       api.info({
+        key: NOTIFICATION_KEY,
         message: "Data changed",
-        description: "Reload will flush changes and reload data to latest",
+        description: "The source data has been updated. Reload to apply the latest changes (will discard your edits).",
         btn,
-        key,
-        onClose: () => console.log("Notification closed"),
         placement: "bottomRight",
         duration: 30
-        // keep it open until user closes
       });
-    }, [api]);
+    }, [api, handleReload]);
     K.useEffect(() => {
       if (prefillValuesSchema === void 0) return;
-      console.log(prefillValuesSchema);
       const nextYaml = stringify(prefillValuesSchema);
       if (firstLoadRef.current) {
         initialPrefillYamlRef.current = nextYaml;
@@ -47548,7 +47156,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       contextHolder,
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Ft,
         {
           defaultLanguage: "yaml",
@@ -47567,7 +47175,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
           }
         }
       ) }),
-      !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
+      !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { type: "primary", onClick: onSubmit, loading: isLoading, children: "Submit" }),
         backlink && /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { onClick: () => navigate(backlink), children: "Cancel" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { onClick: handleReload, children: "Reload" })
@@ -47578,7 +47186,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
           open: !!error,
           onOk: () => setError(void 0),
           onCancel: () => setError(void 0),
-          title: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.BigText, { children: "Error!" }) }),
+          title: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.BigText, { children: "Error!" }) }),
           cancelButtonProps: { style: { display: "none" } },
           children: [
             "An error has occurred: ",
@@ -47589,6 +47197,692 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     ] });
   };
 
+  /**
+   * lodash (Custom Build) <https://lodash.com/>
+   * Build: `lodash modularize exports="npm" -o ./`
+   * Copyright jQuery Foundation and other contributors <https://jquery.org/>
+   * Released under MIT license <https://lodash.com/license>
+   * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+   * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+   */
+
+  /** Used as the `TypeError` message for "Functions" methods. */
+  var FUNC_ERROR_TEXT = 'Expected a function';
+
+  /** Used as references for various `Number` constants. */
+  var NAN = 0 / 0;
+
+  /** `Object#toString` result references. */
+  var symbolTag = '[object Symbol]';
+
+  /** Used to match leading and trailing whitespace. */
+  var reTrim = /^\s+|\s+$/g;
+
+  /** Used to detect bad signed hexadecimal string values. */
+  var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+  /** Used to detect binary string values. */
+  var reIsBinary = /^0b[01]+$/i;
+
+  /** Used to detect octal string values. */
+  var reIsOctal = /^0o[0-7]+$/i;
+
+  /** Built-in method references without a dependency on `root`. */
+  var freeParseInt = parseInt;
+
+  /** Detect free variable `global` from Node.js. */
+  var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+  /** Detect free variable `self`. */
+  var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+  /** Used as a reference to the global object. */
+  var root = freeGlobal || freeSelf || Function('return this')();
+
+  /** Used for built-in method references. */
+  var objectProto = Object.prototype;
+
+  /**
+   * Used to resolve the
+   * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+   * of values.
+   */
+  var objectToString = objectProto.toString;
+
+  /* Built-in method references for those with the same name as other `lodash` methods. */
+  var nativeMax = Math.max,
+      nativeMin = Math.min;
+
+  /**
+   * Gets the timestamp of the number of milliseconds that have elapsed since
+   * the Unix epoch (1 January 1970 00:00:00 UTC).
+   *
+   * @static
+   * @memberOf _
+   * @since 2.4.0
+   * @category Date
+   * @returns {number} Returns the timestamp.
+   * @example
+   *
+   * _.defer(function(stamp) {
+   *   console.log(_.now() - stamp);
+   * }, _.now());
+   * // => Logs the number of milliseconds it took for the deferred invocation.
+   */
+  var now = function() {
+    return root.Date.now();
+  };
+
+  /**
+   * Creates a debounced function that delays invoking `func` until after `wait`
+   * milliseconds have elapsed since the last time the debounced function was
+   * invoked. The debounced function comes with a `cancel` method to cancel
+   * delayed `func` invocations and a `flush` method to immediately invoke them.
+   * Provide `options` to indicate whether `func` should be invoked on the
+   * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+   * with the last arguments provided to the debounced function. Subsequent
+   * calls to the debounced function return the result of the last `func`
+   * invocation.
+   *
+   * **Note:** If `leading` and `trailing` options are `true`, `func` is
+   * invoked on the trailing edge of the timeout only if the debounced function
+   * is invoked more than once during the `wait` timeout.
+   *
+   * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+   * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+   *
+   * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+   * for details over the differences between `_.debounce` and `_.throttle`.
+   *
+   * @static
+   * @memberOf _
+   * @since 0.1.0
+   * @category Function
+   * @param {Function} func The function to debounce.
+   * @param {number} [wait=0] The number of milliseconds to delay.
+   * @param {Object} [options={}] The options object.
+   * @param {boolean} [options.leading=false]
+   *  Specify invoking on the leading edge of the timeout.
+   * @param {number} [options.maxWait]
+   *  The maximum time `func` is allowed to be delayed before it's invoked.
+   * @param {boolean} [options.trailing=true]
+   *  Specify invoking on the trailing edge of the timeout.
+   * @returns {Function} Returns the new debounced function.
+   * @example
+   *
+   * // Avoid costly calculations while the window size is in flux.
+   * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+   *
+   * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+   * jQuery(element).on('click', _.debounce(sendMail, 300, {
+   *   'leading': true,
+   *   'trailing': false
+   * }));
+   *
+   * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+   * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+   * var source = new EventSource('/stream');
+   * jQuery(source).on('message', debounced);
+   *
+   * // Cancel the trailing debounced invocation.
+   * jQuery(window).on('popstate', debounced.cancel);
+   */
+  function debounce(func, wait, options) {
+    var lastArgs,
+        lastThis,
+        maxWait,
+        result,
+        timerId,
+        lastCallTime,
+        lastInvokeTime = 0,
+        leading = false,
+        maxing = false,
+        trailing = true;
+
+    if (typeof func != 'function') {
+      throw new TypeError(FUNC_ERROR_TEXT);
+    }
+    wait = toNumber(wait) || 0;
+    if (isObject(options)) {
+      leading = !!options.leading;
+      maxing = 'maxWait' in options;
+      maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+      trailing = 'trailing' in options ? !!options.trailing : trailing;
+    }
+
+    function invokeFunc(time) {
+      var args = lastArgs,
+          thisArg = lastThis;
+
+      lastArgs = lastThis = undefined;
+      lastInvokeTime = time;
+      result = func.apply(thisArg, args);
+      return result;
+    }
+
+    function leadingEdge(time) {
+      // Reset any `maxWait` timer.
+      lastInvokeTime = time;
+      // Start the timer for the trailing edge.
+      timerId = setTimeout(timerExpired, wait);
+      // Invoke the leading edge.
+      return leading ? invokeFunc(time) : result;
+    }
+
+    function remainingWait(time) {
+      var timeSinceLastCall = time - lastCallTime,
+          timeSinceLastInvoke = time - lastInvokeTime,
+          result = wait - timeSinceLastCall;
+
+      return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
+    }
+
+    function shouldInvoke(time) {
+      var timeSinceLastCall = time - lastCallTime,
+          timeSinceLastInvoke = time - lastInvokeTime;
+
+      // Either this is the first call, activity has stopped and we're at the
+      // trailing edge, the system time has gone backwards and we're treating
+      // it as the trailing edge, or we've hit the `maxWait` limit.
+      return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+        (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+    }
+
+    function timerExpired() {
+      var time = now();
+      if (shouldInvoke(time)) {
+        return trailingEdge(time);
+      }
+      // Restart the timer.
+      timerId = setTimeout(timerExpired, remainingWait(time));
+    }
+
+    function trailingEdge(time) {
+      timerId = undefined;
+
+      // Only invoke if we have `lastArgs` which means `func` has been
+      // debounced at least once.
+      if (trailing && lastArgs) {
+        return invokeFunc(time);
+      }
+      lastArgs = lastThis = undefined;
+      return result;
+    }
+
+    function cancel() {
+      if (timerId !== undefined) {
+        clearTimeout(timerId);
+      }
+      lastInvokeTime = 0;
+      lastArgs = lastCallTime = lastThis = timerId = undefined;
+    }
+
+    function flush() {
+      return timerId === undefined ? result : trailingEdge(now());
+    }
+
+    function debounced() {
+      var time = now(),
+          isInvoking = shouldInvoke(time);
+
+      lastArgs = arguments;
+      lastThis = this;
+      lastCallTime = time;
+
+      if (isInvoking) {
+        if (timerId === undefined) {
+          return leadingEdge(lastCallTime);
+        }
+        if (maxing) {
+          // Handle invocations in a tight loop.
+          timerId = setTimeout(timerExpired, wait);
+          return invokeFunc(lastCallTime);
+        }
+      }
+      if (timerId === undefined) {
+        timerId = setTimeout(timerExpired, wait);
+      }
+      return result;
+    }
+    debounced.cancel = cancel;
+    debounced.flush = flush;
+    return debounced;
+  }
+
+  /**
+   * Checks if `value` is the
+   * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+   * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+   *
+   * @static
+   * @memberOf _
+   * @since 0.1.0
+   * @category Lang
+   * @param {*} value The value to check.
+   * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+   * @example
+   *
+   * _.isObject({});
+   * // => true
+   *
+   * _.isObject([1, 2, 3]);
+   * // => true
+   *
+   * _.isObject(_.noop);
+   * // => true
+   *
+   * _.isObject(null);
+   * // => false
+   */
+  function isObject(value) {
+    var type = typeof value;
+    return !!value && (type == 'object' || type == 'function');
+  }
+
+  /**
+   * Checks if `value` is object-like. A value is object-like if it's not `null`
+   * and has a `typeof` result of "object".
+   *
+   * @static
+   * @memberOf _
+   * @since 4.0.0
+   * @category Lang
+   * @param {*} value The value to check.
+   * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+   * @example
+   *
+   * _.isObjectLike({});
+   * // => true
+   *
+   * _.isObjectLike([1, 2, 3]);
+   * // => true
+   *
+   * _.isObjectLike(_.noop);
+   * // => false
+   *
+   * _.isObjectLike(null);
+   * // => false
+   */
+  function isObjectLike(value) {
+    return !!value && typeof value == 'object';
+  }
+
+  /**
+   * Checks if `value` is classified as a `Symbol` primitive or object.
+   *
+   * @static
+   * @memberOf _
+   * @since 4.0.0
+   * @category Lang
+   * @param {*} value The value to check.
+   * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+   * @example
+   *
+   * _.isSymbol(Symbol.iterator);
+   * // => true
+   *
+   * _.isSymbol('abc');
+   * // => false
+   */
+  function isSymbol(value) {
+    return typeof value == 'symbol' ||
+      (isObjectLike(value) && objectToString.call(value) == symbolTag);
+  }
+
+  /**
+   * Converts `value` to a number.
+   *
+   * @static
+   * @memberOf _
+   * @since 4.0.0
+   * @category Lang
+   * @param {*} value The value to process.
+   * @returns {number} Returns the number.
+   * @example
+   *
+   * _.toNumber(3.2);
+   * // => 3.2
+   *
+   * _.toNumber(Number.MIN_VALUE);
+   * // => 5e-324
+   *
+   * _.toNumber(Infinity);
+   * // => Infinity
+   *
+   * _.toNumber('3.2');
+   * // => 3.2
+   */
+  function toNumber(value) {
+    if (typeof value == 'number') {
+      return value;
+    }
+    if (isSymbol(value)) {
+      return NAN;
+    }
+    if (isObject(value)) {
+      var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+      value = isObject(other) ? (other + '') : other;
+    }
+    if (typeof value != 'string') {
+      return value === 0 ? value : +value;
+    }
+    value = value.replace(reTrim, '');
+    var isBinary = reIsBinary.test(value);
+    return (isBinary || reIsOctal.test(value))
+      ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+      : (reIsBadHex.test(value) ? NAN : +value);
+  }
+
+  var lodash_debounce = debounce;
+
+  const debounce$1 = /*@__PURE__*/getDefaultExportFromCjs(lodash_debounce);
+
+  function useUnmount(func) {
+    const funcRef = K.useRef(func);
+    funcRef.current = func;
+    K.useEffect(
+      () => () => {
+        funcRef.current();
+      },
+      []
+    );
+  }
+
+  // src/useDebounceCallback/useDebounceCallback.ts
+  function useDebounceCallback(func, delay = 500, options) {
+    const debouncedFunc = K.useRef();
+    useUnmount(() => {
+      if (debouncedFunc.current) {
+        debouncedFunc.current.cancel();
+      }
+    });
+    const debounced = K.useMemo(() => {
+      const debouncedFuncInstance = debounce$1(func, delay, options);
+      const wrappedFunc = (...args) => {
+        return debouncedFuncInstance(...args);
+      };
+      wrappedFunc.cancel = () => {
+        debouncedFuncInstance.cancel();
+      };
+      wrappedFunc.isPending = () => {
+        return !!debouncedFunc.current;
+      };
+      wrappedFunc.flush = () => {
+        return debouncedFuncInstance.flush();
+      };
+      return wrappedFunc;
+    }, [func, delay, options]);
+    K.useEffect(() => {
+      debouncedFunc.current = debounce$1(func, delay, options);
+    }, [func, delay, options]);
+    return debounced;
+  }
+
+  function floorToDecimal(num, decimalPlaces) {
+    const factor = 10 ** decimalPlaces;
+    return Math.floor(num * factor) / factor;
+  }
+  const parseQuotaValue = (key, val) => {
+    let numericValue = parseFloat(val.replace(/[a-zA-Zа-яА-Я]/g, ""));
+    if (key === "cpu") {
+      if (val.endsWith("m")) {
+        numericValue /= 1e3;
+      }
+      return floorToDecimal(numericValue, 1);
+    }
+    if (val.endsWith("m")) {
+      numericValue /= 1e3;
+    } else if (val.endsWith("k")) {
+      numericValue /= 1e6;
+    } else if (val.endsWith("M")) {
+      numericValue /= 1e3;
+    } else if (val.endsWith("G")) {
+      numericValue /= 1;
+    } else if (val.endsWith("T")) {
+      numericValue *= 1e3;
+    } else if (val.endsWith("Ki")) {
+      numericValue /= 1024;
+      numericValue /= 1e6;
+    } else if (val.endsWith("Mi")) {
+      numericValue /= 1e3;
+      numericValue /= 1e3;
+    } else if (/^\d+(\.\d+)?$/.test(val)) {
+      numericValue /= 1e9;
+    } else {
+      throw new Error("Invalid value");
+    }
+    return floorToDecimal(numericValue, 1);
+  };
+  const parseQuotaValueCpu = (val) => {
+    if (typeof val === "string") {
+      let numericValue = parseFloat(val.replace(/[a-zA-Zа-яА-Я]/g, ""));
+      if (val.endsWith("m")) {
+        numericValue /= 1e3;
+      }
+      return floorToDecimal(numericValue, 1);
+    }
+    return 0;
+  };
+  const parseQuotaValueMemoryAndStorage = (val) => {
+    if (typeof val === "string") {
+      let numericValue = parseFloat(val.replace(/[a-zA-Zа-яА-Я]/g, ""));
+      if (val.endsWith("k")) {
+        numericValue /= 1e6;
+      } else if (val.endsWith("m")) {
+        numericValue /= 1e3;
+      } else if (val.endsWith("M")) {
+        numericValue /= 1e3;
+      } else if (val.endsWith("G")) {
+        numericValue /= 1;
+      } else if (val.endsWith("T")) {
+        numericValue *= 1e3;
+      } else if (val.endsWith("P")) {
+        numericValue *= 1e6;
+      } else if (val.endsWith("E")) {
+        numericValue *= 1e9;
+      } else if (val.endsWith("Ki")) {
+        numericValue *= 1024 / 1e9;
+      } else if (val.endsWith("Mi")) {
+        numericValue /= 1048.576;
+      } else if (val.endsWith("Gi")) {
+        numericValue *= 1.073741824;
+      } else if (val.endsWith("Ti")) {
+        numericValue *= 1.099511628;
+      } else if (val.endsWith("Pi")) {
+        numericValue *= 1.125899907;
+      } else if (val.endsWith("Ei")) {
+        numericValue *= 1.152921505;
+      } else if (val === "0") {
+        return 0;
+      } else {
+        throw new Error("Invalid value");
+      }
+      return floorToDecimal(numericValue, 1);
+    }
+    return 0;
+  };
+
+  const findAllPathsForObject = (obj, targetKey, targetValue, currentPath = []) => {
+    let paths = [];
+    if (typeof obj !== "object" || obj === null) {
+      return paths;
+    }
+    if (obj[targetKey] === targetValue) {
+      paths.push([...currentPath]);
+    }
+    for (const key in obj) {
+      if (obj.hasOwnProperty(key)) {
+        const value = obj[key];
+        if (typeof value === "object" && value !== null) {
+          const newPath = [...currentPath, key];
+          const subPaths = findAllPathsForObject(value, targetKey, targetValue, newPath);
+          paths = paths.concat(subPaths);
+        }
+      }
+    }
+    return paths;
+  };
+  const normalizeValuesForQuotasToNumber = (object, properties) => {
+    const newObject = _$1.cloneDeep(object);
+    const cpuPaths = findAllPathsForObject(properties, "type", "rangeInputCpu");
+    const memoryPaths = findAllPathsForObject(properties, "type", "rangeInputMemory");
+    memoryPaths.forEach((path) => {
+      const cleanPath = path.filter((el) => typeof el === "string").filter((el) => el !== "properties");
+      const value = _$1.get(newObject, cleanPath);
+      if (value || value === 0) {
+        _$1.set(newObject, cleanPath, parseQuotaValueMemoryAndStorage(value));
+      }
+    });
+    cpuPaths.forEach((path) => {
+      const cleanPath = path.filter((el) => typeof el === "string").filter((el) => el !== "properties");
+      const value = _$1.get(newObject, cleanPath);
+      if (value || value === 0) {
+        _$1.set(newObject, cleanPath, parseQuotaValueCpu(value));
+      }
+    });
+    return newObject;
+  };
+
+  const getAllPathsFromObj = (obj, prefix = []) => {
+    const entries = Array.isArray(obj) ? obj.map((value, index) => [index, value]) : Object.entries(obj);
+    return entries.flatMap(([key, value]) => {
+      const currentPath = [...prefix, key];
+      return typeof value === "object" && value !== null ? [currentPath, ...getAllPathsFromObj(value, currentPath)] : [currentPath];
+    });
+  };
+
+  const getPrefixSubarrays = (arr) => {
+    return arr.map((_, index) => arr.slice(0, index + 1));
+  };
+
+  const deepMerge = (a, b) => {
+    const result = { ...a };
+    for (const key of Object.keys(b)) {
+      const aVal = a[key];
+      const bVal = b[key];
+      if (aVal !== null && bVal !== null && typeof aVal === "object" && typeof bVal === "object" && !Array.isArray(aVal) && !Array.isArray(bVal)) {
+        result[key] = deepMerge(aVal, bVal);
+      } else {
+        result[key] = bVal;
+      }
+    }
+    return result;
+  };
+
+  const BorderRadiusContainer = styled.div`
+  height: 100%;
+  border: 1px solid ${({ $colorBorder }) => $colorBorder};
+  border-radius: 8px;
+  padding: 2px;
+
+  .monaco-editor,
+  .overflow-guard {
+    border-radius: 8px;
+  }
+`;
+  const Styled$j = {
+    BorderRadiusContainer
+  };
+
+  const YamlEditor = ({ theme, currentValues, onChange, editorUri }) => {
+    const { token } = antd.theme.useToken();
+    const [yamlData, setYamlData] = K.useState("");
+    const editorRef = K.useRef(null);
+    const monacoRef = K.useRef(null);
+    const isFocusedRef = K.useRef(false);
+    const pendingExternalYamlRef = K.useRef(null);
+    const isApplyingExternalUpdateRef = K.useRef(false);
+    K.useEffect(() => {
+      const next = stringify(currentValues, {
+        // Use literal block scalar for multiline strings
+        blockQuote: "literal",
+        // Preserve line breaks
+        lineWidth: 0,
+        // Use double quotes for strings that need escaping
+        doubleQuotedAsJSON: false
+      });
+      if (isFocusedRef.current) {
+        pendingExternalYamlRef.current = next ?? "";
+        return;
+      }
+      setYamlData(next ?? "");
+    }, [currentValues]);
+    K.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$j.BorderRadiusContainer, { $colorBorder: token.colorBorder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Ft,
+      {
+        language: "yaml",
+        path: editorUri,
+        keepCurrentModel: true,
+        width: "100%",
+        height: "100%",
+        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) => {
+          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",
+        options: {
+          theme: theme === "dark" ? "vs-dark" : theme === void 0 ? "vs-dark" : "vs"
+        }
+      }
+    ) });
+  };
+
   const getStringByName = (name) => {
     if (typeof name === "string") {
       return name;