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

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

@@ -1,6 +1,6 @@
 import styled, { createGlobalStyle } from 'styled-components';
 import K, { useState, useRef, useLayoutEffect, useReducer, useEffect, useCallback, useMemo, Fragment, createContext, useContext, createElement, isValidElement, cloneElement, useInsertionEffect, useSyncExternalStore, memo, Suspense } from 'react';
-import { Input, Tree, Modal, Alert, theme, Select, Tag, Flex, Typography, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Card as Card$1, Row, Col, Tabs, Form, Popover, notification, Dropdown, Table, Slider, InputNumber, Switch, Result, Progress, Checkbox, Empty } from 'antd';
+import { Input, Tree, Modal, Alert, theme, Select, Tag, Flex, Typography, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Card as Card$1, Row, Col, Tabs, Form, Popover, notification, Switch, Segmented, Dropdown, Table, Slider, InputNumber, Result, Progress, Checkbox, Empty } from 'antd';
 import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, PlusOutlined, ClearOutlined, MinusOutlined, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, EyeOutlined, EyeInvisibleOutlined, SearchOutlined, MoreOutlined, CheckOutlined, CloseOutlined, BugOutlined, EllipsisOutlined } from '@ant-design/icons';
 import { useNavigate, Link, useLocation, useParams, useSearchParams } from 'react-router-dom';
 import { useQuery, useQueries, useQueryClient } from '@tanstack/react-query';
