@devtron-labs/devtron-fe-common-lib 1.6.3 → 1.6.4

package/dist/{@code-editor-CWUplLG1.js → @code-editor-C-p1Rw8B.js}

@@ -1729,15 +1729,15 @@ const P0 = (t) => {
       iconClass: C,
       iconSize: S,
       onImageLoadError: T,
-      heading: A,
+      heading: w,
       headingInfo: y,
-      infoTextHeading: w,
+      infoTextHeading: A,
       hideHeading: k,
       infoText: N,
       showCloseButton: I,
       additionalContent: O,
       documentationLink: D,
-      documentationLinkText: V
+      documentationLinkText: F
     } = t;
     return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       !k && /* @__PURE__ */ a.jsxs(
@@ -1754,7 +1754,7 @@ const P0 = (t) => {
                 onError: T
               }
             ) : E && /* @__PURE__ */ a.jsx("div", { className: `icon-dim-${S || 20} mr-6`, children: /* @__PURE__ */ a.jsx(E, { className: `icon-dim-${S || 20} ${C || ""}` }) }),
-            A && /* @__PURE__ */ a.jsx("span", { className: `fs-14 fw-6 lh-20 ${I ? "mr-12" : ""}`, children: A }),
+            w && /* @__PURE__ */ a.jsx("span", { className: `fs-14 fw-6 lh-20 ${I ? "mr-12" : ""}`, children: w }),
             y && /* @__PURE__ */ a.jsx("div", { className: "icon-dim-20 cursor", onClick: c, children: /* @__PURE__ */ a.jsx(kr, { className: "icon-dim-20" }) }),
             I && /* @__PURE__ */ a.jsx("div", { className: "icon-dim-16 ml-auto", children: /* @__PURE__ */ a.jsx(
               Sn,
@@ -1776,11 +1776,11 @@ const P0 = (t) => {
           ]
         }
       ),
-      w && /* @__PURE__ */ a.jsx(
+      A && /* @__PURE__ */ a.jsx(
         "div",
         {
           className: `dc__word-break dc__hyphens-auto fs-14 fw-6 lh-20 ${i ? "pl-12 pr-12" : "pl-20 pr-20"}`,
-          children: w
+          children: A
         }
       ),
       N && /* @__PURE__ */ a.jsx(
@@ -1800,7 +1800,7 @@ const P0 = (t) => {
           className: "fs-13 cb-5 flex left",
           onClick: l,
           children: [
-            V || "Learn more",
+            F || "Learn more",
             /* @__PURE__ */ a.jsx(Cw, { className: "icon-dim-14 ml-4 scb-5" })
           ]
         }
@@ -2679,16 +2679,16 @@ const o1 = (t = {}) => t ? Object.hasOwn(t, "shortcutKeyCombo") && "shortcutKeyC
   selectRef: C,
   shouldMenuAlignRight: S = !1,
   fullWidth: T = !1,
-  customSelectedOptionsCount: A = null,
+  customSelectedOptionsCount: w = null,
   renderMenuListFooter: y,
-  isCreatable: w = !1,
+  isCreatable: A = !1,
   onCreateOption: k,
   closeMenuOnSelect: N = !1,
   shouldShowNoOptionsMessage: I = !0,
   shouldRenderTextArea: O = !1,
   onKeyDown: D,
-  shouldHideMenu: V = !1,
-  warningText: $,
+  shouldHideMenu: F = !1,
+  warningText: V,
   layout: G,
   ariaLabel: Y,
   borderRadiusConfig: ee,
@@ -2697,8 +2697,8 @@ const o1 = (t = {}) => t ? Object.hasOwn(t, "shortcutKeyCombo") && "shortcutKeyC
   const [We, Q] = R(!1), [q, Se] = R(""), {
     inputId: Ee,
     required: je,
-    isDisabled: U,
-    controlShouldRenderValue: F = !0,
+    isDisabled: $,
+    controlShouldRenderValue: U = !0,
     value: J,
     options: _e,
     getOptionValue: he
@@ -2706,7 +2706,7 @@ const o1 = (t = {}) => t ? Object.hasOwn(t, "shortcutKeyCombo") && "shortcutKeyC
     isGroupHeadingSelectable: ke = !1,
     getIsOptionValid: oe = () => !0,
     customDisplayText: xt = null
-  } = _, Ut = F && !xt, St = g && Ut ? B.large : o, yn = !g && r, Vs = !E && v, Ld = de(
+  } = _, Ut = U && !xt, St = g && Ut ? B.large : o, yn = !g && r, Vs = !E && v, Ld = de(
     () => i1({
       error: t,
       size: St,
@@ -2719,7 +2719,7 @@ const o1 = (t = {}) => t ? Object.hasOwn(t, "shortcutKeyCombo") && "shortcutKeyC
     [t, St, d, m, ke, S]
   ), Dd = ($e) => {
     const Nn = $e?.trim();
-    return w && !!Nn && !gr(
+    return A && !!Nn && !gr(
       J,
       Nn,
       null,
@@ -2731,10 +2731,10 @@ const o1 = (t = {}) => t ? Object.hasOwn(t, "shortcutKeyCombo") && "shortcutKeyC
       {
         ...$e,
         showSelectedOptionsCount: c,
-        customSelectedOptionsCount: A
+        customSelectedOptionsCount: w
       }
     ),
-    [c, A]
+    [c, w]
   ), Le = dt(
     ($e) => /* @__PURE__ */ a.jsx(f1, { ...$e, disableDescriptionEllipsis: p }),
     [p]
@@ -2767,12 +2767,12 @@ const o1 = (t = {}) => t ? Object.hasOwn(t, "shortcutKeyCombo") && "shortcutKeyC
       label: i,
       error: t,
       helperText: s,
-      warningText: $,
+      warningText: V,
       required: je,
       fullWidth: T,
       ariaLabel: Y,
       borderRadiusConfig: ee,
-      children: /* @__PURE__ */ a.jsx(Wt, { condition: U && !!l, wrap: ms, children: /* @__PURE__ */ a.jsx("div", { className: "w-100", children: /* @__PURE__ */ a.jsx(
+      children: /* @__PURE__ */ a.jsx(Wt, { condition: $ && !!l, wrap: ms, children: /* @__PURE__ */ a.jsx("div", { className: "w-100", children: /* @__PURE__ */ a.jsx(
         Sw,
         {
           ...ue,
@@ -2811,7 +2811,7 @@ const o1 = (t = {}) => t ? Object.hasOwn(t, "shortcutKeyCombo") && "shortcutKeyC
             GroupHeading: rt,
             NoOptionsMessage: yt,
             Input: d1,
-            ...V && {
+            ...F && {
               Menu: () => null,
               DropdownIndicator: () => null
             }
@@ -2890,8 +2890,8 @@ const o1 = (t = {}) => t ? Object.hasOwn(t, "shortcutKeyCombo") && "shortcutKeyC
 ${d.slice(v)}`;
       u(C);
       const S = h.current.inputRef, T = S.selectionStart, y = S.value.substring(0, T).split(`
-`), w = parseInt(getComputedStyle(S).lineHeight, 10), N = y.length * w - S.scrollTop;
-      N < 0 ? S.scrollTop += N : N > S.offsetHeight - w && (S.scrollTop += N - S.offsetHeight + w), setTimeout(() => {
+`), A = parseInt(getComputedStyle(S).lineHeight, 10), N = y.length * A - S.scrollTop;
+      N < 0 ? S.scrollTop += N : N > S.offsetHeight - A && (S.scrollTop += N - S.offsetHeight + A), setTimeout(() => {
         h.current.inputRef.selectionStart = E + 1, h.current.inputRef.selectionEnd = E + 1;
       });
       return;
@@ -3261,38 +3261,38 @@ const _p = () => ({
   localStorageKey: s
 } = {}) => {
   const n = zn(), i = qn(), r = ie(!1), l = (() => {
-    const A = new URLSearchParams(n.search);
+    const w = new URLSearchParams(n.search);
     if (!r.current && s)
       if (n.search)
         xp(
           s,
-          JSON.stringify(e(A))
+          JSON.stringify(e(w))
         );
       else {
         r.current = !0;
         const y = localStorage.getItem(s);
         if (y)
           try {
-            const w = Et("", JSON.parse(y)), k = new URLSearchParams(w.split("?")[1] ?? "");
+            const A = Et("", JSON.parse(y)), k = new URLSearchParams(A.split("?")[1] ?? "");
             return i.replace({ search: k.toString() }), k;
           } catch {
             localStorage.removeItem(s);
           }
       }
-    return A;
-  })(), c = (A) => e ? e(A) : {}, { pageSize: d, pageNumber: u, searchKey: h, sortBy: f, sortOrder: m, parsedParams: p } = de(() => {
-    const A = l.get(bp), y = l.get(Ud), w = l.get(Ep), k = l.get(vp), I = l.get(Cp) || t || "", O = Object.values(we).includes(k) ? k : we.ASC, D = c(l);
+    return w;
+  })(), c = (w) => e ? e(w) : {}, { pageSize: d, pageNumber: u, searchKey: h, sortBy: f, sortOrder: m, parsedParams: p } = de(() => {
+    const w = l.get(bp), y = l.get(Ud), A = l.get(Ep), k = l.get(vp), I = l.get(Cp) || t || "", O = Object.values(we).includes(k) ? k : we.ASC, D = c(l);
     return {
-      pageSize: Number(A) || zi,
+      pageSize: Number(w) || zi,
       pageNumber: Number(y) || Ji,
-      searchKey: w || "",
+      searchKey: A || "",
       sortBy: I,
       // sort order should only be applied if the key is available
       sortOrder: I ? O : "",
       parsedParams: D
     };
-  }, [l]), _ = d * (u - 1), g = (A, y) => {
-    l.set(A, String(y)), i.replace({ search: l.toString() });
+  }, [l]), _ = d * (u - 1), g = (w, y) => {
+    l.set(w, String(y)), i.replace({ search: l.toString() });
   }, x = () => {
     if (u !== Ji) {
       g(Ud, Ji);
@@ -3302,32 +3302,32 @@ const _p = () => ({
   };
   return {
     pageSize: d,
-    changePage: (A) => {
-      g(Ud, A);
+    changePage: (w) => {
+      g(Ud, w);
     },
-    changePageSize: (A) => {
-      g(bp, A), x();
+    changePageSize: (w) => {
+      g(bp, w), x();
     },
     searchKey: h,
-    handleSearch: (A) => {
-      g(Ep, A), x();
+    handleSearch: (w) => {
+      g(Ep, w), x();
     },
     offset: _,
     sortBy: f,
     sortOrder: m,
-    handleSorting: (A) => {
+    handleSorting: (w) => {
       let y;
-      A === f && m === we.ASC ? y = we.DESC : y = we.ASC, g(Cp, A), g(vp, y), x();
+      w === f && m === we.ASC ? y = we.DESC : y = we.ASC, g(Cp, w), g(vp, y), x();
     },
     clearFilters: () => {
       i.replace({ search: "" }), s && localStorage.removeItem(s);
     },
     ...p,
-    updateSearchParams: (A) => {
-      Object.keys(A).forEach((y) => {
-        b0.includes(A[y]) ? l.delete(y) : Array.isArray(A[y]) ? (l.delete(y), A[y].forEach((w) => {
-          l.append(y, w);
-        })) : l.set(y, A[y]);
+    updateSearchParams: (w) => {
+      Object.keys(w).forEach((y) => {
+        b0.includes(w[y]) ? l.delete(y) : Array.isArray(w[y]) ? (l.delete(y), w[y].forEach((A) => {
+          l.append(y, A);
+        })) : l.set(y, w[y]);
       }), xp(s, JSON.stringify(c(l))), x();
     }
   };
@@ -4094,7 +4094,7 @@ const _p = () => ({
     profileInput: d,
     profileInputErrors: h,
     handleProfileInputChange: ({ action: b, data: E }) => {
-      const v = structuredClone(d), C = structuredClone(h), S = E && "targetPlatform" in E && Object.hasOwn(E, "targetPlatform") ? E.targetPlatform : "", T = v.configurations[S], A = structuredClone(
+      const v = structuredClone(d), C = structuredClone(h), S = E && "targetPlatform" in E && Object.hasOwn(E, "targetPlatform") ? E.targetPlatform : "", T = v.configurations[S], w = structuredClone(
         o.profile.configurations[S] || T
       );
       switch (b) {
@@ -4112,21 +4112,21 @@ const _p = () => ({
         case M.CPU_REQUEST:
         case M.MEMORY_LIMIT:
         case M.MEMORY_REQUEST: {
-          const { value: y, unit: w } = E;
+          const { value: y, unit: A } = E;
           T[b] = {
             ...T[b],
             key: b,
             value: y,
-            unit: w
+            unit: A
           };
           const { keyToPersist: k, keyToPersistConfigType: N } = XA[b], { request: I, limit: O } = aO({
             request: {
               value: y,
-              unit: w
+              unit: A
             },
             limit: {
               value: y,
-              unit: w
+              unit: A
             },
             [k]: {
               value: T[N].value,
@@ -4142,12 +4142,12 @@ const _p = () => ({
           break;
         }
         case M.BUILD_TIMEOUT: {
-          const { value: y, unit: w } = E;
+          const { value: y, unit: A } = E;
           T[b] = {
             ...T[b],
             key: b,
             value: y,
-            unit: w
+            unit: A
           }, C[b] = nO(y).message;
           break;
         }
@@ -4159,7 +4159,7 @@ const _p = () => ({
           const y = ap[b];
           lp[y]?.forEach((k) => {
             T[k] = {
-              ...A[k],
+              ...w[k],
               active: !0
             }, C[k] = null;
           });
@@ -4174,7 +4174,7 @@ const _p = () => ({
           lp[y]?.forEach((k) => {
             T[k] = {
               ...T[k],
-              ...A[k]?.defaultValue,
+              ...w[k]?.defaultValue,
               active: !1
             }, C[k] = null;
           });
@@ -4184,7 +4184,7 @@ const _p = () => ({
         case "activate_cs":
         case "de_activate_cm":
         case "de_activate_cs": {
-          const { id: y, componentType: w } = E, k = ht[w], N = T[k].value, I = N.findIndex((D) => D.id === y);
+          const { id: y, componentType: A } = E, k = ht[A], N = T[k].value, I = N.findIndex((D) => D.id === y);
           if (I === -1 || !N[I].canOverride) {
             const D = "Unable to customize this CM/CS";
             Ze.showToast({
@@ -4195,11 +4195,11 @@ const _p = () => ({
           }
           const O = b === "activate_cm" || b === "activate_cs";
           if (N[I].isOverridden = O, O) {
-            const V = (A[k]?.value || []).find(($) => $.id === y) || N[I];
-            N[I].useFormProps = V?.useFormProps, N[I].initialResponse = V?.initialResponse;
+            const F = (w[k]?.value || []).find((V) => V.id === y) || N[I];
+            N[I].useFormProps = F?.useFormProps, N[I].initialResponse = F?.initialResponse;
           } else
             N[I].useFormProps = N[I].defaultValue, N[I].initialResponse = N[I].defaultValueInitialResponse;
-          C[ht[w]] && (delete C[ht[w]][y], Object.keys(C[ht[w]]).length === 0 && (C[ht[w]] = null));
+          C[ht[A]] && (delete C[ht[A]][y], Object.keys(C[ht[A]]).length === 0 && (C[ht[A]] = null));
           break;
         }
         case Kt.ADD_TARGET_PLATFORM: {
@@ -4210,10 +4210,10 @@ const _p = () => ({
           ).message : "", v.configurations[S] = o.fallbackPlatformConfigurationMap[S] || // Here need to update target platform name for each configuration
           Object.entries(
             o.fallbackPlatformConfigurationMap[hn]
-          ).reduce((w, [k, N]) => (w[k] = {
+          ).reduce((A, [k, N]) => (A[k] = {
             ...N,
             targetPlatform: S
-          }, w), {}), y(v);
+          }, A), {}), y(v);
           break;
         }
         case Kt.REMOVE_TARGET_PLATFORM: {
@@ -4230,8 +4230,8 @@ const _p = () => ({
           break;
         }
         case Kt.RENAME_TARGET_PLATFORM: {
-          const { originalPlatformName: y, newPlatformName: w, configSnapshot: k } = E, N = v.configurations[y];
-          if (y === w)
+          const { originalPlatformName: y, newPlatformName: A, configSnapshot: k } = E, N = v.configurations[y];
+          if (y === A)
             return;
           if (!N) {
             Ze.showToast({
@@ -4241,21 +4241,21 @@ const _p = () => ({
             return;
           }
           C[Lo.TARGET_PLATFORM] = wp(
-            w,
+            A,
             _(v.configurations)
           ).message;
-          const I = o.fallbackPlatformConfigurationMap[w] || // Ideally should update targetPlatform for each configuration here itself but since we iterating over it again, we will do it there
+          const I = o.fallbackPlatformConfigurationMap[A] || // Ideally should update targetPlatform for each configuration here itself but since we iterating over it again, we will do it there
           o.fallbackPlatformConfigurationMap[hn];
-          if (v.configurations[w] = Object.entries(
+          if (v.configurations[A] = Object.entries(
             N
           ).reduce(
-            (O, [D, V]) => {
-              const $ = I[D]?.defaultValue, G = V?.active ? {} : $;
+            (O, [D, F]) => {
+              const V = I[D]?.defaultValue, G = F?.active ? {} : V;
               return O[D] = {
-                ...V,
+                ...F,
                 ...G,
-                targetPlatform: w,
-                defaultValue: $
+                targetPlatform: A,
+                defaultValue: V
               }, O;
             },
             {}
@@ -4268,20 +4268,20 @@ const _p = () => ({
         }
         case Kt.RESTORE_PROFILE_CONFIG_SNAPSHOT: {
           const { configSnapshot: y } = E;
-          v.configurations = y, Object.keys(C).forEach((w) => {
-            op[w] && (C[w] = null);
+          v.configurations = y, Object.keys(C).forEach((A) => {
+            op[A] && (C[A] = null);
           });
           break;
         }
         case Kt.ADD_NODE_SELECTOR_ITEM: {
           if (T[M.NODE_SELECTOR].key !== M.NODE_SELECTOR)
             break;
-          const w = {
+          const A = {
             id: xr(),
             key: "",
             value: ""
           };
-          T[M.NODE_SELECTOR].value.unshift(w);
+          T[M.NODE_SELECTOR].value.unshift(A);
           break;
         }
         case Kt.DELETE_NODE_SELECTOR_ITEM: {
@@ -4289,13 +4289,13 @@ const _p = () => ({
             break;
           const { id: y } = E;
           T[M.NODE_SELECTOR].value = T[M.NODE_SELECTOR].value.filter((k) => k.id !== y), delete C[M.NODE_SELECTOR]?.[y], Object.keys(C[M.NODE_SELECTOR] || {}).length === 0 && (C[M.NODE_SELECTOR] = null);
-          const w = T[M.NODE_SELECTOR].value.map(
+          const A = T[M.NODE_SELECTOR].value.map(
             (k) => k.key
           );
           T[M.NODE_SELECTOR].value.forEach((k) => {
             Ap({
               selector: k,
-              existingKeys: w,
+              existingKeys: A,
               profileInputErrors: C
             });
           });
@@ -4304,12 +4304,12 @@ const _p = () => ({
         case Kt.EDIT_NODE_SELECTOR_ITEM: {
           if (T[M.NODE_SELECTOR].key !== M.NODE_SELECTOR)
             break;
-          const { id: y, key: w, value: k } = E, N = T[M.NODE_SELECTOR].value.find(
+          const { id: y, key: A, value: k } = E, N = T[M.NODE_SELECTOR].value.find(
             (O) => O.id === y
           );
-          N ? (N.key = w, N.value = k) : T[M.NODE_SELECTOR].value.unshift({
+          N ? (N.key = A, N.value = k) : T[M.NODE_SELECTOR].value.unshift({
             id: y,
-            key: w,
+            key: A,
             value: k
           });
           const I = T[M.NODE_SELECTOR].value.map(
@@ -4327,48 +4327,48 @@ const _p = () => ({
         case Kt.ADD_TOLERANCE_ITEM: {
           if (T[M.TOLERANCE].key !== M.TOLERANCE)
             break;
-          const w = {
+          const A = {
             id: xr(),
             key: "",
             effect: ZA,
             operator: QA,
             value: ""
           };
-          T[M.TOLERANCE].value.unshift(w);
+          T[M.TOLERANCE].value.unshift(A);
           break;
         }
         case Kt.DELETE_TOLERANCE_ITEM: {
           if (T[M.TOLERANCE].key !== M.TOLERANCE)
             break;
           const { id: y } = E;
-          T[M.TOLERANCE].value = T[M.TOLERANCE].value.filter((w) => w.id !== y), delete C[M.TOLERANCE]?.[y], Object.keys(C[M.TOLERANCE] || {}).length === 0 && (C[M.TOLERANCE] = null);
+          T[M.TOLERANCE].value = T[M.TOLERANCE].value.filter((A) => A.id !== y), delete C[M.TOLERANCE]?.[y], Object.keys(C[M.TOLERANCE] || {}).length === 0 && (C[M.TOLERANCE] = null);
           break;
         }
         case Kt.EDIT_TOLERANCE_ITEM: {
           if (T[M.TOLERANCE].key !== M.TOLERANCE)
             break;
-          const { id: y, key: w, effect: k, operator: N, value: I } = E, O = T[M.TOLERANCE].value.find(
+          const { id: y, key: A, effect: k, operator: N, value: I } = E, O = T[M.TOLERANCE].value.find(
             (Y) => Y.id === y
           );
-          O ? (O.key = w, O.effect = k, O.operator = N, O.value = I, N === Fn.EXISTS && delete O.value) : T[M.TOLERANCE].value.unshift({
+          O ? (O.key = A, O.effect = k, O.operator = N, O.value = I, N === Fn.EXISTS && delete O.value) : T[M.TOLERANCE].value.unshift({
             id: y,
-            key: w,
+            key: A,
             effect: k,
             operator: N,
             value: I
           });
-          const D = Of(w).messages, V = N !== Fn.EXISTS ? sb(I).messages : [], G = !(N === Fn.EXISTS ? !w : !w && !I) && (D.length > 0 || V.length > 0);
+          const D = Of(A).messages, F = N !== Fn.EXISTS ? sb(I).messages : [], G = !(N === Fn.EXISTS ? !A : !A && !I) && (D.length > 0 || F.length > 0);
           C[M.TOLERANCE]?.[y] || (C[M.TOLERANCE] || (C[M.TOLERANCE] = {}), C[M.TOLERANCE][y] = {}), C[M.TOLERANCE][y] = {
             ...D.length > 0 && { [Yu.KEY]: D },
-            ...V.length > 0 && { [Yu.VALUE]: V }
+            ...F.length > 0 && { [Yu.VALUE]: F }
           }, G || (delete C[M.TOLERANCE][y], Object.keys(C[M.TOLERANCE]).length === 0 && (C[M.TOLERANCE] = null));
           break;
         }
         case Kt.ADD_CM_CS_ITEM: {
-          const { id: y, infraConfigType: w } = E, N = {
+          const { id: y, infraConfigType: A } = E, N = {
             useFormProps: Vm({
               configMapSecretData: null,
-              componentType: $0[w],
+              componentType: $0[A],
               cmSecretStateLabel: ld.BASE,
               isJob: !0,
               fallbackMergeStrategy: null
@@ -4380,11 +4380,11 @@ const _p = () => ({
             defaultValue: null,
             defaultValueInitialResponse: null
           };
-          T[w].value.push(N);
+          T[A].value.push(N);
           break;
         }
         case Kt.SYNC_CM_CS_ITEM: {
-          const { id: y, value: w, hasError: k, componentType: N } = E, I = T[ht[N]].value.findIndex((D) => D.id === y);
+          const { id: y, value: A, hasError: k, componentType: N } = E, I = T[ht[N]].value.findIndex((D) => D.id === y);
           if (I === -1) {
             Ze.showToast({
               variant: Re.error,
@@ -4392,14 +4392,14 @@ const _p = () => ({
             }), Ll(new Error("ConfigMap does not exist"));
             return;
           }
-          T[ht[N]].value[I].useFormProps = w, C[ht[N]] || (C[ht[N]] = {}), k ? C[ht[N]][y] = !0 : C[ht[N]][y] && delete C[ht[N]][y], Object.keys(
+          T[ht[N]].value[I].useFormProps = A, C[ht[N]] || (C[ht[N]] = {}), k ? C[ht[N]][y] = !0 : C[ht[N]][y] && delete C[ht[N]][y], Object.keys(
             C[ht[N]]
           ).length === 0 && (C[ht[N]] = null);
           break;
         }
         case Kt.DELETE_CM_CS_ITEM: {
-          const { id: y, componentType: w } = E, k = T[ht[w]].value.filter((N) => N.id !== y);
-          T[ht[w]].value = k, C[ht[w]] && (delete C[ht[w]][y], Object.keys(C[ht[w]]).length === 0 && (C[ht[w]] = null));
+          const { id: y, componentType: A } = E, k = T[ht[A]].value.filter((N) => N.id !== y);
+          T[ht[A]].value = k, C[ht[A]] && (delete C[ht[A]][y], Object.keys(C[ht[A]]).length === 0 && (C[ht[A]] = null));
           break;
         }
       }
@@ -7681,15 +7681,15 @@ const TI = {
     const b = lR(l, c.category, c.subCategory, m);
     if (b)
       return /* @__PURE__ */ a.jsx(vt, { ...b, imageType: ki.Large });
-    const { headers: E, rows: v, defaultSortIndex: C, hasExpandableRows: S } = m || oR(l, c.category, c.subCategory, u, r), { entities: T, lastScanTimeString: A, scanToolName: y, scanToolUrl: w } = m || aR(l, c.category, c.subCategory);
+    const { headers: E, rows: v, defaultSortIndex: C, hasExpandableRows: S } = m || oR(l, c.category, c.subCategory, u, r), { entities: T, lastScanTimeString: w, scanToolName: y, scanToolUrl: A } = m || aR(l, c.category, c.subCategory);
     return /* @__PURE__ */ a.jsxs("div", { className: "flexbox-col p-20 dc__gap-16", children: [
       T?.length ? /* @__PURE__ */ a.jsx(
         BI,
         {
           entities: T,
-          lastScanTimeString: A,
+          lastScanTimeString: w,
           scanToolName: y,
-          scanToolUrl: w
+          scanToolUrl: A
         },
         `${c.category}-${c.subCategory}`
       ) : null,
@@ -8188,12 +8188,12 @@ const fR = {
   ...p
 }) => {
   const _ = ie(null), [g, x] = R(""), b = (T) => {
-    const A = _.current;
-    A && (A.style.height = `${T}px`);
+    const w = _.current;
+    w && (w.style.height = `${T}px`);
   }, E = () => {
     const T = parseInt(_.current.style.height, 10);
-    let A = _.current.scrollHeight || 0;
-    A < T || T > Wd || (A < Yd && (A = Yd), A > Wd && (A = Wd), b(A));
+    let w = _.current.scrollHeight || 0;
+    w < T || T > Wd || (w < Yd && (w = Yd), w > Wd && (w = Wd), b(w));
   };
   P(() => {
     x(m);
@@ -8202,8 +8202,8 @@ const fR = {
     x(T.target.value), p.onChange?.(T);
   }, C = (T) => {
     if (d) {
-      const A = T.target.value?.trim();
-      T.target.value !== A && (T.stopPropagation(), T.target.value = A, p.onChange(T));
+      const w = T.target.value?.trim();
+      T.target.value !== w && (T.stopPropagation(), T.target.value = w, p.onChange(T));
     }
     typeof c == "function" && c(T);
   }, S = (T) => {
@@ -8989,12 +8989,12 @@ const wR = (t) => os(`${X.ATTRIBUTES_USER}/${X.UPDATE}`, t), AR = ({ className:
   showAnnouncementHeader: u,
   tippyProps: h
 }) => {
-  const { loginCount: f, setLoginCount: m, showGettingStartedCard: p, setShowGettingStartedCard: _, setGettingStartedClicked: g } = hd(), { isTippyCustomized: x, tippyRedirectLink: b, TippyIcon: E, tippyMessage: v, onClickTippyButton: C, additionalContent: S } = h || {}, [T, A] = R(!1), [y, w] = R(!1), { email: k } = Rb(), [N, I] = R(
+  const { loginCount: f, setLoginCount: m, showGettingStartedCard: p, setShowGettingStartedCard: _, setGettingStartedClicked: g } = hd(), { isTippyCustomized: x, tippyRedirectLink: b, TippyIcon: E, tippyMessage: v, onClickTippyButton: C, additionalContent: S } = h || {}, [T, w] = R(!1), [y, A] = R(!1), { email: k } = Rb(), [N, I] = R(
     {
       serverInfo: void 0,
       fetchingServerInfo: !1
     }
-  ), [O, D] = R(0), V = async () => {
+  ), [O, D] = R(0), F = async () => {
     try {
       const { result: q } = await NR(!0, !0);
       I({
@@ -9011,12 +9011,12 @@ const wR = (t) => os(`${X.ATTRIBUTES_USER}/${X.UPDATE}`, t), AR = ({ className:
   P(() => {
     D(+localStorage.getItem("clickedOkay"));
   }, []);
-  const $ = (q) => {
+  const V = (q) => {
     _(!1), q && m(+q);
   }, G = () => {
-    w(!y), T && A(!1), Jl("clickedOkay", 1), $();
+    A(!y), T && w(!1), Jl("clickedOkay", 1), V();
   }, Y = async (q) => {
-    !window._env_.K8S_CLIENT && N.serverInfo?.installationType !== Xl.ENTERPRISE && await V(), A(!T), y && w(!1), Jl("clickedOkay", 1), $(), await Qu(q, Pu.HELP), Ei.event({
+    !window._env_.K8S_CLIENT && N.serverInfo?.installationType !== Xl.ENTERPRISE && await F(), w(!T), y && A(!1), Jl("clickedOkay", 1), V(), await Qu(q, Pu.HELP), Ei.event({
       category: "Main Navigation",
       action: "Help Clicked"
     });
@@ -9113,7 +9113,7 @@ const wR = (t) => os(`${X.ATTRIBUTES_USER}/${X.UPDATE}`, t), AR = ({ className:
           RR,
           {
             className: `help-card__more-option ${window._env_.K8S_CLIENT ? "k8s-client-view" : ""}`,
-            setShowHelpCard: A,
+            setShowHelpCard: w,
             serverInfo: N.serverInfo,
             fetchingServerInfo: N.fetchingServerInfo,
             setGettingStartedClicked: g,
@@ -9125,7 +9125,7 @@ const wR = (t) => os(`${X.ATTRIBUTES_USER}/${X.UPDATE}`, t), AR = ({ className:
           {
             className: "w-300",
             showHelpCard: !1,
-            hideGettingStartedCard: $,
+            hideGettingStartedCard: V,
             loginCount: f
           }
         ),
@@ -9134,7 +9134,7 @@ const wR = (t) => os(`${X.ATTRIBUTES_USER}/${X.UPDATE}`, t), AR = ({ className:
           {
             className: "logout-card__more-option",
             userFirstLetter: k,
-            setShowLogOutCard: w,
+            setShowLogOutCard: A,
             showLogOutCard: y
           }
         ),
@@ -9954,11 +9954,11 @@ const XR = /* @__PURE__ */ new Set(["error", "healthy", "succeeded", "cancelled"
     if (!d)
       return;
     const C = JSON.parse(e), S = C.eventId, T = C.condition;
-    gp(S).then((A) => {
-      const y = A.result;
+    gp(S).then((w) => {
+      const y = w.result;
       f(y.name), p(Yp(y.name, T, y.selectors)), g(!1);
-    }).catch((A) => {
-      throw A;
+    }).catch((w) => {
+      throw w;
     });
   }
   function v() {
@@ -10080,7 +10080,7 @@ const XR = /* @__PURE__ */ new Set(["error", "healthy", "succeeded", "cancelled"
     runSource: f,
     resourceId: m
   }) => {
-    const { path: p, params: _ } = rn(), { pathname: g } = zn(), x = g.split("/").pop(), { envId: b, ...E } = rs(), v = c === Xe.CD || c === Xe.GROUP_CD, C = v ? "triggerId" : "buildId", S = m === f?.id, T = ie(null), A = () => {
+    const { path: p, params: _ } = rn(), { pathname: g } = zn(), x = g.split("/").pop(), { envId: b, ...E } = rs(), v = c === Xe.CD || c === Xe.GROUP_CD, C = v ? "triggerId" : "buildId", S = m === f?.id, T = ie(null), w = () => {
       const N = {
         ...E,
         envId: b,
@@ -10093,8 +10093,8 @@ const XR = /* @__PURE__ */ new Set(["error", "healthy", "succeeded", "cancelled"
     P(() => {
       y();
     }, [T]);
-    const w = _[C], k = (N) => {
-      +w == +t && (T.current = N);
+    const A = _[C], k = (N) => {
+      +A == +t && (T.current = N);
     };
     return /* @__PURE__ */ a.jsx(
       Wt,
@@ -10122,7 +10122,7 @@ const XR = /* @__PURE__ */ new Set(["error", "healthy", "succeeded", "cancelled"
         children: /* @__PURE__ */ a.jsx(
           $t,
           {
-            to: A,
+            to: w,
             className: "w-100 deployment-history-card-container p-8 br-4",
             "data-testid": u,
             activeClassName: "active",
@@ -10220,10 +10220,10 @@ const XR = /* @__PURE__ */ new Set(["error", "healthy", "succeeded", "cancelled"
       ] }),
       /* @__PURE__ */ a.jsxs("div", { className: "flex column top left flex-grow-1 dc__overflow-auto p-8", children: [
         r === Dn.SUCCESS && /* @__PURE__ */ a.jsx(ik, { handleViewAllHistory: o }),
-        Array.from(s).sort(([S], [T]) => T - S).map(([S, T], A) => /* @__PURE__ */ a.jsx(
+        Array.from(s).sort(([S], [T]) => T - S).map(([S, T], w) => /* @__PURE__ */ a.jsx(
           rk,
           {
-            dataTestId: `deployment-history-${A}`,
+            dataTestId: `deployment-history-${w}`,
             id: S,
             status: T.status,
             startedOn: T.startedOn,
@@ -10387,30 +10387,30 @@ const XR = /* @__PURE__ */ new Set(["error", "healthy", "succeeded", "cancelled"
   return s.length ? s : null;
 }, R8 = (t) => {
   const e = ie(t?.initialValues || {}), [s, n] = R(e.current), [i, r] = R({}), [o, l] = R({}), [c, d] = R({}), [u, h] = R({}), f = (S = s) => t?.validations ? typeof t.validations == "function" ? t.validations(S) : t.validations : {}, m = (S) => {
-    const T = f(S), A = {};
+    const T = f(S), w = {};
     return Object.keys(T || {}).forEach((y) => {
-      const w = T[y], k = Wr(S[y], w);
-      k && (A[y] = k);
-    }), A;
-  }, p = (S, T) => (A) => {
-    A?.preventDefault(), Object.keys(u).length !== Object.keys(s).length && h(Object.keys(s).reduce((w, k) => ({ ...w, [k]: !0 }), {}));
+      const A = T[y], k = Wr(S[y], A);
+      k && (w[y] = k);
+    }), w;
+  }, p = (S, T) => (w) => {
+    w?.preventDefault(), Object.keys(u).length !== Object.keys(s).length && h(Object.keys(s).reduce((A, k) => ({ ...A, [k]: !0 }), {}));
     const y = m(s);
     if (Object.keys(y).length) {
-      d(y), T?.(y, A);
+      d(y), T?.(y, w);
       return;
     }
-    d({}), S(s, A);
+    d({}), S(s, w);
   };
   P(() => {
     t?.shouldValidateOnMount && p(Bt)();
   }, []);
-  const _ = (S, T, A) => (y) => {
-    const w = A ? y : y.target.value, k = T ? T(w) : w;
+  const _ = (S, T, w) => (y) => {
+    const A = w ? y : y.target.value, k = T ? T(A) : A;
     n((I) => {
       const O = { ...I, [S]: k }, D = t?.validationMode ?? "onChange";
       if (D === "onChange" || D === "all" || u[S] || c[S]) {
-        const V = f(O), $ = Wr(k, V[S]);
-        d({ ...c, [S]: $ });
+        const F = f(O), V = Wr(k, F[S]);
+        d({ ...c, [S]: V });
       }
       return O;
     });
@@ -10418,8 +10418,8 @@ const XR = /* @__PURE__ */ new Set(["error", "healthy", "succeeded", "cancelled"
     r((I) => ({ ...I, [S]: !Ao(N[S], k) }));
   }, g = (S, T) => () => {
     if (T || n({ ...s, [S]: s[S]?.trim() }), t?.validationMode === "onBlur" || t?.validationMode === "all") {
-      const y = f(), w = Wr(s[S], y[S]);
-      w && !u[S] && h({ ...u, [S]: !0 }), d({ ...c, [S]: w });
+      const y = f(), A = Wr(s[S], y[S]);
+      A && !u[S] && h({ ...u, [S]: !0 }), d({ ...c, [S]: A });
     }
   }, x = (S) => () => {
     l((T) => ({ ...T, [S]: !0 }));
@@ -10439,46 +10439,46 @@ const XR = /* @__PURE__ */ new Set(["error", "healthy", "succeeded", "cancelled"
     trigger: (S) => {
       const T = f();
       if (Array.isArray(S)) {
-        const A = {}, y = S.map((w) => {
+        const w = {}, y = S.map((A) => {
           if (T) {
-            const k = T[w], N = Wr(s[w], k);
-            return A[w] = N, N;
+            const k = T[A], N = Wr(s[A], k);
+            return w[A] = N, N;
           }
           return null;
         });
-        return Object.keys(A).length && d({ ...c, ...A }), y;
+        return Object.keys(w).length && d({ ...c, ...w }), y;
       }
       if (T) {
-        const A = T[S], y = Wr(s[S], A);
+        const w = T[S], y = Wr(s[S], w);
         return y && d({ ...c, [S]: y }), y;
       }
       return null;
     },
-    setValue: (S, T, A) => {
-      if (n((y) => ({ ...y, [S]: T })), A?.shouldDirty) {
+    setValue: (S, T, w) => {
+      if (n((y) => ({ ...y, [S]: T })), w?.shouldDirty) {
         const y = e.current;
-        r((w) => ({ ...w, [S]: !Ao(y[S], T) }));
+        r((A) => ({ ...A, [S]: !Ao(y[S], T) }));
       }
-      A?.shouldTouch && l((y) => ({ ...y, [S]: !0 }));
+      w?.shouldTouch && l((y) => ({ ...y, [S]: !0 }));
     },
     reset: (S, T) => {
       const {
-        keepDirty: A = !1,
+        keepDirty: w = !1,
         keepTouched: y = !1,
-        keepErrors: w = !1,
+        keepErrors: A = !1,
         triggerDirty: k = !1,
         keepInitialValues: N = !1
       } = T ?? {};
-      if (n(S), N || (e.current = S), w || d({}), k) {
+      if (n(S), N || (e.current = S), A || d({}), k) {
         const I = e.current, O = Object.keys(S).reduce(
-          (D, V) => ({
+          (D, F) => ({
             ...D,
-            [V]: !Ao(S[V], I[V])
+            [F]: !Ao(S[F], I[F])
           }),
           {}
         );
         r(O);
-      } else A || r({});
+      } else w || r({});
       y || l({});
     },
     /** An object representing additional form state. */
@@ -11030,7 +11030,7 @@ const k8 = (t, e, s) => xe(`app/history/deployed-configuration/${t}/${e}/${s}`),
 }, Ok = ({ triggerDetails: t, isBlobStorageConfigured: e, parentType: s, fullScreenView: n }) => {
   const { pipelineId: i, envId: r, appId: o } = rs(), l = s === Xe.CI ? `${Ml}/${X.CI_CONFIG_GET}/${i}/workflow/${t.id}/logs` : `${Ml}/${X.CD_MATERIAL_GET}/workflow/logs/${o}/${r}/${i}/${t.id}`, [c, d, u] = Ak(
     t.podStatus && t.podStatus !== zd.PENDING && l
-  ), [h, f] = R([]), [m, p] = R([]), [_, g] = R(0), [x, b] = R([]), { searchKey: E, handleSearch: v } = J0(), C = m.length > 0, S = de(() => h.every((Q) => Q.isOpen), [h]), T = S ? "Collapse all stages" : "Expand all stages", { registerShortcut: A, unregisterShortcut: y } = da(), w = c[0]?.startsWith(Hp) || !1;
+  ), [h, f] = R([]), [m, p] = R([]), [_, g] = R(0), [x, b] = R([]), { searchKey: E, handleSearch: v } = J0(), C = m.length > 0, S = de(() => h.every((Q) => Q.isOpen), [h]), T = S ? "Collapse all stages" : "Expand all stages", { registerShortcut: w, unregisterShortcut: y } = da(), A = c[0]?.startsWith(Hp) || !1;
   function k({
     log: Q,
     currentIndex: q = -1,
@@ -11038,13 +11038,13 @@ const k8 = (t, e, s) => xe(`app/history/deployed-configuration/${t}/${e}/${s}`),
     searchMatchResults: Ee = null,
     searchIndex: je = ""
   }) {
-    let U = !1;
+    let $ = !1;
     try {
-      if (Q = Q.replace(/\[[.]*m/, (J) => `\x1B[${J}m`), Se && w) {
+      if (Q = Q.replace(/\[[.]*m/, (J) => `\x1B[${J}m`), Se && A) {
         const J = Q.split(sp), _e = Q.match(sp) || [], he = new RegExp(`(${WO(Se)})`, "ig");
         Q = J.reduce((oe, xt, Ut) => {
           try {
-            U = U || he.test(xt), oe.push(
+            $ = $ || he.test(xt), oe.push(
               xt.replace(he, (St) => (je && Ee?.push(je), `\x1B[0m\x1B[48;2;${Ee && q === Ee.length - 1 ? "0;102;204" : "197;141;54"}m${St}\x1B[0m${Ut > 0 ? _e[Ut - 1] : ""}`))
             );
           } catch {
@@ -11055,25 +11055,25 @@ const k8 = (t, e, s) => xe(`app/history/deployed-configuration/${t}/${e}/${s}`),
       }
       return {
         __html: new gN().ansi_to_html(Q),
-        isSearchKeyPresent: U
+        isSearchKeyPresent: $
       };
     } catch {
-      return { __html: Q, isSearchKeyPresent: U };
+      return { __html: Q, isSearchKeyPresent: $ };
     }
   }
   const N = (Q, q, Se, Ee) => {
-    const je = h.length === 0, U = q ?? !0;
-    return Ee ? Se || U : je ? Q !== Zi.SUCCESS || Se : U;
+    const je = h.length === 0, $ = q ?? !0;
+    return Ee ? Se || $ : je ? Q !== Zi.SUCCESS || Se : $;
   }, I = t.podStatus === zd.PENDING || !!(d && d.readyState <= 1), O = (Q, q) => {
     const Se = h.reduce(
-      (F, J) => (F[J.stage] || (F[J.stage] = {}), F[J.stage][J.startTime] = J, F),
+      (U, J) => (U[J.stage] || (U[J.stage] = {}), U[J.stage][J.startTime] = J, U),
       {}
-    ), Ee = {}, je = [], U = c.reduce((F, J, _e) => {
+    ), Ee = {}, je = [], $ = c.reduce((U, J, _e) => {
       if (J.startsWith(Hp))
         try {
           const { stage: he, startTime: ke, endTime: oe, status: xt, metadata: Ut } = JSON.parse(
             J.split(zR)[1]
-          ), St = F.find((Vs) => Vs.stage === he && Vs.startTime === ke), yn = Se[he]?.[ke] ?? {};
+          ), St = U.find((Vs) => Vs.stage === he && Vs.startTime === ke), yn = Se[he]?.[ke] ?? {};
           if (St)
             St.endTime = oe, St.status = xt, St.isOpen = N(
               xt,
@@ -11083,7 +11083,7 @@ const k8 = (t, e, s) => xe(`app/history/deployed-configuration/${t}/${e}/${s}`),
             );
           else {
             const Vs = I ? Zi.PROGRESSING : Zi.FAILURE;
-            F.push({
+            U.push({
               stage: he || `Untitled stage ${_e + 1}`,
               startTime: ke || "",
               endTime: oe || "",
@@ -11100,13 +11100,13 @@ const k8 = (t, e, s) => xe(`app/history/deployed-configuration/${t}/${e}/${s}`),
               logs: []
             });
           }
-          return F;
+          return U;
         } catch {
-          return F;
+          return U;
         }
-      if (F.length > 0) {
-        const he = F[F.length - 1], ke = Db({
-          stageIndex: F.length - 1,
+      if (U.length > 0) {
+        const he = U[U.length - 1], ke = Db({
+          stageIndex: U.length - 1,
           lineNumberInsideStage: he.logs.length
         }), { __html: oe, isSearchKeyPresent: xt } = k({
           log: J,
@@ -11122,14 +11122,14 @@ const k8 = (t, e, s) => xe(`app/history/deployed-configuration/${t}/${e}/${s}`),
           !!q
         ), Ee[he.stage] || (Ee[he.stage] = {}), Ee[he.stage][he.startTime] = !0);
       }
-      return F;
+      return U;
     }, []);
-    return p(je), U;
+    return p(je), $;
   };
   P(() => {
     if (!c?.length)
       return;
-    if (!w) {
+    if (!A) {
       const q = c.map((Se) => k({ log: Se }).__html);
       b(q);
       return;
@@ -11145,27 +11145,27 @@ const k8 = (t, e, s) => xe(`app/history/deployed-configuration/${t}/${e}/${s}`),
       }))
     );
   }, [S]);
-  P(() => (A({ callback: D, keys: ["E"] }), () => {
+  P(() => (w({ callback: D, keys: ["E"] }), () => {
     y(["E"]);
   }), [D]);
-  const V = (Q, q = E) => {
+  const F = (Q, q = E) => {
     if (m.length > 0 || Q === "reset") {
       let Se = 0;
       Q === "next" ? Se = (_ + 1) % m.length : Q === "prev" && (Se = _ > 0 ? _ - 1 : m.length - 1), g(Se), f(O(Se, q));
     }
-  }, $ = () => {
-    V("next");
+  }, V = () => {
+    F("next");
   }, G = () => {
-    V("prev");
+    F("prev");
   }, Y = (Q) => {
-    v(Q), E === Q ? $() : V("reset", Q);
+    v(Q), E === Q ? V() : F("reset", Q);
   }, ee = (Q) => {
     const q = structuredClone(h);
     q[Q].isOpen = !1, f(q);
   }, ue = (Q) => {
     const q = structuredClone(h);
     q[Q].isOpen = !0, f(q);
-  }, We = () => w ? /* @__PURE__ */ a.jsxs(
+  }, We = () => A ? /* @__PURE__ */ a.jsxs(
     "div",
     {
       className: "flexbox-col pb-20 logs-renderer-container flex-grow-1",
@@ -11220,7 +11220,7 @@ const k8 = (t, e, s) => xe(`app/history/deployed-configuration/${t}/${e}/${s}`),
                     {
                       type: "button",
                       className: `dc__unset-button-styles flex p-6 br-4 dc__bg-n0--opacity-0_2 ${C ? "" : "dc__disabled"}`,
-                      onClick: $,
+                      onClick: V,
                       "data-testid": "logs-next-search-match",
                       "aria-label": "Focus the next search result match",
                       disabled: !C,
@@ -11254,7 +11254,7 @@ const k8 = (t, e, s) => xe(`app/history/deployed-configuration/${t}/${e}/${s}`),
           }
         ),
         /* @__PURE__ */ a.jsx("div", { className: "flexbox-col px-12 dc__gap-4", children: h.map(
-          ({ stage: Q, isOpen: q, logs: Se, endTime: Ee, startTime: je, status: U, targetPlatforms: F }, J) => /* @__PURE__ */ a.jsx(
+          ({ stage: Q, isOpen: q, logs: Se, endTime: Ee, startTime: je, status: $, targetPlatforms: U }, J) => /* @__PURE__ */ a.jsx(
             Nk,
             {
               stage: Q,
@@ -11262,8 +11262,8 @@ const k8 = (t, e, s) => xe(`app/history/deployed-configuration/${t}/${e}/${s}`),
               logs: Se,
               endTime: Ee,
               startTime: je,
-              targetPlatforms: F,
-              status: U,
+              targetPlatforms: U,
+              status: $,
               handleStageClose: ee,
               handleStageOpen: ue,
               stageIndex: J,
@@ -12073,12 +12073,12 @@ const Uk = ({
     g.current = o;
   }, [o]);
   const S = (y) => {
-    const w = g.current && l ? l(y) : kp(y);
-    v(), w.deploymentStatus === ye.INPROGRESS ? Fa = setTimeout(() => {
+    const A = g.current && l ? l(y) : kp(y);
+    v(), A.deploymentStatus === ye.INPROGRESS ? Fa = setTimeout(() => {
       C();
     }, 1e4) : Fa = setTimeout(() => {
       C();
-    }, 3e4), E(w);
+    }, 3e4), E(A);
   }, T = () => {
     if (s) {
       d.push({
@@ -12091,7 +12091,7 @@ const Uk = ({
       pathname: `${Be.APP}/${h}/${Be.APP_DETAILS}/${f}/${Be.APP_DETAILS_K8}`,
       search: Vp
     });
-  }, A = () => !g.current && !b?.deploymentStatusBreakdown?.APP_HEALTH?.isCollapsed ? /* @__PURE__ */ a.jsx("div", { className: "h-100 flex", children: /* @__PURE__ */ a.jsx(
+  }, w = () => !g.current && !b?.deploymentStatusBreakdown?.APP_HEALTH?.isCollapsed ? /* @__PURE__ */ a.jsx("div", { className: "h-100 flex", children: /* @__PURE__ */ a.jsx(
     Ik,
     {
       title: at.DEPLOYMENT_DETAILS_SETPS_PROGRESSING.TITLE,
@@ -12120,7 +12120,7 @@ const Uk = ({
       title: at.DEPLOYMENT_DETAILS_SETPS_FAILED.TITLE,
       subTitle: at.DEPLOYMENT_DETAILS_SETPS_FAILED.SUBTITLE
     }
-  ) }) : p ? /* @__PURE__ */ a.jsx(st, { pageLoader: !0 }) : A();
+  ) }) : p ? /* @__PURE__ */ a.jsx(st, { pageLoader: !0 }) : w();
 }, Gf = ({ expand: t, onTransitionEnd: e, children: s }) => /* @__PURE__ */ a.jsx(f0, { children: t && /* @__PURE__ */ a.jsx(
   mr.div,
   {
@@ -12322,7 +12322,7 @@ const $b = {
       }
     ) });
   }, b = () => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    s.map(({ title: v, href: C, onClick: S, diffState: T, Icon: A }) => {
+    s.map(({ title: v, href: C, onClick: S, diffState: T, Icon: w }) => {
       const y = d ? ao[T] : ao.hasDiff;
       return /* @__PURE__ */ a.jsxs(
         $t,
@@ -12332,7 +12332,7 @@ const $b = {
           to: C,
           onClick: S,
           children: [
-            A && /* @__PURE__ */ a.jsx(A, { className: "icon-dim-16 dc__nav-item__start-icon dc__no-shrink" }),
+            w && /* @__PURE__ */ a.jsx(w, { className: "icon-dim-16 dc__nav-item__start-icon dc__no-shrink" }),
             /* @__PURE__ */ a.jsx("span", { className: "dc__truncate flex-grow-1", children: v }),
             !u && T !== gs.NO_DIFF && /* @__PURE__ */ a.jsx(
               fe,
@@ -13058,7 +13058,7 @@ const $b = {
       g.isAppAdmin,
       i,
       l
-    ), A = ug(
+    ), w = ug(
       _.secretsData,
       g.secretsData,
       Ls.Secret,
@@ -13070,8 +13070,8 @@ const $b = {
       E,
       ...S ? [S] : [],
       ...T,
-      ...A
-    ], w = [
+      ...w
+    ], A = [
       {
         title: E.title,
         diffState: E.diffState,
@@ -13109,7 +13109,7 @@ const $b = {
       {
         header: "Secrets",
         id: At.Secret,
-        items: A.map(({ name: N, diffState: I, id: O }) => ({
+        items: w.map(({ name: N, diffState: I, id: O }) => ({
           title: N,
           diffState: I,
           href: s(At.Secret, N),
@@ -13123,7 +13123,7 @@ const $b = {
     return {
       configList: y,
       collapsibleNavList: k,
-      navList: w
+      navList: A
     };
   }
   const c = t, d = e, u = lg(c), h = lg(d), f = {
@@ -13295,8 +13295,8 @@ const $b = {
       );
     }
     return null;
-  }, x = () => n.map(({ id: E, primaryConfig: v, secondaryConfig: C, title: S, diffState: T, singleView: A }) => {
-    const { heading: y, list: w } = v, { heading: k, list: N } = C;
+  }, x = () => n.map(({ id: E, primaryConfig: v, secondaryConfig: C, title: S, diffState: T, singleView: w }) => {
+    const { heading: y, list: A } = v, { heading: k, list: N } = C;
     return /* @__PURE__ */ a.jsx(
       Yk,
       {
@@ -13308,17 +13308,17 @@ const $b = {
         onTransitionEnd: m(E),
         showDetailedDiffState: c,
         hideDiffState: d,
-        children: A ? /* @__PURE__ */ a.jsx(
+        children: w ? /* @__PURE__ */ a.jsx(
           Hb,
           {
-            oldValue: w.codeEditorValue.value,
+            oldValue: A.codeEditorValue.value,
             newValue: N.codeEditorValue.value,
-            ...w.codeEditorValue.value !== N.codeEditorValue.value && {
+            ...A.codeEditorValue.value !== N.codeEditorValue.value && {
               leftTitle: y,
               rightTitle: k
             },
             codeFoldMessageRenderer: Gb(
-              w.codeEditorValue.value,
+              A.codeEditorValue.value,
               N.codeEditorValue.value
             )
           }
@@ -13331,7 +13331,7 @@ const $b = {
             hL,
             {
               baseTemplateConfiguration: N,
-              currentConfiguration: w,
+              currentConfiguration: A,
               previousConfigAvailable: !0,
               rootClassName: `${y && k ? "dc__no-top-radius dc__no-top-border" : ""}`
             }
@@ -13522,29 +13522,29 @@ const $b = {
   isCompareDeploymentConfigNotAvailable: u,
   ...h
 }) => {
-  const { path: f, params: m } = rn(), { resourceType: p, resourceName: _, appId: g, envId: x } = m, { compareWfrId: b, updateSearchParams: E, sortBy: v, sortOrder: C, handleSorting: S } = i, [T, A] = R({
+  const { path: f, params: m } = rn(), { resourceType: p, resourceName: _, appId: g, envId: x } = m, { compareWfrId: b, updateSearchParams: E, sortBy: v, sortOrder: C, handleSorting: S } = i, [T, w] = R({
     isLoading: !1,
     data: l,
     hasMore: l.size >= zi
-  }), [y, w] = R(s);
+  }), [y, A] = R(s);
   P(() => (E({ compareWfrId: b }), e(!0), v !== Jd && S(Jd), () => {
     o(!1), e(!1);
   }), []);
   const k = async (q) => {
-    A({ ...T, isLoading: !0 });
+    w({ ...T, isLoading: !0 });
     try {
       const { result: Se } = await yk({
         appId: +g,
         envId: +x,
         pagination: { offset: q, size: zi }
-      }), Ee = new Map((Se.cdWorkflows || []).map((U) => [U.id, U])), je = new Map([...T.data, ...Ee]);
-      A({
+      }), Ee = new Map((Se.cdWorkflows || []).map(($) => [$.id, $])), je = new Map([...T.data, ...Ee]);
+      w({
         isLoading: !1,
         data: je,
         hasMore: Se.cdWorkflows?.length === zi
-      }), w(Yb(je));
+      }), A(Yb(je));
     } catch {
-      A({ ...T, isLoading: !1 });
+      w({ ...T, isLoading: !1 });
     }
   }, N = () => k(T.data.size), I = () => T.hasMore ? /* @__PURE__ */ a.jsx("div", { className: "px-4", children: /* @__PURE__ */ a.jsx(
     ge,
@@ -13563,10 +13563,10 @@ const $b = {
     triggerHistory: T.data,
     renderRunSource: c,
     resourceId: d
-  }), V = D.find(({ value: q }) => q === b), $ = !!D.length, G = ({ value: q }) => {
+  }), F = D.find(({ value: q }) => q === b), V = !!D.length, G = ({ value: q }) => {
     E({ compareWfrId: q });
   }, Y = {
-    primaryConfig: $ ? [
+    primaryConfig: V ? [
       {
         id: "deployment-config-diff-deployment-selector",
         type: "selectPicker",
@@ -13598,7 +13598,7 @@ const $b = {
         text: `Deployed on ${O}`
       }
     ]
-  }, ee = () => $ ? u ? `Diff unavailable: Configurations for deployment execution ‘${V?.label || "N/A"}’ not found` : `Showing diff in configuration deployed on: ${V?.label || "N/A"} & ${O}` : null, We = {
+  }, ee = () => V ? u ? `Diff unavailable: Configurations for deployment execution ‘${F?.label || "N/A"}’ not found` : `Showing diff in configuration deployed on: ${F?.label || "N/A"} & ${O}` : null, We = {
     handleSorting: () => S(C !== we.DESC ? Jd : ""),
     sortBy: v,
     sortOrder: C
@@ -13612,7 +13612,7 @@ const $b = {
       ...h,
       showDetailedDiffState: !0,
       navHeading: `Comparing ${t}`,
-      headerText: $ ? void 0 : "",
+      headerText: V ? void 0 : "",
       scrollIntoViewId: `${p}${_ ? `-${_}` : ""}`,
       navHelpText: ee(),
       isNavHelpTextShowingError: u,
@@ -13637,7 +13637,7 @@ const $b = {
     [m, n]
   ), g = !!_, x = J0({
     parseSearchParams: cL(_)
-  }), { compareWfrId: b, sortBy: E, sortOrder: v } = x, [C, S] = R(!1), [T, A, , y] = Bs(async () => {
+  }), { compareWfrId: b, sortBy: E, sortOrder: v } = x, [C, S] = R(!1), [T, w, , y] = Bs(async () => {
     const G = [
       {
         appName: t,
@@ -13660,18 +13660,18 @@ const $b = {
     return Y.status !== "fulfilled" || !Y.value || Y.value.forEach((ue, We) => {
       ee[We].status !== "fulfilled" || !ee[We].value || ee[We].value.result.isAppAdmin || (ee[We].value.result.secretsData = ue.secretsData);
     }), ee;
-  }, [p, b]), w = (G, Y) => `${di(c, { ...d })}/${G}${Y ? `/${Y}` : ""}${h}`, k = de(() => {
-    if (!T && A) {
-      const G = g && A[1].status === "fulfilled" ? A[1].value.result : {
+  }, [p, b]), A = (G, Y) => `${di(c, { ...d })}/${G}${Y ? `/${Y}` : ""}${h}`, k = de(() => {
+    if (!T && w) {
+      const G = g && w[1].status === "fulfilled" ? w[1].value.result : {
         configMapData: null,
         deploymentTemplate: null,
         secretsData: null,
         isAppAdmin: !1
-      }, Y = A[0].status === "fulfilled" ? A[0].value.result : null;
+      }, Y = w[0].status === "fulfilled" ? w[0].value.result : null;
       return Qk({
         currentList: Y,
         compareList: G,
-        getNavItemHref: w,
+        getNavItemHref: A,
         convertVariables: C,
         sortingConfig: { sortBy: E, sortOrder: v }
       });
@@ -13680,22 +13680,22 @@ const $b = {
   }, [
     g,
     T,
-    A,
+    w,
     C,
     E,
     v
   ]), N = de(
-    () => !T && A ? mg(A[0]) || mg(A[1]) : null,
-    [T, A]
+    () => !T && w ? mg(w[0]) || mg(w[1]) : null,
+    [T, w]
   ), I = de(
     () => k ? nI(k.configList, "groupHeader") : [],
     [k]
-  ), O = A && fg(A[1]), D = !g || O, V = T || !N && !k, $ = {
+  ), O = w && fg(w[1]), D = !g || O, F = T || !N && !k, V = {
     code: N?.code,
     error: N && !T,
     reload: y
   };
-  return A && fg(A[0]) ? /* @__PURE__ */ a.jsx("div", { className: "flex bg__primary h-100", children: /* @__PURE__ */ a.jsx(
+  return w && fg(w[0]) ? /* @__PURE__ */ a.jsx("div", { className: "flex bg__primary h-100", children: /* @__PURE__ */ a.jsx(
     vt,
     {
       title: "Data not available",
@@ -13706,8 +13706,8 @@ const $b = {
       dL,
       {
         ...k,
-        isLoading: V,
-        errorConfig: $,
+        isLoading: F,
+        errorConfig: V,
         envName: e,
         wfrId: n,
         urlFilters: x,
@@ -13722,7 +13722,7 @@ const $b = {
         isCompareDeploymentConfigNotAvailable: O
       }
     ) }),
-    /* @__PURE__ */ a.jsx(oi, { children: N && !T ? /* @__PURE__ */ a.jsx(fd, { code: $.code, reload: $.reload }) : /* @__PURE__ */ a.jsx("div", { className: "p-16 flexbox-col dc__gap-16 bg__primary h-100", children: V ? /* @__PURE__ */ a.jsx(st, { fullHeight: !0, size: 48 }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(oi, { children: N && !T ? /* @__PURE__ */ a.jsx(fd, { code: V.code, reload: V.reload }) : /* @__PURE__ */ a.jsx("div", { className: "p-16 flexbox-col dc__gap-16 bg__primary h-100", children: F ? /* @__PURE__ */ a.jsx(st, { fullHeight: !0, size: 48 }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx("h3", { className: "fs-13 lh-20 fw-6 cn-9 m-0", children: D ? "Configurations used for this deployment trigger" : "Showing configuration change with respect to previous deployment" }),
       /* @__PURE__ */ a.jsxs("div", { className: "flexbox-col dc__gap-16 dc__mxw-800", children: [
         /* @__PURE__ */ a.jsx("div", { className: "flexbox-col dc__gap-12", children: Object.keys(I).map(
@@ -13937,7 +13937,7 @@ const mL = ({
     }
   ) : null;
   function m(T) {
-    const A = ab(t, s);
+    const w = ab(t, s);
     return /* @__PURE__ */ a.jsxs("div", { className: "flex column dc__gap-4 w-100", children: [
       T ? /* @__PURE__ */ a.jsxs("div", { className: "flex left lh-20 dc__gap-8 w-100", children: [
         /* @__PURE__ */ a.jsx(vf, { className: "icon-dim-16" }),
@@ -13953,9 +13953,9 @@ const mL = ({
         " ",
         u.data.author
       ] }) : null,
-      A ? /* @__PURE__ */ a.jsxs("div", { className: "material-history__text lh-20 flex left dc__gap-8 w-100", children: [
+      w ? /* @__PURE__ */ a.jsxs("div", { className: "material-history__text lh-20 flex left dc__gap-8 w-100", children: [
         /* @__PURE__ */ a.jsx(Lu, { className: "icon-dim-16" }),
-        /* @__PURE__ */ a.jsx("time", { className: "cn-7 fs-12", children: A })
+        /* @__PURE__ */ a.jsx("time", { className: "cn-7 fs-12", children: w })
       ] }) : null,
       u.data.message ? /* @__PURE__ */ a.jsxs("div", { className: "material-history__text lh-20 flex left dc__gap-8 top material-history-text--padded w-100", children: [
         /* @__PURE__ */ a.jsx(LT, { className: "icon-dim-16 mw-16 mr-8 mt-2" }),
@@ -13984,7 +13984,7 @@ const mL = ({
       )
     }
   ) : /* @__PURE__ */ a.jsx(Km, { "data-testid": "valid-git-commit" }), _ = () => c.isselected ? /* @__PURE__ */ a.jsx(qm, { "data-testid": "selected-git-commit", className: "dc__align-right icon-dim-20" }) : p(), g = () => u.data.title ? /* @__PURE__ */ a.jsx("span", { className: "flex left cn-9 fw-6 fs-13", children: u.data.title }) : null, x = (T) => {
-    const A = T?.split("/").pop();
+    const w = T?.split("/").pop();
     return /* @__PURE__ */ a.jsxs("div", { className: "w-100 flex left dc__gap-4", children: [
       /* @__PURE__ */ a.jsxs(
         "a",
@@ -13997,7 +13997,7 @@ const mL = ({
           children: [
             /* @__PURE__ */ a.jsx(DT, {}),
             " ",
-            /* @__PURE__ */ a.jsx("span", { children: Number.isNaN(A) ? "PR" : A })
+            /* @__PURE__ */ a.jsx("span", { children: Number.isNaN(w) ? "PR" : w })
           ]
         }
       ),
@@ -14685,14 +14685,14 @@ const xL = (t) => {
   fullScreenView: C,
   appName: S,
   triggerHistory: T,
-  targetPlatforms: A
+  targetPlatforms: w
 }) => {
-  const { path: y } = rn(), { appId: w, pipelineId: k, triggerId: N, envId: I } = rs(), O = {
-    appId: w,
+  const { path: y } = rn(), { appId: A, pipelineId: k, triggerId: N, envId: I } = rs(), O = {
+    appId: A,
     envId: I,
     appName: `${t.helmPackageName}.tgz`,
     workflowId: t.id
-  }, D = `app/cd-pipeline/workflow/download/${w}/${I}/${k}/${N}`;
+  }, D = `app/cd-pipeline/workflow/download/${A}/${I}/${k}/${N}`;
   return /* @__PURE__ */ a.jsx("div", { className: "trigger-outputs-container flexbox-col flex-grow-1 h-100", children: e ? /* @__PURE__ */ a.jsx(st, { pageLoader: !0 }) : /* @__PURE__ */ a.jsxs(Wx, { children: [
     t.stage !== "DEPLOY" ? !t.IsVirtualEnvironment && /* @__PURE__ */ a.jsxs(oi, { path: `${y}/logs`, children: [
       /* @__PURE__ */ a.jsx(
@@ -14745,7 +14745,7 @@ const xL = (t) => {
         selectedEnvironmentName: f,
         promotionApprovalMetadata: t?.promotionApprovalMetadata,
         renderCIListHeader: x,
-        targetPlatforms: A
+        targetPlatforms: w
       }
     ) }),
     t.stage === "DEPLOY" && /* @__PURE__ */ a.jsx(oi, { path: `${y}${Be.DEPLOYMENT_HISTORY_CONFIGURATIONS}`, children: /* @__PURE__ */ a.jsx(
@@ -14764,7 +14764,7 @@ const xL = (t) => {
     (t.stage !== "DEPLOY" || t.IsVirtualEnvironment) && /* @__PURE__ */ a.jsx(oi, { path: `${y}/artifacts`, children: t.IsVirtualEnvironment && b ? b({
       status: t.status,
       title: t.helmPackageName,
-      params: { ...O, appId: Number(w), envId: Number(I) }
+      params: { ...O, appId: Number(A), envId: Number(I) }
     }) : /* @__PURE__ */ a.jsx(
       Pb,
       {
@@ -14781,7 +14781,7 @@ const xL = (t) => {
         hideImageTaggingHardDelete: h,
         downloadArtifactUrl: D,
         renderCIListHeader: x,
-        targetPlatforms: A,
+        targetPlatforms: w,
         rootClassName: "p-16 flex-grow-1"
       }
     ) }),
@@ -14819,21 +14819,21 @@ const xL = (t) => {
   renderTargetConfigInfo: S,
   appName: T
 }) => {
-  const { appId: A, triggerId: y, envId: w, pipelineId: k } = rs(), N = e.get(+y), [I, O, D, V] = Bs(
-    () => pk({ appId: A, envId: w, pipelineId: k, triggerId: y, fetchIdData: d }),
+  const { appId: w, triggerId: y, envId: A, pipelineId: k } = rs(), N = e.get(+y), [I, O, D, F] = Bs(
+    () => pk({ appId: w, envId: A, pipelineId: k, triggerId: y, fetchIdData: d }),
     // TODO: Ask if fetchIdData is required here as dependency
-    [y, A, w],
+    [y, w, A],
     !!y && !!k
-  ), $ = dd(N?.targetPlatforms), G = (q, Se, Ee) => {
+  ), V = dd(N?.targetPlatforms), G = (q, Se, Ee) => {
     if (Ee) {
       f?.result?.cdWorkflows?.length && s(Yy(f.result.cdWorkflows, "id")), u(Dn.SUSPEND);
       return;
     }
     if (q === Se?.id) {
-      const je = e.get(q)?.appliedFilters ?? [], U = e.get(q)?.appliedFiltersTimestamp, F = e.get(q)?.promotionApprovalMetadata, J = e.get(q)?.runSource, _e = e.get(q)?.targetConfig, he = e.get(q)?.userApprovalMetadata, ke = {
+      const je = e.get(q)?.appliedFilters ?? [], $ = e.get(q)?.appliedFiltersTimestamp, U = e.get(q)?.promotionApprovalMetadata, J = e.get(q)?.runSource, _e = e.get(q)?.targetConfig, he = e.get(q)?.userApprovalMetadata, ke = {
         ...je.length ? { appliedFilters: je } : {},
-        ...U ? { appliedFiltersTimestamp: U } : {},
-        ...F ? { promotionApprovalMetadata: F } : {},
+        ...$ ? { appliedFiltersTimestamp: $ } : {},
+        ...U ? { promotionApprovalMetadata: U } : {},
         ...J ? { runSource: J } : {},
         ..._e ? { targetConfig: _e } : {},
         ...he ? { userApprovalMetadata: he } : {}
@@ -14871,7 +14871,7 @@ const xL = (t) => {
     G(+y, q, We);
   }, [ee, ue, We]);
   const Q = de(() => !N || XR.has(N.podStatus?.toLowerCase() || N.status?.toLowerCase()) ? null : ZR.has(N.status?.toLowerCase() || N.podStatus?.toLowerCase()) ? 1e4 : 3e4, [N]);
-  return Gy(V, Q), !Y && I && !N || !y || Y && (ee || I) && !N ? /* @__PURE__ */ a.jsx(st, { pageLoader: !0 }) : D?.code === 404 ? /* @__PURE__ */ a.jsx(
+  return Gy(F, Q), !Y && I && !N || !y || Y && (ee || I) && !N ? /* @__PURE__ */ a.jsx(st, { pageLoader: !0 }) : D?.code === 404 ? /* @__PURE__ */ a.jsx(
     vt,
     {
       title: at.TRIGGER_NOT_FOUND.TITLE,
@@ -14980,7 +14980,7 @@ const xL = (t) => {
         fullScreenView: t,
         appName: T,
         triggerHistory: e,
-        targetPlatforms: $
+        targetPlatforms: V
       },
       N.id
     )
@@ -15917,12 +15917,12 @@ const K8 = {
 }) => {
   const { appId: g } = rs(), [x, b] = R(c || []), [E, v] = R(u || 0), [C, S] = R(
     f || structuredClone(WL)
-  ), T = ie(new AbortController()), A = (F) => {
-    b(F), d?.(F);
-  }, y = (F) => {
-    v(F), h?.(F);
-  }, w = (F) => {
-    S(F), m?.(F);
+  ), T = ie(new AbortController()), w = (U) => {
+    b(U), d?.(U);
+  }, y = (U) => {
+    v(U), h?.(U);
+  }, A = (U) => {
+    S(U), m?.(U);
   }, { searchKey: k, selectedTags: N } = C || {}, I = () => T0(
     () => Jb({
       searchKey: k,
@@ -15932,7 +15932,7 @@ const K8 = {
       signal: T.current.signal
     }),
     T
-  ), [O, D, V, $] = Bs(
+  ), [O, D, F, V] = Bs(
     I,
     // In case of persistFilters with change of searchKey or selectedTags we anyways clear the pluginList so no need to add dependency
     [k, g, N],
@@ -15945,12 +15945,12 @@ const K8 = {
   P(() => {
     !G && !ee && Y && e(Y);
   }, [G, Y, ee]);
-  const We = (F, J = !1) => {
+  const We = (U, J = !1) => {
     const {
       pluginStore: { parentPluginStore: _e, pluginVersionStore: he },
       totalCount: ke,
       parentPluginIdList: oe
-    } = F;
+    } = U;
     n(qL(s, _e, he)), y(ke);
     const xt = J ? structuredClone(x) : [], Ut = xt.reduce(
       (St, yn) => (St[yn.parentPluginId] = !0, St),
@@ -15960,35 +15960,35 @@ const K8 = {
       Ut[St] || (xt.push({
         parentPluginId: St
       }), Ut[St] = !0);
-    }), A(xt);
+    }), w(xt);
   };
   P(() => {
-    !(O || en(V)) && !V && D && We(D);
-  }, [O, D, V]);
+    !(O || en(F)) && !F && D && We(D);
+  }, [O, D, F]);
   const Q = () => {
-    l && A([]);
+    l && w([]);
   }, q = () => {
-    w({
+    A({
       searchKey: "",
       selectedTags: []
     }), Q();
-  }, Se = (F) => {
-    w({
+  }, Se = (U) => {
+    A({
       ...C,
-      searchKey: F
+      searchKey: U
     }), Q();
-  }, Ee = (F) => {
-    w({
+  }, Ee = (U) => {
+    A({
       ...C,
-      selectedTags: F
+      selectedTags: U
     }), Q();
-  }, je = (F) => {
-    w({
+  }, je = (U) => {
+    A({
       ...C,
-      selectedTags: F.selectedTags
+      selectedTags: U.selectedTags
     }), Q();
-  }, U = (F) => {
-    i(F);
+  }, $ = (U) => {
+    i(U);
   };
   return /* @__PURE__ */ a.jsxs("div", { className: `flexbox-col w-100 ${p}`, children: [
     /* @__PURE__ */ a.jsxs("div", { className: "w-100 flexbox dc__gap-12 py-12 dc__position-sticky dc__top-0 bg__primary dc__zi-1 flex-wrap", children: [
@@ -16032,12 +16032,12 @@ const K8 = {
     /* @__PURE__ */ a.jsx(
       L0,
       {
-        isLoading: O || en(V),
+        isLoading: O || en(F),
         customLoader: /* @__PURE__ */ a.jsx(Xb, {}),
-        error: V,
+        error: F,
         errorScreenManagerProps: {
-          code: V?.code,
-          reload: $
+          code: F?.code,
+          reload: V
         },
         children: /* @__PURE__ */ a.jsx(
           sD,
@@ -16047,7 +16047,7 @@ const K8 = {
             totalCount: E,
             handleDataUpdateForPluginResponse: We,
             filters: C,
-            handlePluginSelection: U,
+            handlePluginSelection: $,
             selectedPluginsMap: o,
             isSelectable: r,
             handleClearFilters: q,
@@ -16086,31 +16086,31 @@ const K8 = {
   validateDuplicateKeys: m = !1,
   validateEmptyKeys: p = !1
 }) => {
-  const { headers: _, rows: g } = t, x = _[0].key, b = _[1].key, [E, v] = R(g), [C, S] = R(!1), T = c || l, A = !c && !l || !!E.length, y = !E[0]?.data[x].value && !E[0]?.data[b].value, w = E.length === 1 && y, { sortBy: k, sortOrder: N, handleSorting: I } = Q0({
+  const { headers: _, rows: g } = t, x = _[0].key, b = _[1].key, [E, v] = R(g), [C, S] = R(!1), T = c || l, w = !c && !l || !!E.length, y = !E[0]?.data[x].value && !E[0]?.data[b].value, A = E.length === 1 && y, { sortBy: k, sortOrder: N, handleSorting: I } = Q0({
     initialSortKey: s ? x : null
   }), O = ie(), D = ie();
-  O.current || (O.current = E.reduce((U, F) => ({ ...U, [F.id]: On() }), {})), D.current || (D.current = E.reduce((U, F) => ({ ...U, [F.id]: On() }), {}));
-  const V = de(
+  O.current || (O.current = E.reduce(($, U) => ({ ...$, [U.id]: On() }), {})), D.current || (D.current = E.reduce(($, U) => ({ ...$, [U.id]: On() }), {}));
+  const F = de(
     () => E.reduce(
-      (U, F) => {
-        const J = F.data[x].value;
-        return J && (U[J] = (U[J] || 0) + 1), U;
+      ($, U) => {
+        const J = U.data[x].value;
+        return J && ($[J] = ($[J] || 0) + 1), $;
       },
       {}
     ),
     [E]
-  ), $ = (U, F, J, _e = !0) => {
+  ), V = ($, U, J, _e = !0) => {
     if (_e) {
-      const he = U.trim();
-      if (m && F === x && V[he] > 1 || p && F === x && !he && E.some(
+      const he = $.trim();
+      if (m && U === x && F[he] > 1 || p && U === x && !he && E.some(
         ({ id: oe, data: xt }) => oe === J && xt[b].value.trim()
       ))
         return !1;
     }
-    return u ? u(U, F, J) : !0;
-  }, G = (U) => {
+    return u ? u($, U, J) : !0;
+  }, G = ($) => {
     if (m) {
-      const { isAnyKeyDuplicated: J } = U.reduce(
+      const { isAnyKeyDuplicated: J } = $.reduce(
         (_e, he) => {
           const { keysFrequency: ke } = _e, oe = he.data[x].value.trim();
           return oe && (ke[oe] = (ke[oe] || 0) + 1), {
@@ -16123,13 +16123,13 @@ const K8 = {
       if (J)
         return !1;
     }
-    return p && U.some(
+    return p && $.some(
       (_e) => !_e.data[x].value.trim() && _e.data[b].value.trim()
-    ) ? !1 : U.every(
-      ({ data: J, id: _e }) => $(J[x].value, x, _e, !1) && $(J[b].value, b, _e, !1)
+    ) ? !1 : $.every(
+      ({ data: J, id: _e }) => V(J[x].value, x, _e, !1) && V(J[b].value, b, _e, !1)
     );
   }, Y = () => {
-    const U = (Date.now() * Math.random()).toString(16);
+    const $ = (Date.now() * Math.random()).toString(16);
     return {
       data: {
         [x]: {
@@ -16139,11 +16139,11 @@ const K8 = {
           value: ""
         }
       },
-      id: U
+      id: $
     };
   }, ee = () => {
-    const U = Y(), F = [U, ...E], { id: J } = U;
-    f?.(!G(F)), S(!0), v(F), O.current = {
+    const $ = Y(), U = [$, ...E], { id: J } = $;
+    f?.(!G(U)), S(!0), v(U), O.current = {
       ...O.current || {},
       [J]: On()
     }, D.current = {
@@ -16154,48 +16154,48 @@ const K8 = {
   P(() => {
     !T && !E.length && ee();
   }, []), P(() => {
-    s && v((U) => {
-      const F = structuredClone(U);
-      return F.sort(
+    s && v(($) => {
+      const U = structuredClone($);
+      return U.sort(
         (J, _e) => wt(J.data[k].value, _e.data[k].value, N)
-      ), F;
+      ), U;
     });
   }, [N]), P(() => {
-    const U = E[0];
-    if (U && C) {
+    const $ = E[0];
+    if ($ && C) {
       S(!1);
-      const F = O.current[U.id].current && D.current[U.id].current;
-      !U.data[x].value && F && D.current[U.id].current.focus(), !U.data[b].value && F && O.current[U.id].current.focus();
+      const U = O.current[$.id].current && D.current[$.id].current;
+      !$.data[x].value && U && D.current[$.id].current.focus(), !$.data[b].value && U && O.current[$.id].current.focus();
     }
   }, [C]);
-  const ue = () => I(k), We = (U) => () => {
-    const F = E.filter(({ id: J }) => J !== U.id);
-    if (F.length === 0 && !l) {
+  const ue = () => I(k), We = ($) => () => {
+    const U = E.filter(({ id: J }) => J !== $.id);
+    if (U.length === 0 && !l) {
       const J = Y(), { id: _e } = J;
       S(!0), f?.(!G([J])), v([J]), O.current = {
         [_e]: On()
       }, D.current = {
         [_e]: On()
-      }, r?.(U.id);
+      }, r?.($.id);
       return;
     }
-    f?.(!G(F)), v(F), delete O.current[U.id], delete D.current[U.id], r?.(U.id);
-  }, Q = (U, F) => (J) => {
+    f?.(!G(U)), v(U), delete O.current[$.id], delete D.current[$.id], r?.($.id);
+  }, Q = ($, U) => (J) => {
     const { value: _e } = J.target, he = {
-      ...U,
+      ...$,
       data: {
-        ...U.data,
-        [F]: {
-          ...U.data[F],
+        ...$.data,
+        [U]: {
+          ...$.data[U],
           value: _e
         }
       }
-    }, ke = E.map((oe) => oe.id === U.id ? he : oe);
+    }, ke = E.map((oe) => oe.id === $.id ? he : oe);
     f?.(!G(ke)), v(ke);
-  }, q = (U, F) => (J) => {
+  }, q = ($, U) => (J) => {
     const { value: _e } = J.target;
-    i?.(U.id, F, _e), f?.(!G(E));
-  }, Se = (U, F, J) => /* @__PURE__ */ a.jsxs(
+    i?.($.id, U, _e), f?.(!G(E));
+  }, Se = ($, U, J) => /* @__PURE__ */ a.jsxs(
     "div",
     {
       className: `bg__secondary py-8 px-12 flexbox dc__content-space dc__align-items-center ${E.length || !T ? "dc__top-left-radius" : "dc__left-radius-4"} ${J || ""}`,
@@ -16207,7 +16207,7 @@ const K8 = {
             className: "cn-7 fs-12 lh-20-imp fw-6 flexbox dc__align-items-center dc__gap-2 dc__transparent",
             onClick: ue,
             children: [
-              F,
+              U,
               /* @__PURE__ */ a.jsx(
                 nd,
                 {
@@ -16222,9 +16222,9 @@ const K8 = {
         ) : /* @__PURE__ */ a.jsxs(
           "div",
           {
-            className: `cn-7 fs-12 lh-20 fw-6 flexbox dc__align-items-center dc__content-space dc__gap-2 ${A ? "dc__top-left-radius" : "dc__left-radius-4"}`,
+            className: `cn-7 fs-12 lh-20 fw-6 flexbox dc__align-items-center dc__content-space dc__gap-2 ${w ? "dc__top-left-radius" : "dc__left-radius-4"}`,
             children: [
-              F,
+              U,
               !!n && n
             ]
           }
@@ -16244,68 +16244,68 @@ const K8 = {
         )
       ]
     },
-    `${U}-header`
-  ), Ee = (U) => /* @__PURE__ */ a.jsxs("div", { className: "flexbox align-items-center dc__gap-4", children: [
+    `${$}-header`
+  ), Ee = ($) => /* @__PURE__ */ a.jsxs("div", { className: "flexbox align-items-center dc__gap-4", children: [
     /* @__PURE__ */ a.jsx(Ct, { className: "icon-dim-16 fcr-5 dc__align-self-start dc__no-shrink" }),
-    /* @__PURE__ */ a.jsx("p", { className: "fs-12 lh-16 cn-7 m-0", children: U })
-  ] }, U), je = (U, F, J) => d && !$(U, F, J) ? /* @__PURE__ */ a.jsxs("div", { className: "key-value-table__error bg__primary dc__border br-4 py-7 px-8 flexbox-col dc__gap-4", children: [
+    /* @__PURE__ */ a.jsx("p", { className: "fs-12 lh-16 cn-7 m-0", children: $ })
+  ] }, $), je = ($, U, J) => d && !V($, U, J) ? /* @__PURE__ */ a.jsxs("div", { className: "key-value-table__error bg__primary dc__border br-4 py-7 px-8 flexbox-col dc__gap-4", children: [
     m && Ee(nD),
     p && Ee(iD),
     h.map((he) => Ee(he))
   ] }) : null;
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx("div", { className: `bcn-2 p-1 ${A ? "dc__top-radius-4" : "br-4"}`, children: /* @__PURE__ */ a.jsx("div", { className: "key-value-table two-columns w-100 bcn-1 br-4", children: /* @__PURE__ */ a.jsx("div", { className: "key-value-table__row", children: _.map(
-      ({ key: U, label: F, className: J }) => U === x ? Se(U, F, J) : /* @__PURE__ */ a.jsxs(
+    /* @__PURE__ */ a.jsx("div", { className: `bcn-2 p-1 ${w ? "dc__top-radius-4" : "br-4"}`, children: /* @__PURE__ */ a.jsx("div", { className: "key-value-table two-columns w-100 bcn-1 br-4", children: /* @__PURE__ */ a.jsx("div", { className: "key-value-table__row", children: _.map(
+      ({ key: $, label: U, className: J }) => $ === x ? Se($, U, J) : /* @__PURE__ */ a.jsxs(
         "div",
         {
-          className: `bg__secondary cn-9 fs-13 lh-20 py-8 px-12 fw-6 flexbox dc__align-items-center dc__content-space dc__gap-2 ${U === x ? `${A ? "dc__top-left-radius" : "dc__left-radius-4"}` : `${A ? "dc__top-right-radius-4" : "dc__right-radius-4"}`}  ${J || ""}`,
+          className: `bg__secondary cn-9 fs-13 lh-20 py-8 px-12 fw-6 flexbox dc__align-items-center dc__content-space dc__gap-2 ${$ === x ? `${w ? "dc__top-left-radius" : "dc__left-radius-4"}` : `${w ? "dc__top-right-radius-4" : "dc__right-radius-4"}`}  ${J || ""}`,
           children: [
-            F,
+            U,
             !!n && n
           ]
         },
-        U
+        $
       )
     ) }) }) }),
-    A && /* @__PURE__ */ a.jsx("div", { className: "bcn-2 px-1 pb-1 dc__bottom-radius-4", children: !!E.length && /* @__PURE__ */ a.jsx(
+    w && /* @__PURE__ */ a.jsx("div", { className: "bcn-2 px-1 pb-1 dc__bottom-radius-4", children: !!E.length && /* @__PURE__ */ a.jsx(
       "div",
       {
         className: `key-value-table w-100 bcn-1 dc__bottom-radius-4 ${c ? "two-columns" : "three-columns"}`,
-        children: E.map((U) => /* @__PURE__ */ a.jsxs("div", { className: "key-value-table__row", children: [
-          _.map(({ key: F }) => /* @__PURE__ */ a.jsx(hr, { children: /* @__PURE__ */ a.jsx(Wt, { wrap: rD, condition: c, children: /* @__PURE__ */ a.jsx(
+        children: E.map(($) => /* @__PURE__ */ a.jsxs("div", { className: "key-value-table__row", children: [
+          _.map(({ key: U }) => /* @__PURE__ */ a.jsx(hr, { children: /* @__PURE__ */ a.jsx(Wt, { wrap: rD, condition: c, children: /* @__PURE__ */ a.jsx(
             "div",
             {
-              className: `key-value-table__cell bg__primary flexbox dc__align-items-center dc__gap-4 dc__position-rel ${c || U.data[F].disabled ? "cursor-not-allowed no-hover" : ""} ${d && !$(U.data[F].value, F, U.id) ? "key-value-table__cell--error no-hover" : ""}`,
-              children: e?.[F] && U.data[F].value ? /* @__PURE__ */ a.jsx("div", { className: "py-8 px-12 h-36 flex", children: O0 }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+              className: `key-value-table__cell bg__primary flexbox dc__align-items-center dc__gap-4 dc__position-rel ${c || $.data[U].disabled ? "cursor-not-allowed no-hover" : ""} ${d && !V($.data[U].value, U, $.id) ? "key-value-table__cell--error no-hover" : ""}`,
+              children: e?.[U] && $.data[U].value ? /* @__PURE__ */ a.jsx("div", { className: "py-8 px-12 h-36 flex", children: O0 }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
                 /* @__PURE__ */ a.jsx(
                   Yf,
                   {
-                    ...U.data[F],
-                    className: `key-value-table__cell-input placeholder-cn5 py-8 px-12 cn-9 fs-13 lh-20 dc__no-border-radius ${c || U.data[F].disabled ? "cursor-not-allowed" : ""}`,
+                    ...$.data[U],
+                    className: `key-value-table__cell-input placeholder-cn5 py-8 px-12 cn-9 fs-13 lh-20 dc__no-border-radius ${c || $.data[U].disabled ? "cursor-not-allowed" : ""}`,
                     minHeight: 20,
                     maxHeight: 160,
-                    value: U.data[F].value,
-                    placeholder: o[F],
-                    onChange: Q(U, F),
-                    onBlur: q(U, F),
-                    refVar: F === x ? O.current?.[U.id] : D.current?.[U.id],
-                    dependentRef: F === x ? D.current?.[U.id] : O.current?.[U.id],
-                    disabled: c || U.data[F].disabled,
+                    value: $.data[U].value,
+                    placeholder: o[U],
+                    onChange: Q($, U),
+                    onBlur: q($, U),
+                    refVar: U === x ? O.current?.[$.id] : D.current?.[$.id],
+                    dependentRef: U === x ? D.current?.[$.id] : O.current?.[$.id],
+                    disabled: c || $.data[U].disabled,
                     disableOnBlurResizeToMinHeight: !0
                   }
                 ),
-                U.data[F].required && /* @__PURE__ */ a.jsx("span", { className: "cr-5 fs-16 dc__align-self-start px-6 py-8", children: "*" }),
-                je(U.data[F].value, F, U.id)
+                $.data[U].required && /* @__PURE__ */ a.jsx("span", { className: "cr-5 fs-16 dc__align-self-start px-6 py-8", children: "*" }),
+                je($.data[U].value, U, $.id)
               ] })
             }
-          ) }) }, F)),
+          ) }) }, U)),
           !c && /* @__PURE__ */ a.jsx(
             "button",
             {
               type: "button",
-              className: `key-value-table__row-delete-btn dc__unset-button-styles dc__align-self-stretch dc__no-shrink flex py-10 px-8 bg__primary dc__hover-n50 dc__tab-focus ${w ? "dc__disabled" : ""}`,
-              onClick: We(U),
-              disabled: w,
+              className: `key-value-table__row-delete-btn dc__unset-button-styles dc__align-self-stretch dc__no-shrink flex py-10 px-8 bg__primary dc__hover-n50 dc__tab-focus ${A ? "dc__disabled" : ""}`,
+              onClick: We($),
+              disabled: A,
               children: /* @__PURE__ */ a.jsx(
                 Sn,
                 {
@@ -16315,7 +16315,7 @@ const K8 = {
               )
             }
           )
-        ] }, U.id))
+        ] }, $.id))
       }
     ) })
   ] });
@@ -16481,9 +16481,9 @@ const K8 = {
   defaultValue: C,
   onKeyDown: S,
   required: T,
-  additionalErrorInfo: A,
+  additionalErrorInfo: w,
   inputWrapClassName: y = "",
-  inputProps: w = {}
+  inputProps: A = {}
 }) => {
   const k = ie();
   P(() => {
@@ -16503,10 +16503,10 @@ const K8 = {
   }, O = (G) => /* @__PURE__ */ a.jsxs("div", { className: "flex left mt-4 mb-4 dc__gap-4 cr-5 fs-11 lh-16 fw-4", children: [
     /* @__PURE__ */ a.jsx(Ri, { className: "icon-dim-16 p-1 form__icon--error dc__align-self-start dc__no-shrink" }),
     /* @__PURE__ */ a.jsx("span", { children: G }),
-    G && typeof A == "function" && A()
-  ] }, G), D = () => s?.length ? typeof s == "object" ? N(s).map((G) => O(G)) : O(s) : null, V = () => typeof r == "string" ? /* @__PURE__ */ a.jsx("span", { className: `${f ? "dc__required-field" : ""}`, children: r }) : r, $ = () => r ? /* @__PURE__ */ a.jsx("label", { className: `form__label ${c}`, "data-testid": `label-${h}`, children: V() }) : null;
+    G && typeof w == "function" && w()
+  ] }, G), D = () => s?.length ? typeof s == "object" ? N(s).map((G) => O(G)) : O(s) : null, F = () => typeof r == "string" ? /* @__PURE__ */ a.jsx("span", { className: `${f ? "dc__required-field" : ""}`, children: r }) : r, V = () => r ? /* @__PURE__ */ a.jsx("label", { className: `form__label ${c}`, "data-testid": `label-${h}`, children: F() }) : null;
   return /* @__PURE__ */ a.jsxs("div", { className: `flex column left top ${y}`, children: [
-    $(),
+    V(),
     /* @__PURE__ */ a.jsx(
       "input",
       {
@@ -16530,7 +16530,7 @@ const K8 = {
         defaultValue: C,
         onKeyDown: S,
         required: T,
-        ...w,
+        ...A,
         ref: k
       }
     ),
@@ -16568,19 +16568,19 @@ const K8 = {
   }, x = (y) => {
     d(y);
   }, b = (y) => {
-    const w = y ?? c;
-    x(w), i(w), s(""), h(!1), m(!1), _("");
+    const A = y ?? c;
+    x(A), i(A), s(""), h(!1), m(!1), _("");
   }, E = () => {
     b(n);
   }, v = () => {
     b();
   }, C = (y) => {
-    const { value: w } = y.target;
-    if (i(w), !w.trim()) {
+    const { value: A } = y.target;
+    if (i(A), !A.trim()) {
       s("");
       return;
     }
-    _(""), s(tb(w, !1).message);
+    _(""), s(tb(A, !1).message);
   }, S = async () => {
     if (!n) {
       _(gg), Ze.showToast({
@@ -16601,10 +16601,10 @@ const K8 = {
       const y = await fetch(n, { mode: "cors" });
       if (!y.ok)
         throw new Error("Invalid network response");
-      const w = await y.blob();
-      if (w.size > pg)
+      const A = await y.blob();
+      if (A.size > pg)
         throw new Error(`Please add an image smaller than ${pg / (1024 * 1024)} MB`);
-      const k = URL.createObjectURL(w), N = await rO(k);
+      const k = URL.createObjectURL(A), N = await rO(k);
       if (URL.revokeObjectURL(k), !N.isValid)
         throw new Error(N.message);
       E();
@@ -16615,7 +16615,7 @@ const K8 = {
     }
   }, T = async (y) => {
     y.key === "Enter" && (y.preventDefault(), await S());
-  }, A = (y, w) => /* @__PURE__ */ a.jsx(
+  }, w = (y, A) => /* @__PURE__ */ a.jsx(
     Pf,
     {
       imageProps: {
@@ -16623,13 +16623,13 @@ const K8 = {
         src: c,
         height: tc.height,
         width: tc.width,
-        className: `br-4 dc__no-shrink ${w || ""}`
+        className: `br-4 dc__no-shrink ${A || ""}`
       },
       fallbackImage: /* @__PURE__ */ a.jsx(fD, { defaultIcon: t, showEditIcon: y })
     }
   );
   return u ? /* @__PURE__ */ a.jsxs("div", { className: "flexbox dc__gap-20", children: [
-    A(!1),
+    w(!1),
     /* @__PURE__ */ a.jsxs("div", { className: "flexbox-col dc__gap-16 flex-grow-1", children: [
       /* @__PURE__ */ a.jsx("div", { className: "flexbox-col dc__gap-6 w-100 dc__align-start", children: /* @__PURE__ */ a.jsx(
         pa,
@@ -16682,7 +16682,7 @@ const K8 = {
       "aria-label": `${r} image`,
       onClick: g,
       children: [
-        A(!0, Zb),
+        w(!0, Zb),
         /* @__PURE__ */ a.jsx("div", { className: "flex p-4 br-4 bg__primary dc__border edit-image-form-field__figure-container--edit-image-icon dc__zi-1 bg__primary dc__hover-n50 icon-dim-24", children: /* @__PURE__ */ a.jsx(Qc, { className: "dc__no-shrink icon-dim-16" }) })
       ]
     }
@@ -16955,17 +16955,17 @@ const Dt = ({
       if (v.isIntersecting && v.intersectionRatio >= 1)
         c(1);
       else {
-        const { boundingClientRect: C, rootBounds: S } = v, { x: T, y: A, height: y, width: w } = C, {
+        const { boundingClientRect: C, rootBounds: S } = v, { x: T, y: w, height: y, width: A } = C, {
           x: k,
           y: N,
           height: I,
           width: O,
           left: D,
-          right: V,
-          top: $,
+          right: F,
+          top: V,
           bottom: G
         } = u.current.getBoundingClientRect();
-        A + y > S.height && (o({ left: k, bottom: document.documentElement.clientHeight - N }), c(1)), T + w > S.width && (o((Y) => ({ ...Y, right: "20px", left: "unset" })), c(1));
+        w + y > S.height && (o({ left: k, bottom: document.documentElement.clientHeight - N }), c(1)), T + A > S.width && (o((Y) => ({ ...Y, right: "20px", left: "unset" })), c(1));
       }
     });
   }
@@ -16982,8 +16982,8 @@ const Dt = ({
   function x(b) {
     if (!b) return;
     u.current = b;
-    const { bottom: E, height: v, left: C, right: S, top: T, width: A, x: y, y: w } = b.getBoundingClientRect();
-    h.current = A;
+    const { bottom: E, height: v, left: C, right: S, top: T, width: w, x: y, y: A } = b.getBoundingClientRect();
+    h.current = w;
   }
   return /* @__PURE__ */ a.jsx(
     tE.Provider,
@@ -17150,39 +17150,39 @@ const _g = ({
   }, x = (y) => {
     if (!y.relatedTarget || !y.relatedTarget.classList.value || !y.relatedTarget.classList.value.includes(`tag-${t}-class`)) {
       p("");
-      const w = { ...e };
-      w[r] = h, r === dn.KEY ? w.isInvalidKey = h || w.propagate ? !_.propagateTagKey(h).isValid : w.value !== "" : h || i || w.propagate ? (w.isInvalidValue = !_.propagateTagValue(h, w.key).isValid, w.isInvalidKey = !w.key || w.isInvalidKey) : (w.isInvalidValue = !1, w.isInvalidKey = w.key ? w.isInvalidKey : !1), s(t, w);
+      const A = { ...e };
+      A[r] = h, r === dn.KEY ? A.isInvalidKey = h || A.propagate ? !_.propagateTagKey(h).isValid : A.value !== "" : h || i || A.propagate ? (A.isInvalidValue = !_.propagateTagValue(h, A.key).isValid, A.isInvalidKey = !A.key || A.isInvalidKey) : (A.isInvalidValue = !1, A.isInvalidKey = A.key ? A.isInvalidKey : !1), s(t, A);
     }
   }, b = (y) => {
     f(y.target.value);
   }, E = (y) => {
     Oe(y);
-    const w = { ...e };
-    w[r] = y.currentTarget.dataset.key, w.propagate = y.currentTarget.dataset.propagate === "true", s(t, w), p("");
+    const A = { ...e };
+    A[r] = y.currentTarget.dataset.key, A.propagate = y.currentTarget.dataset.propagate === "true", s(t, A), p("");
   }, v = () => {
     let y = { isValid: !0, messages: [] };
     return r === dn.KEY ? (h || e.value) && (y = _.propagateTagKey(h)) : (i || h || e.propagate) && (y = _.propagateTagValue(h, e.key)), y.isValid ? null : /* @__PURE__ */ a.jsxs("div", { className: "p-4", onClick: Oe, "data-testid": "tag-label-cross-stop-propagation", children: [
-      y.messages.map((w) => /* @__PURE__ */ a.jsxs("div", { className: "flexbox pr-4 pl-4", children: [
+      y.messages.map((A) => /* @__PURE__ */ a.jsxs("div", { className: "flexbox pr-4 pl-4", children: [
         /* @__PURE__ */ a.jsx("span", { children: /* @__PURE__ */ a.jsx(Sn, { className: "icon-dim-14 scr-5 mt-3 mr-4" }) }),
-        /* @__PURE__ */ a.jsx("span", { children: w })
-      ] }, w)),
+        /* @__PURE__ */ a.jsx("span", { children: A })
+      ] }, A)),
       r === dn.KEY && /* @__PURE__ */ a.jsxs("div", { className: "flexbox pr-4 pl-4", children: [
         /* @__PURE__ */ a.jsx("span", { children: /* @__PURE__ */ a.jsx(fr, { className: "icon-dim-14 mt-3 mr-4" }) }),
         /* @__PURE__ */ a.jsx("span", { className: "dc__italic-font-style", children: "Key format: prefix/name or name" })
       ] })
     ] });
-  }, C = (y, w) => /* @__PURE__ */ a.jsx(
+  }, C = (y, A) => /* @__PURE__ */ a.jsx(
     "div",
     {
       "data-key": y.label,
       "data-propagate": y.propagate,
       className: "dc__hover-n50 dc__ellipsis-right lh-20 fs-13 fw-4 pt-6 pr-8 pb-6 pl-8 cursor",
       onClick: E,
-      "data-testid": `tag-label-value-${w}`,
+      "data-testid": `tag-label-value-${A}`,
       children: y.label
     },
-    `${y.value}-${w}`
-  ), S = (y, w) => /* @__PURE__ */ a.jsx(
+    `${y.value}-${A}`
+  ), S = (y, A) => /* @__PURE__ */ a.jsx(
     fe,
     {
       className: "default-tt",
@@ -17192,18 +17192,18 @@ const _g = ({
         /* @__PURE__ */ a.jsx("div", { className: "mb-10 fs-12 fw-6 dc__break-word", children: y.label }),
         /* @__PURE__ */ a.jsx("div", { className: "fs-12 fw-4 dc__break-word", children: y.description })
       ] }),
-      children: C(y, w)
+      children: C(y, A)
     }
   ), T = () => {
     if (n?.length) {
-      const y = n.filter((w) => w.label.indexOf(h) >= 0);
+      const y = n.filter((A) => A.label.indexOf(h) >= 0);
       if (y.length)
         return /* @__PURE__ */ a.jsx("div", { children: y.map(
-          (w, k) => w.description ? S(w, k) : C(w, k)
+          (A, k) => A.description ? S(A, k) : C(A, k)
         ) });
     }
     return v();
-  }, A = m === `tag-${r}-${t}` ? T() : null;
+  }, w = m === `tag-${r}-${t}` ? T() : null;
   return /* @__PURE__ */ a.jsxs(Dt, { autoClose: !0, autoPosition: !0, children: [
     /* @__PURE__ */ a.jsx(Dt.Button, { rootClassName: "bg__secondary flex top dc__no-border-imp", children: /* @__PURE__ */ a.jsx(
       Yf,
@@ -17222,14 +17222,14 @@ const _g = ({
         id: `tag-${r === dn.KEY ? "key" : "value"}-${t}`
       }
     ) }),
-    A && /* @__PURE__ */ a.jsx(
+    w && /* @__PURE__ */ a.jsx(
       Dt.Body,
       {
         rootClassName: `mxh-210 dc__overflow-auto tag-${t}-class`,
         autoWidth: !0,
         preventWheelDisable: !0,
         noBackDrop: u,
-        children: A
+        children: w
       }
     )
   ] });
@@ -17391,7 +17391,7 @@ const AD = (t) => {
   const E = de(() => t.map(({ id: N }) => N), [t]);
   P(() => {
     x(t.length > 0 && Object.keys(b.current).length < t.length);
-    const N = E.reduce((I, O) => (b.current[O] ? I[O] = b.current[O] : I[O] = e.reduce((D, { key: V }) => ({ ...D, [V]: On() }), {}), I), {});
+    const N = E.reduce((I, O) => (b.current[O] ? I[O] = b.current[O] : I[O] = e.reduce((D, { key: F }) => ({ ...D, [F]: On() }), {}), I), {});
     b.current = N;
   }, [JSON.stringify(E)]), P(() => {
     if (g) {
@@ -17401,21 +17401,21 @@ const AD = (t) => {
   }, [g]);
   const v = (N, I) => (O) => {
     let D = "";
-    const V = { selectedValue: null, files: [] };
+    const F = { selectedValue: null, files: [] };
     switch (N.data[I].type) {
       case Ot.DROPDOWN:
       case Ot.SELECT_TEXT:
-        D = O?.value || "", V.selectedValue = O;
+        D = O?.value || "", F.selectedValue = O;
         break;
       case Ot.FILE_UPLOAD:
-        D = O[0]?.name || "", V.files = O;
+        D = O[0]?.name || "", F.files = O;
         break;
       case Ot.TEXT:
       default:
         D = O.target.value;
         break;
     }
-    o(N, I, D, V);
+    o(N, I, D, F);
   }, C = (N) => () => {
     l(N);
   }, S = (N, I) => {
@@ -17440,22 +17440,22 @@ const AD = (t) => {
           }
         ) });
       case Ot.SELECT_TEXT: {
-        const { value: D, props: V } = N.data[I], { isCreatable: $ = !0 } = V;
+        const { value: D, props: F } = N.data[I], { isCreatable: V = !0 } = F;
         return /* @__PURE__ */ a.jsx("div", { className: "w-100 h-100 flex top dc__align-self-start", children: /* @__PURE__ */ a.jsx(
           v1,
           {
-            isCreatable: $,
+            isCreatable: V,
             isClearable: !0,
-            ...V,
+            ...F,
             variant: Vn.BORDER_LESS,
             classNamePrefix: "dynamic-data-table__cell__select-picker-text-area",
             inputId: `data-table-${N.id}-${I}-cell`,
             minHeight: 20,
             maxHeight: 160,
             value: gr(
-              V?.options,
+              F?.options,
               D,
-              $ && D ? { label: D, value: D } : null
+              V && D ? { label: D, value: D } : null
             ),
             onChange: v(N, I),
             isDisabled: O,
@@ -17518,7 +17518,7 @@ const AD = (t) => {
           }
         );
     }
-  }, T = (N, I) => N.data[I].required && /* @__PURE__ */ a.jsx("span", { className: "mt-10 px-6 w-20 cr-5 fs-16 lh-20 dc__align-self-start", children: "*" }), A = (N, I, O) => {
+  }, T = (N, I) => N.data[I].required && /* @__PURE__ */ a.jsx("span", { className: "mt-10 px-6 w-20 cr-5 fs-16 lh-20 dc__align-self-start", children: "*" }), w = (N, I, O) => {
     const D = O ? c : d;
     return D?.[I]?.(N) ? /* @__PURE__ */ a.jsx(
       "div",
@@ -17530,17 +17530,17 @@ const AD = (t) => {
   }, y = (N) => /* @__PURE__ */ a.jsxs("div", { className: "flexbox align-items-center dc__gap-4", children: [
     /* @__PURE__ */ a.jsx(Ct, { className: "icon-dim-16 fcr-5 dc__align-self-start dc__no-shrink" }),
     /* @__PURE__ */ a.jsx("p", { className: "fs-12 lh-16 cn-7 m-0", children: N })
-  ] }, N), w = (N, I) => {
-    const { isValid: O, errorMessages: D } = !N.data[I].disabled && i[N.id]?.[I] ? i[N.id][I] : { isValid: !0, errorMessages: [] }, V = N.data[I].type === Ot.SELECT_TEXT;
+  ] }, N), A = (N, I) => {
+    const { isValid: O, errorMessages: D } = !N.data[I].disabled && i[N.id]?.[I] ? i[N.id][I] : { isValid: !0, errorMessages: [] }, F = N.data[I].type === Ot.SELECT_TEXT;
     return O ? null : /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: `dynamic-data-table__error bg__primary dc__border br-4 py-7 px-8 flexbox-col dc__gap-4 ${V ? "no-error" : ""}`,
-        children: D.map(($) => y($))
+        className: `dynamic-data-table__error bg__primary dc__border br-4 py-7 px-8 flexbox-col dc__gap-4 ${F ? "no-error" : ""}`,
+        children: D.map((V) => y(V))
       }
     );
   }, k = (N, I, O) => {
-    const D = s || N.data[I].disabled || !1, V = !(i[N.id]?.[I]?.isValid ?? !0), $ = /* @__PURE__ */ a.jsx(
+    const D = s || N.data[I].disabled || !1, F = !(i[N.id]?.[I]?.isValid ?? !0), V = /* @__PURE__ */ a.jsx(
       Ae,
       {
         alwaysShowTippyOnHover: !!N.data[I].tooltip?.content || D,
@@ -17551,13 +17551,13 @@ const AD = (t) => {
         children: /* @__PURE__ */ a.jsxs(
           "div",
           {
-            className: `dynamic-data-table__cell bg__primary flexbox dc__align-items-center dc__gap-4 dc__position-rel ${D ? "cursor-not-allowed no-hover" : ""} ${!D && V ? "dynamic-data-table__cell--error no-hover" : ""} ${vD(N.data[I].type) ? "" : "no-hover no-focus"}`,
+            className: `dynamic-data-table__cell bg__primary flexbox dc__align-items-center dc__gap-4 dc__position-rel ${D ? "cursor-not-allowed no-hover" : ""} ${!D && F ? "dynamic-data-table__cell--error no-hover" : ""} ${vD(N.data[I].type) ? "" : "no-hover no-focus"}`,
             children: [
-              A(N, I, !0),
+              w(N, I, !0),
               S(N, I),
               T(N, I),
-              A(N, I),
-              w(N, I)
+              w(N, I),
+              A(N, I)
             ]
           }
         )
@@ -17573,13 +17573,13 @@ const AD = (t) => {
       );
       return ee === "start" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         ue,
-        $
+        V
       ] }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-        $,
+        V,
         ue
       ] });
     }
-    return $;
+    return V;
   };
   return m ? /* @__PURE__ */ a.jsx("div", { className: "bcn-2 px-1 pb-1 dc__bottom-radius-4", children: /* @__PURE__ */ a.jsx(
     "div",
@@ -26005,36 +26005,36 @@ function OP(t, e, s) {
     let C = _ ? E(s.from, null, _) : v(m, !1), S = g ? E(null, s.to, g) : v(p, !0), T = [];
     return (_ || m).to < (g || p).from - (_ && g ? 1 : 0) || m.widgetLineBreaks > 1 && C.bottom + t.defaultLineHeight / 2 < S.top ? T.push(x(h, C.bottom, f, S.top)) : C.bottom < S.top && t.elementAtHeight((C.bottom + S.top) / 2).type == Gt.Text && (C.bottom = S.top = (C.bottom + S.top) / 2), b(C).concat(T).concat(b(S));
   }
-  function x(C, S, T, A) {
-    return new ba(e, C - c.left, S - c.top, T - C, A - S);
+  function x(C, S, T, w) {
+    return new ba(e, C - c.left, S - c.top, T - C, w - S);
   }
   function b({ top: C, bottom: S, horizontal: T }) {
-    let A = [];
+    let w = [];
     for (let y = 0; y < T.length; y += 2)
-      A.push(x(T[y], C, T[y + 1], S));
-    return A;
+      w.push(x(T[y], C, T[y + 1], S));
+    return w;
   }
   function E(C, S, T) {
-    let A = 1e9, y = -1e9, w = [];
-    function k(O, D, V, $, G) {
-      let Y = t.coordsAtPos(O, O == T.to ? -2 : 2), ee = t.coordsAtPos(V, V == T.from ? 2 : -2);
-      !Y || !ee || (A = Math.min(Y.top, ee.top, A), y = Math.max(Y.bottom, ee.bottom, y), G == ze.LTR ? w.push(r && D ? h : Y.left, r && $ ? f : ee.right) : w.push(!r && $ ? h : ee.left, !r && D ? f : Y.right));
+    let w = 1e9, y = -1e9, A = [];
+    function k(O, D, F, V, G) {
+      let Y = t.coordsAtPos(O, O == T.to ? -2 : 2), ee = t.coordsAtPos(F, F == T.from ? 2 : -2);
+      !Y || !ee || (w = Math.min(Y.top, ee.top, w), y = Math.max(Y.bottom, ee.bottom, y), G == ze.LTR ? A.push(r && D ? h : Y.left, r && V ? f : ee.right) : A.push(!r && V ? h : ee.left, !r && D ? f : Y.right));
     }
     let N = C ?? T.from, I = S ?? T.to;
     for (let O of t.visibleRanges)
       if (O.to > N && O.from < I)
-        for (let D = Math.max(O.from, N), V = Math.min(O.to, I); ; ) {
-          let $ = t.state.doc.lineAt(D);
-          for (let G of t.bidiSpans($)) {
-            let Y = G.from + $.from, ee = G.to + $.from;
-            if (Y >= V)
+        for (let D = Math.max(O.from, N), F = Math.min(O.to, I); ; ) {
+          let V = t.state.doc.lineAt(D);
+          for (let G of t.bidiSpans(V)) {
+            let Y = G.from + V.from, ee = G.to + V.from;
+            if (Y >= F)
               break;
-            ee > D && k(Math.max(Y, D), C == null && Y <= N, Math.min(ee, V), S == null && ee >= I, G.dir);
+            ee > D && k(Math.max(Y, D), C == null && Y <= N, Math.min(ee, F), S == null && ee >= I, G.dir);
           }
-          if (D = $.to + 1, D >= V)
+          if (D = V.to + 1, D >= F)
             break;
         }
-    return w.length == 0 && k(N, C == null, I, S == null, t.textDirection), { top: A, bottom: y, horizontal: w };
+    return A.length == 0 && k(N, C == null, I, S == null, t.textDirection), { top: w, bottom: y, horizontal: A };
   }
   function v(C, S) {
     let T = l.top + (S ? C.top : C.bottom);
@@ -26735,11 +26735,11 @@ const ou = /* @__PURE__ */ W.define({
       } else u.style.height && (u.style.height = "");
       let S = v ? h.top - g - p - x.y : h.bottom + p + x.y, T = E + _;
       if (d.overlap !== !0)
-        for (let A of o)
-          A.left < T && A.right > E && A.top < S + g && A.bottom > S && (S = v ? A.top - g - 2 - p : A.bottom + p + 2);
+        for (let w of o)
+          w.left < T && w.right > E && w.top < S + g && w.bottom > S && (S = v ? w.top - g - 2 - p : w.bottom + p + 2);
       if (this.position == "absolute" ? (u.style.top = (S - t.parent.top) / r + "px", u_(u, (E - t.parent.left) / i)) : (u.style.top = S / r + "px", u_(u, E / i)), m) {
-        let A = h.left + (b ? x.x : -x.x) - (E + 14 - 7);
-        m.style.left = A / i + "px";
+        let w = h.left + (b ? x.x : -x.x) - (E + 14 - 7);
+        m.style.left = w / i + "px";
       }
       d.overlap !== !0 && o.push({ left: E, top: S, right: T, bottom: S + g }), u.classList.toggle("cm-tooltip-above", v), u.classList.toggle("cm-tooltip-below", !v), d.positioned && d.positioned(t.space);
     }
@@ -32742,7 +32742,7 @@ function yU(t) {
     basicSetup: v = !0,
     root: C,
     initialState: S
-  } = t, [T, A] = R(), [y, w] = R(), [k, N] = R(), I = H.theme({
+  } = t, [T, w] = R(), [y, A] = R(), [k, N] = R(), I = H.theme({
     "&": {
       height: u,
       minHeight: h,
@@ -32754,14 +32754,14 @@ function yU(t) {
     "& .cm-scroller": {
       height: "100% !important"
     }
-  }), O = H.updateListener.of(($) => {
-    if ($.docChanged && typeof n == "function" && // Fix echoing of the remote changes:
+  }), O = H.updateListener.of((V) => {
+    if (V.docChanged && typeof n == "function" && // Fix echoing of the remote changes:
     // If transaction is market as remote we don't have to call `onChange` handler again
-    !$.transactions.some((ee) => ee.annotation(K_))) {
-      var G = $.state.doc, Y = G.toString();
-      n(Y, $);
+    !V.transactions.some((ee) => ee.annotation(K_))) {
+      var G = V.state.doc, Y = G.toString();
+      n(Y, V);
     }
-    i && i(vU($));
+    i && i(vU(V));
   }), D = CU({
     theme: d,
     editable: x,
@@ -32769,41 +32769,41 @@ function yU(t) {
     placeholder: g,
     indentWithTab: E,
     basicSetup: v
-  }), V = [O, I, ...D];
-  return o && typeof o == "function" && V.push(H.updateListener.of(o)), V = V.concat(l), P(() => {
+  }), F = [O, I, ...D];
+  return o && typeof o == "function" && F.push(H.updateListener.of(o)), F = F.concat(l), P(() => {
     if (T && !k) {
-      var $ = {
+      var V = {
         doc: e,
         selection: s,
-        extensions: V
-      }, G = S ? me.fromJSON(S.json, $, S.fields) : me.create($);
+        extensions: F
+      }, G = S ? me.fromJSON(S.json, V, S.fields) : me.create(V);
       if (N(G), !y) {
         var Y = new H({
           state: G,
           parent: T,
           root: C
         });
-        w(Y), r && r(Y, G);
+        A(Y), r && r(Y, G);
       }
     }
     return () => {
-      y && (N(void 0), w(void 0));
+      y && (N(void 0), A(void 0));
     };
-  }, [T, k]), P(() => A(t.container), [t.container]), P(() => () => {
-    y && (y.destroy(), w(void 0));
+  }, [T, k]), P(() => w(t.container), [t.container]), P(() => () => {
+    y && (y.destroy(), A(void 0));
   }, [y]), P(() => {
     c && y && y.focus();
   }, [c, y]), P(() => {
     y && y.dispatch({
-      effects: se.reconfigure.of(V)
+      effects: se.reconfigure.of(F)
     });
   }, [d, l, u, h, f, m, p, _, g, x, b, E, v, n, o]), P(() => {
     if (e !== void 0) {
-      var $ = y ? y.state.doc.toString() : "";
-      y && e !== $ && y.dispatch({
+      var V = y ? y.state.doc.toString() : "";
+      y && e !== V && y.dispatch({
         changes: {
           from: 0,
-          to: $.length,
+          to: V.length,
           insert: e || ""
         },
         annotations: [K_.of(!0)]
@@ -32813,9 +32813,9 @@ function yU(t) {
     state: k,
     setState: N,
     view: y,
-    setView: w,
+    setView: A,
     container: T,
-    setContainer: A
+    setContainer: w
   };
 }
 var NU = ["className", "value", "selection", "extensions", "onChange", "onStatistics", "onCreateEditor", "onUpdate", "autoFocus", "theme", "height", "minHeight", "maxHeight", "width", "minWidth", "maxWidth", "basicSetup", "placeholder", "indentWithTab", "editable", "readOnly", "root", "initialState"], HS = /* @__PURE__ */ Gx((t, e) => {
@@ -32842,13 +32842,13 @@ var NU = ["className", "value", "selection", "extensions", "onChange", "onStatis
     editable: C,
     readOnly: S,
     root: T,
-    initialState: A
-  } = t, y = bi(t, NU), w = ie(null), {
+    initialState: w
+  } = t, y = bi(t, NU), A = ie(null), {
     state: k,
     view: N,
     container: I
   } = yU({
-    container: w.current,
+    container: A.current,
     root: T,
     value: n,
     autoFocus: u,
@@ -32870,17 +32870,17 @@ var NU = ["className", "value", "selection", "extensions", "onChange", "onStatis
     onCreateEditor: c,
     onUpdate: d,
     extensions: r,
-    initialState: A
+    initialState: w
   });
   if (hf(e, () => ({
-    editor: w.current,
+    editor: A.current,
     state: k,
     view: N
-  }), [w, I, k, N]), typeof n != "string")
+  }), [A, I, k, N]), typeof n != "string")
     throw new Error("value must be typeof string but got " + typeof n);
   var O = typeof h == "string" ? "cm-theme-" + h : "cm-theme";
   return /* @__PURE__ */ a.jsx("div", Ve({
-    ref: w,
+    ref: A,
     className: "" + O + (s ? " " + s : "")
   }, y));
 });
@@ -34652,7 +34652,7 @@ const S$ = (t) => {
   validatorSchema: e,
   schemaURI: s
 }) => {
-  if (!Object.keys(e).length)
+  if (!Object.keys(e ?? {}).length)
     return [];
   switch (t) {
     case Qt.JSON:
@@ -34769,15 +34769,15 @@ const S$ = (t) => {
   const [s, n] = R(new jc({ search: "" })), [i, r] = R({ count: 0, current: 1 }), [o, l] = R(!!s.replace), c = !i.count, d = t.state.readOnly, u = ({
     caseSensitive: O = s.caseSensitive,
     regexp: D = s.regexp,
-    replace: V = s.replace,
-    search: $ = s.search,
+    replace: F = s.replace,
+    search: V = s.search,
     wholeWord: G = s.wholeWord
   }) => {
     const Y = new jc({
       caseSensitive: O,
       regexp: D,
-      replace: V,
-      search: $,
+      replace: F,
+      search: V,
       wholeWord: G
     });
     Y.eq(s) || (n(Y), t.dispatch({ effects: Oi.of(Y) }), r(Zr(Y, t)));
@@ -34815,7 +34815,7 @@ const S$ = (t) => {
     u({ regexp: O });
   }, T = () => {
     l(!o);
-  }, A = (O) => {
+  }, w = (O) => {
     O.preventDefault(), O.stopPropagation(), wd(t);
   }, y = () => /* @__PURE__ */ a.jsx("div", { className: "code-editor__search__replace-expand-button flexbox dc__align-self-stretch", children: /* @__PURE__ */ a.jsx(
     ge,
@@ -34842,7 +34842,7 @@ const S$ = (t) => {
         placement: "bottom"
       }
     }
-  ) }), w = () => /* @__PURE__ */ a.jsxs("div", { className: "code-editor__search__field-container", children: [
+  ) }), A = () => /* @__PURE__ */ a.jsxs("div", { className: "code-editor__search__field-container", children: [
     /* @__PURE__ */ a.jsx(
       "input",
       {
@@ -34960,7 +34960,7 @@ const S$ = (t) => {
       variant: Te.borderLess,
       style: De.neutral,
       size: B.xxs,
-      onClick: A,
+      onClick: w,
       showTooltip: !0,
       tooltipProps: {
         shortcutKeyCombo: {
@@ -35032,7 +35032,7 @@ const S$ = (t) => {
     !d && y(),
     /* @__PURE__ */ a.jsxs("div", { className: "flexbox-col dc__gap-4", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "flexbox dc__align-items-center dc__gap-8", children: [
-        w(),
+        A(),
         /* @__PURE__ */ a.jsx("p", { className: `m-0 w-80px fs-12 lh-18 cn-7 ${s.search && !i.count ? "cr-5" : ""}`, children: i.count ? `${i.current || "?"} of ${i.count}` : "No results" }),
         k(),
         N()
@@ -35050,12 +35050,12 @@ const S$ = (t) => {
   }, i = () => {
     const o = document.querySelector("[data-code-editor-find]");
     o?.focus(), o?.select();
-  }, r = ({ transactions: o, changes: l }) => {
-    o.forEach((c) => {
-      c.effects.forEach((d) => {
-        d.is(Oi) && n();
+  }, r = ({ transactions: o, docChanged: l, state: c, startState: d }) => {
+    o.forEach((u) => {
+      u.effects.forEach((h) => {
+        h.is(Oi) && n();
       });
-    }), l && n();
+    }), (l || c.readOnly !== d.readOnly) && n();
   };
   return n(), {
     top: !0,
@@ -35334,10 +35334,10 @@ const X$ = (t) => (t ? by : _y)({
     fontSize: "14px",
     fontFamily: "Inconsolata, monospace",
     background: "var(--bg-code-editor-base)",
-    foreground: t ? "var(--white)" : "var(--black)",
-    caret: t ? "var(--white)" : "var(--black)",
+    foreground: "var(--N900)",
+    caret: "var(--N900)",
     gutterBackground: "var(--bg-code-editor-base-gutter)",
-    gutterForeground: t ? "var(--white)" : "var(--black)",
+    gutterForeground: "var(--N900)",
     gutterBorder: "transparent",
     lineHighlight: "var(--active-line)"
   },
@@ -35421,7 +35421,7 @@ function tV(t) {
     basicSetup: v = !0,
     root: C,
     initialState: S
-  } = t, [T, A] = R(), [y, w] = R(), [k, N] = R(), I = H.theme({
+  } = t, [T, w] = R(), [y, A] = R(), [k, N] = R(), I = H.theme({
     "&": {
       height: u,
       minHeight: h,
@@ -35433,14 +35433,14 @@ function tV(t) {
     "& .cm-scroller": {
       height: "100% !important"
     }
-  }), O = H.updateListener.of(($) => {
-    if ($.docChanged && typeof n == "function" && // Fix echoing of the remote changes:
+  }), O = H.updateListener.of((V) => {
+    if (V.docChanged && typeof n == "function" && // Fix echoing of the remote changes:
     // If transaction is market as remote we don't have to call `onChange` handler again
-    !$.transactions.some((ee) => ee.annotation(sx))) {
-      var G = $.state.doc, Y = G.toString();
-      n(Y, $);
+    !V.transactions.some((ee) => ee.annotation(sx))) {
+      var G = V.state.doc, Y = G.toString();
+      n(Y, V);
     }
-    i && i(Q$($));
+    i && i(Q$(V));
   }), D = mi({
     theme: d,
     editable: x,
@@ -35448,41 +35448,41 @@ function tV(t) {
     placeholder: g,
     indentWithTab: E,
     basicSetup: v
-  }), V = [O, I, ...D];
-  return o && typeof o == "function" && V.push(H.updateListener.of(o)), V = V.concat(l), P(() => {
+  }), F = [O, I, ...D];
+  return o && typeof o == "function" && F.push(H.updateListener.of(o)), F = F.concat(l), P(() => {
     if (T && !k) {
-      var $ = {
+      var V = {
         doc: e,
         selection: s,
-        extensions: V
-      }, G = S ? me.fromJSON(S.json, $, S.fields) : me.create($);
+        extensions: F
+      }, G = S ? me.fromJSON(S.json, V, S.fields) : me.create(V);
       if (N(G), !y) {
         var Y = new H({
           state: G,
           parent: T,
           root: C
         });
-        w(Y), r && r(Y, G);
+        A(Y), r && r(Y, G);
       }
     }
     return () => {
-      y && (N(void 0), w(void 0));
+      y && (N(void 0), A(void 0));
     };
-  }, [T, k]), P(() => A(t.container), [t.container]), P(() => () => {
-    y && (y.destroy(), w(void 0));
+  }, [T, k]), P(() => w(t.container), [t.container]), P(() => () => {
+    y && (y.destroy(), A(void 0));
   }, [y]), P(() => {
     c && y && y.focus();
   }, [c, y]), P(() => {
     y && y.dispatch({
-      effects: se.reconfigure.of(V)
+      effects: se.reconfigure.of(F)
     });
   }, [d, l, u, h, f, m, p, _, g, x, b, E, v, n, o]), P(() => {
     if (e !== void 0) {
-      var $ = y ? y.state.doc.toString() : "";
-      y && e !== $ && y.dispatch({
+      var V = y ? y.state.doc.toString() : "";
+      y && e !== V && y.dispatch({
         changes: {
           from: 0,
-          to: $.length,
+          to: V.length,
           insert: e || ""
         },
         annotations: [sx.of(!0)]
@@ -35492,9 +35492,9 @@ function tV(t) {
     state: k,
     setState: N,
     view: y,
-    setView: w,
+    setView: A,
     container: T,
-    setContainer: A
+    setContainer: w
   };
 }
 var sV = ["className", "value", "selection", "extensions", "onChange", "onStatistics", "onCreateEditor", "onUpdate", "autoFocus", "theme", "height", "minHeight", "maxHeight", "width", "minWidth", "maxWidth", "basicSetup", "placeholder", "indentWithTab", "editable", "readOnly", "root", "initialState"], nV = /* @__PURE__ */ Gx((t, e) => {
@@ -35521,13 +35521,13 @@ var sV = ["className", "value", "selection", "extensions", "onChange", "onStatis
     editable: C,
     readOnly: S,
     root: T,
-    initialState: A
-  } = t, y = bi(t, sV), w = ie(null), {
+    initialState: w
+  } = t, y = bi(t, sV), A = ie(null), {
     state: k,
     view: N,
     container: I
   } = tV({
-    container: w.current,
+    container: A.current,
     root: T,
     value: n,
     autoFocus: u,
@@ -35549,17 +35549,17 @@ var sV = ["className", "value", "selection", "extensions", "onChange", "onStatis
     onCreateEditor: c,
     onUpdate: d,
     extensions: r,
-    initialState: A
+    initialState: w
   });
   if (hf(e, () => ({
-    editor: w.current,
+    editor: A.current,
     state: k,
     view: N
-  }), [w, I, k, N]), typeof n != "string")
+  }), [A, I, k, N]), typeof n != "string")
     throw new Error("value must be typeof string but got " + typeof n);
   var O = typeof h == "string" ? "cm-theme-" + h : "cm-theme";
   return /* @__PURE__ */ a.jsx("div", Ve({
-    ref: w,
+    ref: A,
     className: "" + O + (s ? " " + s : "")
   }, y));
 });
@@ -36611,15 +36611,15 @@ var wV = ["className", "children", "orientation", "revertControls", "highlightCh
       parent: v.current
     }, S)
   }), [v, C, m, _, S]);
-  var T = H.updateListener.of((w) => {
-    if (w.docChanged && typeof g?.onChange == "function") {
-      var k = w.state.doc, N = k.toString();
-      g?.onChange(N, w);
+  var T = H.updateListener.of((A) => {
+    if (A.docChanged && typeof g?.onChange == "function") {
+      var k = A.state.doc, N = k.toString();
+      g?.onChange(N, A);
     }
-  }), A = H.updateListener.of((w) => {
-    if (w.docChanged && typeof p?.onChange == "function") {
-      var k = w.state.doc, N = k.toString();
-      p?.onChange(N, w);
+  }), w = H.updateListener.of((A) => {
+    if (A.docChanged && typeof p?.onChange == "function") {
+      var k = A.state.doc, N = k.toString();
+      p?.onChange(N, A);
     }
   });
   P(() => {
@@ -36632,7 +36632,7 @@ var wV = ["className", "children", "orientation", "revertControls", "highlightCh
       b: Ve({}, m, {
         extensions: [...p?.extension || [], ...mi(Ve({}, p?.option, {
           theme: x
-        })), A]
+        })), w]
       }),
       parent: v.current
     }, S)), b({
@@ -36640,7 +36640,7 @@ var wV = ["className", "children", "orientation", "revertControls", "highlightCh
     }));
   }, [C, v, g, p]), P(() => {
     if (_ && _.doc && C.current) {
-      var w, k = (w = C.current) == null ? void 0 : w.a.state.doc.toString();
+      var A, k = (A = C.current) == null ? void 0 : A.a.state.doc.toString();
       if (k !== _.doc) {
         var N;
         (N = C.current) == null || N.a.dispatch({
@@ -36674,7 +36674,7 @@ var wV = ["className", "children", "orientation", "revertControls", "highlightCh
       }
     }
     if (d && C.current) {
-      var V = C.current.a.state.selection.ranges[0].from, $ = C.current.b.state.selection.ranges[0].from;
+      var F = C.current.a.state.selection.ranges[0].from, V = C.current.b.state.selection.ranges[0].from;
       C.current.destroy(), C.current = new bx(Ve({
         a: Ve({}, _, {
           extensions: [...g?.extension || [], ...mi(Ve({}, g?.option, {
@@ -36687,22 +36687,22 @@ var wV = ["className", "children", "orientation", "revertControls", "highlightCh
           }))]
         }),
         parent: v.current
-      }, S)), V && (C.current.a.focus(), C.current.a.dispatch({
+      }, S)), F && (C.current.a.focus(), C.current.a.dispatch({
         selection: {
-          anchor: V,
-          head: V
+          anchor: F,
+          head: F
         }
-      })), $ && (C.current.b.focus(), C.current.b.dispatch({
+      })), V && (C.current.b.focus(), C.current.b.dispatch({
         selection: {
-          anchor: $,
-          head: $
+          anchor: V,
+          head: V
         }
       }));
     }
   }, [C, x, v.current, _, m, g, p, d]), P(() => () => C.current && C.current.destroy(), []), P(() => {
     if (C.current) {
-      var w = {};
-      E.orientation !== i && (w.orientation = i), E.revertControls !== r && (w.revertControls = r), E.highlightChanges !== o && (w.highlightChanges = o), E.gutter !== l && (w.gutter = l), E.collapseUnchanged !== c && (w.collapseUnchanged = c), E.renderRevertControl !== u && (w.collapseUnchanged = c), Object.keys(w).length && b && C.current && (C.current.reconfigure(Ve({}, w)), b(Ve({}, w)));
+      var A = {};
+      E.orientation !== i && (A.orientation = i), E.revertControls !== r && (A.revertControls = r), E.highlightChanges !== o && (A.highlightChanges = o), E.gutter !== l && (A.gutter = l), E.collapseUnchanged !== c && (A.collapseUnchanged = c), E.renderRevertControl !== u && (A.collapseUnchanged = c), Object.keys(A).length && b && C.current && (C.current.reconfigure(Ve({}, A)), b(Ve({}, A)));
     }
   }, [b, C, i, r, o, l, c, u]);
   var y = "cm-merge-theme";
@@ -36750,28 +36750,34 @@ const RV = ({
   extensions: b,
   autoFocus: E
 }) => {
-  const [v, C] = R(!1), S = ie();
+  const [v, C] = R(!1), [S, T] = R(0), w = ie(), y = () => {
+    const F = document.querySelector(".cm-gutters");
+    F && T(F.getBoundingClientRect().width);
+  };
   P(() => {
     setTimeout(() => {
-      E && S.current?.view && S.current.view.focus();
+      E && w.current?.view && w.current.view.focus();
     }, 100);
   }, [E]), P(() => {
-    const N = document.querySelector("html");
-    if (N) {
-      const { scrollWidth: I, clientWidth: O } = S.current?.view?.scrollDOM ?? {};
-      v && I > O ? N.classList.add("dc__overscroll-none") : N.classList.remove("dc__overscroll-none");
+    const F = document.querySelector("body");
+    if (F) {
+      const { scrollWidth: V, clientWidth: G } = w.current?.view?.scrollDOM ?? {};
+      v && V > G ? F.classList.add("dc__overscroll-none") : F.classList.remove("dc__overscroll-none");
     }
+    y();
   }, [n.lhsCode, n.code, v]);
-  const T = (N) => {
-    C(!0), g?.(N);
-  }, A = (N) => {
-    C(!1), x?.(N);
-  }, { codeEditorClassName: y, codeEditorHeight: w, codeEditorParentClassName: k } = S$(s);
-  return t ? e || /* @__PURE__ */ a.jsx("div", { className: "flex mh-250", style: { height: w }, children: /* @__PURE__ */ a.jsx(st, { pageLoader: !0 }) }) : n.diffMode ? /* @__PURE__ */ a.jsxs(
+  const A = () => {
+    y();
+  }, k = (F) => {
+    C(!0), g?.(F);
+  }, N = (F) => {
+    C(!1), x?.(F);
+  }, { codeEditorClassName: I, codeEditorHeight: O, codeEditorParentClassName: D } = S$(s);
+  return t ? e || /* @__PURE__ */ a.jsx("div", { className: "flex mh-250", style: { height: O }, children: /* @__PURE__ */ a.jsx(st, { pageLoader: !0 }) }) : n.diffMode ? /* @__PURE__ */ a.jsxs(
     lr,
     {
       theme: i,
-      className: `w-100 vertical-divider ${o ? "cm-merge-theme__dark" : "cm-merge-theme__light"} ${k}`,
+      className: `w-100 vertical-divider ${o ? "cm-merge-theme__dark" : "cm-merge-theme__light"} ${D}`,
       gutter: !0,
       destroyRerender: !1,
       children: [
@@ -36798,13 +36804,19 @@ const RV = ({
       ]
     },
     r
-  ) : /* @__PURE__ */ a.jsxs("div", { ref: m, className: `w-100 ${k}`, children: [
+  ) : /* @__PURE__ */ a.jsxs("div", { ref: m, className: `w-100 ${D}`, children: [
     p && /* @__PURE__ */ a.jsxs(
-      "div",
+      "p",
       {
-        className: `flexbox text__white code-editor__shebang ${o ? "code-editor__shebang__dark" : "code-editor__shebang__light"}`,
+        className: `m-0 flexbox cn-9 code-editor__shebang ${o ? "code-editor__shebang__dark" : "code-editor__shebang__light"}`,
         children: [
-          /* @__PURE__ */ a.jsx("div", { className: "code-editor__shebang__gutter dc__align-self-stretch" }),
+          /* @__PURE__ */ a.jsx(
+            "span",
+            {
+              className: "code-editor__shebang__gutter dc__align-self-stretch",
+              style: { flex: `0 0 ${S}px` }
+            }
+          ),
           p
         ]
       }
@@ -36812,17 +36824,18 @@ const RV = ({
     /* @__PURE__ */ a.jsx(
       HS,
       {
-        ref: S,
+        ref: w,
         theme: i,
-        className: `${o ? "cm-theme__dark" : "cm-theme__light"} ${y}`,
+        className: `${o ? "cm-theme__dark" : "cm-theme__light"} ${I}`,
         basicSetup: !1,
         value: n.code,
         placeholder: _,
         readOnly: l,
-        height: w,
+        height: O,
         minHeight: "250px",
-        onFocus: T,
-        onBlur: A,
+        onCreateEditor: A,
+        onFocus: k,
+        onBlur: N,
         onChange: h,
         extensions: b
       }
@@ -36853,13 +36866,13 @@ const RV = ({
   cleanData: C = !1,
   onBlur: S,
   onFocus: T,
-  autoFocus: A,
+  autoFocus: w,
   disableSearch: y = !1
 }) => {
-  const { appTheme: w } = Ob(), k = de(() => {
+  const { appTheme: A } = Ob(), k = de(() => {
     const oe = g ? n : e;
     return C ? Ox(oe) : oe;
-  }, [e, n, g]), N = de(() => C ? Ox(s) : s, [s]), I = ie(), O = (t ?? w) === Gn.dark, D = X$(O), [V, $] = R(), [G, Y] = R(!1), [ee, ue] = Yx(
+  }, [e, n, g]), N = de(() => C ? Ox(s) : s, [s]), I = ie(), O = (t ?? A) === Gn.dark, D = X$(O), [F, V] = R(), [G, Y] = R(!1), [ee, ue] = Yx(
     U$,
     $$({
       mode: r,
@@ -36881,10 +36894,10 @@ const RV = ({
     ue({ type: "setDiff", value: g });
   }, [g]), P(
     () => {
-      $(xr());
+      V(xr());
     },
     // Include any props that modify codemirror-merge extensions directly, as a workaround for the unresolved bug.
-    [p, c, y, w, r]
+    [p, c, y, A, r]
   );
   const Q = (oe) => {
     ue({ type: "setCode", value: oe }), ee.diffMode ? m?.(oe) : h?.(oe);
@@ -36900,21 +36913,20 @@ const RV = ({
     defaultKeymap: !1,
     searchKeymap: !1,
     foldGutter: !1,
-    // TODO: need to remove this after getting proper colors from design
     drawSelection: !1,
     highlightActiveLineGutter: !1,
     tabSize: c
   }, je = (oe) => {
     Q(oe);
-  }, U = (oe) => {
+  }, $ = (oe) => {
     q(oe);
-  }, F = dm({
+  }, U = dm({
     markerDOM: N$
   }), J = [
     Xh(Ee),
     Xn.of(OU.filter(({ key: oe }) => !y || oe !== "Mod-f")),
     w$(r),
-    Se.of(F),
+    Se.of(U),
     cU(),
     zB({
       createPanel: F$
@@ -36929,7 +36941,7 @@ const RV = ({
     /* @__PURE__ */ a.jsx(
       RV,
       {
-        codemirrorMergeKey: V,
+        codemirrorMergeKey: F,
         codeMirrorParentDivRef: I,
         codeEditorTheme: D,
         isDarkTheme: O,
@@ -36941,11 +36953,11 @@ const RV = ({
         readOnly: p,
         placeholder: _,
         handleOnChange: je,
-        handleLhsOnChange: U,
+        handleLhsOnChange: $,
         isOriginalModifiable: i,
         onBlur: S,
         onFocus: T,
-        autoFocus: A,
+        autoFocus: w,
         originalViewExtensions: he,
         modifiedViewExtensions: ke,
         extensions: _e
@@ -37766,58 +37778,58 @@ const Wc = "Please provide valid YAML", Qr = {
     () => XV(e, s, n, r),
     [e, s, n]
   ), x = q0(), b = ie(null), E = de(() => {
-    const A = b.current?.getBoundingClientRect() || {
+    const w = b.current?.getBoundingClientRect() || {
       x: 0,
       y: 0
     };
-    return { x: A.x, y: A.y };
+    return { x: w.x, y: w.y };
   }, [b.current]);
   P(() => {
-    const A = new ResizeObserver((y) => {
+    const w = new ResizeObserver((y) => {
       if (y?.length > 0 && l) {
-        const { height: w } = y[0].contentRect;
-        E.y + h.y + w > x.height && f({
+        const { height: A } = y[0].contentRect;
+        E.y + h.y + A > x.height && f({
           x: h.x,
-          y: x.height - w - E.y
+          y: x.height - A - E.y
         });
       }
     });
-    return A.observe(b.current), () => {
-      A.disconnect();
+    return w.observe(b.current), () => {
+      w.disconnect();
     };
   }, [l, h, x, E]);
   const v = () => {
-    const A = {
+    const w = {
       x: E.x + d.x,
       y: E.y + d.y
     };
     f({
       x: d.x,
       y: d.y
-    }), A.y > x.height - wn.height && f({
+    }), w.y > x.height - wn.height && f({
       x: d.x,
       y: x.height - wn.height - E.y
-    }), A.x > x.width - wn.width && f({
+    }), w.x > x.width - wn.width && f({
       x: x.width - wn.width - E.x,
       y: d.y
-    }), A.x > x.width - wn.width && A.y > x.height - wn.height && f({
+    }), w.x > x.width - wn.width && w.y > x.height - wn.height && f({
       x: x.width - wn.width - E.x,
       y: x.height - wn.height - E.y
     }), c(!0);
-  }, C = dt((A) => {
-    A.stopPropagation(), c(!1);
-  }, []), S = (A, y) => {
-    const w = {
+  }, C = dt((w) => {
+    w.stopPropagation(), c(!1);
+  }, []), S = (w, y) => {
+    const A = {
       x: E.x + y.x,
       y: E.y + y.y
     };
-    w.y < 0 || w.x < 0 || w.x + (b.current?.getBoundingClientRect().width || 0) > x.width || w.y + (b.current?.getBoundingClientRect().height || 0) > x.height || u(y);
-  }, T = (A, y) => {
-    const w = {
+    A.y < 0 || A.x < 0 || A.x + (b.current?.getBoundingClientRect().width || 0) > x.width || A.y + (b.current?.getBoundingClientRect().height || 0) > x.height || u(y);
+  }, T = (w, y) => {
+    const A = {
       x: E.x + y.x,
       y: E.y + y.y
     };
-    w.y < 0 || w.x < 0 || w.x + (b.current?.getBoundingClientRect().width || 0) > x.width || w.y + (b.current?.getBoundingClientRect().height || 0) > x.height || (f(y), u(y));
+    A.y < 0 || A.x < 0 || A.x + (b.current?.getBoundingClientRect().width || 0) > x.width || A.y + (b.current?.getBoundingClientRect().height || 0) > x.height || (f(y), u(y));
   };
   return l ? /* @__PURE__ */ a.jsx(
     Dl,
@@ -38000,7 +38012,7 @@ const sH = ({
     (b, E) => {
       const v = Au.some((S) => S.label === u), C = tH[u] ?? ((S) => S);
       if (!v) {
-        const S = b.additionalKeys?.find((A) => A.label === u)?.value || "", T = E.additionalKeys?.find((A) => A.label === u)?.value || "";
+        const S = b.additionalKeys?.find((w) => w.label === u)?.value || "", T = E.additionalKeys?.find((w) => w.label === u)?.value || "";
         return wt(S, T, h);
       }
       return (h === we.ASC ? 1 : -1) * (C(b[Sx[u]]) < C(E[Sx[u]]) ? -1 : 1);
@@ -38186,52 +38198,52 @@ const sH = ({
   }, b = async () => {
     try {
       h(!0);
-      let A = -1;
+      let w = -1;
       const y = () => {
-        A >= 0 || (A = setTimeout(() => {
-          f((/* @__PURE__ */ new Date()).toISOString()), A = -1;
+        w >= 0 || (w = setTimeout(() => {
+          f((/* @__PURE__ */ new Date()).toISOString()), w = -1;
         }, 10));
-      }, w = m.current.map((k) => async () => {
+      }, A = m.current.map((k) => async () => {
         const { operation: N, name: I, additionalKeys: O, renderContentAtResultRowEnd: D = null } = k;
         if (_.current.signal.aborted)
           throw new Error("bulk operations aborted");
-        let V = -1;
+        let F = -1;
         try {
-          V = p.current.addResult({
+          F = p.current.addResult({
             name: I,
             additionalKeys: O,
             status: "Progressing",
             message: "-"
           }), y();
-          const $ = await N(_, c);
-          p.current.updateResultStatus(V, {
+          const V = await N(_, c);
+          p.current.updateResultStatus(F, {
             status: "Completed",
             ...D ? {
-              renderContentAtResultRowEnd: () => D($)
+              renderContentAtResultRowEnd: () => D(V)
             } : {}
           }), y();
-        } catch ($) {
-          if (en($)) {
-            p.current.updateResultStatus(V, {
+        } catch (V) {
+          if (en(V)) {
+            p.current.updateResultStatus(F, {
               status: "Failed",
               message: "Aborted by you",
               retryOperation: k
             }), y();
             return;
           }
-          p.current.updateResultStatus(V, {
+          p.current.updateResultStatus(F, {
             status: "Failed",
-            message: ($ && ($.message || $ instanceof Es && Array.isArray($.errors) && $.errors[0].userMessage)) ?? "",
+            message: (V && (V.message || V instanceof Es && Array.isArray(V.errors) && V.errors[0].userMessage)) ?? "",
             retryOperation: k
           }), y();
         }
       });
-      await QV(w, !0), Ze.showToast({
+      await QV(A, !0), Ze.showToast({
         variant: Re.info,
         description: "Action completed"
       }), i && x();
-    } catch (A) {
-      it(A);
+    } catch (w) {
+      it(w);
     } finally {
       h(!1);
     }
@@ -39757,22 +39769,22 @@ const XW = ({
   forceReInit: h,
   isSuperAdmin: f
 }) => {
-  const [m, p] = R(n || []), [_, g] = R(s ? s.comment : ""), [x, b] = R(r || []), [E, v] = R(s ? s.comment : ""), [C, S] = R(!1), [T, A] = R(!1), [y, w] = R(n || []), [k, N] = R(""), [I, O] = R([]), [D, V] = R([]), [$, G] = R([]), [Y, ee] = R(""), [ue, We] = R(""), [Q, q] = R(!1);
+  const [m, p] = R(n || []), [_, g] = R(s ? s.comment : ""), [x, b] = R(r || []), [E, v] = R(s ? s.comment : ""), [C, S] = R(!1), [T, w] = R(!1), [y, A] = R(n || []), [k, N] = R(""), [I, O] = R([]), [D, F] = R([]), [V, G] = R([]), [Y, ee] = R(""), [ue, We] = R(""), [Q, q] = R(!1);
   P(() => {
     Se();
   }, [n, s, l]), P(() => {
     b(r || []);
   }, [r]);
   const Se = () => {
-    (h || !C) && (p(n || []), g(s ? s.comment : ""), v(s ? s.comment : ""), w(n || []), S(!1));
+    (h || !C) && (p(n || []), g(s ? s.comment : ""), v(s ? s.comment : ""), A(n || []), S(!1));
   }, Ee = () => {
     S(!C), typeof d == "function" && d(e);
   }, je = (te) => {
     const Le = te.target.value;
     Le?.length > 500 ? ee("comment length cannot exceed 500 characters") : ee(""), v(Le);
-  }, U = () => {
-    w(m), v(_), O([]), V([]), G([]), Ee(), A(!1), N("");
-  }, F = (te) => {
+  }, $ = () => {
+    A(m), v(_), O([]), F([]), G([]), Ee(), w(!1), N("");
+  }, U = (te) => {
     if (te.length == 0 || te.length >= 128 || te[0] == "." || te[0] == "-")
       return N("Label name cannot be empty or exceed 128 characters or cannot start with . or -"), !1;
     N("");
@@ -39783,7 +39795,7 @@ const XW = ({
     return Le || Ce || te === "latest" ? (N("This label is already being used in this application"), !1) : !0;
   }, J = (te) => {
     const Le = te.toLowerCase().trim();
-    if (F(Le)) {
+    if (U(Le)) {
       const Ce = {
         id: 0,
         tagName: Le,
@@ -39792,7 +39804,7 @@ const XW = ({
         artifactId: 0,
         duplicateTag: !1
       }, rt = [...I, Ce];
-      return O(rt), w([...y, Ce]), A(!0), We(""), rt;
+      return O(rt), A([...y, Ce]), w(!0), We(""), rt;
     }
     return I;
   }, _e = (te) => {
@@ -39802,15 +39814,15 @@ const XW = ({
       deleted: !Le[te].deleted
     };
     const Ce = Le[te], rt = [...D], yt = rt.findIndex((ms) => ms.tagName === Ce.tagName);
-    yt !== -1 ? rt.splice(yt, 1) : rt.push(Ce), w(Le), V(rt);
+    yt !== -1 ? rt.splice(yt, 1) : rt.push(Ce), A(Le), F(rt);
   }, he = (te) => {
     const Le = y[te], Ce = I.filter((ms) => ms.tagName !== Le.tagName);
     O(Ce);
     const rt = [...y];
-    rt.splice(te, 1), w(rt);
+    rt.splice(te, 1), A(rt);
     const yt = x.filter((ms) => ms.toLowerCase() !== Le.tagName.toLowerCase());
     if (b(yt), Le.id !== 0) {
-      const ms = [...$, Le];
+      const ms = [...V, Le];
       G(ms);
     }
   }, ke = (te) => {
@@ -39824,7 +39836,7 @@ const XW = ({
         const ms = Ce.find((jd) => jd.tagName === yt.tagName);
         return ms ? { ...yt, duplicateTag: ms.duplicateTag } : yt;
       });
-      w(rt);
+      A(rt);
     });
   }, oe = async (te) => {
     if (k) return;
@@ -39836,7 +39848,7 @@ const XW = ({
         comment: E.trim(),
         artifactId: 0
       },
-      hardDeleteTags: $
+      hardDeleteTags: V
     };
     q(!0), D1(Le, t ?? 0, e).then((Ce) => {
       const rt = Ce.result?.imageReleaseTags?.map((yt) => ({
@@ -39846,7 +39858,7 @@ const XW = ({
         appId: 0,
         artifactId: 0
       }));
-      o && o(Ce.result?.appReleaseTags), c && c(Ce.result?.tagsEditable), p(rt), g(Ce.result?.imageComment?.comment), w(rt), v(Ce.result?.imageComment?.comment), O([]), V([]), G([]), Ee(), A(!1), N(""), i && i(e, rt, Ce.result?.imageComment);
+      o && o(Ce.result?.appReleaseTags), c && c(Ce.result?.tagsEditable), p(rt), g(Ce.result?.imageComment?.comment), A(rt), v(Ce.result?.imageComment?.comment), O([]), F([]), G([]), Ee(), w(!1), N(""), i && i(e, rt, Ce.result?.imageComment);
     }).catch((Ce) => {
       Ce.errors?.[0]?.userMessage?.appReleaseTags?.length ? (Ze.showToast({
         variant: Re.error,
@@ -39876,7 +39888,7 @@ const XW = ({
   const yn = (te) => {
     te.key === "Enter" && te.target.value.trim() && J(te.target.value.trim());
   }, Vs = (te) => {
-    te.target.value && F(te.target.value), We(te.target.value);
+    te.target.value && U(te.target.value), We(te.target.value);
   }, Ld = (te) => {
     Oe(te), ue.trim() && J(ue.trim());
   }, Dd = () => {
@@ -39965,7 +39977,7 @@ const XW = ({
           className: "cta flex cancel h-32 lh-32-imp",
           type: "button",
           onClick: (te) => {
-            Oe(te), U();
+            Oe(te), $();
           },
           disabled: Q,
           children: "Cancel"
@@ -40208,12 +40220,12 @@ const Vr = ({
   }, [h]), useEffectAfterMount(() => {
     f(s);
   }, [s]);
-  function E(A, y) {
-    f(y), A.target.name = l, A.target.value = y, e(A);
+  function E(w, y) {
+    f(y), w.target.name = l, w.target.value = y, e(w);
   }
   if (!t) return null;
   const { button: v, body: C, optionLength: S, AsyncComponent: T } = pe.Children.toArray(t).reduce(
-    (A, y) => (y.type === iN ? A.button = y : y.type === rN ? A.AsyncComponent = y : ((y.type === sN || y.type === nN) && (A.optionLength += 1), A.body.push(y)), A),
+    (w, y) => (y.type === iN ? w.button = y : y.type === rN ? w.AsyncComponent = y : ((y.type === sN || y.type === nN) && (w.optionLength += 1), w.body.push(y)), w),
     { button: null, body: [], optionLength: 0, AsyncComponent: null }
   );
   return /* @__PURE__ */ a.jsx(
@@ -40231,7 +40243,7 @@ const Vr = ({
         loading: x,
         setLoading: b
       },
-      children: /* @__PURE__ */ a.jsxs(Dt, { onToggleCallback: (A) => p(A), autoClose: m, children: [
+      children: /* @__PURE__ */ a.jsxs(Dt, { onToggleCallback: (w) => p(w), autoClose: m, children: [
         /* @__PURE__ */ a.jsx(
           Dt.Button,
           {
@@ -40819,27 +40831,27 @@ const Ts = {
   P(() => {
     m(t);
   }, [t]);
-  const b = Ye(s), E = b.isValid() ? b.format(ns.TWELVE_HOURS_FORMAT) : s, v = (A) => {
+  const b = Ye(s), E = b.isValid() ? b.format(ns.TWELVE_HOURS_FORMAT) : s, v = (w) => {
     let y = !0;
-    return A.length === 0 && (Ze.showToast({
+    return w.length === 0 && (Ze.showToast({
       variant: Re.error,
       description: GH
     }), y = !1), y;
   }, C = () => {
-    let A = !0;
-    g && !u && (A = window.confirm(YH)), A && (m(t), h(!u), _(Gi.WRITE));
+    let w = !0;
+    g && !u && (w = window.confirm(YH)), w && (m(t), h(!u), _(Gi.WRITE));
   }, S = async () => {
-    const A = f.trim();
-    if (v(A))
+    const w = f.trim();
+    if (v(w))
       try {
-        d(!0), await r(A), h(!0), m(A);
-      } catch (w) {
-        it(w);
+        d(!0), await r(w), h(!0), m(w);
+      } catch (A) {
+        it(A);
       } finally {
         d(!1);
       }
-  }, T = (A) => {
-    switch (A) {
+  }, T = (w) => {
+    switch (w) {
       case ps.HEADER:
         return /* @__PURE__ */ a.jsx(
           fe,
@@ -40847,7 +40859,7 @@ const Ts = {
             className: "default-tt",
             arrow: !1,
             placement: "bottom",
-            content: Ts[A],
+            content: Ts[w],
             children: /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(yw, { className: "icon-dim-16 flex" }) })
           }
         );
@@ -40858,7 +40870,7 @@ const Ts = {
             className: "default-tt",
             arrow: !1,
             placement: "bottom",
-            content: Ts[A],
+            content: Ts[w],
             children: /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(Nw, { className: "icon-dim-16 flex" }) })
           }
         );
@@ -40869,7 +40881,7 @@ const Ts = {
             className: "default-tt",
             arrow: !1,
             placement: "bottom",
-            content: Ts[A],
+            content: Ts[w],
             children: /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(Tw, { className: "icon-dim-16 flex" }) })
           }
         );
@@ -40880,7 +40892,7 @@ const Ts = {
             className: "default-tt",
             arrow: !1,
             placement: "bottom",
-            content: Ts[A],
+            content: Ts[w],
             children: /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(Aw, { className: "icon-dim-16 flex" }) })
           }
         );
@@ -40891,7 +40903,7 @@ const Ts = {
             className: "default-tt",
             arrow: !1,
             placement: "bottom",
-            content: Ts[A],
+            content: Ts[w],
             children: /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(ww, { className: "icon-dim-16 flex" }) })
           }
         );
@@ -40902,7 +40914,7 @@ const Ts = {
             className: "default-tt",
             arrow: !1,
             placement: "bottom",
-            content: Ts[A],
+            content: Ts[w],
             children: /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(Iw, { className: "icon-dim-16 flex" }) })
           }
         );
@@ -40913,7 +40925,7 @@ const Ts = {
             className: "default-tt",
             arrow: !1,
             placement: "bottom",
-            content: Ts[A],
+            content: Ts[w],
             children: /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(Ow, { className: "icon-dim-16 flex" }) })
           }
         );
@@ -40924,7 +40936,7 @@ const Ts = {
             className: "default-tt",
             arrow: !1,
             placement: "bottom",
-            content: Ts[A],
+            content: Ts[w],
             children: /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(Rw, { className: "icon-dim-16 flex" }) })
           }
         );
@@ -40935,7 +40947,7 @@ const Ts = {
             className: "default-tt",
             arrow: !1,
             placement: "bottom",
-            content: Ts[A],
+            content: Ts[w],
             children: /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(Xm, { className: "icon-dim-16 flex" }) })
           }
         );
@@ -40946,7 +40958,7 @@ const Ts = {
             className: "default-tt",
             arrow: !1,
             placement: "bottom",
-            content: Ts[A],
+            content: Ts[w],
             children: /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(kw, { className: "icon-dim-16 flex" }) })
           }
         );
@@ -40957,7 +40969,7 @@ const Ts = {
             className: "default-tt",
             arrow: !1,
             placement: "bottom",
-            content: Ts[A],
+            content: Ts[w],
             children: /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(Lw, { className: "icon-dim-16 flex" }) })
           }
         );
@@ -41000,7 +41012,7 @@ const Ts = {
         value: t,
         selectedTab: "preview",
         minPreviewHeight: 150,
-        generateMarkdownPreview: (A) => Promise.resolve(/* @__PURE__ */ a.jsx(Lx, { markdown: A, breaks: !0, disableEscapedText: !0 }))
+        generateMarkdownPreview: (w) => Promise.resolve(/* @__PURE__ */ a.jsx(Lx, { markdown: w, breaks: !0, disableEscapedText: !0 }))
       }
     )
   ] }) : /* @__PURE__ */ a.jsxs("div", { className: "min-w-500", children: [
@@ -41015,7 +41027,7 @@ const Ts = {
           preview: "mark-down-editor-preview pt-8",
           textArea: `mark-down-editor-textarea-wrapper ${n ? "" : "h-200-imp"}`
         },
-        getIcon: (A) => T(A),
+        getIcon: (w) => T(w),
         toolbarCommands: HH,
         value: f,
         onChange: m,
@@ -41023,8 +41035,8 @@ const Ts = {
         minPreviewHeight: 150,
         selectedTab: p,
         onTabChange: _,
-        generateMarkdownPreview: (A) => Promise.resolve(
-          /* @__PURE__ */ a.jsx(Lx, { markdown: A || VH, breaks: !0 })
+        generateMarkdownPreview: (w) => Promise.resolve(
+          /* @__PURE__ */ a.jsx(Lx, { markdown: w || VH, breaks: !0 })
         ),
         childProps: {
           writeButton: {