@devtron-labs/devtron-fe-common-lib 1.18.1-pre-4 → 1.18.1-pre-5

package/dist/{@code-editor-B7xrS4xD.js → @code-editor-BzeAa_a8.js}

@@ -2466,40 +2466,41 @@ const Bs = {
 }, wm = ({
   label: e,
   startIconProps: s,
-  size: n = L.xs,
-  value: a,
-  onRemove: r,
-  style: o = "neutral",
-  type: i = "non-interactive",
-  onClick: c,
-  capitalizeLabel: l = !1,
-  href: d
+  startIcon: n,
+  size: a = L.xs,
+  value: r,
+  onRemove: o,
+  style: i = "neutral",
+  type: c = "non-interactive",
+  onClick: l,
+  capitalizeLabel: d = !1,
+  href: u
 }) => {
-  const u = oS(n), m = nS(u), p = aS(u), _ = rS(u), h = (g = !0) => /* @__PURE__ */ t.jsxs("div", { className: `flex dc__gap-4 ${p} dc__no-shrink dc__mxw-120`, children: [
-    o === "error" && g && /* @__PURE__ */ t.jsx(F, { name: "ic-error", color: "R500", size: m }),
-    (o === "neutral" || o === "error" && !g) && s && /* @__PURE__ */ t.jsx(F, { ...s, size: m }),
+  const m = oS(a), p = nS(m), _ = aS(m), h = rS(m), E = () => s ? /* @__PURE__ */ t.jsx(F, { ...s, size: p }) : n ?? null, x = (C = !0) => /* @__PURE__ */ t.jsxs("div", { className: `flex dc__gap-4 ${_} dc__no-shrink dc__mxw-120`, children: [
+    i === "error" && C && /* @__PURE__ */ t.jsx(F, { name: "ic-error", color: "R500", size: p }),
+    (i === "neutral" || i === "error" && !C) && E(),
     /* @__PURE__ */ t.jsx(J, { content: e, children: /* @__PURE__ */ t.jsx(
       "span",
       {
-        className: `${_} ${l ? "dc__capitalize" : ""} cn-9 ${g ? "fw-4" : "fw-6"} dc__open-sans dc__truncate`,
+        className: `${h} ${d ? "dc__capitalize" : ""} cn-9 ${C ? "fw-4" : "fw-6"} dc__open-sans dc__truncate`,
         children: e
       }
     ) })
-  ] }), E = () => (
+  ] }), g = () => (
     // NOTE: always render label and value in a fragment or an element to ensure consistent structure
     /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      h(!a),
-      a && /* @__PURE__ */ t.jsxs("div", { className: `flex border__secondary--left dc__gap-4 ${p}`, children: [
-        o === "error" && /* @__PURE__ */ t.jsx(F, { name: "ic-error", color: "R500", size: m }),
-        /* @__PURE__ */ t.jsx(J, { content: a, children: /* @__PURE__ */ t.jsx("span", { className: `${_} cn-9 fw-4 dc__open-sans dc__truncate`, children: a }) })
+      x(!r),
+      r && /* @__PURE__ */ t.jsxs("div", { className: `flex border__secondary--left dc__gap-4 ${_}`, children: [
+        i === "error" && /* @__PURE__ */ t.jsx(F, { name: "ic-error", color: "R500", size: p }),
+        /* @__PURE__ */ t.jsx(J, { content: r, children: /* @__PURE__ */ t.jsx("span", { className: `${h} cn-9 fw-4 dc__open-sans dc__truncate`, children: r }) })
       ] })
     ] })
-  ), x = (g) => {
-    g.stopPropagation(), r(g);
+  ), f = (C) => {
+    C.stopPropagation(), o(C);
   };
-  return /* @__PURE__ */ t.jsxs(iS, { style: o, type: i, onClick: c, href: d, size: u, children: [
-    E(),
-    r && /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs(iS, { style: i, type: c, onClick: l, href: u, size: m, children: [
+    g(),
+    o && /* @__PURE__ */ t.jsx(
       H,
       {
         variant: z.borderLess,
@@ -2508,27 +2509,27 @@ const Bs = {
         showAriaLabelInTippy: !1,
         ariaLabel: "Remove filter",
         icon: /* @__PURE__ */ t.jsx(F, { name: "ic-close-small", color: null }),
-        size: u,
-        onClick: x,
+        size: m,
+        onClick: f,
         buttonProps: {
-          onMouseDown: (g) => {
-            g.preventDefault(), g.stopPropagation();
+          onMouseDown: (C) => {
+            C.preventDefault(), C.stopPropagation();
           }
         }
       }
     ),
-    i === "link" && /* @__PURE__ */ t.jsx(
+    c === "link" && /* @__PURE__ */ t.jsx(
       H,
       {
         component: ut.link,
-        linkProps: { to: d },
+        linkProps: { to: u },
         variant: z.borderLess,
         style: oe.neutral,
         dataTestId: "chip__visit-link",
         showAriaLabelInTippy: !1,
         ariaLabel: "Visit link",
         icon: /* @__PURE__ */ t.jsx(F, { name: "ic-arrow-square-out", color: null }),
-        size: u
+        size: m
       }
     )
   ] });
@@ -3024,16 +3025,17 @@ const ul = (e) => {
 }) => {
   const {
     data: n,
-    removeProps: { onClick: a }
-  } = s, r = e?.(n) ?? !0, { startIcon: o } = n;
+    isMulti: a,
+    removeProps: { onClick: r }
+  } = s, o = e?.(n) ?? !0, { startIcon: i, endIcon: c } = n, l = (i || c) ?? null, d = () => l && /* @__PURE__ */ t.jsx("div", { className: `dc__no-shrink ${a ? "icon-dim-16" : "icon-dim-20"} flex dc__fill-available-space`, children: l });
   return /* @__PURE__ */ t.jsx(
     wm,
     {
       label: String(n.label),
-      style: r ? "neutral" : "error",
+      style: o ? "neutral" : "error",
       size: L.xs,
-      startIconProps: o?.props,
-      onRemove: a
+      startIcon: d(),
+      onRemove: r
     }
   );
 }, bS = ({
@@ -3242,8 +3244,8 @@ const ul = (e) => {
   multiSelectProps: x = {},
   isMulti: g,
   name: f,
-  classNamePrefix: N,
-  shouldRenderCustomOptions: C = !1,
+  classNamePrefix: C,
+  shouldRenderCustomOptions: N = !1,
   isSearchable: S,
   selectRef: b,
   shouldMenuAlignRight: A = !1,
@@ -3282,7 +3284,7 @@ const ul = (e) => {
     isGroupHeadingSelectable: he = !1,
     getIsOptionValid: ue = () => !0,
     customDisplayText: Me = null
-  } = x, We = re && !Me, ft = !g && i, ls = !C && S, cn = j ?? !g, La = X(
+  } = x, We = re && !Me, ft = !g && i, ls = !N && S, cn = j ?? !g, La = X(
     () => mS({
       error: e,
       size: c,
@@ -3379,7 +3381,7 @@ const ul = (e) => {
             group: () => "select-picker__group"
           },
           name: f || Ae,
-          classNamePrefix: N || Ae,
+          classNamePrefix: C || Ae,
           isSearchable: ls,
           placeholder: r,
           styles: La,
@@ -3388,7 +3390,7 @@ const ul = (e) => {
           menuShouldScrollIntoView: !0,
           backspaceRemovesValue: g && We,
           hideSelectedOptions: !1,
-          shouldRenderCustomOptions: C || !1,
+          shouldRenderCustomOptions: N || !1,
           isMulti: g,
           ref: ne,
           components: {
@@ -3454,12 +3456,12 @@ const ul = (e) => {
     [x]
   ), f = () => {
     l(!0);
-  }, N = () => {
+  }, C = () => {
     m(), l(!1), r?.();
-  }, C = (A) => {
+  }, N = (A) => {
     u(), _(structuredClone(A));
   }, S = (A) => {
-    s(p), m(), !A || A.isTrusted ? N() : setTimeout(() => {
+    s(p), m(), !A || A.isTrusted ? C() : setTimeout(() => {
       i.current.focus();
     }, 100);
   }, b = () => {
@@ -3478,7 +3480,7 @@ const ul = (e) => {
       menuIsOpen: c,
       onMenuOpen: f,
       onMenuClose: b,
-      onChange: C,
+      onChange: N,
       menuListFooterConfig: {
         type: "button",
         buttonProps: {
@@ -3527,11 +3529,11 @@ const ul = (e) => {
   endIconButtonConfig: x,
   labelTippyCustomizedConfig: g,
   labelTooltipConfig: f,
-  inputRef: N,
-  hideFormFieldInfo: C,
+  inputRef: C,
+  hideFormFieldInfo: N,
   ...S
 }) => {
-  const b = $(null), A = N || b;
+  const b = $(null), A = C || b;
   M(() => {
     setTimeout(() => {
       A.current && E && A.current.focus();
@@ -3564,7 +3566,7 @@ const ul = (e) => {
       borderRadiusConfig: _,
       labelTippyCustomizedConfig: g,
       labelTooltipConfig: f,
-      hideFormFieldInfo: C,
+      hideFormFieldInfo: N,
       children: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
           "input",
@@ -3814,24 +3816,24 @@ const ul = (e) => {
   onTriggerKeyDown: c,
   disableClose: l = !1
 }) => {
-  const [d, u] = w(!1), [m, p] = w(s), [_, h] = w(n), [E, x] = w(null), [g, f] = w(!1), N = a === "auto", C = $(null), S = $(null), b = $(null), A = (j) => {
+  const [d, u] = w(!1), [m, p] = w(s), [_, h] = w(n), [E, x] = w(null), [g, f] = w(!1), C = a === "auto", N = $(null), S = $(null), b = $(null), A = (j) => {
     u(j), o?.(j);
   }, R = () => {
     A(!d);
   }, T = () => {
     if (l)
       return;
-    A(!1), C.current?.querySelector("button")?.blur(), C.current?.blur();
+    A(!1), N.current?.querySelector("button")?.blur(), N.current?.blur();
   }, I = (j) => {
     !d && (j.key === "Enter" || j.key === " ") && (j.preventDefault(), A(!0)), c?.(j, d, T);
   }, y = (j) => i?.(j, d, T), v = () => {
     T();
   };
   return ki(() => {
-    if (!d || !g || !C.current || !S.current || !b.current)
+    if (!d || !g || !N.current || !S.current || !b.current)
       return;
     const j = () => {
-      const O = C.current.getBoundingClientRect(), D = S.current.getBoundingClientRect(), { fallbackPosition: k, fallbackAlignment: B } = LS({
+      const O = N.current.getBoundingClientRect(), D = S.current.getBoundingClientRect(), { fallbackPosition: k, fallbackAlignment: B } = LS({
         position: s,
         alignment: n,
         triggerRect: O,
@@ -3856,7 +3858,7 @@ const ul = (e) => {
   }, [d, s, n, g]), {
     open: d,
     triggerProps: {
-      ref: C,
+      ref: N,
       onClick: R,
       onKeyDown: I,
       "aria-haspopup": "listbox",
@@ -3875,10 +3877,10 @@ const ul = (e) => {
       id: e,
       ref: S,
       role: "listbox",
-      className: `dc__position-abs dc__outline-none-imp ${r === "menu" ? "bg__menu--primary shadow__menu" : "bg__overlay--primary shadow__overlay"} border__primary br-6 dc__overflow-hidden ${N ? "dc_width-max-content dc__mxw-250" : ""}`,
+      className: `dc__position-abs dc__outline-none-imp ${r === "menu" ? "bg__menu--primary shadow__menu" : "bg__overlay--primary shadow__overlay"} border__primary br-6 dc__overflow-hidden ${C ? "dc_width-max-content dc__mxw-250" : ""}`,
       onKeyDown: y,
       style: {
-        width: N ? void 0 : `${a}px`,
+        width: C ? void 0 : `${a}px`,
         ...OS({ position: m }),
         ...jS({ position: m, alignment: _ })
       },
@@ -4087,7 +4089,7 @@ const ul = (e) => {
   onChange: _,
   autoFocus: h = !1
 }) => {
-  const E = $(Lt()), g = a ? d ? "mixed" : !0 : !1, f = g === "mixed", N = ev({ isChecked: a, shape: o, size: u, indeterminate: d, isLoading: n }), C = () => /* @__PURE__ */ t.jsx(
+  const E = $(Lt()), g = a ? d ? "mixed" : !0 : !1, f = g === "mixed", C = ev({ isChecked: a, shape: o, size: u, indeterminate: d, isLoading: n }), N = () => /* @__PURE__ */ t.jsx(
     "span",
     {
       className: `flexbox flex-grow-1 ${!n && f ? "dc__align-items-center" : ""} ${tv({ shape: o, isLoading: n })}`,
@@ -4096,7 +4098,7 @@ const ul = (e) => {
         {
           transition: { ease: "easeInOut", duration: 0.2 },
           animate: {
-            x: N
+            x: C
           },
           className: "flexbox dc__fill-available-space",
           children: /* @__PURE__ */ t.jsx(F, { name: "ic-circle-loader", color: FS[i], size: null })
@@ -4106,7 +4108,7 @@ const ul = (e) => {
         {
           transition: { ease: "easeInOut", duration: 0.2 },
           animate: {
-            x: N
+            x: C
           },
           className: ZS({ shape: o, size: u, showIndeterminateIcon: f }),
           children: l && !f && /* @__PURE__ */ t.jsx("span", { className: "icon-dim-12 flex dc__fill-available-space dc__no-shrink", children: /* @__PURE__ */ t.jsx(
@@ -4166,7 +4168,7 @@ const ul = (e) => {
                 isLoading: n
               })
             },
-            children: C()
+            children: N()
           }
         )
       ]
@@ -4228,10 +4230,10 @@ const ul = (e) => {
     componentType: h = "button"
   } = e, { isEnterprise: E } = Ss(), x = (R) => {
     n && R && R.scrollIntoView({ block: "nearest", behavior: "smooth" });
-  }, g = p === "negative", f = `w-100 flex left top dc__gap-8 py-6 px-8 ${_ ? "dc__disabled" : "cursor"}`, N = (R) => {
+  }, g = p === "negative", f = `w-100 flex left top dc__gap-8 py-6 px-8 ${_ ? "dc__disabled" : "cursor"}`, C = (R) => {
     _ || a(e, R);
-  }, C = (R) => R && /* @__PURE__ */ t.jsx("span", { className: "mt-2 flex dc__no-shrink", children: /* @__PURE__ */ t.jsx(F, { ...R, color: R.color || (g ? "R500" : "N800") }) }), S = () => u ? /* @__PURE__ */ t.jsx(di, { ...u, variant: p }) : null, b = () => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    C(d),
+  }, N = (R) => R && /* @__PURE__ */ t.jsx("span", { className: "mt-2 flex dc__no-shrink", children: /* @__PURE__ */ t.jsx(F, { ...R, color: R.color || (g ? "R500" : "N800") }) }), S = () => u ? /* @__PURE__ */ t.jsx(di, { ...u, variant: p }) : null, b = () => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    N(d),
     /* @__PURE__ */ t.jsxs("span", { className: "flex-grow-1", children: [
       /* @__PURE__ */ t.jsx(J, { content: l, placement: "right", children: /* @__PURE__ */ t.jsx("span", { className: `m-0 fs-13 fw-4 lh-20 dc__truncate ${g ? "cr-5" : "cn-9"}`, children: l }) }),
       c && (typeof c == "string" ? /* @__PURE__ */ t.jsx(
@@ -4254,7 +4256,7 @@ const ul = (e) => {
             href: $m({ isEnterprise: E, link: e.href }),
             target: "_blank",
             rel: "noreferrer",
-            onClick: N,
+            onClick: C,
             "aria-disabled": _,
             children: b()
           }
@@ -4266,7 +4268,7 @@ const ul = (e) => {
             ref: s,
             className: f,
             to: e.to,
-            onClick: N,
+            onClick: C,
             "aria-disabled": _,
             children: b()
           }
@@ -4279,7 +4281,7 @@ const ul = (e) => {
             ref: s,
             type: "button",
             className: `dc__transparent ${f}`,
-            onClick: N,
+            onClick: C,
             disabled: _,
             children: b()
           }
@@ -4365,7 +4367,7 @@ const ul = (e) => {
       }
   }, g = (R, T) => {
     !T && (R.key === "Enter" || R.key === " ") && l(0);
-  }, { open: f, closePopover: N, overlayProps: C, popoverProps: S, triggerProps: b, scrollableRef: A } = ac({
+  }, { open: f, closePopover: C, overlayProps: N, popoverProps: S, triggerProps: b, scrollableRef: A } = ac({
     id: e,
     position: s,
     alignment: n,
@@ -4383,10 +4385,10 @@ const ul = (e) => {
     focusedIndex: c,
     itemsRef: _,
     triggerProps: b,
-    overlayProps: C,
+    overlayProps: N,
     popoverProps: S,
     setFocusedIndex: l,
-    closePopover: N,
+    closePopover: C,
     searchTerm: d,
     handleSearch: h,
     scrollableRef: A
@@ -4413,8 +4415,8 @@ const ul = (e) => {
     overlayProps: x,
     popoverProps: g,
     focusedIndex: f,
-    searchTerm: N,
-    handleSearch: C,
+    searchTerm: C,
+    handleSearch: N,
     itemsRef: S,
     setFocusedIndex: b,
     closePopover: A,
@@ -4449,9 +4451,9 @@ const ul = (e) => {
               yn,
               {
                 name: "action-menu-search-box",
-                value: N,
+                value: C,
                 placeholder: "Search",
-                onChange: C,
+                onChange: N,
                 fullWidth: !0,
                 autoFocus: !0
               }
@@ -4561,27 +4563,27 @@ const ul = (e) => {
     u(e?.value || "");
   }, [e]);
   const p = (f) => {
-    Object.values(c || {}).forEach((N) => {
-      const C = N?.current;
-      C && (C.style.height = `${f}px`);
+    Object.values(c || {}).forEach((C) => {
+      const N = C?.current;
+      N && (N.style.height = `${f}px`);
     });
   }, _ = (f) => {
-    const N = i?.current;
-    N && (N.style.height = `${f}px`), p(f);
+    const C = i?.current;
+    C && (C.style.height = `${f}px`), p(f);
   };
   fo(() => {
     _(r || 0);
     let f = i?.current?.scrollHeight || 0;
-    c && Object.values(c).forEach((N) => {
-      const C = N.current;
-      C && C.scrollHeight > f && (f = C.scrollHeight);
+    c && Object.values(c).forEach((C) => {
+      const N = C.current;
+      N && N.scrollHeight > f && (f = N.scrollHeight);
     }), r && f < r && (f = r), o && f > o && (f = o), _(f);
   }, 500, [d]);
-  const E = (f, { action: N }) => {
-    N === na.inputChange ? (u(f), f || a?.(null, {
+  const E = (f, { action: C }) => {
+    C === na.inputChange ? (u(f), f || a?.(null, {
       action: "remove-value",
       removedValue: e
-    })) : N === na.inputBlur && u(e?.value || "");
+    })) : C === na.inputBlur && u(e?.value || "");
   }, x = (f) => {
     a?.(
       { label: f, value: f },
@@ -4590,13 +4592,13 @@ const ul = (e) => {
   }, g = (f) => {
     if (f.key === "Enter" && f.shiftKey) {
       f.preventDefault();
-      const { selectionStart: N, selectionEnd: C } = m.current.inputRef, S = `${d.slice(0, N)}
-${d.slice(C)}`;
+      const { selectionStart: C, selectionEnd: N } = m.current.inputRef, S = `${d.slice(0, C)}
+${d.slice(N)}`;
       u(S);
       const b = m.current.inputRef, A = b.selectionStart, T = b.value.substring(0, A).split(`
 `), I = parseInt(getComputedStyle(b).lineHeight, 10), v = T.length * I - b.scrollTop;
       v < 0 ? b.scrollTop += v : v > b.offsetHeight - I && (b.scrollTop += v - b.offsetHeight + I), setTimeout(() => {
-        m.current.inputRef.selectionStart = N + 1, m.current.inputRef.selectionEnd = N + 1;
+        m.current.inputRef.selectionStart = C + 1, m.current.inputRef.selectionEnd = C + 1;
       });
       return;
     }
@@ -4656,7 +4658,7 @@ ${d.slice(C)}`;
   }, E = X(() => (Object.values(o)?.map((f) => ({
     label: f.name,
     value: String(f.conversionFactor)
-  })) ?? []).sort((f, N) => Number(f.value) - Number(N.value)), [o]), x = X(
+  })) ?? []).sort((f, C) => Number(f.value) - Number(C.value)), [o]), x = X(
     () => E.find((g) => g.label === c),
     [E, c]
   );
@@ -4841,18 +4843,18 @@ ${d.slice(C)}`;
     throw new Error("Please wrap parent component with BuildInfraUtilityProvider");
   return e;
 }, rc = (e) => {
-  const s = $(null), [n, a] = w(!1), r = e.theme === xa.white, o = (N) => {
-    N.keyCode === 27 && c(N);
-  }, i = (N) => {
-    s.current = N, document.addEventListener("keydown", o);
-  }, c = (N) => {
-    e.disableClose || (ye(N), s.current?.hide && (s.current.hide(), s.current = null, e.onClose && e.onClose()), a(!1), document.removeEventListener("keydown", o));
-  }, l = (N) => {
+  const s = $(null), [n, a] = w(!1), r = e.theme === xa.white, o = (C) => {
+    C.keyCode === 27 && c(C);
+  }, i = (C) => {
+    s.current = C, document.addEventListener("keydown", o);
+  }, c = (C) => {
+    e.disableClose || (ye(C), s.current?.hide && (s.current.hide(), s.current = null, e.onClose && e.onClose()), a(!1), document.removeEventListener("keydown", o));
+  }, l = (C) => {
     a(uD);
   }, d = () => {
     const {
-      Icon: N,
-      iconPath: C,
+      Icon: C,
+      iconPath: N,
       iconClass: S,
       iconSize: b,
       onImageLoadError: A,
@@ -4874,15 +4876,15 @@ ${d.slice(C)}`;
         {
           className: `dc__word-break dc__hyphens-auto flex dc__align-start left ${r ? `p-12 cn-9 ${e.noHeadingBorder ? "" : "border__secondary-translucent--bottom"}` : "pt-20 pb-12 pr-20 pl-20 cn-0 top"}`,
           children: [
-            C ? /* @__PURE__ */ t.jsx(
+            N ? /* @__PURE__ */ t.jsx(
               "img",
               {
                 className: `icon-dim-${b || 20} mr-6 ${S || ""}`,
-                src: C,
+                src: N,
                 alt: "Heading",
                 onError: A
               }
-            ) : N && /* @__PURE__ */ t.jsx("div", { className: `icon-dim-${b || 20} mr-6`, children: /* @__PURE__ */ t.jsx(N, { className: `icon-dim-${b || 20} ${S || ""}` }) }),
+            ) : C && /* @__PURE__ */ t.jsx("div", { className: `icon-dim-${b || 20} mr-6`, children: /* @__PURE__ */ t.jsx(C, { className: `icon-dim-${b || 20} ${S || ""}` }) }),
             R && /* @__PURE__ */ t.jsx("span", { className: `fs-14 fw-6 lh-20 ${j ? "mr-12" : ""}`, children: R }),
             T && /* @__PURE__ */ t.jsx("div", { className: "icon-dim-20 cursor", onClick: l, children: /* @__PURE__ */ t.jsx(Wr, { className: "icon-dim-20" }) }),
             j && /* @__PURE__ */ t.jsx("div", { className: "icon-dim-16 ml-auto", children: /* @__PURE__ */ t.jsx(
@@ -4944,7 +4946,7 @@ ${d.slice(C)}`;
       content: d(),
       trigger: E || "mouseenter",
       onMount: i,
-      onClickOutside: (N, C) => c(C),
+      onClickOutside: (C, N) => c(N),
       showOnCreate: h || !1,
       animation: x || "fade",
       duration: g || 300,
@@ -5451,8 +5453,8 @@ const TV = (e, s = !1) => {
     }), p(Tv(r)));
   }, [i, o]);
   const E = (f) => {
-    const N = Object.keys(f || {}), C = Object.keys(i?.profile?.configurations || {});
-    return N.concat(C).reduce((S, b) => (S[b] = !0, S), {});
+    const C = Object.keys(f || {}), N = Object.keys(i?.profile?.configurations || {});
+    return C.concat(N).reduce((S, b) => (S[b] = !0, S), {});
   };
   return {
     isLoading: o,
@@ -5461,26 +5463,26 @@ const TV = (e, s = !1) => {
     reloadRequest: l,
     profileInput: d,
     profileInputErrors: m,
-    handleProfileInputChange: ({ action: f, data: N }) => {
-      const C = structuredClone(d), S = structuredClone(m), b = N && "targetPlatform" in N && Object.hasOwn(N, "targetPlatform") ? N.targetPlatform : "", A = C.configurations[b], R = structuredClone(
+    handleProfileInputChange: ({ action: f, data: C }) => {
+      const N = structuredClone(d), S = structuredClone(m), b = C && "targetPlatform" in C && Object.hasOwn(C, "targetPlatform") ? C.targetPlatform : "", A = N.configurations[b], R = structuredClone(
         i.profile.configurations[b] || A
       );
       switch (f) {
         case Jt.DESCRIPTION: {
-          const { value: T } = N;
-          C.description = T, S[Jt.DESCRIPTION] = gv(T).message;
+          const { value: T } = C;
+          N.description = T, S[Jt.DESCRIPTION] = gv(T).message;
           break;
         }
         case Jt.NAME: {
-          const { value: T } = N;
-          C.name = T, S[Jt.NAME] = hv(T).message;
+          const { value: T } = C;
+          N.name = T, S[Jt.NAME] = hv(T).message;
           break;
         }
         case U.CPU_LIMIT:
         case U.CPU_REQUEST:
         case U.MEMORY_LIMIT:
         case U.MEMORY_REQUEST: {
-          const { value: T, unit: I } = N;
+          const { value: T, unit: I } = C;
           A[f] = {
             ...A[f],
             key: f,
@@ -5510,7 +5512,7 @@ const TV = (e, s = !1) => {
           break;
         }
         case U.BUILD_TIMEOUT: {
-          const { value: T, unit: I } = N;
+          const { value: T, unit: I } = C;
           A[f] = {
             ...A[f],
             key: f,
@@ -5552,7 +5554,7 @@ const TV = (e, s = !1) => {
         case "activate_cs":
         case "de_activate_cm":
         case "de_activate_cs": {
-          const { id: T, componentType: I } = N, y = rt[I], v = A[y].value, j = v.findIndex((O) => O.id === T);
+          const { id: T, componentType: I } = C, y = rt[I], v = A[y].value, j = v.findIndex((O) => O.id === T);
           if (j === -1 || !v[j].canOverride) {
             const O = "Unable to customize this CM/CS";
             Ve.showToast({
@@ -5571,34 +5573,34 @@ const TV = (e, s = !1) => {
           break;
         }
         case At.ADD_TARGET_PLATFORM: {
-          const { handleCaptureSnapshot: T } = N;
+          const { handleCaptureSnapshot: T } = C;
           S[oa.TARGET_PLATFORM] = b ? gl(
             b,
-            E(C.configurations)
-          ).message : "", C.configurations[b] = i.fallbackPlatformConfigurationMap[b] || // Here need to update target platform name for each configuration
+            E(N.configurations)
+          ).message : "", N.configurations[b] = i.fallbackPlatformConfigurationMap[b] || // Here need to update target platform name for each configuration
           Object.entries(
             i.fallbackPlatformConfigurationMap[hs]
           ).reduce((I, [y, v]) => (I[y] = {
             ...v,
             targetPlatform: b
-          }, I), {}), T(C);
+          }, I), {}), T(N);
           break;
         }
         case At.REMOVE_TARGET_PLATFORM: {
-          if (!C.configurations[b]) {
+          if (!N.configurations[b]) {
             Ve.showToast({
               variant: ve.error,
               description: "Platform does not exist"
             }), Cn(new Error("Platform does not exist"));
             return;
           }
-          delete C.configurations[b], Object.keys(S).forEach((T) => {
+          delete N.configurations[b], Object.keys(S).forEach((T) => {
             ol[T] && (S[T] = null);
           });
           break;
         }
         case At.RENAME_TARGET_PLATFORM: {
-          const { originalPlatformName: T, newPlatformName: I, configSnapshot: y } = N, v = C.configurations[T];
+          const { originalPlatformName: T, newPlatformName: I, configSnapshot: y } = C, v = N.configurations[T];
           if (T === I)
             return;
           if (!v) {
@@ -5610,11 +5612,11 @@ const TV = (e, s = !1) => {
           }
           S[oa.TARGET_PLATFORM] = gl(
             I,
-            E(C.configurations)
+            E(N.configurations)
           ).message;
           const j = i.fallbackPlatformConfigurationMap[I] || // Ideally should update targetPlatform for each configuration here itself but since we iterating over it again, we will do it there
           i.fallbackPlatformConfigurationMap[hs];
-          if (C.configurations[I] = Object.entries(
+          if (N.configurations[I] = Object.entries(
             v
           ).reduce(
             (P, [O, D]) => {
@@ -5628,15 +5630,15 @@ const TV = (e, s = !1) => {
             },
             {}
           ), y[T]) {
-            C.configurations[T] = y[T];
+            N.configurations[T] = y[T];
             break;
           }
-          delete C.configurations[T];
+          delete N.configurations[T];
           break;
         }
         case At.RESTORE_PROFILE_CONFIG_SNAPSHOT: {
-          const { configSnapshot: T } = N;
-          C.configurations = T, Object.keys(S).forEach((I) => {
+          const { configSnapshot: T } = C;
+          N.configurations = T, Object.keys(S).forEach((I) => {
             ol[I] && (S[I] = null);
           });
           break;
@@ -5655,7 +5657,7 @@ const TV = (e, s = !1) => {
         case At.DELETE_NODE_SELECTOR_ITEM: {
           if (A[U.NODE_SELECTOR].key !== U.NODE_SELECTOR)
             break;
-          const { id: T } = N;
+          const { id: T } = C;
           A[U.NODE_SELECTOR].value = A[U.NODE_SELECTOR].value.filter((y) => y.id !== T), delete S[U.NODE_SELECTOR]?.[T], Object.keys(S[U.NODE_SELECTOR] || {}).length === 0 && (S[U.NODE_SELECTOR] = null);
           const I = A[U.NODE_SELECTOR].value.map(
             (y) => y.key
@@ -5672,7 +5674,7 @@ const TV = (e, s = !1) => {
         case At.EDIT_NODE_SELECTOR_ITEM: {
           if (A[U.NODE_SELECTOR].key !== U.NODE_SELECTOR)
             break;
-          const { id: T, key: I, value: y } = N, v = A[U.NODE_SELECTOR].value.find(
+          const { id: T, key: I, value: y } = C, v = A[U.NODE_SELECTOR].value.find(
             (P) => P.id === T
           );
           v ? (v.key = I, v.value = y) : A[U.NODE_SELECTOR].value.unshift({
@@ -5708,14 +5710,14 @@ const TV = (e, s = !1) => {
         case At.DELETE_TOLERANCE_ITEM: {
           if (A[U.TOLERANCE].key !== U.TOLERANCE)
             break;
-          const { id: T } = N;
+          const { id: T } = C;
           A[U.TOLERANCE].value = A[U.TOLERANCE].value.filter((I) => I.id !== T), delete S[U.TOLERANCE]?.[T], Object.keys(S[U.TOLERANCE] || {}).length === 0 && (S[U.TOLERANCE] = null);
           break;
         }
         case At.EDIT_TOLERANCE_ITEM: {
           if (A[U.TOLERANCE].key !== U.TOLERANCE)
             break;
-          const { id: T, key: I, effect: y, operator: v, value: j } = N, P = A[U.TOLERANCE].value.find(
+          const { id: T, key: I, effect: y, operator: v, value: j } = C, P = A[U.TOLERANCE].value.find(
             (G) => G.id === T
           );
           P ? (P.key = I, P.effect = y, P.operator = v, P.value = j, v === ks.EXISTS && delete P.value) : A[U.TOLERANCE].value.unshift({
@@ -5733,7 +5735,7 @@ const TV = (e, s = !1) => {
           break;
         }
         case At.ADD_CM_CS_ITEM: {
-          const { id: T, infraConfigType: I } = N, v = {
+          const { id: T, infraConfigType: I } = C, v = {
             useFormProps: Ac({
               configMapSecretData: null,
               componentType: Om[I],
@@ -5752,7 +5754,7 @@ const TV = (e, s = !1) => {
           break;
         }
         case At.SYNC_CM_CS_ITEM: {
-          const { id: T, value: I, hasError: y, componentType: v } = N, j = A[rt[v]].value.findIndex((O) => O.id === T);
+          const { id: T, value: I, hasError: y, componentType: v } = C, j = A[rt[v]].value.findIndex((O) => O.id === T);
           if (j === -1) {
             Ve.showToast({
               variant: ve.error,
@@ -5766,17 +5768,17 @@ const TV = (e, s = !1) => {
           break;
         }
         case At.DELETE_CM_CS_ITEM: {
-          const { id: T, componentType: I } = N, y = A[rt[I]].value.filter((v) => v.id !== T);
+          const { id: T, componentType: I } = C, y = A[rt[I]].value.filter((v) => v.id !== T);
           A[rt[I]].value = y, S[rt[I]] && (delete S[rt[I]][T], Object.keys(S[rt[I]]).length === 0 && (S[rt[I]] = null));
           break;
         }
       }
-      u(C), p(S);
+      u(N), p(S);
     },
     loadingActionRequest: _,
     handleSubmit: async (f) => {
       if (f?.preventDefault(), Object.keys(m).filter(
-        (C) => m[C] !== null && m[C] !== void 0
+        (N) => m[N] !== null && m[N] !== void 0
       ).length > 0) {
         Ve.showToast({
           variant: ve.error,
@@ -5794,8 +5796,8 @@ const TV = (e, s = !1) => {
           variant: ve.success,
           description: ct.getSubmitSuccessMessage(d.name, s)
         }), n ? n() : l();
-      } catch (C) {
-        Le(C), h(!1);
+      } catch (N) {
+        Le(N), h(!1);
       }
     }
   };
@@ -6127,7 +6129,7 @@ const Cl = {
   showAnimationOnBar: c = !1,
   isLoading: l
 }) => {
-  const d = l ? [Cl] : s, u = d.reduce((f, N) => N.value + f, 0), m = d.filter((f) => !!f.value), p = (f) => `${f / u * 100}%`, _ = (f) => l ? /* @__PURE__ */ t.jsx("div", { className: "shimmer w-120" }) : /* @__PURE__ */ t.jsx("span", { className: r, "data-testid": `segmented-bar-chart-${f}-label`, children: f }), h = (f, N) => l ? /* @__PURE__ */ t.jsx("div", { className: "shimmer w-64 lh-1-5 h-24" }) : /* @__PURE__ */ t.jsx("span", { className: a, "data-testid": `segmented-bar-chart-${N}-value`, children: o ? `${f}/${u}` : f }), E = () => o ? m.map((f, N) => (
+  const d = l ? [Cl] : s, u = d.reduce((f, C) => C.value + f, 0), m = d.filter((f) => !!f.value), p = (f) => `${f / u * 100}%`, _ = (f) => l ? /* @__PURE__ */ t.jsx("div", { className: "shimmer w-120" }) : /* @__PURE__ */ t.jsx("span", { className: r, "data-testid": `segmented-bar-chart-${f}-label`, children: f }), h = (f, C) => l ? /* @__PURE__ */ t.jsx("div", { className: "shimmer w-64 lh-1-5 h-24" }) : /* @__PURE__ */ t.jsx("span", { className: a, "data-testid": `segmented-bar-chart-${C}-value`, children: o ? `${f}/${u}` : f }), E = () => o ? m.map((f, C) => (
     // eslint-disable-next-line react/no-array-index-key
     /* @__PURE__ */ t.jsxs("div", { className: `flexbox-col ${l ? "dc__gap-10" : ""}`, children: [
       h(f.value, f.label),
@@ -6135,14 +6137,14 @@ const Cl = {
         !l && /* @__PURE__ */ t.jsx("span", { style: { backgroundColor: f.color }, className: "h-12 dc__border-radius-2 w-4" }),
         _(f.label)
       ] })
-    ] }, N)
-  )) : d.map((f, N) => (
+    ] }, C)
+  )) : d.map((f, C) => (
     // eslint-disable-next-line react/no-array-index-key
     /* @__PURE__ */ t.jsxs("div", { className: "flexbox  dc__gap-4 dc__align-items-center", children: [
       !l && /* @__PURE__ */ t.jsx("div", { className: "dot", style: { backgroundColor: f.color, width: "10px", height: "10px" } }),
       h(f.value, f.label),
       _(f.label)
-    ] }, N)
+    ] }, C)
   )), x = () => e ? null : /* @__PURE__ */ t.jsx("div", { className: `flexbox flex-wrap dc__row-gap-4 ${o ? "dc__gap-24" : "dc__gap-16"}`, children: E() }), g = () => /* @__PURE__ */ t.jsx(
     ke.div,
     {
@@ -6152,13 +6154,13 @@ const Cl = {
         transition: { duration: 0.6 }
       } : {},
       className: "flexbox dc__gap-2",
-      children: m.map((f, N, C) => /* @__PURE__ */ t.jsx(
+      children: m.map((f, C, N) => /* @__PURE__ */ t.jsx(
         "div",
         {
-          className: `h-8 ${N === 0 ? "dc__left-radius-4" : ""} ${N === C.length - 1 ? "dc__right-radius-4" : ""} ${l ? "shimmer" : ""}`,
+          className: `h-8 ${C === 0 ? "dc__left-radius-4" : ""} ${C === N.length - 1 ? "dc__right-radius-4" : ""} ${l ? "shimmer" : ""}`,
           style: { backgroundColor: f.color, width: p(f.value) }
         },
-        N
+        C
       ))
     }
   );
@@ -7111,44 +7113,44 @@ const jI = (e, s) => {
   children: r
 }) => {
   const o = $(!1), i = $({}), c = $(/* @__PURE__ */ new Set()), l = $(-1), d = s ?? OI, u = Fe(
-    ({ keys: f, callback: N, description: C = "" }) => {
+    ({ keys: f, callback: C, description: N = "" }) => {
       const { keys: S, id: b } = Ba(f);
-      if (typeof N != "function")
+      if (typeof C != "function")
         throw new Error("callback provided is not a function");
       const A = i.current[b] && qu(i.current[b].keys, f) ? i.current[b] : null;
       if (A) {
-        Va(A.callbackStack), A.callbackStack.push(N);
+        Va(A.callbackStack), A.callbackStack.push(C);
         return;
       }
-      i.current[b] = { keys: S, callbackStack: [N], description: C };
+      i.current[b] = { keys: S, callbackStack: [C], description: N };
     },
     []
   ), m = Fe((f) => {
-    const { id: N } = Ba(f);
-    if (!i.current[N])
+    const { id: C } = Ba(f);
+    if (!i.current[C])
       return;
-    const { callbackStack: C } = i.current[N];
-    Va(C), C.pop(), C.length || delete i.current[N];
+    const { callbackStack: N } = i.current[C];
+    Va(N), N.pop(), N.length || delete i.current[C];
   }, []), p = Fe((f) => {
     o.current = f;
   }, []), _ = Fe((f) => {
-    const { id: N } = Ba(f);
-    if (!i.current[N])
+    const { id: C } = Ba(f);
+    if (!i.current[C])
       return;
-    const { callbackStack: C } = i.current[N];
-    Va(C), C[C.length - 1]();
+    const { callbackStack: N } = i.current[C];
+    Va(N), N[N.length - 1]();
   }, []), h = Fe(() => {
     if (!c.current.size)
       return;
     const { id: f } = Ba(Array.from(c.current.values()));
     if (i.current[f]) {
-      const { callbackStack: N } = i.current[f];
-      Va(N), N[N.length - 1]();
+      const { callbackStack: C } = i.current[f];
+      Va(C), C[C.length - 1]();
     }
     c.current.clear(), l.current > -1 && (clearTimeout(l.current), l.current = -1);
   }, []), E = Fe((f) => {
     // NOTE: in case of custom events generated by password managers autofill, the event.key is not set
-    !f.key || d.map((N) => N.toUpperCase()).indexOf(f.target.tagName?.toUpperCase()) > -1 || f.target?.role === "textbox" || o.current || (n && f.preventDefault(), c.current.add(f.key.toUpperCase()), f.ctrlKey && c.current.add("CONTROL"), f.metaKey && c.current.add("META"), f.altKey && c.current.add("ALT"), f.shiftKey && c.current.add("SHIFT"), l.current === -1 && (l.current = setTimeout(() => {
+    !f.key || d.map((C) => C.toUpperCase()).indexOf(f.target.tagName?.toUpperCase()) > -1 || f.target?.role === "textbox" || o.current || (n && f.preventDefault(), c.current.add(f.key.toUpperCase()), f.ctrlKey && c.current.add("CONTROL"), f.metaKey && c.current.add("META"), f.altKey && c.current.add("ALT"), f.shiftKey && c.current.add("SHIFT"), l.current === -1 && (l.current = setTimeout(() => {
       h();
     }, a ?? wI)));
   }, []), x = Fe(() => {
@@ -7284,11 +7286,11 @@ const jI = (e, s) => {
   }, [d]), g = m * (p - 1), f = (y, v) => {
     const j = { search: y };
     (v.redirectionMethod ?? a) === "push" ? i.push(j) : i.replace(j);
-  }, N = (y, v, j = {}) => {
+  }, C = (y, v, j = {}) => {
     d.set(y, String(v)), f(d.toString(), j);
-  }, C = (y = {}) => {
+  }, N = (y = {}) => {
     if (p !== xn) {
-      N(Io, xn, y);
+      C(Io, xn, y);
       return;
     }
     f(d.toString(), y);
@@ -7296,21 +7298,21 @@ const jI = (e, s) => {
   return {
     pageSize: m,
     changePage: (y) => {
-      N(Io, y);
+      C(Io, y);
     },
     changePageSize: (y) => {
-      N(Rl, y), C();
+      C(Rl, y), N();
     },
     searchKey: _,
     handleSearch: (y) => {
-      N(yl, y), C();
+      C(yl, y), N();
     },
     offset: g,
     sortBy: h,
     sortOrder: E,
     handleSorting: (y) => {
       let v;
-      y === h && E === Te.ASC ? v = Te.DESC : v = Te.ASC, N(jl, y), N(Ol, v), C();
+      y === h && E === Te.ASC ? v = Te.DESC : v = Te.ASC, C(jl, y), C(Ol, v), N();
     },
     clearFilters: () => {
       f("", {}), n && localStorage.removeItem(n);
@@ -7321,7 +7323,7 @@ const jI = (e, s) => {
         tm.includes(y[j]) ? d.delete(j) : Array.isArray(y[j]) ? (d.delete(j), y[j].forEach((P) => {
           d.append(j, P);
         })) : d.set(j, y[j]);
-      }), Al(n, JSON.stringify(u(d))), C(v);
+      }), Al(n, JSON.stringify(u(d))), N(v);
     },
     areFiltersApplied: !!_ || DI(x)
   };
@@ -7491,8 +7493,8 @@ const sp = {
     isOpacityHoverChild: x = !1,
     triggerAutoClickTimestamp: g,
     ...f
-  }, N) => {
-    const [C, S] = w(!1), b = $(), A = $(null), R = l || d, T = `dc__no-shrink flex dc__fill-available-space ${FI({
+  }, C) => {
+    const [N, S] = w(!1), b = $(), A = $(null), R = l || d, T = `dc__no-shrink flex dc__fill-available-space ${FI({
       size: a,
       icon: p
     })}`;
@@ -7515,10 +7517,10 @@ const sp = {
     return /* @__PURE__ */ t.jsx(J, { ...y(), children: /* @__PURE__ */ t.jsx("div", { className: `dc__inline-block flex ${E ? "w-100" : "dc__w-fit-content"}`, children: /* @__PURE__ */ t.jsxs(
       GI,
       {
-        ref: N,
+        ref: C,
         ...f,
         disabled: R,
-        className: `br-4 flex cursor dc__tab-focus dc__position-rel dc__capitalize ${x ? "dc__opacity-hover--child" : ""} ${VI({ size: a, variant: n, style: r, isLoading: d, icon: p, isAutoTriggerActive: C, fontWeight: o })} ${R ? "dc__disabled" : ""} ${E ? "w-100" : ""}`,
+        className: `br-4 flex cursor dc__tab-focus dc__position-rel dc__capitalize ${x ? "dc__opacity-hover--child" : ""} ${VI({ size: a, variant: n, style: r, isLoading: d, icon: p, isAutoTriggerActive: N, fontWeight: o })} ${R ? "dc__disabled" : ""} ${E ? "w-100" : ""}`,
         "data-testid": e,
         "aria-label": _ || (d ? s : void 0),
         elementRef: A,
@@ -8336,20 +8338,20 @@ const uA = ({
   }), o;
 }, IG = ({ migrateUserPreferences: e, recentlyVisitedFetchConfig: s }) => {
   const [n, a] = w(null), [r, o] = w(null), { id: i, name: c, resourceKind: l, isDataAvailable: d } = s ?? {}, { handleThemeSwitcherDialogVisibilityChange: u, handleThemePreferenceChange: m } = An(), p = async () => {
-    const C = await fA({
+    const N = await fA({
       id: i,
       name: c,
       resourceKind: l,
       updateLocalStorage: !0,
       shouldThrowError: !1
     });
-    return a(C), C;
+    return a(N), N;
   }, [_, h] = vt(
     () => p(),
     [i, c],
     d && !!l
-  ), E = h?.resources?.[l]?.[Ta.RECENTLY_VISITED] || [], x = (C) => {
-    C?.themePreference ? C?.themePreference && m(C.themePreference) : u(!0), a(C);
+  ), E = h?.resources?.[l]?.[Ta.RECENTLY_VISITED] || [], x = (N) => {
+    N?.themePreference ? N?.themePreference && m(N.themePreference) : u(!0), a(N);
   };
   return {
     userPreferences: n,
@@ -8357,26 +8359,26 @@ const uA = ({
     handleFetchUserPreferences: async () => {
       try {
         o(null);
-        const C = await Er();
+        const N = await Er();
         if (e) {
-          const S = await e(C);
+          const S = await e(N);
           x(S);
         } else
-          x(C);
-      } catch (C) {
-        o(C);
+          x(N);
+      } catch (N) {
+        o(N);
       }
     },
-    handleUpdatePipelineRBACViewSelectedTab: (C) => {
+    handleUpdatePipelineRBACViewSelectedTab: (N) => {
       a((S) => ({
         ...S,
-        pipelineRBACViewSelectedTab: C
+        pipelineRBACViewSelectedTab: N
       }));
     },
-    handleUpdateUserThemePreference: (C) => {
+    handleUpdateUserThemePreference: (N) => {
       a((S) => ({
         ...S,
-        themePreference: C
+        themePreference: N
       }));
     },
     fetchRecentlyVisitedParsedEntities: p,
@@ -8403,8 +8405,8 @@ const uA = ({
     isExternalLink: d,
     isLicenseDashboard: h
   }), g = (f) => {
-    E && !d && !u && !f.metaKey && !h && x.startsWith(Ea) && (f.preventDefault(), _((N) => ({
-      ...N,
+    E && !d && !u && !f.metaKey && !h && x.startsWith(Ea) && (f.preventDefault(), _((C) => ({
+      ...C,
       state: zr.DOCUMENTATION,
       docLink: x,
       reinitialize: !0
@@ -8702,14 +8704,14 @@ const bA = /* @__PURE__ */ new Set(["error", "healthy", "succeeded", "cancelled"
   targetPlatforms: g,
   isDeploymentWithoutApproval: f
 }) => {
-  const N = !!x && (!!qm(s?.approvalConfigData) || !!m?.length || !!_?.promotedFromType || f);
+  const C = !!x && (!!qm(s?.approvalConfigData) || !!m?.length || !!_?.promotedFromType || f);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     e === "deployed-artifact" && /* @__PURE__ */ t.jsxs("div", { className: "flex dc__width-inherit pb-12", children: [
       /* @__PURE__ */ t.jsx("div", { className: "w-50 text-underline-dashed-300" }),
       /* @__PURE__ */ t.jsx(vu, { className: "icon-dim-16 ml-8 mr-8", style: { transform: "rotate(90deg)" } }),
       /* @__PURE__ */ t.jsx("div", { className: "w-50 text-underline-dashed-300" })
     ] }),
-    N && x({
+    C && x({
       userApprovalMetadata: s,
       triggeredBy: n,
       appliedFilters: m,
@@ -8721,7 +8723,7 @@ const bA = /* @__PURE__ */ new Set(["error", "healthy", "succeeded", "cancelled"
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: `dc__h-fit-content ci-artifact image-tag-parent-card bg__primary br-4 dc__border p-12 w-100 dc__mxw-800 ci-artifact--${e} ${N ? "dc__no-top-radius dc__no-top-border" : ""}`,
+        className: `dc__h-fit-content ci-artifact image-tag-parent-card bg__primary br-4 dc__border p-12 w-100 dc__mxw-800 ci-artifact--${e} ${C ? "dc__no-top-radius dc__no-top-border" : ""}`,
         "data-testid": "hover-on-report-artifact",
         children: [
           /* @__PURE__ */ t.jsxs("div", { className: "flex left dc__gap-12", children: [
@@ -8768,17 +8770,17 @@ const bA = /* @__PURE__ */ new Set(["error", "healthy", "succeeded", "cancelled"
 }) => {
   const { isSuperAdmin: x } = Qm(), { handleDownload: g } = eA({
     shouldOpenInNewTab: !0
-  }), { triggerId: f, buildId: N } = Dt(), C = e.toLowerCase();
+  }), { triggerId: f, buildId: C } = Dt(), N = e.toLowerCase();
   async function S() {
     await g({
       downloadUrl: r,
-      fileName: `${N || f}.zip`
+      fileName: `${C || f}.zip`
     });
   }
-  if (C === De.RUNNING || C === De.STARTING || C === De.WAITING_TO_START)
+  if (N === De.RUNNING || N === De.STARTING || N === De.WAITING_TO_START)
     return /* @__PURE__ */ t.jsx(UA, {});
   if (!a && !i) {
-    if (C === De.FAILED || C === De.CANCELLED || C === De.ERROR || C === De.TIMED_OUT)
+    if (N === De.FAILED || N === De.CANCELLED || N === De.ERROR || N === De.TIMED_OUT)
       return /* @__PURE__ */ t.jsx(
         Xe,
         {
@@ -8786,7 +8788,7 @@ const bA = /* @__PURE__ */ new Set(["error", "healthy", "succeeded", "cancelled"
           subTitle: c ? et.ARTIFACTS_EMPTY_STATE_TEXTS.FailedToFetchArtifactsError : et.ARTIFACTS_EMPTY_STATE_TEXTS.NoArtifactsError
         }
       );
-    if (C === De.SUCCEEDED)
+    if (N === De.SUCCEEDED)
       return /* @__PURE__ */ t.jsx(
         Xe,
         {
@@ -9333,7 +9335,7 @@ const FA = (e, s) => {
   primaryBranchAfterRegex: c,
   rootClassName: l = ""
 }) => {
-  const d = e === es.WEBHOOK, u = e === es.BranchRegex || !!o || i, [m, p] = w(""), [_, h] = w(""), [E, x] = w(!!d), [g, f] = w(!1), N = () => {
+  const d = e === es.WEBHOOK, u = e === es.BranchRegex || !!o || i, [m, p] = w(""), [_, h] = w(""), [E, x] = w(!!d), [g, f] = w(!1), C = () => {
     if (d) {
       x(!0), f(!1);
       const A = JSON.parse(s);
@@ -9353,9 +9355,9 @@ const FA = (e, s) => {
       p(s), h(s);
   };
   M(() => {
-    N();
+    C();
   }, [s]);
-  const C = () => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  const N = () => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx("div", { className: "fw-6", children: "Regex" }),
       /* @__PURE__ */ t.jsx("p", { children: o })
@@ -9378,7 +9380,7 @@ const FA = (e, s) => {
     });
   }
   function b() {
-    u && h(C());
+    u && h(N());
   }
   return M(() => {
     S(), b();
@@ -10068,7 +10070,7 @@ const IR = (e) => {
   const m = async () => {
     try {
       c(!0);
-      const { appId: x, appType: g, environmentId: f, installedAppId: N } = a || {}, C = g === gt.DEVTRON_HELM_CHART ? N : x, S = r || String(C), b = o || String(f);
+      const { appId: x, appType: g, environmentId: f, installedAppId: C } = a || {}, N = g === gt.DEVTRON_HELM_CHART ? C : x, S = r || String(N), b = o || String(f);
       await vR({ appId: S, envId: b });
     } catch (x) {
       Le(x);
@@ -10278,13 +10280,13 @@ const jR = ({
 }) => {
   const u = $r(), { url: m } = bs(), { appId: p, envId: _, triggerId: h } = Dt(), [E, x] = w(
     e?.toUpperCase() !== q.ABORTED
-  ), g = iR.getAppDetails(), f = $(i), N = $(d), C = f.current && c ? c() : xi(s ?? g?.deploymentAppType), [S, b] = w(C), A = () => {
+  ), g = iR.getAppDetails(), f = $(i), C = $(d), N = f.current && c ? c() : xi(s ?? g?.deploymentAppType), [S, b] = w(N), A = () => {
     Ya && clearTimeout(Ya);
   }, R = () => {
     SR(p, _, !0, h, n, a).then((v) => {
       e !== "Aborted" && T({
         ...v.result,
-        isDeploymentWithoutApproval: N.current
+        isDeploymentWithoutApproval: C.current
       });
     }).catch(() => {
       x(!1);
@@ -10297,7 +10299,7 @@ const jR = ({
   }), [a]), M(() => {
     f.current = i;
   }, [i]), M(() => {
-    N.current = d;
+    C.current = d;
   }, [d]);
   const T = (v) => {
     const j = f.current && c ? c(v) : xi(
@@ -10798,7 +10800,7 @@ const Dn = ({
       return;
     const { scrollHeight: b, clientHeight: A } = e.dom, R = u.current.clientHeight, I = (S.clientY - p.current) / R;
     e.dom.scrollTo({ top: _.current + I * (b - A) });
-  }, N = () => {
+  }, C = () => {
     d(!1), document.body.style.userSelect = "auto", document.body.style.pointerEvents = "auto";
   };
   M(() => {
@@ -10812,10 +10814,10 @@ const Dn = ({
         S.removeEventListener("scroll", x);
       }
     };
-  }, [e]), M(() => (l ? (document.addEventListener("mousemove", f), document.addEventListener("mouseup", N)) : (document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", N)), () => {
-    document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", N);
+  }, [e]), M(() => (l ? (document.addEventListener("mousemove", f), document.addEventListener("mouseup", C)) : (document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", C)), () => {
+    document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", C);
   }), [e, l]);
-  const C = (S) => {
+  const N = (S) => {
     if (!e.dom || !u.current) return;
     const { clientHeight: b, scrollHeight: A } = e.dom, R = u.current.clientHeight, I = (S.clientY - u.current.getBoundingClientRect().top) / R;
     e.dom.scrollTo({ top: I * (A - b) });
@@ -10825,7 +10827,7 @@ const Dn = ({
     {
       ref: u,
       className: `code-editor__minimap-container dc__position-rel dc__no-shrink cursor ${h}`,
-      onClick: C,
+      onClick: N,
       children: [
         /* @__PURE__ */ t.jsx(
           "div",
@@ -11109,9 +11111,9 @@ const Dn = ({
     p({ replace: D.target.value });
   }, f = (D) => {
     D.stopPropagation(), D.key === "Enter" && (D.preventDefault(), a(), Gc(e));
-  }, N = () => {
-    vf(e);
   }, C = () => {
+    vf(e);
+  }, N = () => {
     a(), Gc(e);
   }, S = () => {
     a(), pu(e);
@@ -11247,7 +11249,7 @@ const Dn = ({
         variant: z.borderLess,
         style: oe.neutral,
         size: L.xxs,
-        onClick: N,
+        onClick: C,
         showTooltip: !0,
         tooltipProps: {
           content: "Select All",
@@ -11299,7 +11301,7 @@ const Dn = ({
           variant: z.borderLess,
           style: oe.neutral,
           size: L.xxs,
-          onClick: C,
+          onClick: N,
           showTooltip: !0,
           tooltipProps: {
             shortcutKeyCombo: {
@@ -11506,8 +11508,8 @@ const Dn = ({
   extensions: x,
   autoFocus: g,
   diffMinimapExtensions: f,
-  collapseUnchanged: N = !1,
-  disableMinimap: C = !1
+  collapseUnchanged: C = !1,
+  disableMinimap: N = !1
 }) => {
   const { value: S, lhsValue: b, diffMode: A } = lo(), [R, T] = w(0), [I, y] = w(null), [v, j] = w(null), [P, O] = w(1), D = $(), k = $(), B = $(), G = $(), ee = $(), Z = rn(s), be = () => {
     const le = document.querySelector(".cm-gutters");
@@ -11556,13 +11558,13 @@ const Dn = ({
       const { doc: K } = le.state, Ce = K.toString();
       c(Ce, le);
     }
-    C || Wl(G.current, le.transactions, "a");
+    N || Wl(G.current, le.transactions, "a");
   }), xe = Xn.updateListener.of((le) => {
     if (le.docChanged) {
       const { doc: K } = le.state, Ce = K.toString();
       d(Ce, le);
     }
-    C || Wl(G.current, le.transactions, "b");
+    N || Wl(G.current, le.transactions, "b");
   }), de = () => {
     I?.destroy(), B.current?.destroy();
     const le = new Yc({
@@ -11577,9 +11579,9 @@ const Dn = ({
       ...i ? {} : { revertControls: "a-to-b", renderRevertControl: s0 },
       diffConfig: { scanLimit: Kl(b, S), timeout: 5e3 },
       parent: k.current,
-      collapseUnchanged: N ? {} : void 0
+      collapseUnchanged: C ? {} : void 0
     });
-    if (B.current = le, y(le), !C && le && ee.current) {
+    if (B.current = le, y(le), !N && le && ee.current) {
       v?.destroy(), G.current?.destroy();
       const K = new Yc({
         a: {
@@ -11599,13 +11601,13 @@ const Dn = ({
   };
   M(() => (!n && k.current && de(), () => {
     y(null), j(null), B.current = null, G.current = null;
-  }), [n, e, A, N, C]), M(() => {
+  }), [n, e, A, C, N]), M(() => {
     if (B.current) {
       const le = B.current.a.state.doc.toString(), K = B.current.b.state.doc.toString();
       (le !== b || K !== S) && de();
     }
   }, [b, S]), M(() => {
-    C || setTimeout(() => {
+    N || setTimeout(() => {
       O(
         I ? Math.min(
           I.dom.clientHeight / I.dom.scrollHeight,
@@ -11613,7 +11615,7 @@ const Dn = ({
         ) : 1
       );
     }, 100);
-  }, [b, S, I, C]);
+  }, [b, S, I, N]);
   const { codeEditorClassName: se, codeEditorHeight: ne, codeEditorParentClassName: me } = ZR(r);
   return n ? a || /* @__PURE__ */ t.jsx("div", { className: "flex mh-250", style: { height: ne }, children: /* @__PURE__ */ t.jsx(Je, { pageLoader: !0 }) }) : A ? /* @__PURE__ */ t.jsxs(
     "div",
@@ -11629,7 +11631,7 @@ const Dn = ({
             className: `cm-merge-theme flex-grow-1 h-100 dc__overflow-hidden ${i ? "code-editor__read-only" : ""}`
           }
         ),
-        !C && /* @__PURE__ */ t.jsx(
+        !N && /* @__PURE__ */ t.jsx(
           WR,
           {
             theme: s,
@@ -11700,8 +11702,8 @@ const Dn = ({
   loading: x,
   customLoader: g,
   validatorSchema: f = {},
-  schemaURI: N = fb,
-  cleanData: C = !1,
+  schemaURI: C = fb,
+  cleanData: N = !1,
   onBlur: S,
   onFocus: b,
   autoFocus: A,
@@ -11711,10 +11713,10 @@ const Dn = ({
   ...y
 }) => {
   const v = (I || y.disableSearch) ?? !1, j = (I || y.readOnly) ?? !1, { appTheme: P } = An(), O = $(), D = $({ code: "", lhsCode: "" }), k = X(() => {
-    const V = E ? a : s, he = C ? ru(V) : V;
+    const V = E ? a : s, he = N ? ru(V) : V;
     return he !== D.current.code ? ![it.JSON, it.YAML].includes(o) || i ? he : Yl(he, o, l) : D.current.code;
   }, [s, a, E, i]), B = X(() => {
-    const V = C ? ru(n) : n;
+    const V = N ? ru(n) : n;
     return V !== D.current.lhsCode ? ![it.JSON, it.YAML].includes(o) || i ? V : Yl(V, o, l) : D.current.lhsCode;
   }, [n, i]), G = e ?? P, ee = G === tt.dark, { codeEditorTheme: Z, themeExtension: be } = YR(ee), [Ee, W] = w(), [ie, ce] = w(!1), [xe, de] = w(E), se = X(
     () => ({ setDiffMode: de, diffMode: xe, hasCodeEditorContainer: ie, lhsValue: B, value: k, readOnly: j, theme: G }),
@@ -11772,7 +11774,7 @@ const Dn = ({
     kf
   ], re = [
     ...Ye(),
-    ...xe ? [] : n0({ mode: o, schemaURI: N, validatorSchema: f }),
+    ...xe ? [] : n0({ mode: o, schemaURI: C, validatorSchema: f }),
     Do
   ], Re = [
     Z,
@@ -12028,44 +12030,44 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
   showDetailedDiffState: l,
   hideDiffState: d
 }) => {
-  const [u, m] = w({}), p = (N) => () => {
+  const [u, m] = w({}), p = (C) => () => {
     m({
       ...u,
-      [N]: !u[N]
+      [C]: !u[C]
     });
-  }, _ = (N) => (C) => {
-    i === N && C.target === C.currentTarget && setTimeout(() => {
+  }, _ = (C) => (N) => {
+    i === C && N.target === N.currentTarget && setTimeout(() => {
       document.querySelector(`#${i}`)?.scrollIntoView({ block: "start" });
     });
   };
   M(() => {
     e || m(
       a.reduce(
-        (N, C) => ({
-          ...N,
-          [C.id]: i === C.id || C.diffState !== Vt.NO_DIFF
+        (C, N) => ({
+          ...C,
+          [N.id]: i === N.id || N.diffState !== Vt.NO_DIFF
         }),
         {}
       )
     );
   }, [e]), M(() => {
-    i && m((N) => ({ ...N, [i]: !0 }));
+    i && m((C) => ({ ...C, [i]: !0 }));
   }, [i]);
-  const h = (N) => N.map((C, S) => {
-    if (C.type === "string")
+  const h = (C) => C.map((N, S) => {
+    if (N.type === "string")
       return /* @__PURE__ */ t.jsxs(gs, { children: [
-        typeof C.text == "string" ? /* @__PURE__ */ t.jsx("p", { className: "m-0 cn-9 fs-13 lh-20 fw-6", children: C.text }) : C.text,
-        !r?.hideDivider && S !== N.length - 1 && /* @__PURE__ */ t.jsx("span", { className: "cn-9 fs-13 lh-20", children: "/" })
-      ] }, C.id);
-    if (C.type === "radio-group")
+        typeof N.text == "string" ? /* @__PURE__ */ t.jsx("p", { className: "m-0 cn-9 fs-13 lh-20 fw-6", children: N.text }) : N.text,
+        !r?.hideDivider && S !== C.length - 1 && /* @__PURE__ */ t.jsx("span", { className: "cn-9 fs-13 lh-20", children: "/" })
+      ] }, N.id);
+    if (N.type === "radio-group")
       return /* @__PURE__ */ t.jsx(
         C0,
         {
-          radioSelectConfig: C.radioSelectConfig
+          radioSelectConfig: N.radioSelectConfig
         },
-        C.id
+        N.id
       );
-    const { selectPickerProps: b } = C;
+    const { selectPickerProps: b } = N;
     return /* @__PURE__ */ t.jsxs(gs, { children: [
       /* @__PURE__ */ t.jsx("div", { className: "dc__mxw-300", children: /* @__PURE__ */ t.jsx(
         kt,
@@ -12074,11 +12076,11 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
           isDisabled: e || b?.isDisabled
         }
       ) }),
-      !r?.hideDivider && S !== N.length - 1 && /* @__PURE__ */ t.jsx("span", { className: "cn-9 fs-13 lh-20", children: "/" })
-    ] }, C.id);
+      !r?.hideDivider && S !== C.length - 1 && /* @__PURE__ */ t.jsx("span", { className: "cn-9 fs-13 lh-20", children: "/" })
+    ] }, N.id);
   }), E = () => {
     if (o) {
-      const { handleSorting: N, sortBy: C, sortOrder: S } = o;
+      const { handleSorting: C, sortBy: N, sortOrder: S } = o;
       return /* @__PURE__ */ t.jsx(
         H,
         {
@@ -12087,7 +12089,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
           variant: z.borderLess,
           style: oe.neutral,
           size: L.small,
-          startIcon: C ? /* @__PURE__ */ t.jsx(
+          startIcon: N ? /* @__PURE__ */ t.jsx(
             Vi,
             {
               className: "rotate",
@@ -12096,7 +12098,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
               }
             }
           ) : /* @__PURE__ */ t.jsx(ju, {}),
-          onClick: N,
+          onClick: C,
           disabled: e
         }
       );
@@ -12104,28 +12106,28 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
     return null;
   }, x = () => {
     if (c) {
-      const { convertVariables: N, onConvertVariablesClick: C } = c;
+      const { convertVariables: C, onConvertVariablesClick: N } = c;
       return /* @__PURE__ */ t.jsx(
         Sp,
         {
           name: "resolve-scoped-variables",
-          resolveScopedVariables: N,
-          handleToggleScopedVariablesView: C
+          resolveScopedVariables: C,
+          handleToggleScopedVariablesView: N
         }
       );
     }
     return null;
-  }, g = () => a.map(({ id: N, primaryConfig: C, secondaryConfig: S, title: b, diffState: A, singleView: R }) => {
-    const { heading: T, list: I } = C, { heading: y, list: v } = S;
+  }, g = () => a.map(({ id: C, primaryConfig: N, secondaryConfig: S, title: b, diffState: A, singleView: R }) => {
+    const { heading: T, list: I } = N, { heading: y, list: v } = S;
     return /* @__PURE__ */ t.jsx(
       g0,
       {
-        id: N,
+        id: C,
         title: b,
-        isExpanded: u[N],
+        isExpanded: u[C],
         diffState: A,
-        onClick: p(N),
-        onTransitionEnd: _(N),
+        onClick: p(C),
+        onTransitionEnd: _(C),
         showDetailedDiffState: l,
         hideDiffState: d,
         children: R ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -12161,7 +12163,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
           )
         ] })
       },
-      `${N}-${b}`
+      `${C}-${b}`
     );
   }), f = () => e ? /* @__PURE__ */ t.jsx(Je, { fullHeight: !0, pageLoader: !0 }) : s?.error ? /* @__PURE__ */ t.jsx(
     Dn,
@@ -12313,13 +12315,13 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
 }) => {
   const [m, p] = w({});
   M(() => {
-    p(s.reduce((C, S) => ({ ...C, [S.id]: !!S.items.length }), {}));
+    p(s.reduce((N, S) => ({ ...N, [S.id]: !!S.items.length }), {}));
   }, [s]);
   const _ = s.map(
-    ({ items: C, ...S }) => ({
+    ({ items: N, ...S }) => ({
       ...S,
       isExpanded: m[S.id],
-      items: C.map(({ diffState: b, ...A }) => ({
+      items: N.map(({ diffState: b, ...A }) => ({
         ...A,
         strikeThrough: d && b === Vt.DELETED,
         ...!u && b !== Vt.NO_DIFF ? {
@@ -12334,16 +12336,16 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
         } : {}
       }))
     })
-  ), h = (C) => {
-    p((S) => ({ ...S, [C]: !S[C] }));
-  }, E = (C) => {
-    const { value: S } = C.target;
+  ), h = (N) => {
+    p((S) => ({ ...S, [N]: !S[N] }));
+  }, E = (N) => {
+    const { value: S } = N.target;
     c?.activeTab !== S && c?.onClick?.(S);
   }, x = () => /* @__PURE__ */ t.jsxs("div", { className: "p-12 flexbox dc__align-items-center dc__gap-8 dc__border-bottom-n1", children: [
     a && /* @__PURE__ */ t.jsx(ts, { to: a, children: /* @__PURE__ */ t.jsx("span", { className: "dc__border br-4 p-1 flex dc__hover-n50", children: /* @__PURE__ */ t.jsx(cs, { className: "icon-dim-16 fcn-6" }) }) }),
     /* @__PURE__ */ t.jsx("span", { className: "fs-13 lh-20 fw-6 cn-9 dc__truncate", children: r })
   ] }), g = () => {
-    const { tabs: C, activeTab: S } = c;
+    const { tabs: N, activeTab: S } = c;
     return /* @__PURE__ */ t.jsx("div", { className: "p-12", children: /* @__PURE__ */ t.jsx(
       _a,
       {
@@ -12352,11 +12354,11 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
         onChange: E,
         disabled: e,
         className: "gui-yaml-switch deployment-config-diff__tab-list",
-        children: C.map((b) => /* @__PURE__ */ t.jsx(_a.Radio, { value: b, className: "fs-12 lh-20 cn-7 fw-6", children: b }, b))
+        children: N.map((b) => /* @__PURE__ */ t.jsx(_a.Radio, { value: b, className: "fs-12 lh-20 cn-7 fw-6", children: b }, b))
       }
     ) });
   }, f = () => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    n.map(({ title: C, href: S, onClick: b, diffState: A, Icon: R }) => {
+    n.map(({ title: N, href: S, onClick: b, diffState: A, Icon: R }) => {
       const T = d ? Wn[A] : Wn.hasDiff;
       return /* @__PURE__ */ t.jsxs(
         Gs,
@@ -12367,7 +12369,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
           onClick: b,
           children: [
             R && /* @__PURE__ */ t.jsx(R, { className: "icon-dim-16 dc__nav-item__start-icon dc__no-shrink" }),
-            /* @__PURE__ */ t.jsx("span", { className: "dc__truncate flex-grow-1", children: C }),
+            /* @__PURE__ */ t.jsx("span", { className: "dc__truncate flex-grow-1", children: N }),
             !u && A !== Vt.NO_DIFF && /* @__PURE__ */ t.jsx(
               Ie,
               {
@@ -12380,7 +12382,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
             )
           ]
         },
-        C
+        N
       );
     }),
     /* @__PURE__ */ t.jsx(b0, { config: _, tabType: "navLink", onCollapseBtnClick: h }),
@@ -12388,14 +12390,14 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
       /* @__PURE__ */ t.jsx("span", { className: "flex p-2 dc__align-self-start", children: i ? /* @__PURE__ */ t.jsx(Ou, { className: "icon-dim-16 dc__no-shrink" }) : /* @__PURE__ */ t.jsx(ta, { className: "icon-dim-16 fcn-7 dc__no-shrink" }) }),
       /* @__PURE__ */ t.jsx("p", { className: `m-0 fs-12 lh-1-5 ${i ? "cr-5" : "cn-9"}`, children: o })
     ] })
-  ] }), N = () => e ? ["90", "70", "50"].map((C) => /* @__PURE__ */ t.jsx(T0, { width: C }, C)) : l?.error ? /* @__PURE__ */ t.jsxs("div", { className: "mt-8 py-6 px-8 flexbox dc__align-items-center dc__gap-8", children: [
+  ] }), C = () => e ? ["90", "70", "50"].map((N) => /* @__PURE__ */ t.jsx(T0, { width: N }, N)) : l?.error ? /* @__PURE__ */ t.jsxs("div", { className: "mt-8 py-6 px-8 flexbox dc__align-items-center dc__gap-8", children: [
     /* @__PURE__ */ t.jsx("span", { className: "flex p-2 dc__align-self-start", children: /* @__PURE__ */ t.jsx(ta, { className: "icon-dim-16 fcn-7" }) }),
     /* @__PURE__ */ t.jsx("p", { className: "m-0 fs-12 lh-1-5 cn-9", children: "Failed to load files. Please reload or select a different reference to compare with." })
   ] }) : f();
   return /* @__PURE__ */ t.jsxs("div", { className: "bg__primary dc__border-right flexbox-col dc__overflow-hidden", children: [
     x(),
     !!c?.tabs.length && g(),
-    /* @__PURE__ */ t.jsx("div", { className: "mw-none p-8 flex-grow-1 dc__overflow-auto", children: N() })
+    /* @__PURE__ */ t.jsx("div", { className: "mw-none p-8 flex-grow-1 dc__overflow-auto", children: C() })
   ] });
 }, v0 = ({
   isLoading: e,
@@ -12743,7 +12745,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
       x.deploymentTemplate,
       i,
       c
-    ), N = {
+    ), C = {
       id: _t.DeploymentTemplate,
       pathType: _t.DeploymentTemplate,
       title: "Deployment Template",
@@ -12757,15 +12759,15 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
       },
       diffState: er(g, f)
     };
-    let C, S, b;
+    let N, S, b;
     if (E.pipelineConfigData || x.pipelineConfigData) {
-      C = ad(E.pipelineConfigData, c), S = ad(
+      N = ad(E.pipelineConfigData, c), S = ad(
         x.pipelineConfigData,
         c
       );
       const v = {
-        ...C,
-        values: cd(C.values)
+        ...N,
+        values: cd(N.values)
       }, j = {
         ...S,
         values: cd(S.values)
@@ -12780,7 +12782,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
         },
         secondaryConfig: {
           heading: null,
-          list: C
+          list: N
         },
         diffState: er(v, j)
       };
@@ -12802,17 +12804,17 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
       r,
       c
     ), T = [
-      N,
+      C,
       ...b ? [b] : [],
       ...A,
       ...R
     ], I = [
       {
-        title: N.title,
-        diffState: N.diffState,
+        title: C.title,
+        diffState: C.diffState,
         href: n(_t.DeploymentTemplate, null),
         onClick: () => {
-          document.querySelector(`#${N.id}`)?.scrollIntoView({ block: "start" });
+          document.querySelector(`#${C.id}`)?.scrollIntoView({ block: "start" });
         },
         Icon: Wo
       },
@@ -13023,12 +13025,12 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
   isCompareDeploymentConfigNotAvailable: u,
   ...m
 }) => {
-  const { path: p, params: _ } = bs(), { resourceType: h, resourceName: E, appId: x, envId: g } = _, { compareWfrId: f, updateSearchParams: N, sortBy: C, sortOrder: S, handleSorting: b } = r, [A, R] = w({
+  const { path: p, params: _ } = bs(), { resourceType: h, resourceName: E, appId: x, envId: g } = _, { compareWfrId: f, updateSearchParams: C, sortBy: N, sortOrder: S, handleSorting: b } = r, [A, R] = w({
     isLoading: !1,
     data: c,
     hasMore: c.size >= en
   }), [T, I] = w(n);
-  M(() => (N({ compareWfrId: f }), s(!0), C !== Qa && b(Qa), () => {
+  M(() => (C({ compareWfrId: f }), s(!0), N !== Qa && b(Qa), () => {
     i(!1), s(!1);
   }), []);
   const y = async (W) => {
@@ -13065,7 +13067,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
     renderRunSource: l,
     resourceId: d
   }), D = O.find(({ value: W }) => W === f), k = !!O.length, B = ({ value: W }) => {
-    N({ compareWfrId: W });
+    C({ compareWfrId: W });
   }, G = {
     primaryConfig: k ? [
       {
@@ -13101,7 +13103,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
     ]
   }, ee = () => k ? u ? `Diff unavailable: Configurations for deployment execution ‘${D?.label || "N/A"}’ not found` : `Showing diff in configuration deployed on: ${D?.label || "N/A"} & ${P}` : null, be = {
     handleSorting: () => b(S !== Te.DESC ? Qa : ""),
-    sortBy: C,
+    sortBy: N,
     sortOrder: S
   }, Ee = {
     convertVariables: o,
@@ -13138,7 +13140,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
     [_, a]
   ), x = !!E, g = mc({
     parseSearchParams: U0(E)
-  }), { compareWfrId: f, sortBy: N, sortOrder: C } = g, [S, b] = w(!1), [A, R, , T] = vt(async () => {
+  }), { compareWfrId: f, sortBy: C, sortOrder: N } = g, [S, b] = w(!1), [A, R, , T] = vt(async () => {
     const G = [
       {
         appName: e,
@@ -13175,7 +13177,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
         compareList: G,
         getNavItemHref: I,
         convertVariables: S,
-        sortingConfig: { sortBy: N, sortOrder: C }
+        sortingConfig: { sortBy: C, sortOrder: N }
       }), be = ld({
         currentList: ee,
         compareList: G,
@@ -13191,8 +13193,8 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
     A,
     R,
     S,
-    N,
-    C
+    C,
+    N
   ]), j = X(
     () => !A && R ? ud(R[0]) || ud(R[1]) : null,
     [A, R]
@@ -13482,23 +13484,23 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
   }, f = (A) => /* @__PURE__ */ t.jsxs("div", { className: "commit-hash px-6 dc__w-fit-content dc__gap-4 fs-13", children: [
     /* @__PURE__ */ t.jsx(Br, { className: "icon-dim-14 scb-5" }),
     A
-  ] }), N = () => a ? l.isselected ? /* @__PURE__ */ t.jsx(Xc, { className: "dc__align-right icon-dim-20" }) : /* @__PURE__ */ t.jsx(Jc, { "data-testid": "valid-git-commit icon-dim-20" }) : null, C = () => /* @__PURE__ */ t.jsxs("div", { className: "flex column left dc__gap-8", children: [
+  ] }), C = () => a ? l.isselected ? /* @__PURE__ */ t.jsx(Xc, { className: "dc__align-right icon-dim-20" }) : /* @__PURE__ */ t.jsx(Jc, { "data-testid": "valid-git-commit icon-dim-20" }) : null, N = () => /* @__PURE__ */ t.jsxs("div", { className: "flex column left dc__gap-8", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "flex dc__content-space w-100", children: [
       g(u.data["git url"]),
-      N()
+      C()
     ] }),
     x(),
     _(!0)
   ] }), S = () => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs("div", { className: "flex left dc__content-space", children: [
       f(u.data["target checkout"]),
-      N()
+      C()
     ] }),
     _()
   ] }), b = () => {
     if (!d) return null;
     const A = u.eventactiontype === V0.MERGED;
-    return r.includes(Nt.GITLAB) ? A ? S() : C() : A ? C() : S();
+    return r.includes(Nt.GITLAB) ? A ? S() : N() : A ? N() : S();
   };
   return /* @__PURE__ */ t.jsxs("div", { className: "git-commit-info-generic__wrapper cn-9 fs-12", children: [
     o && (d || l.commit) && !!r && /* @__PURE__ */ t.jsx(
@@ -13647,7 +13649,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
   targetPlatforms: g,
   isDeploymentWithoutApproval: f
 }) => {
-  const { isSuperAdmin: N } = Qm();
+  const { isSuperAdmin: C } = Qm();
   if (!s?.length || !Object.keys(e ?? {}).length)
     return /* @__PURE__ */ t.jsx(
       Xe,
@@ -13656,7 +13658,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
         subTitle: et.DEVTRON_APP_DEPLOYMENT_HISTORY_SOURCE_CODE.SUBTITLE
       }
     );
-  const C = gr(n);
+  const N = gr(n);
   return /* @__PURE__ */ t.jsxs("div", { className: "history-component__wrapper flex column left w-100 p-16 dc__gap-12", children: [
     s?.map((S, b) => {
       const A = e[S.id];
@@ -13697,7 +13699,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
         hideImageTaggingHardDelete: m,
         appliedFilters: p,
         appliedFiltersTimestamp: _,
-        isSuperAdmin: N,
+        isSuperAdmin: C,
         promotionApprovalMetadata: h,
         selectedEnvironmentName: E,
         renderCIListHeader: x,
@@ -13705,8 +13707,8 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
         isDeploymentWithoutApproval: f,
         children: /* @__PURE__ */ t.jsxs("div", { className: "flex column left hover-trigger", children: [
           /* @__PURE__ */ t.jsxs("div", { className: "cn-9 fs-14 flex left", children: [
-            C,
-            /* @__PURE__ */ t.jsx("div", { className: "pl-4", children: /* @__PURE__ */ t.jsx(Yt, { content: C }) })
+            N,
+            /* @__PURE__ */ t.jsx("div", { className: "pl-4", children: /* @__PURE__ */ t.jsx(Yt, { content: N }) })
           ] }),
           /* @__PURE__ */ t.jsxs("div", { className: "cn-7 fs-12 flex left", children: [
             n,
@@ -13786,8 +13788,8 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
       }
     ),
     s && /* @__PURE__ */ t.jsxs("div", { className: "flexbox-col dc__gap-4", children: [
-      n.map((f, N) => {
-        const C = dp({ stageIndex: l, lineNumberInsideStage: N }) === m;
+      n.map((f, C) => {
+        const N = dp({ stageIndex: l, lineNumberInsideStage: C }) === m;
         return /* @__PURE__ */ t.jsxs(
           pd,
           {
@@ -13797,8 +13799,8 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
                 {
                   ref: x,
                   className: "cn-5 col-2 lh-20 dc__text-align-end dc__word-break mono fs-14 dc__user-select-none",
-                  "data-contains-match": C,
-                  children: N + 1
+                  "data-contains-match": N,
+                  children: C + 1
                 }
               ),
               /* @__PURE__ */ t.jsx(
@@ -13812,7 +13814,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
               )
             ]
           },
-          `logs-${e}-${r}-${N}`
+          `logs-${e}-${r}-${C}`
         );
       }),
       d && /* @__PURE__ */ t.jsxs(pd, { children: [
@@ -13863,11 +13865,11 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
 }, Q0 = ({ triggerDetails: e, isBlobStorageConfigured: s, parentType: n, fullScreenView: a }) => {
   const { pipelineId: r, envId: o, appId: i } = Dt(), c = $(null), l = n === Ge.CI ? `${mr}/${Y.CI_CONFIG_GET}/${r}/workflow/${e.id}/logs` : `${mr}/${Y.CD_MATERIAL_GET}/workflow/logs/${i}/${o}/${r}/${e.id}`, [d, u, m] = Z0(
     e.podStatus && e.podStatus !== Oo.PENDING && l
-  ), [p, _] = w([]), [h, E] = w([]), [x, g] = w(0), [f, N] = w([]), { searchKey: C, handleSearch: S } = mc(), b = h.length > 0, A = X(() => p.every((W) => W.isOpen), [p]), R = A ? "Collapse all stages" : "Expand all stages", { registerShortcut: T, unregisterShortcut: I } = wn(), y = d[0]?.startsWith($l) || !1;
+  ), [p, _] = w([]), [h, E] = w([]), [x, g] = w(0), [f, C] = w([]), { searchKey: N, handleSearch: S } = mc(), b = h.length > 0, A = X(() => p.every((W) => W.isOpen), [p]), R = A ? "Collapse all stages" : "Expand all stages", { registerShortcut: T, unregisterShortcut: I } = wn(), y = d[0]?.startsWith($l) || !1;
   function v({
     log: W,
     currentIndex: ie = -1,
-    targetSearchKey: ce = C,
+    targetSearchKey: ce = N,
     searchMatchResults: xe = null,
     searchIndex: de = ""
   }) {
@@ -13964,7 +13966,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
       return;
     if (!y) {
       const ie = d.map((ce) => v({ log: ce }).__html);
-      N(ie);
+      C(ie);
       return;
     }
     const W = O(x);
@@ -13981,7 +13983,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
   M(() => (T({ callback: D, keys: ["E"] }), () => {
     I(["E"]);
   }), [D]);
-  const k = (W, ie = C) => {
+  const k = (W, ie = N) => {
     if (h.length > 0 || W === "reset") {
       let ce = 0;
       W === "next" ? ce = (x + 1) % h.length : W === "prev" && (ce = x > 0 ? x - 1 : h.length - 1), g(ce), _(O(ce, ie));
@@ -13991,7 +13993,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
   }, G = () => {
     k("prev");
   }, ee = (W) => {
-    S(W), C === W ? B() : k("reset", W);
+    S(W), N === W ? B() : k("reset", W);
   }, Z = (W) => {
     const ie = structuredClone(p);
     ie[W].isOpen = !1, _(ie);
@@ -14024,11 +14026,11 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
                     placeholder: "Search logs"
                   },
                   handleEnter: ee,
-                  initialSearchText: C,
+                  initialSearchText: N,
                   size: L.large
                 }
               ),
-              !!C && /* @__PURE__ */ t.jsxs("div", { className: "flexbox px-10 py-6 dc__gap-8 dc__align-items-center", children: [
+              !!N && /* @__PURE__ */ t.jsxs("div", { className: "flexbox px-10 py-6 dc__gap-8 dc__align-items-center", children: [
                 /* @__PURE__ */ t.jsxs("span", { className: "fs-13 fw-4 lh-20 text__white", children: [
                   b ? x + 1 : 0,
                   "/",
@@ -14691,13 +14693,13 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
     namespace: E,
     workflowExecutionStages: x
   }) => {
-    const { path: g, params: f } = bs(), { pathname: N } = ss(), C = N.split("/").pop(), { envId: S, ...b } = Dt(), A = l === Ge.CD || l === Ge.GROUP_CD, R = A ? "triggerId" : "buildId", T = _ === p?.id, I = $(null), y = () => {
+    const { path: g, params: f } = bs(), { pathname: C } = ss(), N = C.split("/").pop(), { envId: S, ...b } = Dt(), A = l === Ge.CD || l === Ge.GROUP_CD, R = A ? "triggerId" : "buildId", T = _ === p?.id, I = $(null), y = () => {
       const D = {
         ...b,
         envId: S,
         [R]: e
       };
-      return `${Qs(g, D)}/${C}`;
+      return `${Qs(g, D)}/${N}`;
     }, v = () => {
       I?.current && I.current.scrollIntoView({ behavior: "smooth" });
     };
@@ -14810,7 +14812,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
       }), r({ offset: n.size, size: 20 });
     }, g = () => e === Ge.CI || e === Ge.GROUP_CI ? u : e === Ge.GROUP_CD ? m : p, f = s?.find((b) => b.value === g()) ?? null;
     s?.sort((b, A) => b.label > A.label ? 1 : -1);
-    const N = s?.filter((b) => !b.deploymentAppDeleteRequest), C = () => e === Ge.GROUP_CI || e === Ge.GROUP_CD ? jo.APPLICATION : e === Ge.CI ? jo.PIPELINE : jo.ENVIRONMENT, S = (b) => (b.selectProps.styles.option = sy(), /* @__PURE__ */ t.jsx(qe.Option, { ...b, children: /* @__PURE__ */ t.jsxs("div", { className: "flexbox dc dc__gap-4", children: [
+    const C = s?.filter((b) => !b.deploymentAppDeleteRequest), N = () => e === Ge.GROUP_CI || e === Ge.GROUP_CD ? jo.APPLICATION : e === Ge.CI ? jo.PIPELINE : jo.ENVIRONMENT, S = (b) => (b.selectProps.styles.option = sy(), /* @__PURE__ */ t.jsx(qe.Option, { ...b, children: /* @__PURE__ */ t.jsxs("div", { className: "flexbox dc dc__gap-4", children: [
       (e === Ge.CI || e === Ge.GROUP_CI) && /* @__PURE__ */ t.jsx(
         F,
         {
@@ -14831,7 +14833,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
             "data-testid": "select-history-heading",
             children: [
               "Select ",
-              C()
+              N()
             ]
           }
         ),
@@ -14840,7 +14842,7 @@ const xc = ({ expand: e, onTransitionEnd: s, children: n }) => /* @__PURE__ */ t
           {
             classNamePrefix: "history-pipeline-dropdown",
             value: f,
-            options: e === Ge.CI || e === Ge.GROUP_CI ? s : N,
+            options: e === Ge.CI || e === Ge.GROUP_CI ? s : C,
             onChange: E,
             components: {
               IndicatorSeparator: null,
@@ -15228,7 +15230,7 @@ const py = (e) => {
   isLandscapeView: d = !1,
   showConfetti: u = !1
 }) => {
-  const { registerShortcut: m, unregisterShortcut: p } = wn(), [_, h] = w(""), E = o?.identifier, x = o?.confirmationKeyword, { primaryButtonConfig: g, secondaryButtonConfig: f } = r, N = n ?? py(a), C = a === Wt.custom && !n, S = !!g?.disabled || x && _.trim() !== x, b = () => {
+  const { registerShortcut: m, unregisterShortcut: p } = wn(), [_, h] = w(""), E = o?.identifier, x = o?.confirmationKeyword, { primaryButtonConfig: g, secondaryButtonConfig: f } = r, C = n ?? py(a), N = a === Wt.custom && !n, S = !!g?.disabled || x && _.trim() !== x, b = () => {
     g && !S && g.onClick();
   }, A = Fe(() => {
     !g?.isLoading && !f?.disabled && c();
@@ -15256,8 +15258,8 @@ const py = (e) => {
             onClick: ye,
             children: [
               /* @__PURE__ */ t.jsxs("div", { className: "flexbox-col dc__gap-16 p-20", children: [
-                C ? null : Jn(N, {
-                  className: `${N.props?.className ?? ""} icon-dim-48 dc__no-shrink`
+                N ? null : Jn(C, {
+                  className: `${C.props?.className ?? ""} icon-dim-48 dc__no-shrink`
                 }),
                 /* @__PURE__ */ t.jsxs("div", { className: `flexbox-col ${d ? "" : "dc__gap-8"}`, children: [
                   /* @__PURE__ */ t.jsx("span", { className: "cn-9 fs-16 fw-6 lh-24 dc__word-break", children: e }),
@@ -15397,7 +15399,7 @@ const py = (e) => {
   successToastMessage: p,
   children: _
 }) => {
-  const [h, E] = w(!1), [x, g] = w(!1), [f, N] = w(u), [C, S] = w(o), b = async (v) => {
+  const [h, E] = w(!1), [x, g] = w(!1), [f, C] = w(u), [N, S] = w(o), b = async (v) => {
     v && ye(v), S(!0);
     try {
       await i(), Ve.showToast({
@@ -15405,7 +15407,7 @@ const py = (e) => {
         description: p || "Successfully deleted"
       }), S(!1), l();
     } catch (j) {
-      j instanceof Bt && j.code === m ? (E(!0), Array.isArray(j.errors) && j.errors.length > 0 && !u && N(j.errors[0].userMessage)) : typeof c == "function" ? c(j) : Le(j), S(!1);
+      j instanceof Bt && j.code === m ? (E(!0), Array.isArray(j.errors) && j.errors.length > 0 && !u && C(j.errors[0].userMessage)) : typeof c == "function" ? c(j) : Le(j), S(!1);
     }
   }, A = () => {
     E(!1), l();
@@ -15435,12 +15437,12 @@ const py = (e) => {
         secondaryButtonConfig: {
           text: "Cancel",
           onClick: l,
-          disabled: o || C
+          disabled: o || N
         },
         primaryButtonConfig: {
           text: a,
           onClick: b,
-          isLoading: o || C,
+          isLoading: o || N,
           disabled: r
         }
       },
@@ -15688,9 +15690,9 @@ const py = (e) => {
     renderDeploymentHistoryTriggerMetaText: x,
     renderTargetConfigInfo: g,
     workflowExecutionStages: f,
-    namespace: N
+    namespace: C
   }) => {
-    const C = X(
+    const N = X(
       () => fc(f),
       [f]
     );
@@ -15703,7 +15705,7 @@ const py = (e) => {
         /* @__PURE__ */ t.jsx("div", { className: "flexbox-col flex-grow-1", children: /* @__PURE__ */ t.jsx(
           Ny,
           {
-            startedOn: C?.triggeredOn || s,
+            startedOn: N?.triggeredOn || s,
             triggeredBy: a,
             triggeredByEmail: r,
             ciMaterials: o,
@@ -15736,14 +15738,14 @@ const py = (e) => {
           p === "" && /* @__PURE__ */ t.jsx("i", { className: "fw-4 fs-12 lh-20", children: "(Default)" })
         ] })
       ] }),
-      !!C?.executionStartedOn && /* @__PURE__ */ t.jsxs("div", { className: "display-grid trigger-details__grid", children: [
+      !!N?.executionStartedOn && /* @__PURE__ */ t.jsxs("div", { className: "display-grid trigger-details__grid", children: [
         /* @__PURE__ */ t.jsx("div", { className: "flexbox dc__content-center", children: /* @__PURE__ */ t.jsxs("div", { className: "flexbox-col dc__gap-4", children: [
           Xs(),
           xd()
         ] }) }),
         /* @__PURE__ */ t.jsxs("div", { className: "w-100 pr-20 flexbox dc__gap-8 py-8", children: [
           /* @__PURE__ */ t.jsx("h3", { className: "m-0 cn-9 fs-13 fw-6 lh-20", children: "Execution started" }),
-          /* @__PURE__ */ t.jsx("time", { className: "cn-7 fs-13", children: ro(C.executionStartedOn) })
+          /* @__PURE__ */ t.jsx("time", { className: "cn-7 fs-13", children: ro(N.executionStartedOn) })
         ] })
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: "display-grid trigger-details__grid", children: [
@@ -15753,7 +15755,7 @@ const py = (e) => {
             Ty,
             {
               status: e,
-              executionInfoCurrentStatus: C?.currentStatus
+              executionInfoCurrentStatus: N?.currentStatus
             }
           ),
           /* @__PURE__ */ t.jsx("div", { className: "flex flex-grow-1" })
@@ -15761,7 +15763,7 @@ const py = (e) => {
         /* @__PURE__ */ t.jsx(
           Cy,
           {
-            executionInfo: C,
+            executionInfo: N,
             status: e,
             finishedOn: n,
             artifact: m,
@@ -15773,13 +15775,13 @@ const py = (e) => {
       /* @__PURE__ */ t.jsx("div", { className: "display-grid trigger-details__grid py-4", children: /* @__PURE__ */ t.jsx(
         Dp,
         {
-          message: C?.workerDetails.message || c,
-          podStatus: C?.workerDetails.status || l,
+          message: N?.workerDetails.message || c,
+          podStatus: N?.workerDetails.status || l,
           stage: u,
-          finishedOn: C?.workerDetails.endTime || n,
-          clusterId: C?.workerDetails.clusterId || no,
+          finishedOn: N?.workerDetails.endTime || n,
+          clusterId: N?.workerDetails.clusterId || no,
           workerPodName: h,
-          namespace: N
+          namespace: C
         }
       ) })
     ] }) });
@@ -15863,10 +15865,10 @@ const py = (e) => {
   uniqueGroupId: E,
   iconElement: x
 }) => {
-  const { pathname: g, search: f } = ss(), N = $(null), [C, S] = w(n === "button" && a);
+  const { pathname: g, search: f } = ss(), C = $(null), [N, S] = w(n === "button" && a);
   M(() => {
     if (n === "navLink") {
-      S(N.current?.classList.contains("active") || !1);
+      S(C.current?.classList.contains("active") || !1);
       return;
     }
     S(a);
@@ -15901,7 +15903,7 @@ const py = (e) => {
         return /* @__PURE__ */ t.jsx(
           Gs,
           {
-            ref: N,
+            ref: C,
             className: `${b} dc__no-decor flexbox-col tab-group__tab__nav-link ${m ? "cursor-not-allowed" : ""}`,
             "aria-disabled": m,
             ...s,
@@ -15937,7 +15939,7 @@ const py = (e) => {
       className: `tab-group__tab lh-20 ${a ? "cb-5 fw-6" : "cn-9 fw-4"} ${n === "block" ? "tab-group__tab--block" : ""} ${m ? "dc__disabled" : "cursor"}`,
       children: [
         I(),
-        C && /* @__PURE__ */ t.jsx(Oy, { layoutId: E })
+        N && /* @__PURE__ */ t.jsx(Oy, { layoutId: E })
       ]
     }
   );
@@ -15983,8 +15985,8 @@ const py = (e) => {
   renderDeploymentApprovalInfo: x,
   renderCIListHeader: g,
   renderVirtualHistoryArtifacts: f,
-  scrollToTop: N,
-  scrollToBottom: C,
+  scrollToTop: C,
+  scrollToBottom: N,
   fullScreenView: S,
   appName: b,
   triggerHistory: A,
@@ -16008,12 +16010,12 @@ const py = (e) => {
           fullScreenView: S
         }
       ),
-      (N || C) && /* @__PURE__ */ t.jsx(
+      (C || N) && /* @__PURE__ */ t.jsx(
         K0,
         {
           style: { position: "absolute", bottom: "52px", right: "12px", zIndex: "4" },
-          scrollToTop: N,
-          scrollToBottom: C
+          scrollToTop: C,
+          scrollToBottom: N
         }
       )
     ] }) : /* @__PURE__ */ t.jsx(Js, { path: `${T}/deployment-steps`, children: /* @__PURE__ */ t.jsx(
@@ -16119,8 +16121,8 @@ const py = (e) => {
   processVirtualEnvironmentDeploymentData: x,
   renderVirtualHistoryArtifacts: g,
   renderDeploymentHistoryTriggerMetaText: f,
-  resourceId: N,
-  scrollToTop: C,
+  resourceId: C,
+  scrollToTop: N,
   scrollToBottom: S,
   renderTargetConfigInfo: b,
   appName: A
@@ -16226,13 +16228,13 @@ const py = (e) => {
         tagsEditable: c,
         hideImageTaggingHardDelete: l,
         selectedEnvironmentName: m,
-        resourceId: N,
+        resourceId: C,
         renderRunSource: _,
         processVirtualEnvironmentDeploymentData: x,
         renderDeploymentApprovalInfo: E,
         renderCIListHeader: h,
         renderVirtualHistoryArtifacts: g,
-        scrollToTop: C,
+        scrollToTop: N,
         scrollToBottom: S,
         fullScreenView: e,
         appName: A,
@@ -16753,12 +16755,12 @@ const Fy = ({ heading: e, value: s, isLast: n = !1, alignCenter: a = !1 }) => /*
     }),
     x
   ), [
-    N,
     C,
+    N,
     S,
     b,
     A
-  ] = vt(f, [], n === "release"), R = n === "release" ? C : a, T = Ni({ type: n, appDetails: R }), I = $(new AbortController()), y = $(null), v = async () => {
+  ] = vt(f, [], n === "release"), R = n === "release" ? N : a, T = Ni({ type: n, appDetails: R }), I = $(new AbortController()), y = $(null), v = async () => {
     const K = await Mr(
       () => Hy({
         abortControllerRef: I,
@@ -16812,10 +16814,10 @@ const Fy = ({ heading: e, value: s, isLast: n = !1, alignCenter: a = !1 }) => /*
       },
       K ? uT : Ce
     );
-  }, ee = N || Kt(S), Z = j || Kt(O), be = h === ht.DEPLOYMENT_STATUS && Z;
+  }, ee = C || Kt(S), Z = j || Kt(O), be = h === ht.DEPLOYMENT_STATUS && Z;
   M(() => {
-    !N && !S && C && !g.current && B();
-  }, [N, C, S]), M(() => {
+    !C && !S && N && !g.current && B();
+  }, [C, N, S]), M(() => {
     !j && !O && P && !y.current && G();
   }, [j, P, O]);
   const Ee = () => {
@@ -18464,9 +18466,9 @@ const zy = {
       kubernetesManifest: !!c?.kubernetesManifest
     })
   ), u = (f) => {
-    d((N) => ({
-      ...N,
-      detailViewData: [...N.detailViewData ?? [], f]
+    d((C) => ({
+      ...C,
+      detailViewData: [...C.detailViewData ?? [], f]
     }));
   }, m = () => {
     d((f) => ({ ...f, detailViewData: f.detailViewData?.slice(0, -1) ?? null }));
@@ -18508,7 +18510,7 @@ const zy = {
     const f = Oj(c, l.category, l.subCategory, _);
     if (f)
       return /* @__PURE__ */ t.jsx(Xe, { ...f, imageType: Hs.Large });
-    const { headers: N, rows: C, defaultSortIndex: S, hasExpandableRows: b } = _ || jj(c, l.category, l.subCategory, u, o), { entities: A, lastScanTimeString: R, scanToolName: T, scanToolUrl: I } = _ || Rj(c, l.category, l.subCategory);
+    const { headers: C, rows: N, defaultSortIndex: S, hasExpandableRows: b } = _ || jj(c, l.category, l.subCategory, u, o), { entities: A, lastScanTimeString: R, scanToolName: T, scanToolUrl: I } = _ || Rj(c, l.category, l.subCategory);
     return /* @__PURE__ */ t.jsxs("div", { className: "flexbox-col p-20 dc__gap-16", children: [
       A?.length ? /* @__PURE__ */ t.jsx(
         qy,
@@ -18523,8 +18525,8 @@ const zy = {
       /* @__PURE__ */ t.jsx(
         aj,
         {
-          headers: N,
-          rows: C,
+          headers: C,
+          rows: N,
           defaultSortIndex: S,
           hasExpandableRows: b,
           headerTopPosition: _ ? 40 : 0
@@ -18687,11 +18689,11 @@ const zy = {
   };
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx("div", { className: "flexbox-col dc__gap-20 mw-600 dc__mxw-1200", children: Object.keys(m).map((x) => {
-      const g = x !== _e.IMAGE_SCAN && (e.codeScan?.status === "Failed" || e.kubernetesManifest?.status === "Failed"), { scanToolName: f, scanToolUrl: N } = p(x);
+      const g = x !== _e.IMAGE_SCAN && (e.codeScan?.status === "Failed" || e.kubernetesManifest?.status === "Failed"), { scanToolName: f, scanToolUrl: C } = p(x);
       return /* @__PURE__ */ t.jsxs("div", { className: "flexbox-col dc__gap-12", children: [
         /* @__PURE__ */ t.jsxs("div", { className: "flexbox dc__content-space pb-8 dc__border-bottom-n1", children: [
           /* @__PURE__ */ t.jsx("span", { className: "fs-13 fw-6 lh-1-5 cn-9", children: m[x].label }),
-          /* @__PURE__ */ t.jsx(bc, { scanToolName: f, scanToolUrl: N })
+          /* @__PURE__ */ t.jsx(bc, { scanToolName: f, scanToolUrl: C })
         ] }),
         g ? /* @__PURE__ */ t.jsx("div", { className: "dc__border br-8", children: /* @__PURE__ */ t.jsx(
           Rn,
@@ -18700,17 +18702,17 @@ const zy = {
             subTitle: "",
             description: ""
           }
-        ) }) : /* @__PURE__ */ t.jsx("div", { className: "dc__grid security-cards", children: m[x].subCategories.map((C) => {
-          if (!e[x][C])
+        ) }) : /* @__PURE__ */ t.jsx("div", { className: "dc__grid security-cards", children: m[x].subCategories.map((N) => {
+          if (!e[x][N])
             return null;
-          const S = x === _e.IMAGE_SCAN && Ir(e[x][C].list ?? []) === "Failed", b = C === te.MISCONFIGURATIONS ? e[x][C]?.misConfSummary?.status : e[x][C]?.summary?.severities;
+          const S = x === _e.IMAGE_SCAN && Ir(e[x][N].list ?? []) === "Failed", b = N === te.MISCONFIGURATIONS ? e[x][N]?.misConfSummary?.status : e[x][N]?.summary?.severities;
           return /* @__PURE__ */ t.jsx(
             Wp,
             {
               category: x,
-              subCategory: C,
+              subCategory: N,
               severities: b,
-              handleCardClick: h(x, C),
+              handleCardClick: h(x, N),
               scanFailed: S
             }
           );
@@ -18833,18 +18835,18 @@ const zy = {
   const _ = (f) => () => {
     d(f);
   }, h = Fe(
-    (f, N) => {
-      const C = Mo.some((b) => b.label === u), S = Pj[u] ?? ((b) => b);
-      if (!C) {
-        const b = f.additionalKeys?.find((R) => R.label === u)?.value || "", A = N.additionalKeys?.find((R) => R.label === u)?.value || "";
+    (f, C) => {
+      const N = Mo.some((b) => b.label === u), S = Pj[u] ?? ((b) => b);
+      if (!N) {
+        const b = f.additionalKeys?.find((R) => R.label === u)?.value || "", A = C.additionalKeys?.find((R) => R.label === u)?.value || "";
         return mt(b, A, m);
       }
-      return (m === Te.ASC ? 1 : -1) * (S(f[Sd[u]]) < S(N[Sd[u]]) ? -1 : 1);
+      return (m === Te.ASC ? 1 : -1) * (S(f[Sd[u]]) < S(C[Sd[u]]) ? -1 : 1);
     },
     [m, u]
   ), E = a.getResults(e ? null : h), x = Mo.reduce(
-    (f, N, C) => {
-      if (f.push(N), C === 0) {
+    (f, C, N) => {
+      if (f.push(C), N === 0) {
         const S = E?.[0]?.additionalKeys;
         S?.length && S.forEach((b) => {
           f.push({
@@ -18931,10 +18933,10 @@ const zy = {
                     ))
                   }
                 ),
-                /* @__PURE__ */ t.jsx("div", { className: "dc__overflow-auto px-20", children: E.map((f, N, C) => /* @__PURE__ */ t.jsxs(
+                /* @__PURE__ */ t.jsx("div", { className: "dc__overflow-auto px-20", children: E.map((f, C, N) => /* @__PURE__ */ t.jsxs(
                   "div",
                   {
-                    className: `dc__grid py-10 fs-13 dc__gap-16 dc__align-items-start ${N === C.length - 1 ? "mb-20" : ""}`,
+                    className: `dc__grid py-10 fs-13 dc__gap-16 dc__align-items-start ${C === N.length - 1 ? "mb-20" : ""}`,
                     style: {
                       gridTemplateColumns: f.renderContentAtResultRowEnd ? `${g} min-content` : g
                     },
@@ -19120,7 +19122,7 @@ const aH = ({
   M(() => (i && f().then(ka).catch(ka), () => {
     E.current?.abort();
   }), []);
-  const N = u ? ka : g, C = async () => {
+  const C = u ? ka : g, N = async () => {
     _.current = h.current.getRetryOperations(), h.current = new vd(_.current.length), E.current = new AbortController(), await f();
   }, S = () => {
     E.current.abort();
@@ -19148,10 +19150,10 @@ const aH = ({
     {
       apiCallInProgress: u,
       handleAbortBulkOperation: S,
-      handleModalClose: N,
+      handleModalClose: C,
       isOperationAborted: E.current?.signal.aborted ?? !1,
       resultsStore: h.current,
-      handleRetryFailedOperations: C,
+      handleRetryFailedOperations: N,
       getResultsChartSummaryText: n,
       resultsHeader: o.resultsHeader,
       disableTransition: d
@@ -19191,8 +19193,8 @@ const kj = "bulk-selection-pop-up-menu", ko = {
   }, [s]);
   const c = a[$n], l = () => Object.keys(a).length, d = (x, g) => {
     const f = JSON.parse(JSON.stringify(x));
-    g.forEach((N) => {
-      delete f[N];
+    g.forEach((C) => {
+      delete f[C];
     }), r(f);
   }, u = (x) => {
     const g = JSON.parse(JSON.stringify(a));
@@ -19201,7 +19203,7 @@ const kj = "bulk-selection-pop-up-menu", ko = {
       ...x
     });
   }, m = ({ action: x, data: g }) => {
-    const f = g?.identifierIds ?? [], N = g?.identifierObject ?? {};
+    const f = g?.identifierIds ?? [], C = g?.identifierObject ?? {};
     switch (x) {
       case $e.CLEAR_ALL_SELECTIONS:
         r({});
@@ -19238,7 +19240,7 @@ const kj = "bulk-selection-pop-up-menu", ko = {
         break;
       }
       case $e.SELECT_IDENTIFIER: {
-        u(N);
+        u(C);
         break;
       }
       default:
@@ -19528,7 +19530,7 @@ const rH = ({
     filePermission: x,
     roleARN: g,
     esoSubPath: f
-  } = s || {}, N = {
+  } = s || {}, C = {
     name: c ?? "",
     isSecret: i,
     external: l ?? !1,
@@ -19551,13 +19553,13 @@ const rH = ({
     yaml: null
   };
   if (s) {
-    const C = e || l ? Qi.REPLACE : o, S = s.mergeStrategy || (n === qr.INHERITED ? C : null), b = Yj({
+    const N = e || l ? Qi.REPLACE : o, S = s.mergeStrategy || (n === qr.INHERITED ? N : null), b = Yj({
       configMapSecretData: { ...s, mergeStrategy: S },
       cmSecretStateLabel: n,
       isSecret: i
     });
     return {
-      ...N,
+      ...C,
       externalSubpathValues: Wj({
         data: h || E,
         external: l,
@@ -19571,7 +19573,7 @@ const rH = ({
     };
   }
   return {
-    ...N,
+    ...C,
     externalSubpathValues: "",
     yaml: `"": ""
 `,
@@ -19613,15 +19615,15 @@ const rH = ({
     cmSecretStateLabel: s,
     componentType: n,
     fallbackMergeStrategy: r
-  }), N = i && c === (f ? Ue.KubernetesSecret : Ue.Internal);
-  let C = "";
-  return f ? C = i && c === "" ? Ue.KubernetesSecret : Sn(Hj(a, !0), c).label : C = Gj.find(
+  }), C = i && c === (f ? Ue.KubernetesSecret : Ue.Internal);
+  let N = "";
+  return f ? N = i && c === "" ? Ue.KubernetesSecret : Sn(Hj(a, !0), c).label : N = Gj.find(
     ({ value: S }) => i && c === "" ? S === Ue.KubernetesConfigMap : S === c
   ).label, {
     configData: [
       {
         displayName: "DataType",
-        value: C,
+        value: N,
         key: "dataType"
       },
       {
@@ -19662,7 +19664,7 @@ const rH = ({
         }
       ] : []
     ],
-    data: N ? null : g?.[0]?.key && x || l || _
+    data: C ? null : g?.[0]?.key && x || l || _
   };
 }, Xj = (e) => {
   try {
@@ -19715,15 +19717,15 @@ const rH = ({
   isSubPathChecked: h,
   mergeStrategy: E
 }) => {
-  const x = e && Sm(n), f = (o ? Xj(r) : i).reduce((C, S) => {
+  const x = e && Sm(n), f = (o ? Xj(r) : i).reduce((N, S) => {
     if (!S.key)
-      return C;
+      return N;
     const b = S.value ?? "";
     return {
-      ...C,
+      ...N,
       [S.key]: e && n === "" ? btoa(b) : b
     };
-  }, {}), N = {
+  }, {}), C = {
     name: d,
     type: u,
     external: s,
@@ -19737,24 +19739,24 @@ const rH = ({
     esoSubPath: null,
     mergeStrategy: E
   };
-  if ((e && n === Ue.KubernetesSecret || !e && s || e && x) && delete N[Tm.DATA], e && (N.roleARN = "", N.externalType = n, x)) {
-    const C = Jp(c);
-    C && (N.esoSecretData = {
-      secretStore: C.secretStore,
-      esoData: C.esoData,
-      secretStoreRef: C.secretStoreRef,
-      refreshInterval: C.refreshInterval,
-      esoDataFrom: C.esoDataFrom,
-      template: C.template
-    }, N.roleARN = p, h && a && (N.esoSubPath = a.replace(/\s+/g, "").split(",")));
-  }
-  if (u === yr.volume.value && (N.mountPath = _, N.subPath = h, m && (N.filePermission = l.length === 3 ? `0${l}` : `${l}`), h && (e && n === Ue.KubernetesSecret || !e && s))) {
-    const C = a.replace(/\s+/g, "").split(","), S = {};
-    C.forEach((b) => {
+  if ((e && n === Ue.KubernetesSecret || !e && s || e && x) && delete C[Tm.DATA], e && (C.roleARN = "", C.externalType = n, x)) {
+    const N = Jp(c);
+    N && (C.esoSecretData = {
+      secretStore: N.secretStore,
+      esoData: N.esoData,
+      secretStoreRef: N.secretStoreRef,
+      refreshInterval: N.refreshInterval,
+      esoDataFrom: N.esoDataFrom,
+      template: N.template
+    }, C.roleARN = p, h && a && (C.esoSubPath = a.replace(/\s+/g, "").split(",")));
+  }
+  if (u === yr.volume.value && (C.mountPath = _, C.subPath = h, m && (C.filePermission = l.length === 3 ? `0${l}` : `${l}`), h && (e && n === Ue.KubernetesSecret || !e && s))) {
+    const N = a.replace(/\s+/g, "").split(","), S = {};
+    N.forEach((b) => {
       S[b] = "";
-    }), N.data = S;
+    }), C.data = S;
   }
-  return N;
+  return C;
 }, oH = ({
   componentType: e,
   isJob: s,
@@ -20049,12 +20051,12 @@ const rH = ({
   const m = X(() => sO(c), [c]), p = (g) => {
     r(g.value.iso2);
   }, _ = e && m.find((g) => g.value.iso2 === e) || null, h = (g, f) => {
-    const N = f.toLowerCase();
+    const C = f.toLowerCase();
     return [
       g.data.value.name.toLowerCase(),
       `+${g.data.value.dialCode.toLowerCase()}`,
       g.data.value.iso2.toLowerCase()
-    ].some((S) => S.includes(N));
+    ].some((S) => S.includes(C));
   }, E = (g) => g.value.iso2, x = (g, f) => f.context === "menu" || c === "default" ? g.label : `+${g.value.dialCode}`;
   return /* @__PURE__ */ t.jsx(
     kt,
@@ -20243,9 +20245,9 @@ const rH = ({
 }) => {
   const h = uO(e), E = sr.find((A) => A.value === h) ?? sr[0], [x, g] = w(!1), f = ({ focused: A }) => {
     g(A);
-  }, N = (A) => {
-    s(pO(e, A?.toDate()));
   }, C = (A) => {
+    s(pO(e, A?.toDate()));
+  }, N = (A) => {
     s(mO(e, A.value).value);
   }, S = we(), b = (A) => d && !A.isAfter(S);
   return /* @__PURE__ */ t.jsxs("div", { className: "date-time-picker", children: [
@@ -20257,7 +20259,7 @@ const rH = ({
           id: r,
           placeholder: "Select date",
           date: we(e),
-          onDateChange: N,
+          onDateChange: C,
           focused: x,
           onFocusChange: f,
           numberOfMonths: 1,
@@ -20288,7 +20290,7 @@ const rH = ({
           isDisabled: a,
           ...n,
           value: E,
-          onChange: C,
+          onChange: N,
           "data-testid": u,
           menuSize: L.xs,
           size: L.large,
@@ -20403,21 +20405,21 @@ const mo = ({
     e,
     d,
     c || o
-  ), E = mo({ headers: e, actionButtonConfig: d }) === 0 && d.position !== "end", x = (f) => () => n?.handleSorting(f), g = ({ key: f, label: N, isSortable: C, renderAdditionalContent: S }) => {
+  ), E = mo({ headers: e, actionButtonConfig: d }) === 0 && d.position !== "end", x = (f) => () => n?.handleSorting(f), g = ({ key: f, label: C, isSortable: N, renderAdditionalContent: S }) => {
     const b = !p && f === u;
     return /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: `bg__secondary ${b ? "py-6" : "py-8"} px-8 flexbox dc__content-space dc__align-items-center ${!E && (f === u ? `${_ || !p ? "dc__top-left-radius" : "dc__left-radius-4"}` : "") || ""} ${f === m ? `${_ || !p ? "dc__top-right-radius-4" : "dc__right-radius-4"}` : ""}`,
         children: [
-          C ? /* @__PURE__ */ t.jsxs(
+          N ? /* @__PURE__ */ t.jsxs(
             "button",
             {
               type: "button",
               className: "cn-7 fs-12 lh-20-imp fw-6 flexbox dc__align-items-center dc__gap-2 dc__transparent",
               onClick: x(f),
               children: [
-                N,
+                C,
                 /* @__PURE__ */ t.jsx(
                   Vi,
                   {
@@ -20435,7 +20437,7 @@ const mo = ({
             {
               className: `cn-7 fs-12 lh-20 fw-6 flexbox dc__align-items-center dc__content-space dc__gap-4 ${_ ? "dc__top-left-radius" : "dc__left-radius-4"}`,
               children: [
-                N,
+                C,
                 typeof S == "function" && S()
               ]
             }
@@ -20526,9 +20528,9 @@ const Qp = ({
 }) => {
   const p = (g) => {
     const f = i?.current;
-    f && (f.style.height = `${g}px`), Object.values(c || {}).forEach((N) => {
-      const C = N?.current;
-      C && (C.style.height = `${g}px`);
+    f && (f.style.height = `${g}px`), Object.values(c || {}).forEach((C) => {
+      const N = C?.current;
+      N && (N.style.height = `${g}px`);
     });
   }, _ = (g) => {
     const f = o?.current;
@@ -20541,8 +20543,8 @@ const Qp = ({
       f && f.scrollHeight > g && (g = f.scrollHeight);
     }
     c && Object.values(c).forEach((f) => {
-      const N = f.current;
-      N && N.scrollHeight > g && (g = N.scrollHeight);
+      const C = f.current;
+      C && C.scrollHeight > g && (g = C.scrollHeight);
     }), s && g < s && (g = s), n && g > n && (g = n), _(g);
   };
   M(() => {
@@ -20624,8 +20626,8 @@ const jt = ({
     typeof s == "function" && s(!!o);
   }, [o]), M(() => {
     if (u?.current && a && o) {
-      const { height: f, x: N, y: C } = u.current.getBoundingClientRect();
-      i({ left: N, top: C + f });
+      const { height: f, x: C, y: N } = u.current.getBoundingClientRect();
+      i({ left: C, top: N + f });
     }
   }, [u?.current?.clientHeight]);
   let p = {
@@ -20634,12 +20636,12 @@ const jt = ({
     threshold: 1
   };
   if (!e) return e;
-  function _(f, N) {
-    f.forEach((C) => {
-      if (C.isIntersecting && C.intersectionRatio >= 1)
+  function _(f, C) {
+    f.forEach((N) => {
+      if (N.isIntersecting && N.intersectionRatio >= 1)
         l(1);
       else {
-        const { boundingClientRect: S, rootBounds: b } = C, { x: A, y: R, height: T, width: I } = S, {
+        const { boundingClientRect: S, rootBounds: b } = N, { x: A, y: R, height: T, width: I } = S, {
           x: y,
           y: v,
           height: j,
@@ -20655,10 +20657,10 @@ const jt = ({
   }
   const h = (f) => {
     f.stopPropagation(), r && f.preventDefault(), l(0);
-    const { height: N, x: C, y: S } = f.currentTarget.getBoundingClientRect();
-    i({ left: C, top: S + N });
-  }, E = (f, N) => {
-    n || N === "out" ? (d && d.current && d.current.disconnect && d.current.disconnect(), l(0), i(null)) : f.stopPropagation();
+    const { height: C, x: N, y: S } = f.currentTarget.getBoundingClientRect();
+    i({ left: N, top: S + C });
+  }, E = (f, C) => {
+    n || C === "out" ? (d && d.current && d.current.disconnect && d.current.disconnect(), l(0), i(null)) : f.stopPropagation();
   };
   function x(f) {
     f && d?.current?.observe ? d.current.observe(f) : d.current.disconnect();
@@ -20666,7 +20668,7 @@ const jt = ({
   function g(f) {
     if (!f) return;
     u.current = f;
-    const { bottom: N, height: C, left: S, right: b, top: A, width: R, x: T, y: I } = f.getBoundingClientRect();
+    const { bottom: C, height: N, left: S, right: b, top: A, width: R, x: T, y: I } = f.getBoundingClientRect();
     m.current = R;
   }
   return /* @__PURE__ */ t.jsx(
@@ -20780,11 +20782,11 @@ const Ad = ({
     }
   }, f = (T) => {
     p(T.target.value);
-  }, N = (T) => {
+  }, C = (T) => {
     ye(T);
     const I = { ...s };
     I[o] = T.currentTarget.dataset.key, I.propagate = T.currentTarget.dataset.propagate === "true", n(e, I), h("");
-  }, C = () => {
+  }, N = () => {
     let T = { isValid: !0, messages: [] };
     return o === ms.KEY ? (m || s.value) && (T = E.propagateTagKey(m)) : (r || m || s.propagate) && (T = E.propagateTagValue(m, s.key)), T.isValid ? null : /* @__PURE__ */ t.jsxs("div", { className: "p-4", onClick: ye, "data-testid": "tag-label-cross-stop-propagation", children: [
       T.messages.map((I) => /* @__PURE__ */ t.jsxs("div", { className: "flexbox pr-4 pl-4", children: [
@@ -20802,7 +20804,7 @@ const Ad = ({
       "data-key": T.label,
       "data-propagate": T.propagate,
       className: "dc__hover-n50 dc__ellipsis-right lh-20 fs-13 fw-4 pt-6 pr-8 pb-6 pl-8 cursor",
-      onClick: N,
+      onClick: C,
       "data-testid": `tag-label-value-${I}`,
       children: T.label
     },
@@ -20827,7 +20829,7 @@ const Ad = ({
           (I, y) => I.description ? b(I, y) : S(I, y)
         ) });
     }
-    return C();
+    return N();
   }, R = _ === `tag-${o}-${e}` ? A() : null;
   return /* @__PURE__ */ t.jsxs(jt, { autoClose: !0, autoPosition: !0, children: [
     /* @__PURE__ */ t.jsx(jt.Button, { rootClassName: "bg__secondary flex top dc__no-border-imp", children: /* @__PURE__ */ t.jsx(
@@ -21008,12 +21010,12 @@ const RO = ({
     a || n
   ), g = $(p), f = $(null);
   f.current || (f.current = e.reduce((v, j) => (v[j.id] = s.reduce((P, { key: O }) => ({ ...P, [O]: dr() }), {}), v), {}));
-  const N = X(() => e.map(({ id: v }) => v), [e]);
+  const C = X(() => e.map(({ id: v }) => v), [e]);
   M(() => {
-    const v = N.reduce((j, P) => (f.current[P] ? j[P] = f.current[P] : j[P] = s.reduce((O, { key: D }) => ({ ...O, [D]: dr() }), {}), j), {});
+    const v = C.reduce((j, P) => (f.current[P] ? j[P] = f.current[P] : j[P] = s.reduce((O, { key: D }) => ({ ...O, [D]: dr() }), {}), j), {});
     f.current = v;
-  }, [JSON.stringify(N)]);
-  const C = (v, j) => (P) => {
+  }, [JSON.stringify(C)]);
+  const N = (v, j) => (P) => {
     let O = "";
     const D = { selectedValue: null, files: [] };
     switch (v.data[j].type) {
@@ -21049,7 +21051,7 @@ const RO = ({
               v.data[j].value,
               null
             ),
-            onChange: C(v, j),
+            onChange: N(v, j),
             isDisabled: O,
             fullWidth: !0
           }
@@ -21073,7 +21075,7 @@ const RO = ({
               k,
               G && k ? { label: k, value: k } : null
             ),
-            onChange: C(v, j),
+            onChange: N(v, j),
             isDisabled: O,
             formatCreateLabel: (ee) => `Use ${ee}`,
             refVar: f?.current?.[v.id]?.[j],
@@ -21111,7 +21113,7 @@ const RO = ({
               {
                 ...v.data[j].props,
                 fileName: v.data[j].value,
-                onUpload: C(v, j)
+                onUpload: N(v, j)
               }
             )
           }
@@ -21127,7 +21129,7 @@ const RO = ({
             minHeight: 20,
             maxHeight: 160,
             value: v.data[j].value,
-            onChange: C(v, j),
+            onChange: N(v, j),
             disabled: O,
             refVar: f?.current?.[v.id]?.[j],
             dependentRefs: f?.current?.[v.id],
@@ -21259,8 +21261,8 @@ const RO = ({
   hideFormFieldInfo: x,
   value: g,
   borderConfig: f,
-  disableResize: N,
-  newlineOnShiftEnter: C = !1,
+  disableResize: C,
+  newlineOnShiftEnter: N = !1,
   ...S
 }) => {
   const b = $(null), [A, R] = w(""), { MIN_HEIGHT: T, AUTO_EXPANSION_MAX_HEIGHT: I } = wO(m), y = (k) => {
@@ -21285,7 +21287,7 @@ const RO = ({
     }
     typeof d == "function" && d(k);
   }, D = (k) => {
-    (k.key === "Enter" || k.key === "Escape") && (k.stopPropagation(), C && k.key === "Enter" && !k.shiftKey && k.preventDefault(), k.key === "Escape" && b.current.blur());
+    (k.key === "Enter" || k.key === "Escape") && (k.stopPropagation(), N && k.key === "Enter" && !k.shiftKey && k.preventDefault(), k.key === "Escape" && b.current.blur());
   };
   return /* @__PURE__ */ t.jsx(
     sc,
@@ -21332,7 +21334,7 @@ const RO = ({
             // No max height when user is expanding
             maxHeight: "none",
             minHeight: T,
-            resize: N ? "none" : "vertical"
+            resize: C ? "none" : "vertical"
           }
         }
       )
@@ -21437,9 +21439,9 @@ const RO = ({
   }, f = (T) => {
     const I = T ?? l;
     g(I), r(I), n(""), m(!1), _(!1), E("");
-  }, N = () => {
-    f(a);
   }, C = () => {
+    f(a);
+  }, N = () => {
     f();
   }, S = (T) => {
     const { value: I } = T.target;
@@ -21474,7 +21476,7 @@ const RO = ({
       const y = URL.createObjectURL(I), v = await Cv(y);
       if (URL.revokeObjectURL(y), !v.isValid)
         throw new Error(v.message);
-      N();
+      C();
     } catch (T) {
       n(T.message || "Failed to load image"), Le(T);
     } finally {
@@ -21532,7 +21534,7 @@ const RO = ({
             "data-testid": `${i}-cancel`,
             type: "button",
             disabled: p,
-            onClick: C,
+            onClick: N,
             children: "Cancel"
           }
         )
@@ -21763,7 +21765,7 @@ const jd = (e) => {
     x(!0);
   }, f = () => {
     x(!1);
-  }, N = () => d ? /* @__PURE__ */ t.jsxs("div", { className: "flex left fs-16 cn-9 fw-6 dc__gap-4", children: [
+  }, C = () => d ? /* @__PURE__ */ t.jsxs("div", { className: "flex left fs-16 cn-9 fw-6 dc__gap-4", children: [
     /* @__PURE__ */ t.jsx("span", { "data-testid": m, className: "lh-32", children: r }),
     /* @__PURE__ */ t.jsx(
       on,
@@ -21787,7 +21789,7 @@ const jd = (e) => {
       {
         className: `feature-description flexbox dc__content-space dc__align-items-center ${e ?? ""}`,
         children: [
-          N(),
+          C(),
           n
         ]
       }
@@ -22040,11 +22042,11 @@ const jd = (e) => {
   M(() => {
     c(n);
   }, [n]);
-  const _ = (N) => {
-    const C = N.trim().toLowerCase(), S = n.filter(
-      (b) => b.variableName.toLowerCase().includes(C) || b.shortDescription?.toLowerCase().includes(C)
+  const _ = (C) => {
+    const N = C.trim().toLowerCase(), S = n.filter(
+      (b) => b.variableName.toLowerCase().includes(N) || b.shortDescription?.toLowerCase().includes(N)
     );
-    c(S), m(C);
+    c(S), m(N);
   }, h = () => {
     d(!l);
   }, E = () => /* @__PURE__ */ t.jsx(
@@ -22081,8 +22083,8 @@ const jd = (e) => {
     p && /* @__PURE__ */ t.jsx(
       "div",
       {
-        onKeyDown: (N) => {
-          N.key === "Enter" && N.preventDefault();
+        onKeyDown: (C) => {
+          C.key === "Enter" && C.preventDefault();
         },
         className: "flexbox dc__align-self-stretch pt-8 pb-8 pl-12 pr-12 bg__primary",
         children: /* @__PURE__ */ t.jsx(
@@ -22100,17 +22102,17 @@ const jd = (e) => {
       }
     )
   ] }), g = () => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("div", { className: "flexbox-col dc__align-self-stretch dc__overflow-auto bg__primary flex-grow-1", children: i.length ? i.map((N) => /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: "flexbox-col dc__align-self-stretch dc__overflow-auto bg__primary flex-grow-1", children: i.length ? i.map((C) => /* @__PURE__ */ t.jsx(
       HO,
       {
-        variableName: N.variableName,
-        description: N.shortDescription?.length ? N.shortDescription : a_,
-        variableValue: N.variableValue?.value ?? FO,
-        isRedacted: N.isRedacted,
+        variableName: C.variableName,
+        description: C.shortDescription?.length ? C.shortDescription : a_,
+        variableValue: C.variableValue?.value ?? FO,
+        isRedacted: C.isRedacted,
         highlightText: u,
         showValueOnHover: o
       },
-      N.variableName
+      C.variableName
     )) : /* @__PURE__ */ t.jsx(
       Xe,
       {
@@ -22143,66 +22145,66 @@ const jd = (e) => {
   const [l, d] = w(!1), [u, m] = w({ x: 0, y: 0 }), [p, _] = w({ x: 0, y: 0 }), [h, E, x, g] = vt(
     () => GO(s, n, a, { hideObjectVariables: o, isTemplateView: c }),
     [s, n, a]
-  ), f = tp(), N = $(null), C = X(() => {
-    const T = N.current?.getBoundingClientRect() || {
+  ), f = tp(), C = $(null), N = X(() => {
+    const T = C.current?.getBoundingClientRect() || {
       x: 0,
       y: 0
     };
     return { x: T.x, y: T.y };
-  }, [N.current]);
+  }, [C.current]);
   M(() => {
     const T = new ResizeObserver((I) => {
       if (I?.length > 0 && l) {
         const { height: y } = I[0].contentRect;
-        C.y + p.y + y > f.height && _({
+        N.y + p.y + y > f.height && _({
           x: p.x,
-          y: f.height - y - C.y
+          y: f.height - y - N.y
         });
       }
     });
-    return T.observe(N.current), () => {
+    return T.observe(C.current), () => {
       T.disconnect();
     };
-  }, [l, p, f, C]);
+  }, [l, p, f, N]);
   const S = () => {
     const T = {
-      x: C.x + u.x,
-      y: C.y + u.y
+      x: N.x + u.x,
+      y: N.y + u.y
     };
     _({
       x: u.x,
       y: u.y
     }), T.y > f.height - ys.height && _({
       x: u.x,
-      y: f.height - ys.height - C.y
+      y: f.height - ys.height - N.y
     }), T.x > f.width - ys.width && _({
-      x: f.width - ys.width - C.x,
+      x: f.width - ys.width - N.x,
       y: u.y
     }), T.x > f.width - ys.width && T.y > f.height - ys.height && _({
-      x: f.width - ys.width - C.x,
-      y: f.height - ys.height - C.y
+      x: f.width - ys.width - N.x,
+      y: f.height - ys.height - N.y
     }), d(!0);
   }, b = Fe((T) => {
     T.stopPropagation(), d(!1);
   }, []), A = (T, I) => {
     const y = {
-      x: C.x + I.x,
-      y: C.y + I.y
+      x: N.x + I.x,
+      y: N.y + I.y
     };
-    y.y < 0 || y.x < 0 || y.x + (N.current?.getBoundingClientRect().width || 0) > f.width || y.y + (N.current?.getBoundingClientRect().height || 0) > f.height || m(I);
+    y.y < 0 || y.x < 0 || y.x + (C.current?.getBoundingClientRect().width || 0) > f.width || y.y + (C.current?.getBoundingClientRect().height || 0) > f.height || m(I);
   }, R = (T, I) => {
     const y = {
-      x: C.x + I.x,
-      y: C.y + I.y
+      x: N.x + I.x,
+      y: N.y + I.y
     };
-    y.y < 0 || y.x < 0 || y.x + (N.current?.getBoundingClientRect().width || 0) > f.width || y.y + (N.current?.getBoundingClientRect().height || 0) > f.height || (_(I), m(I));
+    y.y < 0 || y.x < 0 || y.x + (C.current?.getBoundingClientRect().width || 0) > f.width || y.y + (C.current?.getBoundingClientRect().height || 0) > f.height || (_(I), m(I));
   };
   return l ? /* @__PURE__ */ t.jsx(
     cr,
     {
       bounds: r,
       handle: ".handle-drag",
-      nodeRef: N,
+      nodeRef: C,
       position: p,
       onDrag: R,
       children: /* @__PURE__ */ t.jsx(
@@ -22213,7 +22215,7 @@ const jd = (e) => {
             zIndex: e,
             boxShadow: "0px 4px 8px 0px rgba(0, 0, 0, 0.25)"
           },
-          ref: N,
+          ref: C,
           children: /* @__PURE__ */ t.jsx(
             KO,
             {
@@ -22233,7 +22235,7 @@ const jd = (e) => {
     {
       bounds: r,
       handle: ".handle-drag",
-      nodeRef: N,
+      nodeRef: C,
       position: u,
       onDrag: A,
       children: /* @__PURE__ */ t.jsxs(
@@ -22241,7 +22243,7 @@ const jd = (e) => {
         {
           className: "bcn-7 dc__outline-none-imp dc__border-n0 br-48 flex h-40 pt-8 pb-8 pl-12 pr-12 dc__gap-8 dc__no-shrink dc__position-abs",
           style: { zIndex: e, boxShadow: "0px 4px 8px 0px rgba(0, 0, 0, 0.20)" },
-          ref: N,
+          ref: C,
           "data-testid": "collapsed-state",
           children: [
             /* @__PURE__ */ t.jsx("button", { type: "button", className: "dc__outline-none-imp dc__no-border p-0 bcn-7 h-24", children: /* @__PURE__ */ t.jsx(Bu, { className: "handle-drag dc__grabbable icon-dim-24 fcn-2" }) }),
@@ -22571,12 +22573,12 @@ const Rc = ({ id: e, className: s, isConnectable: n, children: a }) => {
   M(() => {
     if (!o.current || !r.current) return () => {
     };
-    const f = new ResizeObserver((N) => {
-      let C = !1;
-      N.forEach((S) => {
+    const f = new ResizeObserver((C) => {
+      let N = !1;
+      C.forEach((S) => {
         const { width: b } = S.contentRect;
-        C = r.current.getNodesBounds(u).width + Bo * 2 > b;
-      }), d(C);
+        N = r.current.getNodesBounds(u).width + Bo * 2 > b;
+      }), d(N);
     });
     return f.observe(o.current), () => {
       f.disconnect();
@@ -22584,16 +22586,16 @@ const Rc = ({ id: e, className: s, isConnectable: n, children: a }) => {
   }, [r.current]);
   const h = (f) => {
     n(
-      (N) => Qf(f, Md(N, m)).map(
+      (C) => Qf(f, Md(C, m)).map(
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        ({ position: C, ...S }) => S
+        ({ position: N, ...S }) => S
       )
     );
   }, E = (f) => {
-    a((N) => Zf(f, Pd(N)).map(({ type: C, ...S }) => S));
+    a((C) => Zf(f, Pd(C)).map(({ type: N, ...S }) => S));
   }, x = (f) => {
-    const N = r.current.getNodesBounds(u), C = f;
-    C.x = Math.min(f.x, Dd.x), C.y = Math.abs(N.y - Ka), c(C);
+    const C = r.current.getNodesBounds(u), N = f;
+    N.x = Math.min(f.x, Dd.x), N.y = Math.abs(C.y - Ka), c(N);
   }, g = async (f) => {
     r.current = f, await f.setViewport(Dd);
   };
@@ -22813,9 +22815,9 @@ const xw = async (e, s) => {
     showGettingStartedCard: h
   } = Ss(), { appTheme: E } = An(), x = np(), g = $(null), f = () => {
     l();
-  }, N = () => {
-    g.current?.open();
   }, C = () => {
+    g.current?.open();
+  }, N = () => {
     u(!0);
   }, S = (I, y) => {
     x && !y.metaKey && (y.preventDefault(), p((v) => ({
@@ -22830,13 +22832,13 @@ const xw = async (e, s) => {
       action: `HELP_${I.id.toUpperCase().replace("-", "_")}`
     }), I.id) {
       case xt.GETTING_STARTED:
-        C();
+        N();
         break;
       case xt.ABOUT_DEVTRON:
         f();
         break;
       case xt.GIVE_FEEDBACK:
-        N();
+        C();
         break;
       case xt.VIEW_DOCUMENTATION:
         S(I, y);
@@ -23049,7 +23051,7 @@ const xw = async (e, s) => {
   onClose: l,
   tippyProps: d
 }) => {
-  const { setLoginCount: u, setShowGettingStartedCard: m, setSidePanelConfig: p, sidePanelConfig: _ } = Ss(), { showSwitchThemeLocationTippy: h, handleShowSwitchThemeLocationTippyChange: E } = An(), { isTippyCustomized: x, tippyRedirectLink: g, TippyIcon: f, tippyMessage: N, onClickTippyButton: C, additionalContent: S } = d || {}, { email: b } = Zi(), [A, R] = w(
+  const { setLoginCount: u, setShowGettingStartedCard: m, setSidePanelConfig: p, sidePanelConfig: _ } = Ss(), { showSwitchThemeLocationTippy: h, handleShowSwitchThemeLocationTippyChange: E } = An(), { isTippyCustomized: x, tippyRedirectLink: g, TippyIcon: f, tippyMessage: C, onClickTippyButton: N, additionalContent: S } = d || {}, { email: b } = Zi(), [A, R] = w(
     {
       serverInfo: void 0,
       fetchingServerInfo: !1
@@ -23170,7 +23172,7 @@ const xw = async (e, s) => {
             d && (x ? /* @__PURE__ */ t.jsx(
               on,
               {
-                infoText: N,
+                infoText: C,
                 heading: e,
                 iconClassName: "icon-dim-20 ml-8 fcn-5",
                 documentationLink: g,
@@ -23185,7 +23187,7 @@ const xw = async (e, s) => {
                 className: "dc__link flex",
                 target: "_blank",
                 href: g,
-                onClick: C,
+                onClick: N,
                 rel: "noreferrer",
                 "aria-label": "tippy-icon",
                 children: /* @__PURE__ */ t.jsx(
@@ -23196,7 +23198,7 @@ const xw = async (e, s) => {
                     placement: "top",
                     content: /* @__PURE__ */ t.jsxs("span", { style: { display: "block", width: "66px" }, children: [
                       " ",
-                      N,
+                      C,
                       " "
                     ] }),
                     children: /* @__PURE__ */ t.jsx("div", { className: "flex", children: /* @__PURE__ */ t.jsx(f, { className: "icon-dim-20 ml-8 cursor fcn-5" }) })
@@ -23825,17 +23827,17 @@ const $w = ({
   validateDuplicateKeys: _ = !1,
   validateEmptyKeys: h = !1
 }) => {
-  const [E, x] = w({}), [g, f] = w([]), { sortBy: N, sortOrder: C, handleSorting: S } = uc({
+  const [E, x] = w({}), [g, f] = w([]), { sortBy: C, sortOrder: N, handleSorting: S } = uc({
     initialSortKey: r ? "key" : null
   }), b = X(
     () => Yw({ rows: s, placeholder: n, maskValue: a }),
-    [s, n, a, r, C, N]
+    [s, n, a, r, N, C]
   ), A = () => {
     r && f(
       Ww({
         rows: b,
-        sortBy: N,
-        sortOrder: C
+        sortBy: C,
+        sortOrder: N
       })
     );
   };
@@ -23856,7 +23858,7 @@ const $w = ({
     f([...O, ...P]);
   }, [b]), Pr(() => {
     A();
-  }, [N, C]);
+  }, [C, N]);
   const R = (v) => {
     const { isValid: j, updatedCellError: P } = Fd({
       rows: v,
@@ -23894,8 +23896,8 @@ const $w = ({
       isAdditionNotAllowed: c,
       shouldAutoFocusOnMount: l,
       sortingConfig: {
-        sortBy: N,
-        sortOrder: C,
+        sortBy: C,
+        sortOrder: N,
         handleSorting: S
       }
     }
@@ -24018,8 +24020,8 @@ const qw = (e) => {
           description: "License activated successfully",
           variant: ve.success
         }), a();
-      } catch (N) {
-        N.code === Ft.BAD_REQUEST && m("Invalid license key"), Le(N);
+      } catch (C) {
+        C.code === Ft.BAD_REQUEST && m("Invalid license key"), Le(C);
       } finally {
         d(!1);
       }
@@ -24103,7 +24105,7 @@ const qw = (e) => {
     if (!E.current) return 0;
     const T = E.current.getBoundingClientRect();
     return -(R - T.top - T.height / 2) / Bd;
-  }), N = ws(x, (R) => {
+  }), C = ws(x, (R) => {
     if (!E.current) return 0;
     const T = E.current.getBoundingClientRect();
     return (R - T.left - T.width / 2) / Bd;
@@ -24116,10 +24118,10 @@ const qw = (e) => {
       window.removeEventListener("mousemove", R);
     };
   }, []);
-  const C = ws(
-    [f, N],
+  const N = ws(
+    [f, C],
     ([R, T]) => R + T
-  ), S = ws(C, [-5, 5], [-100, 200]), b = ws(S, [-100, 50, 200], [0, h ? 0.25 : 0.1, 0]), A = h ? qc`linear-gradient(55deg, transparent, rgba(122, 127, 131, ${b}) ${S}%, transparent)` : qc`linear-gradient(55deg, transparent, rgba(255, 255, 255, ${b}) ${S}%, transparent)`;
+  ), S = ws(N, [-5, 5], [-100, 200]), b = ws(S, [-100, 50, 200], [0, h ? 0.25 : 0.1, 0]), A = h ? qc`linear-gradient(55deg, transparent, rgba(122, 127, 131, ${b}) ${S}%, transparent)` : qc`linear-gradient(55deg, transparent, rgba(255, 255, 255, ${b}) ${S}%, transparent)`;
   return /* @__PURE__ */ t.jsxs("div", { className: "flexbox-col p-8 br-16", style: { backgroundColor: d }, children: [
     /* @__PURE__ */ t.jsx("div", { style: { perspective: "1000px" }, children: /* @__PURE__ */ t.jsxs(
       ke.div,
@@ -24128,7 +24130,7 @@ const qw = (e) => {
         ref: E,
         style: {
           rotateX: f,
-          rotateY: N,
+          rotateY: C,
           backgroundImage: A,
           transformStyle: "preserve-3d",
           transform: "translateZ(0)"
@@ -24894,12 +24896,12 @@ const mL = (e) => e?.length ? e.map(({ id: s, description: n, name: a, pluginVer
   rootClassName: h = "",
   showCardBorder: E = !1
 }) => {
-  const { appId: x } = Dt(), [g, f] = w(l || []), [N, C] = w(u || 0), [S, b] = w(
+  const { appId: x } = Dt(), [g, f] = w(l || []), [C, N] = w(u || 0), [S, b] = w(
     p || structuredClone(rL)
   ), A = $(new AbortController()), R = (se) => {
     f(se), d?.(se);
   }, T = (se) => {
-    C(se), m?.(se);
+    N(se), m?.(se);
   }, I = (se) => {
     b(se), _?.(se);
   }, { searchKey: y, selectedTags: v } = S || {}, j = () => Mr(
@@ -25023,7 +25025,7 @@ const mL = (e) => e?.length ? e.map(({ id: s, description: n, name: a, pluginVer
           {
             pluginDataStore: n,
             pluginList: g,
-            totalCount: N,
+            totalCount: C,
             handleDataUpdateForPluginResponse: be,
             filters: S,
             handlePluginSelection: de,
@@ -25394,17 +25396,17 @@ function OL({
     }, x = d.current?.getBoundingClientRect().height ?? 0, g = d.current?.getBoundingClientRect().width ?? 0;
     switch (h) {
       case wr.PARENT_BOTTOM_CENTER: {
-        const f = (E.width - g) / 2, N = E.top > 0 ? E.top : c, S = (E.height > l.height ? l.height - N : E.height) - x - o;
+        const f = (E.width - g) / 2, C = E.top > 0 ? E.top : c, S = (E.height > l.height ? l.height - C : E.height) - x - o;
         return { x: f, y: S };
       }
       case wr.SCREEN_BOTTOM_RIGHT: {
-        const f = l.width - E.left - g - o, N = l.height - E.top - x - o;
-        return { x: f, y: N };
+        const f = l.width - E.left - g - o, C = l.height - E.top - x - o;
+        return { x: f, y: C };
       }
       // Add more cases for other variants if needed
       default: {
-        const f = l.width / 2 - E.left - g / 2, N = l.height - E.top - x - o;
-        return { x: f, y: N };
+        const f = l.width / 2 - E.left - g / 2, C = l.height - E.top - x - o;
+        return { x: f, y: C };
       }
     }
   };
@@ -25413,8 +25415,8 @@ function OL({
     m(h);
   }, [d, n, l]);
   function _(h, E) {
-    const x = r?.current?.getBoundingClientRect().left ?? 0, g = r?.current?.getBoundingClientRect().top ?? 0, f = d.current?.getBoundingClientRect().height ?? 0, N = d.current?.getBoundingClientRect().width ?? 0;
-    x + E.x + N + o > l.width || g + E.y + f + o > l.height || x + E.x < 0 || g + E.y < 0 || m({
+    const x = r?.current?.getBoundingClientRect().left ?? 0, g = r?.current?.getBoundingClientRect().top ?? 0, f = d.current?.getBoundingClientRect().height ?? 0, C = d.current?.getBoundingClientRect().width ?? 0;
+    x + E.x + C + o > l.width || g + E.y + f + o > l.height || x + E.x < 0 || g + E.y < 0 || m({
       x: E.x,
       y: E.y
     });
@@ -25564,13 +25566,13 @@ const LL = ({
       const { consecutiveSequencesForBulkSelection: g, activeRowIndex: f } = E("shift-arrow-down");
       if (m === f)
         return;
-      const N = a[m], C = a[f];
+      const C = a[m], N = a[f];
       u({
         action: $e.SELECT_IDENTIFIER,
         data: {
           identifierObject: {
-            ...g === 1 ? { [N.id]: N } : {},
-            [C.id]: C
+            ...g === 1 ? { [C.id]: C } : {},
+            [N.id]: N
           }
         }
       });
@@ -25592,13 +25594,13 @@ const LL = ({
       const { consecutiveSequencesForBulkSelection: g, activeRowIndex: f } = x("shift-arrow-up");
       if (m === f)
         return;
-      const N = a[m], C = a[f];
+      const C = a[m], N = a[f];
       u({
         action: $e.SELECT_IDENTIFIER,
         data: {
           identifierObject: {
-            ...g === 1 ? { [N.id]: N } : {},
-            [C.id]: C
+            ...g === 1 ? { [C.id]: C } : {},
+            [N.id]: N
           }
         }
       });
@@ -25707,7 +25709,7 @@ const LL = ({
   filteredRows: h,
   areFilteredRowsLoading: E
 }) => {
-  const x = $(null), g = $(null), f = $(null), N = $(null), [C, S] = w(null), [b, A] = w(!1), {
+  const x = $(null), g = $(null), f = $(null), C = $(null), [N, S] = w(null), [b, A] = w(!1), {
     BulkActionsComponent: R,
     bulkActionsData: T = null,
     BulkOperationModal: I,
@@ -25748,7 +25750,7 @@ const LL = ({
   const K = (re) => () => {
     O(re);
   }, Ce = (re) => {
-    re && !["INPUT", "TEXTAREA"].includes(document.activeElement.tagName.toUpperCase()) && re.dataset.active === "true" && (re.focus({ preventScroll: !0 }), UL(re, x.current, N.current?.offsetHeight), re.dataset.active = "false");
+    re && !["INPUT", "TEXTAREA"].includes(document.activeElement.tagName.toUpperCase()) && re.dataset.active === "true" && (re.focus({ preventScroll: !0 }), UL(re, x.current, C.current?.offsetHeight), re.dataset.active = "false");
   }, Ae = () => {
     S(null);
   }, at = () => be && s ? h : Object.values(Z), Ye = () => i ? za.map((re) => /* @__PURE__ */ t.jsxs(
@@ -25852,7 +25854,7 @@ const LL = ({
                 /* @__PURE__ */ t.jsx(
                   "div",
                   {
-                    ref: N,
+                    ref: C,
                     className: "bg__primary dc__min-width-fit-content px-20 border__secondary--bottom dc__position-sticky dc__zi-2 dc__top-0 generic-table__header",
                     children: i ? /* @__PURE__ */ t.jsxs("div", { className: "flexbox py-12 dc__gap-16", children: [
                       ee ? /* @__PURE__ */ t.jsx("div", { className: "shimmer w-20" }) : null,
@@ -25947,10 +25949,10 @@ const LL = ({
             pageSizeOptions: _
           }
         ),
-        C && /* @__PURE__ */ t.jsx(
+        N && /* @__PURE__ */ t.jsx(
           I,
           {
-            action: C,
+            action: N,
             onClose: Ae,
             bulkOperationModalData: y,
             isBulkSelectionApplied: be,
@@ -25980,8 +25982,8 @@ const LL = ({
   bulkSelectionReturnValue: x,
   handleClearBulkSelection: g,
   handleToggleBulkSelectionOnRow: f,
-  paginationVariant: N,
-  RowActionsOnHoverComponent: C,
+  paginationVariant: C,
+  RowActionsOnHoverComponent: N,
   pageSizeOptions: S,
   clearFilters: b
 }) => {
@@ -26033,8 +26035,8 @@ const LL = ({
     });
   }, [T, A, R, n, JSON.stringify(B), p]), ce = be || W === Yd, xe = X(() => {
     const ne = Ee ?? [];
-    return N !== Dr.PAGINATED ? ne : ne.slice(v, v + y);
-  }, [N, v, y, Ee]);
+    return C !== Dr.PAGINATED ? ne : ne.slice(v, v + y);
+  }, [C, v, y, Ee]);
   M(() => {
     ee?.(
       xe.reduce((ne, me) => (ne[me.id] = me, ne), {})
@@ -26053,12 +26055,12 @@ const LL = ({
       areFilteredRowsLoading: ce,
       visibleColumns: p,
       bulkSelectionReturnValue: x,
-      paginationVariant: N,
+      paginationVariant: C,
       resizableConfig: i,
       filterData: s,
       handleClearBulkSelection: g,
       handleToggleBulkSelectionOnRow: f,
-      RowActionsOnHoverComponent: C,
+      RowActionsOnHoverComponent: N,
       additionalProps: l,
       bulkSelectionConfig: E,
       loading: h,
@@ -26514,14 +26516,14 @@ const LL = ({
     }).forEach((k) => {
       O[k] = !0;
     }), O;
-  }, [E, x] = w(null), g = $({}), [f, N] = w(h), C = s ? n : f, S = c === "navigation" ? -1 : 0;
+  }, [E, x] = w(null), g = $({}), [f, C] = w(h), N = s ? n : f, S = c === "navigation" ? -1 : 0;
   M(() => {
     if (_) {
       const O = Qd({
         selectedId: a,
         nodes: e
       });
-      N((D) => {
+      C((D) => {
         const k = { ...D };
         return O.forEach((B) => {
           k[B] = !0;
@@ -26530,7 +26532,7 @@ const LL = ({
     }
   }, [a]);
   const b = (O) => () => {
-    s ? r(O) : N((D) => ({
+    s ? r(O) : C((D) => ({
       ...D,
       [O.id]: !D[O.id]
     }));
@@ -26546,8 +26548,8 @@ const LL = ({
     }), x(null)), g.current[O] = D;
   }, T = X(() => l || b_({
     nodeList: e,
-    expandedMap: C
-  }), [e, C, l]), I = (O) => {
+    expandedMap: N
+  }), [e, N, l]), I = (O) => {
     if (c !== "navigation" || !_)
       return;
     const { key: D } = O;
@@ -26641,7 +26643,7 @@ const LL = ({
           }
         );
         if (O.type === "heading") {
-          const ee = C[O.id] ?? !1;
+          const ee = N[O.id] ?? !1;
           return /* @__PURE__ */ t.jsxs(
             "div",
             {
@@ -26711,7 +26713,7 @@ const LL = ({
                     children: O.items?.length ? /* @__PURE__ */ t.jsx("div", { className: "flexbox-col flex-grow-1", children: O.items.map((Z) => /* @__PURE__ */ t.jsx(
                       ZL,
                       {
-                        expandedMap: C,
+                        expandedMap: N,
                         selectedId: a,
                         isControlled: !0,
                         onToggle: A,
@@ -27065,9 +27067,9 @@ const LL = ({
   ), f = X(
     () => cD({ currentPipelineType: E, isAppGroup: u }),
     [E, u]
-  ), N = () => {
+  ), C = () => {
     p(), l();
-  }, C = () => {
+  }, N = () => {
     if (o && i.find((y) => +y.id === o.appWorkflowId).nodes.some((y) => y.type === Ps.CD)) {
       h(!0), vT(aD(o), {
         isTemplateView: m
@@ -27075,7 +27077,7 @@ const LL = ({
         y.result && (Ve.showToast({
           variant: ve.success,
           description: nu.SUCCESS_CHANGE_TO_WEBHOOK
-        }), c(), N());
+        }), c(), C());
       }).catch((y) => {
         Le(y), h(!1);
       });
@@ -27088,7 +27090,7 @@ const LL = ({
     T.stopPropagation();
     const { pipelineType: I } = T.currentTarget.dataset;
     if (I === hn.WEBHOOK) {
-      C();
+      N();
       return;
     }
     if (d && I === d.type) {
@@ -27098,7 +27100,7 @@ const LL = ({
     s(I, o?.appWorkflowId ?? 0), p();
   }, b = (T) => !r && T === lt.LINKED_CD ? eD : _ ? tD : null;
   M(() => {
-    o && i && (i.find((I) => +I.id === o.appWorkflowId) || (N(), Ve.showToast({
+    o && i && (i.find((I) => +I.id === o.appWorkflowId) || (C(), Ve.showToast({
       variant: ve.error,
       description: nu.WORKFLOW_NOT_AVAILABLE
     })));
@@ -27125,8 +27127,8 @@ const LL = ({
     {
       name: "workflow-options-modal",
       open: e,
-      onClose: _ ? Ne : N,
-      onEscape: _ ? Ne : N,
+      onClose: _ ? Ne : C,
+      onEscape: _ ? Ne : C,
       width: 800,
       closeOnBackdropClick: !0,
       children: /* @__PURE__ */ t.jsx(ma.Body, { children: /* @__PURE__ */ t.jsxs("div", { className: "flexbox-col h-500", children: [
@@ -28176,10 +28178,10 @@ const P4 = ({
         l
       );
       if (g.errors) {
-        const { errors: f } = g, { userMessage: N } = f[0];
+        const { errors: f } = g, { userMessage: C } = f[0];
         Ve.showToast({
           variant: ve.error,
-          description: N
+          description: C
         });
         return;
       }
@@ -28557,7 +28559,7 @@ const $D = (e) => {
   }, f = () => {
     let b = !0;
     h && (b = window.confirm(UD)), b && (_(e), m(e ? "previewSaved" : "empty"));
-  }, N = async () => {
+  }, C = async () => {
     const b = p.trim();
     if (g(b))
       try {
@@ -28567,7 +28569,7 @@ const $D = (e) => {
       } finally {
         d(!1);
       }
-  }, C = () => {
+  }, N = () => {
     m(_n.WRITE);
   }, S = (b) => {
     m(b);
@@ -28585,7 +28587,7 @@ const $D = (e) => {
           {
             dataTestId: "edit-description",
             startIcon: /* @__PURE__ */ t.jsx(F, { name: "ic-pencil", color: null }),
-            onClick: C,
+            onClick: N,
             text: "Write",
             variant: z.secondary,
             size: L.medium
@@ -28612,7 +28614,7 @@ const $D = (e) => {
         {
           "data-testid": "description-edit-button",
           className: "dc__align-right pencil-icon cursor flex fw-6 cn-7",
-          onClick: C,
+          onClick: N,
           children: [
             /* @__PURE__ */ t.jsx(Yr, { className: "icon-dim-16 mr-4 scn-7" }),
             " Edit"
@@ -28688,7 +28690,7 @@ const $D = (e) => {
           dataTestId: "description-edit-save-button",
           text: "Save",
           isLoading: l,
-          onClick: N,
+          onClick: C,
           buttonProps: {
             type: "submit"
           }
@@ -28740,21 +28742,21 @@ const w_ = ({
   forceReInit: m,
   isSuperAdmin: p
 }) => {
-  const [_, h] = w(a || []), [E, x] = w(n ? n.comment : ""), [g, f] = w(o || []), [N, C] = w(n ? n.comment : ""), [S, b] = w(!1), [A, R] = w(!1), [T, I] = w(a || []), [y, v] = w(""), [j, P] = w([]), [O, D] = w([]), [k, B] = w([]), [G, ee] = w(""), [Z, be] = w(""), [Ee, W] = w(!1);
+  const [_, h] = w(a || []), [E, x] = w(n ? n.comment : ""), [g, f] = w(o || []), [C, N] = w(n ? n.comment : ""), [S, b] = w(!1), [A, R] = w(!1), [T, I] = w(a || []), [y, v] = w(""), [j, P] = w([]), [O, D] = w([]), [k, B] = w([]), [G, ee] = w(""), [Z, be] = w(""), [Ee, W] = w(!1);
   M(() => {
     ie();
   }, [a, n, c]), M(() => {
     f(o || []);
   }, [o]);
   const ie = () => {
-    (m || !S) && (h(a || []), x(n ? n.comment : ""), C(n ? n.comment : ""), I(a || []), b(!1));
+    (m || !S) && (h(a || []), x(n ? n.comment : ""), N(n ? n.comment : ""), I(a || []), b(!1));
   }, ce = () => {
     b(!S), typeof d == "function" && d(s);
   }, xe = (V) => {
     const he = V.target.value;
-    he?.length > 500 ? ee("comment length cannot exceed 500 characters") : ee(""), C(he);
+    he?.length > 500 ? ee("comment length cannot exceed 500 characters") : ee(""), N(he);
   }, de = () => {
-    I(_), C(E), P([]), D([]), B([]), ce(), R(!1), v("");
+    I(_), N(E), P([]), D([]), B([]), ce(), R(!1), v("");
   }, se = (V) => {
     if (V.length == 0 || V.length >= 128 || V[0] == "." || V[0] == "-")
       return v("Label name cannot be empty or exceed 128 characters or cannot start with . or -"), !1;
@@ -28816,7 +28818,7 @@ const w_ = ({
       softDeleteTags: O,
       imageComment: {
         id: 0,
-        comment: N.trim(),
+        comment: C.trim(),
         artifactId: 0
       },
       hardDeleteTags: k
@@ -28829,7 +28831,7 @@ const w_ = ({
         appId: 0,
         artifactId: 0
       }));
-      i && i(ue.result?.appReleaseTags), l && l(ue.result?.tagsEditable), h(Me), x(ue.result?.imageComment?.comment), I(Me), C(ue.result?.imageComment?.comment), P([]), D([]), B([]), ce(), R(!1), v(""), r && r(s, Me, ue.result?.imageComment);
+      i && i(ue.result?.appReleaseTags), l && l(ue.result?.tagsEditable), h(Me), x(ue.result?.imageComment?.comment), I(Me), N(ue.result?.imageComment?.comment), P([]), D([]), B([]), ce(), R(!1), v(""), r && r(s, Me, ue.result?.imageComment);
     }).catch((ue) => {
       ue.errors?.[0]?.userMessage?.appReleaseTags?.length ? (Ve.showToast({
         variant: ve.error,
@@ -28854,7 +28856,7 @@ const w_ = ({
       /* @__PURE__ */ t.jsx("li", { children: "Labels cannot be deleted once saved. Although, you can soft delete a label if an unwanted label has been added." })
     ] })
   ] }), Ye = $(null);
-  if (N === "" && T.length === 0 && !S)
+  if (C === "" && T.length === 0 && !S)
     return c ? /* @__PURE__ */ t.jsx("div", { className: "bg__primary mt-8 flexbox", children: /* @__PURE__ */ t.jsx(BD, { handleEditClick: ce }) }) : /* @__PURE__ */ t.jsx("div", {});
   const re = (V) => {
     V.key === "Enter" && V.target.value.trim() && ne(V.target.value.trim());
@@ -28934,7 +28936,7 @@ const w_ = ({
       _o,
       {
         label: "Comment",
-        value: N,
+        value: C,
         onChange: xe,
         placeholder: "Enter comment",
         name: "add-image-comment-text-area",
@@ -29198,22 +29200,22 @@ const qD = (e) => {
   M(() => {
     _.current.value = e, p(!!e);
   }, [e]);
-  const E = (C) => {
-    s(C), n(C);
+  const E = (N) => {
+    s(N), n(N);
   }, x = () => {
     _.current.value = "", E(""), p(!1);
-  }, g = (C) => {
-    const { value: S } = C.target;
+  }, g = (N) => {
+    const { value: S } = N.target;
     p(!!S), o ? h(S) : s(S);
-  }, f = (C) => {
-    const { key: S } = C;
+  }, f = (N) => {
+    const { key: S } = N;
     if (S === "Enter") {
-      C.preventDefault();
-      const A = C.target.value.trim();
+      N.preventDefault();
+      const A = N.target.value.trim();
       E(A);
     }
-  }, N = (C = null) => {
-    a.ref && (a.ref.current = C), _.current = C;
+  }, C = (N = null) => {
+    a.ref && (a.ref.current = N), _.current = N;
   };
   return /* @__PURE__ */ t.jsx("div", { className: `search-bar-container ${r || ""}`, children: /* @__PURE__ */ t.jsxs(
     "div",
@@ -29232,7 +29234,7 @@ const qD = (e) => {
             className: `search-bar__input  dc__position-abs w-100 h-100 br-4 dc__no-border pt-6 pr-10 pb-6 pl-30 fs-13 lh-20 fw-4 cn-9 placeholder-cn5 dc__left-0 ${m || !m && u ? "pr-30" : "pr-10"} ${l ? "dc__no-background" : "bg__secondary"}`,
             onChange: g,
             onKeyDown: f,
-            ref: N
+            ref: C
           }
         ),
         m ? /* @__PURE__ */ t.jsx("div", { className: "flex search-bar__clear-button dc__position-abs dc__transparent", children: /* @__PURE__ */ t.jsx(
@@ -29371,11 +29373,11 @@ const Pn = ({
   }, [m]), useEffectAfterMount(() => {
     p(n);
   }, [n]);
-  function N(R, T) {
+  function C(R, T) {
     p(T), R.target.name = c, R.target.value = T, s(R);
   }
   if (!e) return null;
-  const { button: C, body: S, optionLength: b, AsyncComponent: A } = Be.Children.toArray(e).reduce(
+  const { button: N, body: S, optionLength: b, AsyncComponent: A } = Be.Children.toArray(e).reduce(
     (R, T) => (T.type === U_ ? R.button = T : T.type === $_ ? R.AsyncComponent = T : ((T.type === M_ || T.type === k_) && (R.optionLength += 1), R.body.push(T)), R),
     { button: null, body: [], optionLength: 0, AsyncComponent: null }
   );
@@ -29389,7 +29391,7 @@ const Pn = ({
         valueComparator: a,
         searchString: E,
         search: x,
-        handleClick: N,
+        handleClick: C,
         disabled: o,
         loading: g,
         setLoading: f
@@ -29403,7 +29405,7 @@ const Pn = ({
             tabIndex: i,
             rootClassName: r,
             dataTestId: u,
-            children: C
+            children: N
           }
         ),
         _ && A,