@@ -7887,19 +7887,54 @@ const patchEntryWithReplaceOp = async ({
   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 }) => {
@@ -9512,9 +9547,10 @@ const prepareDataForManageableSidebar = ({
   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;
   }
@@ -9544,6 +9580,7 @@ const ManageableSidebarProvider = ({
   replaceValues,
   pathname,
   idToCompare,
+  fallbackIdToCompare,
   currentTags,
   hidden,
   noMarginTop
@@ -9580,6 +9617,7 @@ const ManageableSidebarProvider = ({
     replaceValues,
     pathname,
     idToCompare,
+    fallbackIdToCompare,
     currentTags
   });
   if (!result) {
@@ -38426,6 +38464,263 @@ const OwnerRefs = ({
   ] });
 };
 
+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] = notification.useNotification();
+  const queryClient = 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(
+      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] = notification.useNotification();
+  const queryClient = 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(
+      Segmented,
+      {
+        options: possibleValues,
+        value: valueToSegmented || "~n~e~v~e~r",
+        onChange: (value) => onChange(value)
+      }
+    ),
+    children,
+    contextHolder
+  ] });
+};
+
 const DynamicComponents = {
   DefaultDiv,
   antdText: AntdText,
@@ -38463,7 +38758,9 @@ const DynamicComponents = {
   SecretBase64Plain,
   ResourceBadge,
   Events: Events$1,
-  OwnerRefs
+  OwnerRefs,
+  Toggler,
+  TogglerSegmented
 };
 
 const prepareUrlsToFetchForDynamicRenderer = ({
@@ -39208,733 +39505,161 @@ const EnrichedTableProvider = ({
   );
 };
 
-/**
- * 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 = useRef(func);
-  funcRef.current = func;
-  useEffect(
-    () => () => {
-      funcRef.current();
-    },
-    []
-  );
-}
-
-// src/useDebounceCallback/useDebounceCallback.ts
-function useDebounceCallback(func, delay = 500, options) {
-  const debouncedFunc = useRef();
-  useUnmount(() => {
-    if (debouncedFunc.current) {
-      debouncedFunc.current.cancel();
-    }
-  });
-  const debounced = 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]);
-  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);
@@ -40000,7 +39725,7 @@ function curry$1(fn) {
   };
 }
 
-function isObject$1(value) {
+function isObject$2(value) {
   return {}.toString.call(value).includes('Object');
 }
 
@@ -40017,7 +39742,7 @@ function hasOwnProperty(object, property) {
 }
 
 function validateChanges(initial, changes) {
-  if (!isObject$1(changes)) errorHandler$1('changeType');
+  if (!isObject$2(changes)) errorHandler$1('changeType');
   if (Object.keys(changes).some(function (field) {
     return !hasOwnProperty(initial, field);
   })) errorHandler$1('changeField');
@@ -40029,15 +39754,15 @@ function validateSelector(selector) {
 }
 
 function validateHandler(handler) {
-  if (!(isFunction(handler) || isObject$1(handler))) errorHandler$1('handlerType');
-  if (isObject$1(handler) && Object.values(handler).some(function (_handler) {
+  if (!(isFunction(handler) || isObject$2(handler))) errorHandler$1('handlerType');
+  if (isObject$2(handler) && Object.values(handler).some(function (_handler) {
     return !isFunction(_handler);
   })) errorHandler$1('handlersType');
 }
 
 function validateInitial(initial) {
   if (!initial) errorHandler$1('initialIsRequired');
-  if (!isObject$1(initial)) errorHandler$1('initialType');
+  if (!isObject$2(initial)) errorHandler$1('initialType');
   if (isEmpty$1(initial)) errorHandler$1('initialContent');
 }
 
@@ -40137,7 +39862,7 @@ function curry(fn) {
   };
 }
 
-function isObject(value) {
+function isObject$1(value) {
   return {}.toString.call(value).includes('Object');
 }
 
@@ -40149,7 +39874,7 @@ function isObject(value) {
 
 function validateConfig(config) {
   if (!config) errorHandler('configIsRequired');
-  if (!isObject(config)) errorHandler('configType');
+  if (!isObject$1(config)) errorHandler('configType');
 
   if (config.urls) {
     informAboutDeprecation();
@@ -47285,120 +47010,6 @@ function stringify(value, replacer, options) {
 }
 
 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: 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(() => {
-    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]);
-  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$1 === "dark" ? "vs-dark" : theme$1 === void 0 ? "vs-dark" : "vs",
-      options: {
-        theme: theme$1 === "dark" ? "vs-dark" : theme$1 === void 0 ? "vs-dark" : "vs"
-      }
-    }
-  ) });
-};
-
-const BorderRadiusContainer = styled.div`
   height: ${({ $designNewLayoutHeight }) => $designNewLayoutHeight ? `${$designNewLayoutHeight}px` : "75vh"};
   border: 1px solid ${({ $colorBorder }) => $colorBorder};
   border-radius: 8px;
@@ -47422,12 +47033,13 @@ const BigText$1 = styled.div`
   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: theme$1,
   cluster,
@@ -47452,14 +47064,14 @@ const YamlEditorSingleton = ({
   const initialPrefillYamlRef = useRef(null);
   const latestPrefillYamlRef = useRef(null);
   const firstLoadRef = useRef(true);
-  const handleReload = () => {
+  const handleReload = useCallback(() => {
+    api.destroy(NOTIFICATION_KEY);
     const nextYaml = latestPrefillYamlRef.current ?? initialPrefillYamlRef.current;
     if (nextYaml !== null) {
       setYamlData(nextYaml);
     }
-  };
+  }, [api]);
   const openNotificationYamlChanged = useCallback(() => {
-    const key = `open${Date.now()}`;
     const btn = /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button,
       {
@@ -47467,25 +47079,21 @@ const YamlEditorSingleton = ({
         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]);
   useEffect(() => {
     if (prefillValuesSchema === void 0) return;
-    console.log(prefillValuesSchema);
     const nextYaml = stringify(prefillValuesSchema);
     if (firstLoadRef.current) {
       initialPrefillYamlRef.current = nextYaml;
@@ -47549,7 +47157,7 @@ const YamlEditorSingleton = ({
   };
   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",
@@ -47568,7 +47176,7 @@ const YamlEditorSingleton = ({
         }
       }
     ) }),
-    !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
+    !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", onClick: onSubmit, loading: isLoading, children: "Submit" }),
       backlink && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: () => navigate(backlink), children: "Cancel" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: handleReload, children: "Reload" })
@@ -47579,7 +47187,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$j.BigText, { children: "Error!" }) }),
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.BigText, { children: "Error!" }) }),
         cancelButtonProps: { style: { display: "none" } },
         children: [
           "An error has occurred: ",
@@ -47590,6 +47198,692 @@ const YamlEditorSingleton = ({
   ] });
 };
 
+/**
+ * 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 = useRef(func);
+  funcRef.current = func;
+  useEffect(
+    () => () => {
+      funcRef.current();
+    },
+    []
+  );
+}
+
+// src/useDebounceCallback/useDebounceCallback.ts
+function useDebounceCallback(func, delay = 500, options) {
+  const debouncedFunc = useRef();
+  useUnmount(() => {
+    if (debouncedFunc.current) {
+      debouncedFunc.current.cancel();
+    }
+  });
+  const debounced = 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]);
+  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: 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(() => {
+    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]);
+  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$1 === "dark" ? "vs-dark" : theme$1 === void 0 ? "vs-dark" : "vs",
+      options: {
+        theme: theme$1 === "dark" ? "vs-dark" : theme$1 === void 0 ? "vs-dark" : "vs"
+      }
+    }
+  ) });
+};
+
 const getStringByName = (name) => {
   if (typeof name === "string") {
     return name;