@harnessio/yaml-editor 0.20.0 → 0.22.0

package/dist/index.js

@@ -1,23 +1,24 @@
-var Ze = Object.defineProperty;
-var Ge = (e, t, r) => t in e ? Ze(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var je = (e, t, r) => (Ge(e, typeof t != "symbol" ? t + "" : t, r), r);
-import K, { memo as be, useState as V, useRef as w, useCallback as G, useEffect as I, useMemo as q, createContext as Je, useContext as Qe } from "react";
-import * as R from "monaco-editor";
-import { languages as ge, Uri as Xe } from "monaco-editor";
-import { yamlDefaults as ye } from "monaco-yaml";
-var De = { exports: {} }, ne = {};
+var tt = Object.defineProperty;
+var rt = (e, t, r) => t in e ? tt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var Pe = (e, t, r) => (rt(e, typeof t != "symbol" ? t + "" : t, r), r);
+import Y, { memo as Me, useState as R, useRef as v, useCallback as J, useEffect as N, useMemo as k, useLayoutEffect as Ve, createContext as nt, useContext as ot } from "react";
+import * as F from "monaco-editor";
+import { languages as be, Uri as it } from "monaco-editor";
+import { render as at } from "react-dom";
+import { yamlDefaults as Oe } from "monaco-yaml";
+var ke = { exports: {} }, ne = {};
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var Ee = Object.getOwnPropertySymbols, et = Object.prototype.hasOwnProperty, tt = Object.prototype.propertyIsEnumerable;
-function rt(e) {
+var Ce = Object.getOwnPropertySymbols, ct = Object.prototype.hasOwnProperty, st = Object.prototype.propertyIsEnumerable;
+function ut(e) {
   if (e == null)
     throw new TypeError("Object.assign cannot be called with null or undefined");
   return Object(e);
 }
-function nt() {
+function lt() {
   try {
     if (!Object.assign)
       return !1;
@@ -39,7 +40,7 @@ function nt() {
     return !1;
   }
 }
-nt();
+lt();
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -48,28 +49,28 @@ nt();
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ot = K, Ne = 60103;
+var dt = Y, Ae = 60103;
 ne.Fragment = 60107;
 if (typeof Symbol == "function" && Symbol.for) {
-  var Pe = Symbol.for;
-  Ne = Pe("react.element"), ne.Fragment = Pe("react.fragment");
+  var $e = Symbol.for;
+  Ae = $e("react.element"), ne.Fragment = $e("react.fragment");
 }
-var it = ot.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, at = Object.prototype.hasOwnProperty, ct = { key: !0, ref: !0, __self: !0, __source: !0 };
-function ke(e, t, r) {
+var ft = dt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, pt = Object.prototype.hasOwnProperty, mt = { key: !0, ref: !0, __self: !0, __source: !0 };
+function He(e, t, r) {
   var n, o = {}, i = null, a = null;
   r !== void 0 && (i = "" + r), t.key !== void 0 && (i = "" + t.key), t.ref !== void 0 && (a = t.ref);
   for (n in t)
-    at.call(t, n) && !ct.hasOwnProperty(n) && (o[n] = t[n]);
+    pt.call(t, n) && !mt.hasOwnProperty(n) && (o[n] = t[n]);
   if (e && e.defaultProps)
     for (n in t = e.defaultProps, t)
       o[n] === void 0 && (o[n] = t[n]);
-  return { $$typeof: Ne, type: e, key: i, ref: a, props: o, _owner: it.current };
+  return { $$typeof: Ae, type: e, key: i, ref: a, props: o, _owner: ft.current };
 }
-ne.jsx = ke;
-ne.jsxs = ke;
-De.exports = ne;
-var F = De.exports;
-function ut(e, t, r) {
+ne.jsx = He;
+ne.jsxs = He;
+ke.exports = ne;
+var A = ke.exports;
+function gt(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -77,7 +78,7 @@ function ut(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function xe(e, t) {
+function Ie(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -87,18 +88,18 @@ function xe(e, t) {
   }
   return r;
 }
-function Ce(e) {
+function Ne(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? xe(Object(r), !0).forEach(function(n) {
-      ut(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : xe(Object(r)).forEach(function(n) {
+    t % 2 ? Ie(Object(r), !0).forEach(function(n) {
+      gt(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ie(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function st(e, t) {
+function ht(e, t) {
   if (e == null)
     return {};
   var r = {}, n = Object.keys(e), o, i;
@@ -106,10 +107,10 @@ function st(e, t) {
     o = n[i], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
   return r;
 }
-function lt(e, t) {
+function vt(e, t) {
   if (e == null)
     return {};
-  var r = st(e, t), n, o;
+  var r = ht(e, t), n, o;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(e);
     for (o = 0; o < i.length; o++)
@@ -117,14 +118,14 @@ function lt(e, t) {
   }
   return r;
 }
-function dt(e, t) {
-  return ft(e) || pt(e, t) || mt(e, t) || ht();
+function yt(e, t) {
+  return bt(e) || wt(e, t) || Mt(e, t) || Ot();
 }
-function ft(e) {
+function bt(e) {
   if (Array.isArray(e))
     return e;
 }
-function pt(e, t) {
+function wt(e, t) {
   if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(e)))) {
     var r = [], n = !0, o = !1, i = void 0;
     try {
@@ -143,28 +144,28 @@ function pt(e, t) {
     return r;
   }
 }
-function mt(e, t) {
+function Mt(e, t) {
   if (e) {
     if (typeof e == "string")
-      return $e(e, t);
+      return Le(e, t);
     var r = Object.prototype.toString.call(e).slice(8, -1);
     if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set")
       return Array.from(e);
     if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))
-      return $e(e, t);
+      return Le(e, t);
   }
 }
-function $e(e, t) {
+function Le(e, t) {
   (t == null || t > e.length) && (t = e.length);
   for (var r = 0, n = new Array(t); r < t; r++)
     n[r] = e[r];
   return n;
 }
-function ht() {
+function Ot() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function gt(e, t, r) {
+function St(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -172,7 +173,7 @@ function gt(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function Ie(e, t) {
+function Te(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -182,18 +183,18 @@ function Ie(e, t) {
   }
   return r;
 }
-function Le(e) {
+function De(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Ie(Object(r), !0).forEach(function(n) {
-      gt(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ie(Object(r)).forEach(function(n) {
+    t % 2 ? Te(Object(r), !0).forEach(function(n) {
+      St(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Te(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function vt() {
+function Et() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
   return function(n) {
@@ -213,38 +214,38 @@ function X(e) {
     };
   };
 }
-function ce(e) {
+function le(e) {
   return {}.toString.call(e).includes("Object");
 }
-function bt(e) {
+function xt(e) {
   return !Object.keys(e).length;
 }
 function re(e) {
   return typeof e == "function";
 }
-function yt(e, t) {
+function jt(e, t) {
   return Object.prototype.hasOwnProperty.call(e, t);
 }
-function wt(e, t) {
-  return ce(t) || B("changeType"), Object.keys(t).some(function(r) {
-    return !yt(e, r);
-  }) && B("changeField"), t;
+function Pt(e, t) {
+  return le(t) || K("changeType"), Object.keys(t).some(function(r) {
+    return !jt(e, r);
+  }) && K("changeField"), t;
 }
-function Ot(e) {
-  re(e) || B("selectorType");
+function Ct(e) {
+  re(e) || K("selectorType");
 }
-function Mt(e) {
-  re(e) || ce(e) || B("handlerType"), ce(e) && Object.values(e).some(function(t) {
+function $t(e) {
+  re(e) || le(e) || K("handlerType"), le(e) && Object.values(e).some(function(t) {
     return !re(t);
-  }) && B("handlersType");
+  }) && K("handlersType");
 }
-function St(e) {
-  e || B("initialIsRequired"), ce(e) || B("initialType"), bt(e) && B("initialContent");
+function It(e) {
+  e || K("initialIsRequired"), le(e) || K("initialType"), xt(e) && K("initialContent");
 }
-function jt(e, t) {
+function Nt(e, t) {
   throw new Error(e[t] || e.default);
 }
-var Et = {
+var Lt = {
   initialIsRequired: "initial state is required",
   initialType: "initial state should be an object",
   initialContent: "initial state shouldn't be an empty object",
@@ -254,49 +255,49 @@ var Et = {
   changeType: "provided value of changes should be an object",
   changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
   default: "an unknown error accured in `state-local` package"
-}, B = X(jt)(Et), ie = {
-  changes: wt,
-  selector: Ot,
-  handler: Mt,
-  initial: St
+}, K = X(Nt)(Lt), se = {
+  changes: Pt,
+  selector: Ct,
+  handler: $t,
+  initial: It
 };
-function Pt(e) {
+function Tt(e) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  ie.initial(e), ie.handler(t);
+  se.initial(e), se.handler(t);
   var r = {
     current: e
-  }, n = X($t)(r, t), o = X(Ct)(r), i = X(ie.changes)(e), a = X(xt)(r);
+  }, n = X(Vt)(r, t), o = X(_t)(r), i = X(se.changes)(e), a = X(Dt)(r);
   function u() {
-    var s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(h) {
+    var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(h) {
       return h;
     };
-    return ie.selector(s), s(r.current);
+    return se.selector(d), d(r.current);
   }
-  function l(s) {
-    vt(n, o, i, a)(s);
+  function l(d) {
+    Et(n, o, i, a)(d);
   }
   return [u, l];
 }
-function xt(e, t) {
+function Dt(e, t) {
   return re(t) ? t(e.current) : t;
 }
-function Ct(e, t) {
-  return e.current = Le(Le({}, e.current), t), t;
+function _t(e, t) {
+  return e.current = De(De({}, e.current), t), t;
 }
-function $t(e, t, r) {
+function Vt(e, t, r) {
   return re(t) ? t(e.current) : Object.keys(r).forEach(function(n) {
     var o;
     return (o = t[n]) === null || o === void 0 ? void 0 : o.call(t, e.current[n]);
   }), r;
 }
-var It = {
-  create: Pt
-}, Lt = {
+var kt = {
+  create: Tt
+}, At = {
   paths: {
     vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs"
   }
 };
-function Tt(e) {
+function Ht(e) {
   return function t() {
     for (var r = this, n = arguments.length, o = new Array(n), i = 0; i < n; i++)
       o[i] = arguments[i];
@@ -307,23 +308,23 @@ function Tt(e) {
     };
   };
 }
-function Dt(e) {
+function Rt(e) {
   return {}.toString.call(e).includes("Object");
 }
-function Nt(e) {
-  return e || Te("configIsRequired"), Dt(e) || Te("configType"), e.urls ? (kt(), {
+function Ut(e) {
+  return e || _e("configIsRequired"), Rt(e) || _e("configType"), e.urls ? (zt(), {
     paths: {
       vs: e.urls.monacoBase
     }
   }) : e;
 }
-function kt() {
-  console.warn(Ae.deprecation);
+function zt() {
+  console.warn(Re.deprecation);
 }
-function At(e, t) {
+function Ft(e, t) {
   throw new Error(e[t] || e.default);
 }
-var Ae = {
+var Re = {
   configIsRequired: "the configuration object is required",
   configType: "the configuration object should be an object",
   default: "an unknown error accured in `@monaco-editor/loader` package",
@@ -337,9 +338,9 @@ var Ae = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, Te = Tt(At)(Ae), Vt = {
-  config: Nt
-}, _t = function() {
+}, _e = Ht(Ft)(Re), Wt = {
+  config: Ut
+}, qt = function() {
   for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
     r[n] = arguments[n];
   return function(o) {
@@ -348,42 +349,42 @@ var Ae = {
     }, o);
   };
 };
-function Ve(e, t) {
+function Ue(e, t) {
   return Object.keys(t).forEach(function(r) {
-    t[r] instanceof Object && e[r] && Object.assign(t[r], Ve(e[r], t[r]));
-  }), Ce(Ce({}, e), t);
+    t[r] instanceof Object && e[r] && Object.assign(t[r], Ue(e[r], t[r]));
+  }), Ne(Ne({}, e), t);
 }
-var Ut = {
+var Bt = {
   type: "cancelation",
   msg: "operation is manually canceled"
 };
-function fe(e) {
+function pe(e) {
   var t = !1, r = new Promise(function(n, o) {
     e.then(function(i) {
-      return t ? o(Ut) : n(i);
+      return t ? o(Bt) : n(i);
     }), e.catch(o);
   });
   return r.cancel = function() {
     return t = !0;
   }, r;
 }
-var Ft = It.create({
-  config: Lt,
+var Kt = kt.create({
+  config: At,
   isInitialized: !1,
   resolve: null,
   reject: null,
   monaco: null
-}), _e = dt(Ft, 2), oe = _e[0], ue = _e[1];
-function Rt(e) {
-  var t = Vt.config(e), r = t.monaco, n = lt(t, ["monaco"]);
-  ue(function(o) {
+}), ze = yt(Kt, 2), oe = ze[0], de = ze[1];
+function Yt(e) {
+  var t = Wt.config(e), r = t.monaco, n = vt(t, ["monaco"]);
+  de(function(o) {
     return {
-      config: Ve(o.config, n),
+      config: Ue(o.config, n),
       monaco: r
     };
   });
 }
-function zt() {
+function Gt() {
   var e = oe(function(t) {
     var r = t.monaco, n = t.isInitialized, o = t.resolve;
     return {
@@ -393,36 +394,36 @@ function zt() {
     };
   });
   if (!e.isInitialized) {
-    if (ue({
+    if (de({
       isInitialized: !0
     }), e.monaco)
-      return e.resolve(e.monaco), fe(pe);
+      return e.resolve(e.monaco), pe(me);
     if (window.monaco && window.monaco.editor)
-      return Ue(window.monaco), e.resolve(window.monaco), fe(pe);
-    _t(Ht, Bt)(Wt);
+      return Fe(window.monaco), e.resolve(window.monaco), pe(me);
+    qt(Zt, Qt)(Xt);
   }
-  return fe(pe);
+  return pe(me);
 }
-function Ht(e) {
+function Zt(e) {
   return document.body.appendChild(e);
 }
-function qt(e) {
+function Jt(e) {
   var t = document.createElement("script");
   return e && (t.src = e), t;
 }
-function Bt(e) {
+function Qt(e) {
   var t = oe(function(n) {
     var o = n.config, i = n.reject;
     return {
       config: o,
       reject: i
     };
-  }), r = qt("".concat(t.config.paths.vs, "/loader.js"));
+  }), r = Jt("".concat(t.config.paths.vs, "/loader.js"));
   return r.onload = function() {
     return e();
   }, r.onerror = t.reject, r;
 }
-function Wt() {
+function Xt() {
   var e = oe(function(r) {
     var n = r.config, o = r.resolve, i = r.reject;
     return {
@@ -432,204 +433,204 @@ function Wt() {
     };
   }), t = window.require;
   t.config(e.config), t(["vs/editor/editor.main"], function(r) {
-    Ue(r), e.resolve(r);
+    Fe(r), e.resolve(r);
   }, function(r) {
     e.reject(r);
   });
 }
-function Ue(e) {
-  oe().monaco || ue({
+function Fe(e) {
+  oe().monaco || de({
     monaco: e
   });
 }
-function Kt() {
+function er() {
   return oe(function(e) {
     var t = e.monaco;
     return t;
   });
 }
-var pe = new Promise(function(e, t) {
-  return ue({
+var me = new Promise(function(e, t) {
+  return de({
     resolve: e,
     reject: t
   });
-}), W = {
-  config: Rt,
-  init: zt,
-  __getMonacoInstance: Kt
-}, Yt = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, me = Yt, Zt = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Gt = Zt;
-function Jt({ children: e }) {
-  return K.createElement("div", { style: Gt.container }, e);
-}
-var Qt = Jt, Xt = Qt;
-function er({ width: e, height: t, isEditorReady: r, loading: n, _ref: o, className: i, wrapperProps: a }) {
-  return K.createElement("section", { style: { ...me.wrapper, width: e, height: t }, ...a }, !r && K.createElement(Xt, null, n), K.createElement("div", { ref: o, style: { ...me.fullWidth, ...!r && me.hide }, className: i }));
-}
-var tr = er, Fe = be(tr);
-function rr(e) {
-  I(e, []);
-}
-var we = rr;
-function nr(e, t, r = !0) {
-  let n = w(!0);
-  I(n.current || !r ? () => {
+}), q = {
+  config: Yt,
+  init: Gt,
+  __getMonacoInstance: er
+}, tr = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, ge = tr, rr = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, nr = rr;
+function or({ children: e }) {
+  return Y.createElement("div", { style: nr.container }, e);
+}
+var ir = or, ar = ir;
+function cr({ width: e, height: t, isEditorReady: r, loading: n, _ref: o, className: i, wrapperProps: a }) {
+  return Y.createElement("section", { style: { ...ge.wrapper, width: e, height: t }, ...a }, !r && Y.createElement(ar, null, n), Y.createElement("div", { ref: o, style: { ...ge.fullWidth, ...!r && ge.hide }, className: i }));
+}
+var sr = cr, We = Me(sr);
+function ur(e) {
+  N(e, []);
+}
+var Se = ur;
+function lr(e, t, r = !0) {
+  let n = v(!0);
+  N(n.current || !r ? () => {
     n.current = !1;
   } : e, t);
 }
-var U = nr;
+var z = lr;
 function ee() {
 }
 function Z(e, t, r, n) {
-  return or(e, n) || ir(e, t, r, n);
+  return dr(e, n) || fr(e, t, r, n);
 }
-function or(e, t) {
-  return e.editor.getModel(Re(e, t));
+function dr(e, t) {
+  return e.editor.getModel(qe(e, t));
 }
-function ir(e, t, r, n) {
-  return e.editor.createModel(t, r, n ? Re(e, n) : void 0);
+function fr(e, t, r, n) {
+  return e.editor.createModel(t, r, n ? qe(e, n) : void 0);
 }
-function Re(e, t) {
+function qe(e, t) {
   return e.Uri.parse(t);
 }
-function ar({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: a, keepCurrentOriginalModel: u = !1, keepCurrentModifiedModel: l = !1, theme: s = "light", loading: h = "Loading...", options: f = {}, height: m = "100%", width: L = "100%", className: g, wrapperProps: k = {}, beforeMount: C = ee, onMount: O = ee }) {
-  let [v, N] = V(!1), [x, S] = V(!0), j = w(null), E = w(null), z = w(null), M = w(O), d = w(C), P = w(!1);
-  we(() => {
-    let c = W.init();
-    return c.then((b) => (E.current = b) && S(!1)).catch((b) => (b == null ? void 0 : b.type) !== "cancelation" && console.error("Monaco initialization: error:", b)), () => j.current ? T() : c.cancel();
-  }), U(() => {
-    if (j.current && E.current) {
-      let c = j.current.getOriginalEditor(), b = Z(E.current, e || "", n || r || "text", i || "");
-      b !== c.getModel() && c.setModel(b);
+function pr({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: a, keepCurrentOriginalModel: u = !1, keepCurrentModifiedModel: l = !1, theme: d = "light", loading: h = "Loading...", options: f = {}, height: y = "100%", width: $ = "100%", className: g, wrapperProps: L = {}, beforeMount: T = ee, onMount: I = ee }) {
+  let [E, V] = R(!1), [_, b] = R(!0), C = v(null), M = v(null), j = v(null), x = v(I), s = v(T), O = v(!1);
+  Se(() => {
+    let c = q.init();
+    return c.then((w) => (M.current = w) && b(!1)).catch((w) => (w == null ? void 0 : w.type) !== "cancelation" && console.error("Monaco initialization: error:", w)), () => C.current ? S() : c.cancel();
+  }), z(() => {
+    if (C.current && M.current) {
+      let c = C.current.getOriginalEditor(), w = Z(M.current, e || "", n || r || "text", i || "");
+      w !== c.getModel() && c.setModel(w);
     }
-  }, [i], v), U(() => {
-    if (j.current && E.current) {
-      let c = j.current.getModifiedEditor(), b = Z(E.current, t || "", o || r || "text", a || "");
-      b !== c.getModel() && c.setModel(b);
+  }, [i], E), z(() => {
+    if (C.current && M.current) {
+      let c = C.current.getModifiedEditor(), w = Z(M.current, t || "", o || r || "text", a || "");
+      w !== c.getModel() && c.setModel(w);
     }
-  }, [a], v), U(() => {
-    let c = j.current.getModifiedEditor();
-    c.getOption(E.current.editor.EditorOption.readOnly) ? c.setValue(t || "") : t !== c.getValue() && (c.executeEdits("", [{ range: c.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), c.pushUndoStop());
-  }, [t], v), U(() => {
-    var c, b;
-    (b = (c = j.current) == null ? void 0 : c.getModel()) == null || b.original.setValue(e || "");
-  }, [e], v), U(() => {
-    let { original: c, modified: b } = j.current.getModel();
-    E.current.editor.setModelLanguage(c, n || r || "text"), E.current.editor.setModelLanguage(b, o || r || "text");
-  }, [r, n, o], v), U(() => {
+  }, [a], E), z(() => {
+    let c = C.current.getModifiedEditor();
+    c.getOption(M.current.editor.EditorOption.readOnly) ? c.setValue(t || "") : t !== c.getValue() && (c.executeEdits("", [{ range: c.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), c.pushUndoStop());
+  }, [t], E), z(() => {
+    var c, w;
+    (w = (c = C.current) == null ? void 0 : c.getModel()) == null || w.original.setValue(e || "");
+  }, [e], E), z(() => {
+    let { original: c, modified: w } = C.current.getModel();
+    M.current.editor.setModelLanguage(c, n || r || "text"), M.current.editor.setModelLanguage(w, o || r || "text");
+  }, [r, n, o], E), z(() => {
     var c;
-    (c = E.current) == null || c.editor.setTheme(s);
-  }, [s], v), U(() => {
+    (c = M.current) == null || c.editor.setTheme(d);
+  }, [d], E), z(() => {
     var c;
-    (c = j.current) == null || c.updateOptions(f);
-  }, [f], v);
-  let p = G(() => {
-    var A;
-    if (!E.current)
+    (c = C.current) == null || c.updateOptions(f);
+  }, [f], E);
+  let m = J(() => {
+    var H;
+    if (!M.current)
       return;
-    d.current(E.current);
-    let c = Z(E.current, e || "", n || r || "text", i || ""), b = Z(E.current, t || "", o || r || "text", a || "");
-    (A = j.current) == null || A.setModel({ original: c, modified: b });
-  }, [r, t, o, e, n, i, a]), D = G(() => {
+    s.current(M.current);
+    let c = Z(M.current, e || "", n || r || "text", i || ""), w = Z(M.current, t || "", o || r || "text", a || "");
+    (H = C.current) == null || H.setModel({ original: c, modified: w });
+  }, [r, t, o, e, n, i, a]), p = J(() => {
     var c;
-    !P.current && z.current && (j.current = E.current.editor.createDiffEditor(z.current, { automaticLayout: !0, ...f }), p(), (c = E.current) == null || c.editor.setTheme(s), N(!0), P.current = !0);
-  }, [f, s, p]);
-  I(() => {
-    v && M.current(j.current, E.current);
-  }, [v]), I(() => {
-    !x && !v && D();
-  }, [x, v, D]);
-  function T() {
-    var b, A, H, J;
-    let c = (b = j.current) == null ? void 0 : b.getModel();
-    u || ((A = c == null ? void 0 : c.original) == null || A.dispose()), l || ((H = c == null ? void 0 : c.modified) == null || H.dispose()), (J = j.current) == null || J.dispose();
+    !O.current && j.current && (C.current = M.current.editor.createDiffEditor(j.current, { automaticLayout: !0, ...f }), m(), (c = M.current) == null || c.editor.setTheme(d), V(!0), O.current = !0);
+  }, [f, d, m]);
+  N(() => {
+    E && x.current(C.current, M.current);
+  }, [E]), N(() => {
+    !_ && !E && p();
+  }, [_, E, p]);
+  function S() {
+    var w, H, W, B;
+    let c = (w = C.current) == null ? void 0 : w.getModel();
+    u || ((H = c == null ? void 0 : c.original) == null || H.dispose()), l || ((W = c == null ? void 0 : c.modified) == null || W.dispose()), (B = C.current) == null || B.dispose();
   }
-  return K.createElement(Fe, { width: L, height: m, isEditorReady: v, loading: h, _ref: z, className: g, wrapperProps: k });
+  return Y.createElement(We, { width: $, height: y, isEditorReady: E, loading: h, _ref: j, className: g, wrapperProps: L });
 }
-var cr = ar, ur = be(cr);
-function sr() {
-  let [e, t] = V(W.__getMonacoInstance());
-  return we(() => {
+var mr = pr, gr = Me(mr);
+function hr() {
+  let [e, t] = R(q.__getMonacoInstance());
+  return Se(() => {
     let r;
-    return e || (r = W.init(), r.then((n) => {
+    return e || (r = q.init(), r.then((n) => {
       t(n);
     })), () => r == null ? void 0 : r.cancel();
   }), e;
 }
-var se = sr;
-function lr(e) {
-  let t = w();
-  return I(() => {
+var ie = hr;
+function vr(e) {
+  let t = v();
+  return N(() => {
     t.current = e;
   }, [e]), t.current;
 }
-var dr = lr, ae = /* @__PURE__ */ new Map();
-function fr({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: a = "light", line: u, loading: l = "Loading...", options: s = {}, overrideServices: h = {}, saveViewState: f = !0, keepCurrentModel: m = !1, width: L = "100%", height: g = "100%", className: k, wrapperProps: C = {}, beforeMount: O = ee, onMount: v = ee, onChange: N, onValidate: x = ee }) {
-  let [S, j] = V(!1), [E, z] = V(!0), M = w(null), d = w(null), P = w(null), p = w(v), D = w(O), T = w(), c = w(n), b = dr(i), A = w(!1), H = w(!1);
-  we(() => {
-    let y = W.init();
-    return y.then(($) => (M.current = $) && z(!1)).catch(($) => ($ == null ? void 0 : $.type) !== "cancelation" && console.error("Monaco initialization: error:", $)), () => d.current ? Ye() : y.cancel();
-  }), U(() => {
-    var $, _, Q, Y;
-    let y = Z(M.current, e || n || "", t || o || "", i || r || "");
-    y !== (($ = d.current) == null ? void 0 : $.getModel()) && (f && ae.set(b, (_ = d.current) == null ? void 0 : _.saveViewState()), (Q = d.current) == null || Q.setModel(y), f && ((Y = d.current) == null || Y.restoreViewState(ae.get(i))));
-  }, [i], S), U(() => {
-    var y;
-    (y = d.current) == null || y.updateOptions(s);
-  }, [s], S), U(() => {
-    !d.current || n === void 0 || (d.current.getOption(M.current.editor.EditorOption.readOnly) ? d.current.setValue(n) : n !== d.current.getValue() && (H.current = !0, d.current.executeEdits("", [{ range: d.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), d.current.pushUndoStop(), H.current = !1));
-  }, [n], S), U(() => {
-    var $, _;
-    let y = ($ = d.current) == null ? void 0 : $.getModel();
-    y && o && ((_ = M.current) == null || _.editor.setModelLanguage(y, o));
-  }, [o], S), U(() => {
-    var y;
-    u !== void 0 && ((y = d.current) == null || y.revealLine(u));
-  }, [u], S), U(() => {
-    var y;
-    (y = M.current) == null || y.editor.setTheme(a);
-  }, [a], S);
-  let J = G(() => {
-    var y;
-    if (!(!P.current || !M.current) && !A.current) {
-      D.current(M.current);
-      let $ = i || r, _ = Z(M.current, n || e || "", t || o || "", $ || "");
-      d.current = (y = M.current) == null ? void 0 : y.editor.create(P.current, { model: _, automaticLayout: !0, ...s }, h), f && d.current.restoreViewState(ae.get($)), M.current.editor.setTheme(a), u !== void 0 && d.current.revealLine(u), j(!0), A.current = !0;
+var yr = vr, ue = /* @__PURE__ */ new Map();
+function br({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: a = "light", line: u, loading: l = "Loading...", options: d = {}, overrideServices: h = {}, saveViewState: f = !0, keepCurrentModel: y = !1, width: $ = "100%", height: g = "100%", className: L, wrapperProps: T = {}, beforeMount: I = ee, onMount: E = ee, onChange: V, onValidate: _ = ee }) {
+  let [b, C] = R(!1), [M, j] = R(!0), x = v(null), s = v(null), O = v(null), m = v(E), p = v(I), S = v(), c = v(n), w = yr(i), H = v(!1), W = v(!1);
+  Se(() => {
+    let P = q.init();
+    return P.then((D) => (x.current = D) && j(!1)).catch((D) => (D == null ? void 0 : D.type) !== "cancelation" && console.error("Monaco initialization: error:", D)), () => s.current ? et() : P.cancel();
+  }), z(() => {
+    var D, U, Q, G;
+    let P = Z(x.current, e || n || "", t || o || "", i || r || "");
+    P !== ((D = s.current) == null ? void 0 : D.getModel()) && (f && ue.set(w, (U = s.current) == null ? void 0 : U.saveViewState()), (Q = s.current) == null || Q.setModel(P), f && ((G = s.current) == null || G.restoreViewState(ue.get(i))));
+  }, [i], b), z(() => {
+    var P;
+    (P = s.current) == null || P.updateOptions(d);
+  }, [d], b), z(() => {
+    !s.current || n === void 0 || (s.current.getOption(x.current.editor.EditorOption.readOnly) ? s.current.setValue(n) : n !== s.current.getValue() && (W.current = !0, s.current.executeEdits("", [{ range: s.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), s.current.pushUndoStop(), W.current = !1));
+  }, [n], b), z(() => {
+    var D, U;
+    let P = (D = s.current) == null ? void 0 : D.getModel();
+    P && o && ((U = x.current) == null || U.editor.setModelLanguage(P, o));
+  }, [o], b), z(() => {
+    var P;
+    u !== void 0 && ((P = s.current) == null || P.revealLine(u));
+  }, [u], b), z(() => {
+    var P;
+    (P = x.current) == null || P.editor.setTheme(a);
+  }, [a], b);
+  let B = J(() => {
+    var P;
+    if (!(!O.current || !x.current) && !H.current) {
+      p.current(x.current);
+      let D = i || r, U = Z(x.current, n || e || "", t || o || "", D || "");
+      s.current = (P = x.current) == null ? void 0 : P.editor.create(O.current, { model: U, automaticLayout: !0, ...d }, h), f && s.current.restoreViewState(ue.get(D)), x.current.editor.setTheme(a), u !== void 0 && s.current.revealLine(u), C(!0), H.current = !0;
     }
-  }, [e, t, r, n, o, i, s, h, f, a, u]);
-  I(() => {
-    S && p.current(d.current, M.current);
-  }, [S]), I(() => {
-    !E && !S && J();
-  }, [E, S, J]), c.current = n, I(() => {
-    var y, $;
-    S && N && ((y = T.current) == null || y.dispose(), T.current = ($ = d.current) == null ? void 0 : $.onDidChangeModelContent((_) => {
-      H.current || N(d.current.getValue(), _);
+  }, [e, t, r, n, o, i, d, h, f, a, u]);
+  N(() => {
+    b && m.current(s.current, x.current);
+  }, [b]), N(() => {
+    !M && !b && B();
+  }, [M, b, B]), c.current = n, N(() => {
+    var P, D;
+    b && V && ((P = S.current) == null || P.dispose(), S.current = (D = s.current) == null ? void 0 : D.onDidChangeModelContent((U) => {
+      W.current || V(s.current.getValue(), U);
     }));
-  }, [S, N]), I(() => {
-    if (S) {
-      let y = M.current.editor.onDidChangeMarkers(($) => {
+  }, [b, V]), N(() => {
+    if (b) {
+      let P = x.current.editor.onDidChangeMarkers((D) => {
         var Q;
-        let _ = (Q = d.current.getModel()) == null ? void 0 : Q.uri;
-        if (_ && $.find((Y) => Y.path === _.path)) {
-          let Y = M.current.editor.getModelMarkers({ resource: _ });
-          x == null || x(Y);
+        let U = (Q = s.current.getModel()) == null ? void 0 : Q.uri;
+        if (U && D.find((G) => G.path === U.path)) {
+          let G = x.current.editor.getModelMarkers({ resource: U });
+          _ == null || _(G);
         }
       });
       return () => {
-        y == null || y.dispose();
+        P == null || P.dispose();
       };
     }
     return () => {
     };
-  }, [S, x]);
-  function Ye() {
-    var y, $;
-    (y = T.current) == null || y.dispose(), m ? f && ae.set(i, d.current.saveViewState()) : ($ = d.current.getModel()) == null || $.dispose(), d.current.dispose();
+  }, [b, _]);
+  function et() {
+    var P, D;
+    (P = S.current) == null || P.dispose(), y ? f && ue.set(i, s.current.saveViewState()) : (D = s.current.getModel()) == null || D.dispose(), s.current.dispose();
   }
-  return K.createElement(Fe, { width: L, height: g, isEditorReady: S, loading: l, _ref: P, className: k, wrapperProps: C });
+  return Y.createElement(We, { width: $, height: g, isEditorReady: b, loading: l, _ref: O, className: L, wrapperProps: T });
 }
-var pr = fr, mr = be(pr), Oe = mr;
-const le = {
+var wr = br, Mr = Me(wr), fe = Mr;
+const ae = {
   selectOnLineNumbers: !0,
   scrollBeyondLastLine: !1,
   padding: {
@@ -650,28 +651,28 @@ const le = {
   overviewRulerLanes: 0,
   renderLineHighlight: "none",
   automaticLayout: !0
-}, de = (e) => {
-  const { themeConfig: t, editor: r, theme: n } = e, { defaultTheme: o } = t ?? {}, [i, a] = V(n ?? o ?? "vs-dark");
-  return I(() => {
+}, ce = (e) => {
+  const { themeConfig: t, editor: r, theme: n } = e, { defaultTheme: o } = t ?? {}, [i, a] = R(n ?? o ?? "vs-dark");
+  return N(() => {
     var u;
     (u = t == null ? void 0 : t.monacoThemes) == null || u.forEach((l) => {
-      R.editor.defineTheme(l.themeName, l.themeData);
+      F.editor.defineTheme(l.themeName, l.themeData);
     });
-  }, [R]), I(() => {
-    R.editor && n && (R.editor.setTheme(n), a(n));
+  }, [F]), N(() => {
+    F.editor && n && (F.editor.setTheme(n), a(n));
   }, [r, n]), { theme: i };
 };
-function hr(e) {
+function Ee(e) {
   const t = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
   let r = "";
   for (let n = 0; n < e; n++)
     r += t.charAt(Math.floor(Math.random() * t.length));
   return r;
 }
-function gr(e) {
+function Or(e) {
   return e.replace("'", "&#39;");
 }
-const vr = (e) => {
+const Sr = (e) => {
   const t = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
   if (e < 60)
     return t.format(-e, "second");
@@ -689,11 +690,11 @@ const vr = (e) => {
     return t.format(-i, "month");
   const a = Math.floor(i / 12);
   return t.format(-a, "year");
-}, br = (e) => {
+}, Er = (e) => {
   const t = new Date(e), n = Math.floor(((/* @__PURE__ */ new Date()).getTime() - t.getTime()) / 1e3), o = Math.abs(n);
-  return vr(o);
+  return Sr(o);
 };
-function yr({
+function Be({
   instanceId: e,
   lineNumbersPosition: t
 }) {
@@ -726,7 +727,7 @@ function yr({
         color: var(--cn-text-1);
       }`, r;
 }
-function wr({
+function xr({
   instanceId: e,
   blameData: t,
   dateWidth: r,
@@ -734,35 +735,39 @@ function wr({
 }) {
   let o = "";
   return t.forEach((i) => {
-    var s, h, f, m, L, g, k, C;
-    const a = (h = (s = i == null ? void 0 : i.commitInfo) == null ? void 0 : s.author) == null ? void 0 : h.avatarUrl, u = (m = (f = i == null ? void 0 : i.commitInfo) == null ? void 0 : f.author) == null ? void 0 : m.initials, l = a ? `background: url('${(g = (L = i == null ? void 0 : i.commitInfo) == null ? void 0 : L.author) == null ? void 0 : g.avatarUrl}');` : "";
-    for (let O = i.fromLineNumber; O <= i.toLineNumber; O++)
-      O === i.fromLineNumber ? o += `
-          .monaco-editor-${e} .view-line .blame-editor-commit-${O}:before {
-            content: '${gr(br(((C = (k = i == null ? void 0 : i.commitInfo) == null ? void 0 : k.author) == null ? void 0 : C.when) || ""))}';
+    var d, h, f, y, $, g, L, T;
+    const a = (h = (d = i == null ? void 0 : i.commitInfo) == null ? void 0 : d.author) == null ? void 0 : h.avatarUrl, u = (y = (f = i == null ? void 0 : i.commitInfo) == null ? void 0 : f.author) == null ? void 0 : y.initials, l = a ? `background: url('${(g = ($ = i == null ? void 0 : i.commitInfo) == null ? void 0 : $.author) == null ? void 0 : g.avatarUrl}');` : "";
+    for (let I = i.fromLineNumber; I <= i.toLineNumber; I++)
+      I === i.fromLineNumber ? o += `
+          .monaco-editor-${e} .view-line .blame-editor-commit-${I}:before {
+            content: '${Or(Er(((T = (L = i == null ? void 0 : i.commitInfo) == null ? void 0 : L.author) == null ? void 0 : T.when) || ""))}';
             position: absolute;
             left: 10px;
             top: 0px;
             color: var(--cn-text-3);
           }
 
-          .monaco-editor-${e} .view-line .blame-editor-commit-${O}:after {
+          .monaco-editor-${e} .view-line .blame-editor-commit-${I}:after {
             content: '${u ?? " "}';
             position: absolute;
             border-radius: 50%;
             padding: 4px;
             text-align: center;
-            background: var(--cn-set-gray-soft-bg);
             line-height: 17px;
             left: ${r + 10}px;
-            top: -4px;
-            color: var(--cn-text-3);
+            top: -2px;
+            box-shadow: var(--cn-shadow-comp-avatar-inner);
+            font-size: var(--cn-font-size-0);
+            font-weight: var(--cn-font-weight-default-normal-500);
+            background-color: var(--cn-set-brand-secondary-bg);
+            color: var(--cn-set-brand-secondary-text);
+            font-family: var(--font-family);
             width: ${n}px;
             height: ${n}px;
             ${l}
             background-size: 100% 100%;
           }` : o += `
-          .monaco-editor-${e} .view-line .blame-editor-commit-${O}:before {
+          .monaco-editor-${e} .view-line .blame-editor-commit-${I}:before {
             content: ' ';
             left: 10px;
             top: 0px;
@@ -770,13 +775,13 @@ function wr({
           }`;
   }), o;
 }
-function Or(e, t) {
+function Ke(e, t) {
   let r = "";
   return e.length > t ? r = e.slice(0, t - 3) + "..." : e.length < t ? r = e + " ".repeat(t - e.length) : r = e, " ".repeat(25) + r + " ".repeat(10);
 }
-W.config({ monaco: R });
-const he = 450, Mr = 30, Sr = 140, jr = 24, Er = {
-  ...le,
+q.config({ monaco: F });
+const he = 450, jr = 30, Pr = 140, Cr = 24, $r = {
+  ...ae,
   readOnly: !0,
   matchBrackets: "never",
   renderValidationDecorations: "off",
@@ -786,7 +791,7 @@ const he = 450, Mr = 30, Sr = 140, jr = 24, Er = {
   renderWhitespace: "none",
   renderLineHighlight: "none"
 };
-function Hr({
+function tn({
   code: e,
   language: t,
   themeConfig: r,
@@ -795,159 +800,426 @@ function Hr({
   showSeparators: i = !0,
   theme: a,
   height: u = "75vh",
-  options: l
+  options: l,
+  className: d
 }) {
-  const s = w(o), h = w(hr(5));
-  se();
-  const [f, m] = V(), [L, g] = V(0), k = w(null), C = w(null);
-  I(() => {
-    s.current = o;
+  const h = v(o), f = v(null), y = v(Ee(5));
+  ie();
+  const [$, g] = R(), L = v(null), T = v(null);
+  N(() => {
+    h.current = o;
   }, [o]);
-  function O() {
-    const M = C.current, d = k.current;
-    if (!M || !d)
+  function I() {
+    const s = T.current, O = L.current;
+    if (!s || !O)
       return;
-    i && M.changeViewZones(function(p) {
+    i && s.changeViewZones(function(p) {
       p.addZone({
         afterLineNumber: 0,
         heightInPx: 10,
         domNode: document.createElement("div")
-      }), s.current.forEach((D, T) => {
-        if (T !== s.current.length - 1) {
-          const c = document.createElement("div");
-          c.style.borderTop = "1px solid var(--cn-border-2)", c.style.marginTop = "9px", c.className = "blame-editor-separator", p.addZone({
-            afterLineNumber: D.toLineNumber,
+      }), h.current.forEach((S, c) => {
+        if (c !== h.current.length - 1) {
+          const w = document.createElement("div");
+          w.style.borderTop = "1px solid var(--cn-border-2)", w.style.marginTop = "9px", w.className = "blame-editor-separator", p.addZone({
+            afterLineNumber: S.toLineNumber,
             heightInPx: 20,
-            domNode: c
+            domNode: w
           });
         }
       });
     });
-    const P = [];
-    s.current.forEach((p) => {
-      var D;
-      for (let T = p.fromLineNumber; T <= p.toLineNumber; T++)
-        P.push({
-          range: new d.Range(T, 0, T + 1, 0),
+    const m = [];
+    h.current.forEach((p) => {
+      var S;
+      for (let c = p.fromLineNumber; c <= p.toLineNumber; c++)
+        m.push({
+          range: new O.Range(c, 0, c + 1, 0),
           options: {
             before: {
-              content: Or(
-                T === p.fromLineNumber && ((D = p == null ? void 0 : p.commitInfo) == null ? void 0 : D.title) || "",
-                Mr
+              content: Ke(
+                c === p.fromLineNumber && ((S = p == null ? void 0 : p.commitInfo) == null ? void 0 : S.title) || "",
+                jr
               ),
-              cursorStops: d.editor.InjectedTextCursorStops.None,
-              inlineClassName: `blame-editor-commit blame-editor-commit-${T}`
+              cursorStops: O.editor.InjectedTextCursorStops.None,
+              inlineClassName: `blame-editor-commit blame-editor-commit-${c}`
             }
           }
         });
-    }), M.createDecorationsCollection(P);
+    }), s.createDecorationsCollection(m);
   }
-  function v(M, d) {
-    var P, p, D, T, c, b;
-    C.current = M, k.current = d, M.setValue(e), m(M), (D = (p = (P = d.languages.typescript) == null ? void 0 : P.typescriptDefaults) == null ? void 0 : p.setDiagnosticsOptions) == null || D.call(p, {
+  function E(s, O) {
+    var m, p, S, c, w, H;
+    T.current = s, L.current = O, s.setValue(e), g(s), (S = (p = (m = O.languages.typescript) == null ? void 0 : m.typescriptDefaults) == null ? void 0 : p.setDiagnosticsOptions) == null || S.call(p, {
       noSuggestionDiagnostics: !0,
       noSyntaxValidation: !0,
       noSemanticValidation: !0
-    }), (b = (c = (T = d.languages.typescript) == null ? void 0 : T.javascriptDefaults) == null ? void 0 : c.setDiagnosticsOptions) == null || b.call(c, {
+    }), (H = (w = (c = O.languages.typescript) == null ? void 0 : c.javascriptDefaults) == null ? void 0 : w.setDiagnosticsOptions) == null || H.call(w, {
       noSuggestionDiagnostics: !0,
       noSyntaxValidation: !0,
       noSemanticValidation: !0
-    }), O();
+    }), I();
   }
-  I(() => {
-    f == null || f.setValue(e);
+  N(() => {
+    $ == null || $.setValue(e);
   }, [e]);
-  const { theme: N } = de({ monacoRef: k, themeConfig: r, editor: f, theme: a }), x = q(
-    () => yr({
-      instanceId: h.current,
+  const { theme: V } = ce({ monacoRef: L, themeConfig: r, editor: $, theme: a }), _ = k(
+    () => Be({
+      instanceId: y.current,
       lineNumbersPosition: n
     }),
     [o]
-  ), S = q(
-    () => wr({
-      instanceId: h.current,
+  ), b = k(
+    () => xr({
+      instanceId: y.current,
       blameData: o,
-      avatarSize: jr,
-      dateWidth: Sr
+      avatarSize: Cr,
+      dateWidth: Pr
     }),
     [o]
   );
-  I(() => {
-    if (n === "center") {
-      const M = document.getElementsByClassName("lines-content")[0];
-      if (M) {
-        const d = { attributes: !0 }, P = (D) => {
-          for (const T of D) {
-            const c = parseInt(getComputedStyle(M).left);
-            g(c);
-          }
-        }, p = new MutationObserver(P);
-        return p.observe(M, d), () => {
+  Ve(() => {
+    f.current && f.current.style.setProperty("--line-number-display", "none");
+  }, []), N(() => {
+    if (n === "center" && f.current) {
+      const s = f.current.getElementsByClassName("lines-content")[0];
+      if (s) {
+        const O = { attributes: !0 }, m = () => {
+          const S = parseInt(getComputedStyle(s).left);
+          f.current && (f.current.style.setProperty("--line-number-offset", `${he + 16 + S}px`), f.current.style.setProperty("--line-number-display", "block"));
+        }, p = new MutationObserver(m);
+        return p.observe(s, O), m(), () => {
           p.disconnect();
         };
       }
     }
   });
-  const j = q(() => `
-      .monaco-editor-${h.current} .margin {
-        left: ${he + 16 + L}px !important;
+  const C = k(() => `
+      .monaco-editor-${y.current} .margin {
+        display: var(--line-number-display);
+        left: var(--line-number-offset);
         pointer-events: none;
-      }`, [L]), E = `
-   .monaco-editor-${h.current} .view-overlays {
+      }`, []), M = k(() => `.monaco-editor-${y.current} .view-overlays {
     clip-path: polygon(${he + 16}px 0, 100% 0%, 100% 100%, ${he + 16}px 100%);
     height:100% !important;
-   }`, z = q(
+   }`, []), j = k(
     () => ({
-      ...Er,
+      ...$r,
       ...l
     }),
     [l]
-  );
-  return /* @__PURE__ */ F.jsxs(F.Fragment, { children: [
-    /* @__PURE__ */ F.jsx(
-      "style",
+  ), x = k(() => /* @__PURE__ */ A.jsx(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: `${_} ${b} ${C} ${M}`
+      }
+    }
+  ), [_, b, M, C]);
+  return /* @__PURE__ */ A.jsxs("div", { className: d, ref: f, children: [
+    x,
+    /* @__PURE__ */ A.jsx(
+      fe,
       {
-        dangerouslySetInnerHTML: {
-          __html: `${x} ${S} ${j} ${E}`
+        className: `monaco-editor-${y.current} overflow-hidden rounded-b-cn-3`,
+        height: u,
+        language: t,
+        theme: V,
+        options: j,
+        onMount: E
+      }
+    )
+  ] });
+}
+q.config({ monaco: F });
+const ve = 450, Ir = 30, Nr = {
+  ...ae,
+  readOnly: !0,
+  matchBrackets: "never",
+  renderValidationDecorations: "off",
+  guides: { indentation: !1 },
+  folding: !1,
+  stickyScroll: { enabled: !1 },
+  renderWhitespace: "none",
+  renderLineHighlight: "none"
+};
+function rn({
+  code: e,
+  language: t,
+  themeConfig: r,
+  lineNumbersPosition: n = "left",
+  blameData: o,
+  theme: i,
+  height: a = "75vh",
+  options: u,
+  className: l
+}) {
+  const d = v(o), h = v(null), f = v(Ee(5));
+  ie();
+  const [y, $] = R(), g = v(null), L = v(null);
+  N(() => {
+    d.current = o;
+  }, [o]);
+  function T() {
+    const j = L.current, x = g.current;
+    if (!j || !x)
+      return;
+    j.changeViewZones(function(O) {
+      O.addZone({
+        afterLineNumber: 0,
+        heightInPx: 1,
+        domNode: document.createElement("div")
+      }), d.current.forEach((m) => {
+        if (m.infoContent) {
+          const S = document.createElement("div");
+          S.className = "blame-editor-info-holder", S.style.position = "relative", S.style.zIndex = "100", S.style.overflow = "visible", Lr(S, m.infoContent), O.addZone({
+            afterLineNumber: m.fromLineNumber - 1,
+            heightInPx: 0,
+            domNode: S
+          });
         }
+        const p = document.createElement("div");
+        p.style.borderTop = "1px solid var(--cn-border-2)", p.style.marginTop = "9px", p.className = "blame-editor-separator", O.addZone({
+          afterLineNumber: m.toLineNumber,
+          heightInPx: 20,
+          domNode: p
+        });
+      });
+    });
+    const s = [];
+    d.current.forEach((O) => {
+      for (let m = O.fromLineNumber; m <= O.toLineNumber; m++)
+        s.push({
+          range: new x.Range(m, 0, m + 1, 0),
+          options: {
+            before: {
+              content: Ke("", Ir),
+              cursorStops: x.editor.InjectedTextCursorStops.None,
+              inlineClassName: `blame-editor-commit blame-editor-commit-${m}`
+            }
+          }
+        });
+    }), j.createDecorationsCollection(s);
+  }
+  function I(j, x) {
+    var s, O, m, p, S, c;
+    L.current = j, g.current = x, j.setValue(e), $(j), (m = (O = (s = x.languages.typescript) == null ? void 0 : s.typescriptDefaults) == null ? void 0 : O.setDiagnosticsOptions) == null || m.call(O, {
+      noSuggestionDiagnostics: !0,
+      noSyntaxValidation: !0,
+      noSemanticValidation: !0
+    }), (c = (S = (p = x.languages.typescript) == null ? void 0 : p.javascriptDefaults) == null ? void 0 : S.setDiagnosticsOptions) == null || c.call(S, {
+      noSuggestionDiagnostics: !0,
+      noSyntaxValidation: !0,
+      noSemanticValidation: !0
+    }), T();
+  }
+  N(() => {
+    y == null || y.setValue(e);
+  }, [e]);
+  const { theme: E } = ce({ monacoRef: g, themeConfig: r, editor: y, theme: i }), V = k(
+    () => Be({
+      instanceId: f.current,
+      lineNumbersPosition: n
+    }),
+    [o]
+  );
+  Ve(() => {
+    h.current && h.current.style.setProperty("--line-number-display", "none");
+  }, []), N(() => {
+    if (n === "center" && h.current) {
+      const j = h.current.getElementsByClassName("lines-content")[0];
+      if (j) {
+        const x = { attributes: !0 }, s = () => {
+          const m = parseInt(getComputedStyle(j).left);
+          h.current && (h.current.style.setProperty("--line-number-offset", `${ve + 16 + m}px`), h.current.style.setProperty("--line-number-display", "block"));
+        }, O = new MutationObserver(s);
+        return O.observe(j, x), s(), () => {
+          O.disconnect();
+        };
       }
-    ),
-    /* @__PURE__ */ F.jsx(
-      Oe,
+    }
+  });
+  const _ = k(() => `
+      .monaco-editor-${f.current} .margin {
+        display: var(--line-number-display);
+        left: var(--line-number-offset);
+        pointer-events: none;
+      }`, []), b = k(() => `.monaco-editor-${f.current} .view-overlays {
+    clip-path: polygon(${ve + 16}px 0, 100% 0%, 100% 100%, ${ve + 16}px 100%);
+    height:100% !important;
+   }`, []), C = k(
+    () => ({
+      ...Nr,
+      ...u
+    }),
+    [u]
+  ), M = k(() => /* @__PURE__ */ A.jsx(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: `${V} ${_} ${b}`
+      }
+    }
+  ), [V, b, _]);
+  return /* @__PURE__ */ A.jsxs("div", { className: l, ref: h, children: [
+    M,
+    /* @__PURE__ */ A.jsx(
+      fe,
       {
-        className: `monaco-editor-${h.current} overflow-hidden rounded-b-md border-x border-b`,
-        height: u,
+        className: `monaco-editor-${f.current} overflow-hidden rounded-b-cn-3`,
+        height: a,
         language: t,
-        theme: N,
-        options: z,
-        onMount: v
+        theme: E,
+        options: C,
+        onMount: I
       }
     )
   ] });
 }
-W.config({ monaco: R });
-const Pr = {
-  ...le
+function Lr(e, t) {
+  return new IntersectionObserver(
+    ([n], o) => {
+      if (n.isIntersecting) {
+        o.disconnect();
+        const i = document.createElement("div");
+        i.style.position = "absolute", i.style.top = "-2px", e.appendChild(i), at(t, i);
+      }
+    },
+    {
+      root: document.querySelector(".monaco-scrollable-element"),
+      threshold: 0.2
+    }
+  ).observe(e), e;
+}
+function Tr(e) {
+  const { editor: t, keyword: r } = e;
+  N(() => {
+    if (!t || !r)
+      return;
+    const n = t.getModel(), o = n.findMatches(r, !1, !1, !1, null, !1);
+    o.length > 0 && o.forEach((i) => {
+      n.deltaDecorations(
+        [],
+        [
+          {
+            range: i.range,
+            options: {
+              isWholeLine: !1,
+              inlineClassName: "CodeEditor_HighlightedText"
+            }
+          }
+        ]
+      );
+    });
+  }, [t, r]);
+}
+function Dr(e) {
+  const { enable: t, editor: r, onSelectedLineChange: n, selectedLine: o, onSelectedLineButtonClick: i } = e, a = v(null), u = v(!1), l = v(null);
+  l.current = l.current ?? (r == null ? void 0 : r.createDecorationsCollection([])) ?? null, N(() => {
+    let d;
+    const h = setTimeout(() => {
+      if (!t || !r)
+        return;
+      const f = (y) => {
+        var g, L, T, I;
+        if ((L = (g = y.target) == null ? void 0 : g.element) != null && L.classList.contains("CodeEditor_HighlightedGlyphMargin")) {
+          i == null || i((T = y.target) == null ? void 0 : T.element);
+          return;
+        }
+        const $ = _r((I = y.target) == null ? void 0 : I.element);
+        if (!$) {
+          n == null || n(void 0), i == null || i(void 0), ye(r, l.current, void 0);
+          return;
+        }
+        u.current = !0, a.current = $, n == null || n($), ye(r, l.current, $, !1), i == null || i(void 0);
+      };
+      d = r.onMouseDown(f);
+    }, 100);
+    return () => {
+      clearTimeout(h), d == null || d.dispose();
+    };
+  }, [u, o, n, t, r, i, l]), N(() => {
+    r && a.current !== o && ye(r, l.current, o, !0);
+  }, [r, o, l]);
+}
+function ye(e, t, r, n) {
+  if (!r) {
+    t == null || t.set([]);
+    return;
+  }
+  t == null || t.set([
+    {
+      range: new F.Range(r, 1, r, 1),
+      options: {
+        isWholeLine: !0,
+        className: "CodeEditor_HighlightedLine"
+        // TODO: gonna be used if in the future
+        // glyphMarginClassName: 'CodeEditor_HighlightedGlyphMargin'
+      }
+    }
+  ]), e == null || e.setSelection(new F.Range(r, 0, r, 0)), n && (e == null || e.revealLineInCenter(r));
+}
+function _r(e) {
+  const t = e != null && e.classList.contains("line-numbers") ? e : void 0;
+  if (!t)
+    return;
+  const r = parseInt(t.textContent ?? "");
+  if (!isNaN(r))
+    return r;
+}
+const Vr = `.CodeEditor_HighlightedLine {
+  opacity: 0.1;
+  background-color: var(--cn-yellow-300, orange) !important;
+}
+
+.CodeEditor_HighlightedText {
+  background-color: var(--cn-yellow-100, orange) !important;
+}
+
+.CodeEditor_HighlightedGlyphMargin {
+  background: rgb(183, 183, 183);
+  border: 1px solid gray;
+  border-radius: 4px;
+  margin-left: 5px;
+  height: 20px;
+  position: relative;
+}
+
+.CodeEditor_HighlightedGlyphMargin::after {
+  content: '...';
+  position: absolute;
+  padding: 7px 3px;
+}
+`;
+q.config({ monaco: F });
+const kr = {
+  ...ae
 };
-function qr({
+function nn({
   codeRevision: e,
   onCodeRevisionChange: t,
   language: r,
   themeConfig: n,
   options: o,
   theme: i,
-  height: a = "75vh",
-  className: u
+  enableLinesSelection: a = !1,
+  selectedLine: u,
+  onSelectedLineChange: l,
+  onSelectedLineButtonClick: d,
+  highlightKeyword: h,
+  height: f = "75vh",
+  className: y
 }) {
-  se();
-  const [l, s] = V(), h = w(), f = w({ code: "", revisionId: 0 }), m = w(null), L = G(
-    (C, O) => {
-      var v, N, x, S, j, E;
-      m.current = C, h.current = O, C.setValue(e.code), s(C), (x = (N = (v = O.languages.typescript) == null ? void 0 : v.typescriptDefaults) == null ? void 0 : N.setDiagnosticsOptions) == null || x.call(N, {
+  const $ = v(Ee(5));
+  ie();
+  const [g, L] = R(), T = v(), I = v({ code: "", revisionId: 0 }), E = v(null), V = J(
+    (M, j) => {
+      var x, s, O, m, p, S;
+      E.current = M, T.current = j, M.setValue(e.code), L(M), (O = (s = (x = j.languages.typescript) == null ? void 0 : x.typescriptDefaults) == null ? void 0 : s.setDiagnosticsOptions) == null || O.call(s, {
         noSuggestionDiagnostics: !0,
         noSyntaxValidation: !0,
         noSemanticValidation: !0
-      }), (E = (j = (S = O.languages.typescript) == null ? void 0 : S.javascriptDefaults) == null ? void 0 : j.setDiagnosticsOptions) == null || E.call(j, {
+      }), (S = (p = (m = j.languages.typescript) == null ? void 0 : m.javascriptDefaults) == null ? void 0 : p.setDiagnosticsOptions) == null || S.call(p, {
         noSuggestionDiagnostics: !0,
         noSyntaxValidation: !0,
         noSemanticValidation: !0
@@ -955,37 +1227,53 @@ function qr({
     },
     [e.code]
   );
-  I(() => {
-    var C, O;
-    if (m.current && (!e.revisionId || e.revisionId > Number((C = f.current) == null ? void 0 : C.revisionId))) {
-      const v = m.current.getModel();
-      v && (o != null && o.readOnly ? (O = m.current) == null || O.setValue(e.code) : (m.current.pushUndoStop(), m.current.executeEdits("edit", [
+  N(() => {
+    var M, j;
+    if (E.current && (!e.revisionId || e.revisionId > Number((M = I.current) == null ? void 0 : M.revisionId))) {
+      const x = E.current.getModel();
+      x && (o != null && o.readOnly ? (j = E.current) == null || j.setValue(e.code) : (E.current.pushUndoStop(), E.current.executeEdits("edit", [
         {
-          range: v.getFullModelRange(),
+          range: x.getFullModelRange(),
           text: e.code
         }
-      ]), m.current.pushUndoStop()));
+      ]), E.current.pushUndoStop()));
     }
-  }, [e, m.current]);
-  const { theme: g } = de({ monacoRef: h, themeConfig: n, editor: l, theme: i }), k = q(() => ({ ...Pr, ...o || {} }), [o]);
-  return /* @__PURE__ */ F.jsx(F.Fragment, { children: /* @__PURE__ */ F.jsx(
-    Oe,
-    {
-      className: u,
-      height: a,
-      onChange: (C, O) => {
-        f.current = { code: C ?? "", revisionId: O.versionId }, t({ ...f.current }, O);
-      },
-      language: r,
-      theme: g,
-      options: k,
-      onMount: L
-    }
-  ) });
+  }, [e, o == null ? void 0 : o.readOnly, E]);
+  const { theme: _ } = ce({ monacoRef: T, themeConfig: n, editor: g, theme: i });
+  Dr({
+    enable: a,
+    editor: g,
+    selectedLine: u,
+    onSelectedLineChange: l,
+    onSelectedLineButtonClick: d
+  }), Tr({ editor: g, keyword: h });
+  const b = k(() => ({
+    ...kr,
+    ...o || {}
+    // TODO: this will be used in the future
+    // ...(enableLinesSelection ? { glyphMargin: true } : {})
+  }), [o]), C = k(() => `.monaco-editor-${$.current} .margin-view-overlays .line-numbers { cursor: pointer !important; } ${Vr}`, []);
+  return /* @__PURE__ */ A.jsxs(A.Fragment, { children: [
+    a && /* @__PURE__ */ A.jsx("style", { dangerouslySetInnerHTML: { __html: C } }),
+    /* @__PURE__ */ A.jsx(
+      fe,
+      {
+        className: `monaco-editor-${$.current} ${y}`,
+        height: f,
+        onChange: (M, j) => {
+          I.current = { code: M ?? "", revisionId: j.versionId }, t == null || t({ ...I.current }, j);
+        },
+        language: r,
+        theme: _,
+        options: b,
+        onMount: V
+      }
+    )
+  ] });
 }
-W.config({ monaco: R });
-const xr = {
-  ...le,
+q.config({ monaco: F });
+const Ar = {
+  ...ae,
   codeLens: !1,
   smartSelect: {
     selectLeadingAndTrailingWhitespace: !0
@@ -993,7 +1281,7 @@ const xr = {
   originalEditable: !1,
   overviewRulerBorder: !1
 };
-function Br({
+function on({
   original: e,
   modified: t,
   language: r,
@@ -1002,12 +1290,12 @@ function Br({
   theme: i,
   height: a = "75vh"
 }) {
-  se();
-  const [u, l] = V(), s = w(), { theme: h } = de({ monacoRef: s, themeConfig: n, editor: u, theme: i }), f = q(() => ({ ...xr, ...o || {} }), [o]);
-  return /* @__PURE__ */ F.jsx(F.Fragment, { children: /* @__PURE__ */ F.jsx(
-    ur,
+  ie();
+  const [u, l] = R(), d = v(), { theme: h } = ce({ monacoRef: d, themeConfig: n, editor: u, theme: i }), f = k(() => ({ ...Ar, ...o || {} }), [o]);
+  return /* @__PURE__ */ A.jsx(A.Fragment, { children: /* @__PURE__ */ A.jsx(
+    gr,
     {
-      className: "overflow-hidden rounded-b-md border-x border-b",
+      className: "overflow-hidden rounded-b-cn-3 border-x border-b",
       language: r,
       theme: h,
       original: e,
@@ -1018,39 +1306,39 @@ function Br({
     }
   ) });
 }
-var ze = /* @__PURE__ */ ((e) => (e.ContainsPath = "ContainsPath", e))(ze || {});
-function Cr(e) {
+var Ye = /* @__PURE__ */ ((e) => (e.ContainsPath = "ContainsPath", e))(Ye || {});
+function Hr(e) {
   const { pathSymbolMap: t, inlineActions: r = [], commandId: n } = e, o = Object.fromEntries(t.entries()), i = [];
   return r == null || r.forEach((a) => {
     const u = a.actions;
-    a.selectors.forEach((s) => {
-      switch (s.type) {
-        case ze.ContainsPath: {
-          s.paths.forEach((h) => {
-            let m = Object.keys(o).map((g) => ({
+    a.selectors.forEach((d) => {
+      switch (d.type) {
+        case Ye.ContainsPath: {
+          d.paths.forEach((h) => {
+            let y = Object.keys(o).map((g) => ({
               fullPath: g,
               path: g,
               symbol: o[g]
-            })).filter((g) => g.path.startsWith(s.basePath));
-            m = m.map((g) => ({
+            })).filter((g) => g.path.startsWith(d.basePath));
+            y = y.map((g) => ({
               ...g,
-              path: g.path.substring(s.basePath.length)
-            })), m.filter((g) => h.test(g.path)).forEach((g) => {
-              const k = g.fullPath, C = g.symbol, O = C.range;
-              u.forEach((v) => {
-                const N = {
-                  range: O,
-                  symbols: [C],
-                  onClick: v.onClick,
-                  data: v.data,
-                  path: k
+              path: g.path.substring(d.basePath.length)
+            })), y.filter((g) => h.test(g.path)).forEach((g) => {
+              const L = g.fullPath, T = g.symbol, I = T.range;
+              u.forEach((E) => {
+                const V = {
+                  range: I,
+                  symbols: [T],
+                  onClick: E.onClick,
+                  data: E.data,
+                  path: L
                 };
                 i.push({
-                  range: O,
+                  range: I,
                   command: {
                     id: n,
-                    title: v.title,
-                    arguments: [N]
+                    title: E.title,
+                    arguments: [V]
                   }
                 });
               });
@@ -1070,40 +1358,40 @@ const te = class te {
     return te.data;
   }
 };
-je(te, "data", {});
-let ve = te;
-async function He(e) {
-  const t = ve.get(), { documentSymbolProvider: r } = t.StandaloneServices.get(t.ILanguageFeaturesService);
+Pe(te, "data", {});
+let we = te;
+async function Ge(e) {
+  const t = we.get(), { documentSymbolProvider: r } = t.StandaloneServices.get(t.ILanguageFeaturesService);
   return await t.OutlineModel.create(r, e);
 }
-function qe(e) {
+function Ze(e) {
   const t = /* @__PURE__ */ new Map();
-  return Me({
+  return xe({
     pathSymbolMap: t,
     parentPath: "",
     children: e.children,
-    parentKind: ge.SymbolKind.Module
+    parentKind: be.SymbolKind.Module
   }), t;
 }
-function Me(e) {
+function xe(e) {
   switch (e.parentKind) {
-    case ge.SymbolKind.Module: {
-      $r(e);
+    case be.SymbolKind.Module: {
+      Rr(e);
       break;
     }
-    case ge.SymbolKind.Array: {
-      Ir(e);
+    case be.SymbolKind.Array: {
+      Ur(e);
       break;
     }
     default:
-      Lr(e);
+      zr(e);
   }
 }
-function $r(e) {
+function Rr(e) {
   e.children.forEach((t) => {
     var n;
     let r = e.parentPath;
-    t.symbol && (r = e.parentPath ? `${e.parentPath}.${t.symbol.name}` : t.symbol.name, e.pathSymbolMap.set(r, t.symbol)), Me({
+    t.symbol && (r = e.parentPath ? `${e.parentPath}.${t.symbol.name}` : t.symbol.name, e.pathSymbolMap.set(r, t.symbol)), xe({
       pathSymbolMap: e.pathSymbolMap,
       parentPath: r,
       children: t.children,
@@ -1111,11 +1399,11 @@ function $r(e) {
     });
   });
 }
-function Ir(e) {
+function Ur(e) {
   let t = 0;
   e.children.forEach((r) => {
     const n = e.parentPath ? `${e.parentPath}.${t}` : `${t}`;
-    e.pathSymbolMap.set(n, r.symbol), t += 1, Me({
+    e.pathSymbolMap.set(n, r.symbol), t += 1, xe({
       pathSymbolMap: e.pathSymbolMap,
       parentPath: n,
       children: r.children,
@@ -1123,44 +1411,47 @@ function Ir(e) {
     });
   });
 }
-function Lr(e) {
+function zr(e) {
   const t = e.children.get("0");
   if (t) {
     const r = e.parentPath ? `${e.parentPath}.${t.symbol.name}` : t == null ? void 0 : t.symbol.name;
     e.pathSymbolMap.set(r, t.symbol);
   }
 }
-function Tr({
+function Fr({
   editorRef: e,
   inlineActions: t
 }) {
-  I(() => R.languages.registerCodeLensProvider("yaml", {
+  N(() => F.languages.registerCodeLensProvider("yaml", {
     provideCodeLenses: async (n) => {
-      var l;
-      const o = await He(n), i = qe(o), a = (l = e == null ? void 0 : e.current) == null ? void 0 : l.addCommand(0, (s, { onClick: h, path: f, range: m, data: L }) => {
-        h({ path: f, range: m, data: L });
+      var l, d, h, f, y;
+      if (((l = n == null ? void 0 : n.uri) == null ? void 0 : l.toString()) !== ((f = (h = (d = e.current) == null ? void 0 : d.getModel()) == null ? void 0 : h.uri) == null ? void 0 : f.toString()))
+        return { lenses: [], dispose: () => {
+        } };
+      const o = await Ge(n), i = Ze(o), a = (y = e == null ? void 0 : e.current) == null ? void 0 : y.addCommand(0, ($, { onClick: g, path: L, range: T, data: I }) => {
+        g({ path: L, range: T, data: I });
       });
       return a ? {
-        lenses: Cr({ pathSymbolMap: i, inlineActions: t, commandId: a }),
+        lenses: Hr({ pathSymbolMap: i, inlineActions: t, commandId: a }),
         dispose: () => {
         }
       } : void 0;
     }
   }).dispose, [t, e]);
 }
-const Dr = ({ editorRef: e, selection: t }) => {
-  const [r, n] = V(), o = q(
+const Wr = ({ editorRef: e, selection: t }) => {
+  const [r, n] = R(), o = k(
     () => async (i, a, u) => {
-      var m, L, g;
-      const l = (m = e == null ? void 0 : e.current) == null ? void 0 : m.getModel();
+      var y, $, g;
+      const l = (y = e == null ? void 0 : e.current) == null ? void 0 : y.getModel();
       if (!l || !a)
         return n(void 0);
-      const s = await He(l), f = (L = qe(s).get(a)) == null ? void 0 : L.range;
+      const d = await Ge(l), f = ($ = Ze(d).get(a)) == null ? void 0 : $.range;
       f && (n(f), u && ((g = e == null ? void 0 : e.current) == null || g.revealLineInCenter(f.startLineNumber)));
     },
     []
   );
-  I(() => {
+  N(() => {
     if ("requestIdleCallback" in window) {
       const i = requestIdleCallback(() => {
         o(e, t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter);
@@ -1172,7 +1463,7 @@ const Dr = ({ editorRef: e, selection: t }) => {
       }, 100);
       return () => clearTimeout(i);
     }
-  }, [t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter, e, o]), I(() => {
+  }, [t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter, e, o]), N(() => {
     var a;
     if (!r)
       return;
@@ -1188,7 +1479,7 @@ const Dr = ({ editorRef: e, selection: t }) => {
     ]);
     return () => i == null ? void 0 : i.clear();
   }, [r, e, t == null ? void 0 : t.className]);
-}, Be = Je({
+}, Je = nt({
   markers: [],
   setMarkers: () => {
   },
@@ -1198,17 +1489,17 @@ const Dr = ({ editorRef: e, selection: t }) => {
   updateCursorPosition: (e) => {
   }
 });
-function Wr({
+function an({
   children: e
 }) {
-  const [t, r] = V([]), [n, o] = V(null), i = G(
+  const [t, r] = R([]), [n, o] = R(null), i = J(
     (a) => {
       n == null || n.setPosition(a), n == null || n.revealLineInCenterIfOutsideViewport(a.lineNumber), n == null || n.focus();
     },
     [n]
   );
-  return /* @__PURE__ */ F.jsx(
-    Be.Provider,
+  return /* @__PURE__ */ A.jsx(
+    Je.Provider,
     {
       value: {
         markers: t,
@@ -1221,25 +1512,25 @@ function Wr({
     }
   );
 }
-function We() {
-  return Qe(Be);
+function Qe() {
+  return ot(Je);
 }
-const Nr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
-  const { setMarkers: n } = We();
-  I(() => {
+const qr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
+  const { setMarkers: n } = Qe();
+  N(() => {
     let o;
     const i = setTimeout(() => {
       var u;
       const a = (u = e.current) == null ? void 0 : u.editor;
       a && (o = a.onDidChangeMarkers((l) => {
         var f;
-        const s = (f = t.current) == null ? void 0 : f.getModel();
-        if (!s)
+        const d = (f = t.current) == null ? void 0 : f.getModel();
+        if (!d)
           return;
-        const h = s.uri.toString();
-        if (l.some((m) => m.toString() === h)) {
-          const m = R.editor.getModelMarkers({ resource: s.uri });
-          n(m);
+        const h = d.uri.toString();
+        if (l.some((y) => y.toString() === h)) {
+          const y = F.editor.getModelMarkers({ resource: d.uri });
+          n(y);
         }
       }));
     }, 100);
@@ -1248,17 +1539,17 @@ const Nr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
     };
   }, [e, r, n]);
 };
-function kr(e) {
+function Br(e) {
   var n, o;
-  const t = ((o = (n = ye) == null ? void 0 : n.diagnosticsOptions) == null ? void 0 : o.schemas) ?? [], r = t.findIndex((i) => i.fileMatch[0] === e.fileMatch[0]);
-  r !== -1 ? t[r] = e : t.push(e), Ke(t);
+  const t = ((o = (n = Oe) == null ? void 0 : n.diagnosticsOptions) == null ? void 0 : o.schemas) ?? [], r = t.findIndex((i) => i.fileMatch[0] === e.fileMatch[0]);
+  r !== -1 ? t[r] = e : t.push(e), Xe(t);
 }
-function Ar(e) {
+function Kr(e) {
   var n, o;
-  const r = (((o = (n = ye) == null ? void 0 : n.diagnosticsOptions) == null ? void 0 : o.schemas) ?? []).filter((i) => i.fileMatch[0] !== Se(e));
-  Ke(r);
+  const r = (((o = (n = Oe) == null ? void 0 : n.diagnosticsOptions) == null ? void 0 : o.schemas) ?? []).filter((i) => i.fileMatch[0] !== je(e));
+  Xe(r);
 }
-function Ke(e) {
+function Xe(e) {
   const t = {
     hover: !0,
     completion: !0,
@@ -1266,25 +1557,25 @@ function Ke(e) {
     validate: !0,
     schemas: e
   };
-  ye.setDiagnosticsOptions({ ...t });
+  Oe.setDiagnosticsOptions({ ...t });
 }
-const Se = (e) => Xe.parse(`file://${e}`).toString(), Vr = (e) => {
+const je = (e) => it.parse(`file://${e}`).toString(), Yr = (e) => {
   const { schemaConfig: t, instanceId: r } = e;
-  I(() => {
+  N(() => {
     if (t != null && t.schema)
-      return kr({
-        fileMatch: [Se(r.toString())],
+      return Br({
+        fileMatch: [je(r.toString())],
         ...t
       }), () => {
-        Ar(r);
+        Kr(r);
       };
   }, [t == null ? void 0 : t.schema, r]);
 };
-W.config({ monaco: R });
-const _r = {
-  ...le,
+q.config({ monaco: F });
+const Gr = {
+  ...ae,
   folding: !0
-}, Kr = function(t) {
+}, cn = function(t) {
   const {
     yamlRevision: r,
     schemaConfig: n,
@@ -1293,85 +1584,88 @@ const _r = {
     onYamlRevisionChange: a,
     selection: u,
     theme: l,
-    options: s,
+    options: d,
     animateOnUpdate: h = !1,
     onAnimateEnd: f,
-    instanceId: m
-  } = t, L = se(), [g] = V(m ?? `yaml-editor-${Math.random()}`), { editor: k, setEditor: C } = We(), O = w(null), v = w(), N = w({ yaml: "", revisionId: 0 }), x = w(null), S = w(null), j = G(
-    (P) => {
-      var T, c, b;
-      const p = P.split(`
-`), D = (T = x.current) == null ? void 0 : T.getModel();
-      if (D) {
-        (c = x.current) == null || c.pushUndoStop(), D.setValue("");
-        let A = 0;
-        S.current = window.setInterval(() => {
-          var H;
-          A < p.length ? (L && ((H = x.current) == null || H.executeEdits("addLine", [
+    instanceId: y,
+    height: $
+  } = t, g = ie(), [L] = R(y ?? `yaml-editor-${Math.random()}`), { editor: T, setEditor: I } = Qe(), E = v(null), V = v(), _ = v({ yaml: "", revisionId: 0 }), b = v(null), C = v(null), M = J(
+    (m) => {
+      var c, w, H;
+      const p = m.split(`
+`), S = (c = b.current) == null ? void 0 : c.getModel();
+      if (S) {
+        (w = b.current) == null || w.pushUndoStop(), S.setValue("");
+        let W = 0;
+        C.current = window.setInterval(() => {
+          var B;
+          W < p.length ? (g && ((B = b.current) == null || B.executeEdits("addLine", [
             {
-              range: new L.Range(A + 1, 1, A + 1, 1),
-              text: p[A] + `
+              range: new g.Range(W + 1, 1, W + 1, 1),
+              text: p[W] + `
 `
             }
-          ])), A++) : S.current && (clearInterval(S.current), f == null || f());
-        }, 100), (b = x.current) == null || b.pushUndoStop();
+          ])), W++) : C.current && (clearInterval(C.current), f == null || f());
+        }, 100), (H = b.current) == null || H.pushUndoStop();
       }
     },
-    [L]
+    [g]
   );
-  I(() => () => {
-    S.current && clearInterval(S.current);
+  N(() => () => {
+    C.current && clearInterval(C.current);
   }, []);
-  function E(P, p) {
-    x.current = P, v.current = p, P.setValue(r.yaml), C(P), setTimeout(() => {
-      var D;
-      (D = O.current) != null && D.style && (O.current.style.opacity = "1");
+  function j(m, p) {
+    b.current = m, V.current = p, m.setValue(r.yaml), I(m), setTimeout(() => {
+      var S;
+      (S = E.current) != null && S.style && (E.current.style.opacity = "1");
     }, 50);
   }
-  I(() => {
-    var P;
-    if (x.current && (!r.revisionId || r.revisionId > Number((P = N.current) == null ? void 0 : P.revisionId))) {
-      const p = x.current.getModel();
-      p && (x.current.executeEdits("edit", [
+  N(() => {
+    var m;
+    if (b.current && (!r.revisionId || r.revisionId > Number((m = _.current) == null ? void 0 : m.revisionId))) {
+      const p = b.current.getModel();
+      p && (b.current.executeEdits("edit", [
         {
           range: p.getFullModelRange(),
           text: h ? "" : r.yaml
         }
-      ]), h && j(r.yaml));
+      ]), h && M(r.yaml));
     }
-  }, [j, r, h]), Vr({ schemaConfig: n, instanceId: g }), Tr({ editorRef: x, inlineActions: o });
-  const { theme: z } = de({ monacoRef: v, themeConfig: i, editor: k, theme: l });
-  Nr({ monacoRef: v, editorRef: x, instanceId: g }), Dr({ editorRef: x, selection: u });
-  const M = q(() => Se(g), []), d = q(
+  }, [M, r, h]), Yr({ schemaConfig: n, instanceId: L }), Fr({ editorRef: b, inlineActions: o });
+  const { theme: x } = ce({ monacoRef: V, themeConfig: i, editor: T, theme: l });
+  qr({ monacoRef: V, editorRef: b, instanceId: L }), Wr({ editorRef: b, selection: u });
+  const s = k(() => je(L), []), O = k(
     () => ({
-      ..._r,
-      ...s
+      ...Gr,
+      ...d
     }),
-    [s]
+    [d]
   );
-  return /* @__PURE__ */ F.jsx("div", { style: { width: "100%", height: "100%", opacity: 0 }, ref: O, children: /* @__PURE__ */ F.jsx(
-    Oe,
+  return /* @__PURE__ */ A.jsx("div", { style: { width: "100%", height: "100%", opacity: 0 }, ref: E, children: /* @__PURE__ */ A.jsx(
+    fe,
     {
-      onChange: (P, p) => {
-        N.current = { yaml: P ?? "", revisionId: p.versionId }, a({ ...N.current }, p);
+      onChange: (m, p) => {
+        _.current = { yaml: m ?? "", revisionId: p.versionId }, a({ ..._.current }, p);
       },
       language: "yaml",
-      theme: z,
-      options: d,
-      path: M,
-      onMount: E
+      theme: x,
+      options: O,
+      path: s,
+      onMount: j,
+      height: $
     }
   ) });
 };
 export {
-  Hr as BlameEditor,
-  Br as CodeDiffEditor,
-  qr as CodeEditor,
-  ve as MonacoGlobals,
-  ze as SelectorType,
-  Kr as YamlEditor,
-  Be as YamlEditorContext,
-  Wr as YamlEditorContextProvider,
-  We as useYamlEditorContext
+  tn as BlameEditor,
+  rn as BlameEditorV2,
+  on as CodeDiffEditor,
+  nn as CodeEditor,
+  we as MonacoGlobals,
+  Ye as SelectorType,
+  cn as YamlEditor,
+  Je as YamlEditorContext,
+  an as YamlEditorContextProvider,
+  Qe as useYamlEditorContext
 };
 //# sourceMappingURL=index.js.map