@devtron-labs/devtron-fe-common-lib 1.23.5-beta-0 → 1.23.5-pre-1

package/dist/index.js

@@ -1,10 +1,10 @@
 import { o as e } from "./rolldown-runtime-BETGA6I9.js";
-import { $a as t, $i as n, $l as r, $n as i, $o as a, $r as o, $t as s, $u as c, Ad as l, Ai as u, Ao as d, Ar as f, As as p, At as m, Au as h, Ba as g, Bn as _, Bo as v, Br as y, Bs as b, Bt as x, Bu as S, Ci as C, Co as w, Cr as T, Cs as E, Ct as D, Cu as O, Di as k, Do as A, Dr as j, Ds as M, Dt as ee, Du as te, Ea as ne, Ed as re, Ei as ie, Eo as ae, Er as oe, Es as se, Et as ce, Eu as le, Fa as ue, Fi as de, Fo as fe, Fr as pe, Fs as me, Ft as he, Fu as ge, Ga as _e, Gi as ve, Gn as ye, Go as be, Gr as xe, Gt as Se, Gu as Ce, Ha as we, Hn as Te, Ho as Ee, Hr as De, Ht as Oe, Hu as ke, Ia as Ae, Ii as je, Io as Me, Ir as Ne, Is as Pe, It as Fe, Iu as Ie, Ja as Le, Ji as Re, Jn as N, Jo as ze, Jr as Be, Jt as Ve, Ju as He, Ka as Ue, Ki as We, Kn as Ge, Ko as Ke, Kr as qe, Kt as Je, Ku as Ye, La as Xe, Li as Ze, Lo as Qe, Lr as $e, Ls as et, Lt as tt, Lu as nt, Ma as rt, Md as it, Mi as at, Mo as ot, Mr as st, Ms as P, Mt as ct, Mu as lt, Na as ut, Ni as dt, No as ft, Nr as pt, Ns as mt, Nt as ht, Nu as gt, Oi as _t, Oo as vt, Or as yt, Os as bt, Ot as xt, Ou as St, Pa as Ct, Pi as wt, Po as Tt, Pr as Et, Ps as Dt, Pt as Ot, Pu as kt, Qa as At, Qi as jt, Ql as Mt, Qn as F, Qo as Nt, Qr as Pt, Qt as Ft, Qu as It, Ra as Lt, Ri as Rt, Rn as zt, Ro as Bt, Rr as Vt, Rs as Ht, Rt as Ut, Ru as Wt, Sd as Gt, Si as Kt, Sn as qt, So as Jt, Sr as Yt, Ss as Xt, St as Zt, Su as Qt, Td as $t, Ti as en, To as tn, Tr as nn, Ts as rn, Tt as an, Tu as on, Ua as sn, Un as cn, Uo as ln, Ur as un, Ut as dn, Uu as fn, Va as pn, Vi as mn, Vn as hn, Vo as gn, Vr as _n, Vt as vn, Vu as yn, Wa as bn, Wi as I, Wn as xn, Wo as Sn, Wr as Cn, Wt as wn, Wu as Tn, Xa as En, Xi as Dn, Xn as L, Xo as On, Xr as kn, Xt as An, Xu as jn, Ya as Mn, Yi as Nn, Yn as Pn, Yo as Fn, Yr as In, Yt as Ln, Yu as Rn, Za as zn, Zi as Bn, Zl as Vn, Zn as R, Zo as Hn, Zr as Un, Zt as z, Zu as Wn, _d as Gn, _i as Kn, _n as qn, _o as Jn, _r as Yn, _s as Xn, _t as Zn, _u as Qn, a as $n, aa as er, ad as tr, ai as nr, an as rr, ao as ir, ar, as as or, au as sr, bd as cr, bi as lr, bn as ur, bo as dr, br as fr, bs as pr, bt as mr, bu as hr, c as gr, ca as _r, cd as vr, ci as yr, cn as br, co as xr, cr as Sr, cs as Cr, cu as wr, da as Tr, dd as Er, di as Dr, dn as Or, do as kr, dr as Ar, ds as jr, dt as Mr, du as Nr, ea as Pr, ed as Fr, ei as Ir, en as Lr, eo as Rr, er as zr, es as Br, eu as Vr, fa as Hr, fd as Ur, fi as Wr, fn as Gr, fo as B, fr as Kr, fs as qr, ft as Jr, fu as Yr, gd as Xr, gi as Zr, gn as Qr, go as $r, gr as ei, gs as ti, gt as ni, gu as ri, hd as ii, hi as ai, hl as oi, hn as si, ho as ci, hr as li, hs as ui, ht as di, hu as fi, i as pi, ia as mi, id as hi, ii as gi, in as _i, io as V, ir as vi, is as yi, iu as bi, ja as xi, ji as Si, jo as Ci, jr as wi, js as Ti, jt as Ei, ju as H, kd as Di, ki as Oi, ko as ki, kr as Ai, ks as ji, kt as Mi, ku as Ni, l as Pi, la as Fi, ld as Ii, li as Li, ln as U, lo as Ri, lr as zi, ls as Bi, lt as Vi, lu as Hi, ma as Ui, md as Wi, mi as Gi, mn as Ki, mo as qi, mr as Ji, ms as Yi, mt as Xi, mu as Zi, n as Qi, na as $i, nd as ea, ni as ta, nn as na, no as ra, nr as ia, ns as aa, nu as oa, o as sa, oa as ca, od as la, oi as ua, on as da, oo as fa, or as pa, os as ma, ou as ha, pa as ga, pd as _a, pi as va, pn as ya, po as ba, pr as xa, ps as Sa, pt as Ca, pu as wa, qa as Ta, qi as Ea, ql as Da, qo as Oa, qr as ka, qt as Aa, qu as ja, r as Ma, ra as Na, rd as Pa, ri as Fa, rn as Ia, ro as La, rr as Ra, rs as za, ru as Ba, s as Va, sa as Ha, sd as Ua, si as Wa, sn as Ga, so as Ka, sr as qa, ss as Ja, su as Ya, t as W, ta as Xa, td as Za, ti as Qa, tn as $a, to as eo, tr as to, ts as no, tu as ro, u as io, ua as ao, ud as oo, ui as so, un as co, uo as lo, ur as uo, us as fo, ut as po, uu as mo, vd as ho, vi as go, vn as _o, vo, vr as yo, vs as bo, vt as xo, vu as So, wi as Co, wo, wr as To, ws as Eo, wt as Do, wu as Oo, xd as ko, xi as Ao, xn as jo, xo as Mo, xr as No, xs as Po, xt as Fo, xu as Io, yd as Lo, yi as Ro, yn as zo, yo as Bo, yr as Vo, ys as Ho, yt as Uo, yu as Wo, za as Go, zi as Ko, zn as qo, zo as Jo, zr as Yo, zs as Xo, zt as Zo, zu as Qo } from "./@code-editor-CfWdQLUA.js";
-import { $ as $o, A as es, B as ts, C as ns, D as rs, E as is, F as as, G as os, H as ss, I as cs, J as ls, K as us, L as ds, M as fs, N as ps, O as ms, P as hs, Q as gs, R as _s, S as vs, T as ys, U as bs, V as xs, W as Ss, Y as Cs, Z as ws, _ as Ts, a as Es, at as Ds, b as Os, c as ks, ct as As, d as js, et as Ms, f as Ns, g as Ps, h as Fs, i as Is, it as Ls, j as Rs, k as zs, l as Bs, lt as Vs, m as Hs, n as Us, nt as Ws, o as Gs, ot as Ks, p as qs, q as Js, r as Ys, rt as Xs, s as Zs, st as Qs, t as $s, tt as ec, u as tc, v as nc, w as rc, x as ic, y as ac, z as oc } from "./@common-rjsf-CYYvyuON.js";
-import { a as sc, i as cc, n as lc, o as uc, r as dc, t as fc } from "./@framer-motion-CYALETZG.js";
-import { t as pc } from "./@react-virtualized-sticky-tree-BGypbpsu.js";
-import { $ as mc, A as hc, B as gc, C as _c, D as vc, E as yc, F as bc, G as xc, H as Sc, I as Cc, J as wc, K as Tc, L as Ec, M as Dc, N as Oc, O as kc, P as Ac, Q as jc, R as Mc, S as Nc, T as Pc, U as Fc, V as Ic, W as Lc, X as Rc, Y as zc, Z as Bc, _ as Vc, b as Hc, c as Uc, d as Wc, et as Gc, f as Kc, g as qc, h as Jc, j as Yc, k as Xc, l as Zc, m as Qc, nt as $c, o as el, p as tl, q as nl, s as rl, tt as il, u as al, v as ol, w as sl, x as cl, y as ll, z as ul } from "./@vendor-l9UWMPVR.js";
-import { a as dl, c as fl, i as pl, l as ml, n as hl, r as gl, s as _l, t as vl } from "./@src-assets-images-BbD457C8.js";
+import { $a as t, $i as n, $l as r, $n as i, $o as a, $r as o, $t as s, $u as c, Ad as l, Ai as u, Ao as d, Ar as f, As as p, At as m, Au as h, Ba as g, Bn as _, Bo as v, Br as y, Bs as b, Bt as x, Bu as S, Ci as C, Co as w, Cr as T, Cs as E, Ct as D, Cu as O, Di as k, Do as A, Dr as j, Ds as M, Dt as ee, Du as te, Ea as ne, Ed as re, Ei as ie, Eo as ae, Er as oe, Es as se, Et as ce, Eu as le, Fa as ue, Fi as de, Fo as fe, Fr as pe, Fs as me, Ft as he, Fu as ge, Ga as _e, Gi as ve, Gn as ye, Go as be, Gr as xe, Gt as Se, Gu as Ce, Ha as we, Hn as Te, Ho as Ee, Hr as De, Ht as Oe, Hu as ke, Ia as Ae, Ii as je, Io as Me, Ir as Ne, Is as Pe, It as Fe, Iu as Ie, Ja as Le, Ji as Re, Jn as N, Jo as ze, Jr as Be, Jt as Ve, Ju as He, Ka as Ue, Ki as We, Kn as Ge, Ko as Ke, Kr as qe, Kt as Je, Ku as Ye, La as Xe, Li as Ze, Lo as Qe, Lr as $e, Ls as et, Lt as tt, Lu as nt, Ma as rt, Md as it, Mi as at, Mo as ot, Mr as st, Ms as P, Mt as ct, Mu as lt, Na as ut, Ni as dt, No as ft, Nr as pt, Ns as mt, Nt as ht, Nu as gt, Oi as _t, Oo as vt, Or as yt, Os as bt, Ot as xt, Ou as St, Pa as Ct, Pi as wt, Po as Tt, Pr as Et, Ps as Dt, Pt as Ot, Pu as kt, Qa as At, Qi as jt, Ql as Mt, Qn as F, Qo as Nt, Qr as Pt, Qt as Ft, Qu as It, Ra as Lt, Ri as Rt, Rn as zt, Ro as Bt, Rr as Vt, Rs as Ht, Rt as Ut, Ru as Wt, Sd as Gt, Si as Kt, Sn as qt, So as Jt, Sr as Yt, Ss as Xt, St as Zt, Su as Qt, Td as $t, Ti as en, To as tn, Tr as nn, Ts as rn, Tt as an, Tu as on, Ua as sn, Un as cn, Uo as ln, Ur as un, Ut as dn, Uu as fn, Va as pn, Vi as mn, Vn as hn, Vo as gn, Vr as _n, Vt as vn, Vu as yn, Wa as bn, Wi as I, Wn as xn, Wo as Sn, Wr as Cn, Wt as wn, Wu as Tn, Xa as En, Xi as Dn, Xn as L, Xo as On, Xr as kn, Xt as An, Xu as jn, Ya as Mn, Yi as Nn, Yn as Pn, Yo as Fn, Yr as In, Yt as Ln, Yu as Rn, Za as zn, Zi as Bn, Zl as Vn, Zn as R, Zo as Hn, Zr as Un, Zt as z, Zu as Wn, _d as Gn, _i as Kn, _n as qn, _o as Jn, _r as Yn, _s as Xn, _t as Zn, _u as Qn, a as $n, aa as er, ad as tr, ai as nr, an as rr, ao as ir, ar, as as or, au as sr, bd as cr, bi as lr, bn as ur, bo as dr, br as fr, bs as pr, bt as mr, bu as hr, c as gr, ca as _r, cd as vr, ci as yr, cn as br, co as xr, cr as Sr, cs as Cr, cu as wr, da as Tr, dd as Er, di as Dr, dn as Or, do as kr, dr as Ar, ds as jr, dt as Mr, du as Nr, ea as Pr, ed as Fr, ei as Ir, en as Lr, eo as Rr, er as zr, es as Br, eu as Vr, fa as Hr, fd as Ur, fi as Wr, fn as Gr, fo as B, fr as Kr, fs as qr, ft as Jr, fu as Yr, gd as Xr, gi as Zr, gn as Qr, go as $r, gr as ei, gs as ti, gt as ni, gu as ri, hd as ii, hi as ai, hl as oi, hn as si, ho as ci, hr as li, hs as ui, ht as di, hu as fi, i as pi, ia as mi, id as hi, ii as gi, in as _i, io as V, ir as vi, is as yi, iu as bi, ja as xi, ji as Si, jo as Ci, jr as wi, js as Ti, jt as Ei, ju as H, kd as Di, ki as Oi, ko as ki, kr as Ai, ks as ji, kt as Mi, ku as Ni, l as Pi, la as Fi, ld as Ii, li as Li, ln as U, lo as Ri, lr as zi, ls as Bi, lt as Vi, lu as Hi, ma as Ui, md as Wi, mi as Gi, mn as Ki, mo as qi, mr as Ji, ms as Yi, mt as Xi, mu as Zi, n as Qi, na as $i, nd as ea, ni as ta, nn as na, no as ra, nr as ia, ns as aa, nu as oa, o as sa, oa as ca, od as la, oi as ua, on as da, oo as fa, or as pa, os as ma, ou as ha, pa as ga, pd as _a, pi as va, pn as ya, po as ba, pr as xa, ps as Sa, pt as Ca, pu as wa, qa as Ta, qi as Ea, ql as Da, qo as Oa, qr as ka, qt as Aa, qu as ja, r as Ma, ra as Na, rd as Pa, ri as Fa, rn as Ia, ro as La, rr as Ra, rs as za, ru as Ba, s as Va, sa as Ha, sd as Ua, si as Wa, sn as Ga, so as Ka, sr as qa, ss as Ja, su as Ya, t as W, ta as Xa, td as Za, ti as Qa, tn as $a, to as eo, tr as to, ts as no, tu as ro, u as io, ua as ao, ud as oo, ui as so, un as co, uo as lo, ur as uo, us as fo, ut as po, uu as mo, vd as ho, vi as go, vn as _o, vo, vr as yo, vs as bo, vt as xo, vu as So, wi as Co, wo, wr as To, ws as Eo, wt as Do, wu as Oo, xd as ko, xi as Ao, xn as jo, xo as Mo, xr as No, xs as Po, xt as Fo, xu as Io, yd as Lo, yi as Ro, yn as zo, yo as Bo, yr as Vo, ys as Ho, yt as Uo, yu as Wo, za as Go, zi as Ko, zn as qo, zo as Jo, zr as Yo, zs as Xo, zt as Zo, zu as Qo } from "./@code-editor-hUF3-kiJ.js";
+import { $ as $o, A as es, B as ts, C as ns, D as rs, E as is, F as as, G as os, H as ss, I as cs, J as ls, K as us, L as ds, M as fs, N as ps, O as ms, P as hs, Q as gs, R as _s, S as vs, T as ys, U as bs, V as xs, W as Ss, Y as Cs, Z as ws, _ as Ts, a as Es, at as Ds, b as Os, c as ks, ct as As, d as js, et as Ms, f as Ns, g as Ps, h as Fs, i as Is, it as Ls, j as Rs, k as zs, l as Bs, lt as Vs, m as Hs, n as Us, nt as Ws, o as Gs, ot as Ks, p as qs, q as Js, r as Ys, rt as Xs, s as Zs, st as Qs, t as $s, tt as ec, u as tc, v as nc, w as rc, x as ic, y as ac, z as oc } from "./@common-rjsf-B46zvwJV.js";
+import { a as sc, i as cc, n as lc, o as uc, r as dc, t as fc } from "./@framer-motion-Dlmom4Lw.js";
+import { t as pc } from "./@react-virtualized-sticky-tree-Cw3f9vXu.js";
+import { $ as mc, A as hc, B as gc, C as _c, D as vc, E as yc, F as bc, G as xc, H as Sc, I as Cc, J as wc, K as Tc, L as Ec, M as Dc, N as Oc, O as kc, P as Ac, Q as jc, R as Mc, S as Nc, T as Pc, U as Fc, V as Ic, W as Lc, X as Rc, Y as zc, Z as Bc, _ as Vc, b as Hc, c as Uc, d as Wc, et as Gc, f as Kc, g as qc, h as Jc, j as Yc, k as Xc, l as Zc, m as Qc, nt as $c, o as el, p as tl, q as nl, s as rl, tt as il, u as al, v as ol, w as sl, x as cl, y as ll, z as ul } from "./@vendor-C85FfSYl.js";
+import { a as dl, c as fl, i as pl, l as ml, n as hl, r as gl, s as _l, t as vl } from "./@src-assets-images-CEfUVN6C.js";
 import yl, { Component as bl, Fragment as xl, cloneElement as Sl, createContext as Cl, createElement as wl, createRef as Tl, memo as El, useCallback as Dl, useContext as Ol, useEffect as G, useLayoutEffect as kl, useMemo as K, useRef as q, useState as J } from "react";
 import { createPortal as Al } from "react-dom";
 import jl from "dompurify";
@@ -38,7 +38,9 @@ var Y = re(), su = ({ tooltipContent: e }) => e ? /* @__PURE__ */ (0, Y.jsxs)("d
 	children: "Click to add here"
 });
 function cu({ position: e, addCDButtons: t, endNode: n, startNode: r, handleAddCD: i, tooltipContent: a }) {
-	let o = e === c.RIGHT ? n : r;
+	let o = e === c.RIGHT ? n : r, s = () => {
+		i(e);
+	};
 	return t?.includes(e) ? /* @__PURE__ */ (0, Y.jsx)(ko, {
 		placement: "top",
 		content: /* @__PURE__ */ (0, Y.jsx)(su, { tooltipContent: a }),
@@ -53,9 +55,7 @@ function cu({ position: e, addCDButtons: t, endNode: n, startNode: r, handleAddC
 			fill: "none",
 			xmlns: "http://www.w3.org/2000/svg",
 			"data-testid": `add-cd-to-${e}`,
-			onClick: () => {
-				i(e);
-			},
+			onClick: s,
 			className: "dc__outline-none-imp",
 			children: [/* @__PURE__ */ (0, Y.jsx)("rect", {
 				width: "20",
@@ -710,14 +710,14 @@ var lu = ({ startNode: e }) => e.type === cr.WEBHOOK ? Gn.WEBHOOK : e.type === c
 		children: /* @__PURE__ */ (0, Y.jsx)("span", { className: "w-100px h-18 shimmer" })
 	})]
 }), Jd = ({ dataTestId: e, metricTitle: t, metricValue: n, metricUnit: r, valueOutOf: i, iconName: a, subtitle: o, redirectionLink: s, tooltipContent: c, subtitleRedirection: l }) => {
-	let [u, d] = J(!1);
+	let [u, d] = J(!1), f = () => d(!0), p = () => d(!1);
 	return /* @__PURE__ */ (0, Y.jsx)(Ca, {
 		condition: !!s,
 		wrap: Kd(s),
 		children: /* @__PURE__ */ (0, Y.jsxs)(Ui.div, {
 			"data-testid": e,
-			onHoverStart: () => d(!0),
-			onHoverEnd: () => d(!1),
+			onHoverStart: f,
+			onHoverEnd: p,
 			className: `flexbox-col br-8 bg__primary border__secondary cn-9 ${u ? "shadow__card--10" : ""}`,
 			children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
 				className: "flexbox dc__gap-12 p-16 dc__content-space",
@@ -1494,6 +1494,10 @@ var lu = ({ startNode: e }) => e.type === cr.WEBHOOK ? Gn.WEBHOOK : e.type === c
 		C(!0);
 	}, E = () => {
 		c || (C(!1), (b.current?.querySelector("button"))?.blur(), b.current?.blur());
+	}, D = (e) => {
+		!l && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), C(!0)), s?.(e, l, E);
+	}, O = (e) => o?.(e, l, E), k = () => {
+		E();
 	};
 	return kl(() => {
 		if (!l || !_ || !b.current || !x.current || !S.current) return;
@@ -1530,9 +1534,7 @@ var lu = ({ startNode: e }) => e.type === cr.WEBHOOK ? Gn.WEBHOOK : e.type === c
 		triggerProps: {
 			ref: b,
 			onClick: w,
-			onKeyDown: (e) => {
-				!l && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), C(!0)), s?.(e, l, E);
-			},
+			onKeyDown: D,
 			"aria-haspopup": "listbox",
 			"aria-expanded": l,
 			className: "flex",
@@ -1546,9 +1548,7 @@ var lu = ({ startNode: e }) => e.type === cr.WEBHOOK ? Gn.WEBHOOK : e.type === c
 		},
 		overlayProps: {
 			hasClearBackground: !0,
-			onClick: () => {
-				E();
-			},
+			onClick: k,
 			onEscape: E,
 			onBackdropMount: v
 		},
@@ -1558,7 +1558,7 @@ var lu = ({ startNode: e }) => e.type === cr.WEBHOOK ? Gn.WEBHOOK : e.type === c
 			role: "listbox",
 			className: `dc__position-abs dc__outline-none-imp ${i === "menu" ? "bg__menu--primary shadow__menu" : "bg__overlay--primary shadow__overlay"} border__primary br-6 dc__overflow-hidden ${y ? "dc_width-max-content dc__mxw-250" : ""}`,
 			onClick: U,
-			onKeyDown: (e) => o?.(e, l, E),
+			onKeyDown: O,
 			style: {
 				width: y ? void 0 : `${r}px`,
 				...sp({ position: d }),
@@ -2222,7 +2222,7 @@ var lu = ({ startNode: e }) => e.type === cr.WEBHOOK ? Gn.WEBHOOK : e.type === c
 		})] })
 	}), t]
 }), Mp = ({ disabled: e, handleCancel: t, editProfile: n, loading: r }) => {
-	let i = e ? xf.SUBMIT_BUTTON_TIPPY.INVALID_INPUT : xf.SUBMIT_BUTTON_TIPPY.REQUEST_IN_PROGRESS;
+	let i = e ? xf.SUBMIT_BUTTON_TIPPY.INVALID_INPUT : xf.SUBMIT_BUTTON_TIPPY.REQUEST_IN_PROGRESS, a = () => n ? xf.EDIT_SUBMIT : xf.SAVE_SUBMIT;
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: "flex pl pr pb pt h-64 dc__gap-12 dc__border-top dc__content-start",
 		children: [/* @__PURE__ */ (0, Y.jsx)(Ca, {
@@ -2241,7 +2241,7 @@ var lu = ({ startNode: e }) => e.type === cr.WEBHOOK ? Gn.WEBHOOK : e.type === c
 					className: "cta submit h-32 flex",
 					disabled: e || r,
 					"data-testid": Of.SUBMIT_BUTTON,
-					children: r ? /* @__PURE__ */ (0, Y.jsx)(rt, { size: 16 }) : n ? xf.EDIT_SUBMIT : xf.SAVE_SUBMIT
+					children: r ? /* @__PURE__ */ (0, Y.jsx)(rt, { size: 16 }) : a()
 				})
 			})
 		}), t && /* @__PURE__ */ (0, Y.jsx)("button", {
@@ -3689,7 +3689,9 @@ var lu = ({ startNode: e }) => e.type === cr.WEBHOOK ? Gn.WEBHOOK : e.type === c
 		strokeLinejoin: "round"
 	})
 }), ch = /* @__PURE__ */ e(il(), 1), lh = ({ isSorted: e, triggerSorting: t, sortOrder: n, title: r, disabled: i, isSortable: a = !0, showTippyOnTruncate: o = !1, id: s, handleResize: c, isResizable: l, infoTooltipText: u }) => {
-	let d = q(null), f = !!(l && s && c);
+	let d = q(null), f = !!(l && s && c), p = () => a ? e ? /* @__PURE__ */ (0, Y.jsx)(sh, { className: `icon-dim-12 mw-12 scn-7 dc__no-shrink dc__transition--transform ${n === Wt.DESC ? "" : "dc__flip-180"}` }) : /* @__PURE__ */ (0, Y.jsx)(oh, { className: "icon-dim-12 mw-12 scn-7 dc__no-shrink" }) : null, m = (e, t) => {
+		f && c(s, t.deltaX);
+	};
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: `flex dc__content-space dc__gap-6 dc__position-rel ${l ? "w-100 h-100 sortable-table-header__container" : ""}`,
 		children: [/* @__PURE__ */ (0, Y.jsxs)("button", {
@@ -3717,7 +3719,7 @@ var lu = ({ startNode: e }) => e.type === cr.WEBHOOK ? Gn.WEBHOOK : e.type === c
 						}
 					})]
 				})
-			}), a ? e ? /* @__PURE__ */ (0, Y.jsx)(sh, { className: `icon-dim-12 mw-12 scn-7 dc__no-shrink dc__transition--transform ${n === Wt.DESC ? "" : "dc__flip-180"}` }) : /* @__PURE__ */ (0, Y.jsx)(oh, { className: "icon-dim-12 mw-12 scn-7 dc__no-shrink" }) : null]
+			}), p()]
 		}), f && /* @__PURE__ */ (0, Y.jsx)(ch.default, {
 			nodeRef: d,
 			handle: ".sortable-table-header__resize-btn",
@@ -3727,9 +3729,7 @@ var lu = ({ startNode: e }) => e.type === cr.WEBHOOK ? Gn.WEBHOOK : e.type === c
 				y: 0
 			},
 			axis: "none",
-			onDrag: (e, t) => {
-				f && c(s, t.deltaX);
-			},
+			onDrag: m,
 			bounds: {
 				top: 0,
 				bottom: 0
@@ -5645,7 +5645,7 @@ function D_(e, t, n) {
 	}
 	let a = t;
 	for (; a.length > 0;) a.forEach((e) => {
-		(e.childNodes ?? []).sort((e, t) => e.name < t.name ? -1 : +(e.name > t.name));
+		(e.childNodes ?? []).sort((e, t) => e.name < t.name ? -1 : e.name > t.name ? 1 : 0);
 	}), a.filter((e) => e.kind.toLowerCase() == Po.Pod.toLowerCase()).map((e) => {
 		let t = (n || x_.getValue().resourceTree?.podMetadata)?.filter((t) => t.uid === e.uid)[0], r = (t?.initContainers || []).map((t) => {
 			let n = {};
@@ -6302,7 +6302,24 @@ var cv = (e) => {
 				}, `${e.resourceKind}/${e.resourceName}`))
 			})]
 		}) : null]
-	}) : null, m = !!c.subSteps?.length || e === P.APP_HEALTH && Lg.includes(c.icon) || (e === P.GIT_COMMIT || e === P.ARGOCD_SYNC) && c.icon === "failed";
+	}) : null, m = !!c.subSteps?.length || e === P.APP_HEALTH && Lg.includes(c.icon) || (e === P.GIT_COMMIT || e === P.ARGOCD_SYNC) && c.icon === "failed", h = () => l ? null : /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: "bg__primary en-2 detail-tab_border bw-1",
+		children: [c.timelineStatus && /* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: `flex left pt-8 pl-12 pb-8 lh-20 ${c.icon === "inprogress" ? "bcy-2" : "bcr-1"}`,
+			children: [c.timelineStatus, (n.deploymentStatus === B.TIMED_OUT || n.deploymentStatus === B.UNABLE_TO_FETCH) && /* @__PURE__ */ (0, Y.jsx)(N, {
+				dataTestId: "manual-sync-resource-status",
+				text: "Try now",
+				variant: R.text,
+				size: V.xxs,
+				onClick: d,
+				isLoading: o
+			})]
+		}), e === P.APP_HEALTH ? /* @__PURE__ */ (0, Y.jsx)("div", { children: /* @__PURE__ */ (0, Y.jsx)(PS, {
+			appDetails: r,
+			filterHealthyNodes: !0,
+			isCardLayout: !1
+		}) }) : p()]
+	});
 	return /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [
 		/* @__PURE__ */ (0, Y.jsx)("div", {
 			className: "bw-1 en-2",
@@ -6347,24 +6364,7 @@ var cv = (e) => {
 				})]
 			})
 		}),
-		l ? null : /* @__PURE__ */ (0, Y.jsxs)("div", {
-			className: "bg__primary en-2 detail-tab_border bw-1",
-			children: [c.timelineStatus && /* @__PURE__ */ (0, Y.jsxs)("div", {
-				className: `flex left pt-8 pl-12 pb-8 lh-20 ${c.icon === "inprogress" ? "bcy-2" : "bcr-1"}`,
-				children: [c.timelineStatus, (n.deploymentStatus === B.TIMED_OUT || n.deploymentStatus === B.UNABLE_TO_FETCH) && /* @__PURE__ */ (0, Y.jsx)(N, {
-					dataTestId: "manual-sync-resource-status",
-					text: "Try now",
-					variant: R.text,
-					size: V.xxs,
-					onClick: d,
-					isLoading: o
-				})]
-			}), e === P.APP_HEALTH ? /* @__PURE__ */ (0, Y.jsx)("div", { children: /* @__PURE__ */ (0, Y.jsx)(PS, {
-				appDetails: r,
-				filterHealthyNodes: !0,
-				isCardLayout: !1
-			}) }) : p()]
-		}),
+		h(),
 		!t && /* @__PURE__ */ (0, Y.jsx)("div", { className: "vertical-connector" })
 	] });
 }, _v = ({ deploymentStatusDetailsBreakdownData: e, isVirtualEnvironment: t, appDetails: n, rootClassName: r = "", deploymentAppType: i }) => {
@@ -8506,7 +8506,11 @@ var Cv = ({ code: e, reload: t, subtitle: n, reloadClass: r, redirectURL: i, on4
 	}), x = () => /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: "flex left dc__content-space",
 		children: [v(u.data["target checkout"]), y()]
-	}), p()] });
+	}), p()] }), S = () => {
+		if (!l) return null;
+		let e = u.eventactiontype === Hy.MERGED;
+		return i.includes(Wo.GITLAB) ? e ? x() : b() : e ? b() : x();
+	};
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: "git-commit-info-generic__wrapper cn-9 fs-12",
 		children: [a && (l || c.commit) && !!i && /* @__PURE__ */ (0, Y.jsx)(qy, {
@@ -8564,11 +8568,7 @@ var Cv = ({ code: e, reload: t, subtitle: n, reloadClass: r, redirectURL: i, on4
 						})]
 					}) : null]
 				})
-			] }), (() => {
-				if (!l) return null;
-				let e = u.eventactiontype === Hy.MERGED;
-				return i.includes(Wo.GITLAB) ? e ? x() : b() : e ? b() : x();
-			})()]
+			] }), S()]
 		})]
 	});
 }, Yy = ({ shortcutCombo: e = ["Shift", "F"], showOnlyWhenPathIncludesLogs: t = !0, fullScreenView: n, setFullScreenView: r }) => {
@@ -8782,18 +8782,21 @@ var Cv = ({ code: e, reload: t, subtitle: n, reloadClass: r, redirectURL: i, on4
 			})]
 		}), t && /* @__PURE__ */ (0, Y.jsxs)("div", {
 			className: "flexbox-col dc__gap-4",
-			children: [n.map((t, n) => /* @__PURE__ */ (0, Y.jsxs)(eb, { children: [/* @__PURE__ */ (0, Y.jsx)("span", {
-				ref: g,
-				className: "cn-5 col-2 lh-20 dc__text-align-end dc__word-break mono fs-14 dc__user-select-none",
-				"data-contains-match": i_({
+			children: [n.map((t, n) => {
+				let r = i_({
 					stageIndex: c,
 					lineNumberInsideStage: n
-				}) === d,
-				children: n + 1
-			}), /* @__PURE__ */ (0, Y.jsx)("pre", {
-				className: "mono fs-14 mb-0-imp text__white dc__word-break lh-20 dc__unset-pre dc__transparent--imp",
-				dangerouslySetInnerHTML: { __html: jl.sanitize(t) }
-			})] }, `logs-${e}-${i}-${n}`)), l && /* @__PURE__ */ (0, Y.jsxs)(eb, { children: [/* @__PURE__ */ (0, Y.jsx)("span", {}), /* @__PURE__ */ (0, Y.jsx)("div", { className: "dc__loading-dots text__white" })] })]
+				}) === d;
+				return /* @__PURE__ */ (0, Y.jsxs)(eb, { children: [/* @__PURE__ */ (0, Y.jsx)("span", {
+					ref: g,
+					className: "cn-5 col-2 lh-20 dc__text-align-end dc__word-break mono fs-14 dc__user-select-none",
+					"data-contains-match": r,
+					children: n + 1
+				}), /* @__PURE__ */ (0, Y.jsx)("pre", {
+					className: "mono fs-14 mb-0-imp text__white dc__word-break lh-20 dc__unset-pre dc__transparent--imp",
+					dangerouslySetInnerHTML: { __html: jl.sanitize(t) }
+				})] }, `logs-${e}-${i}-${n}`);
+			}), l && /* @__PURE__ */ (0, Y.jsxs)(eb, { children: [/* @__PURE__ */ (0, Y.jsx)("span", {}), /* @__PURE__ */ (0, Y.jsx)("div", { className: "dc__loading-dots text__white" })] })]
 		})]
 	});
 }, nb = (e) => /* @__PURE__ */ (0, Y.jsx)("div", {
@@ -9792,14 +9795,24 @@ var Cv = ({ code: e, reload: t, subtitle: n, reloadClass: r, redirectURL: i, on4
 		});
 	}, _ = () => e === lg.CI || e === lg.GROUP_CI ? d : e === lg.GROUP_CD ? f : p, v = t?.find((e) => e.value === _()) ?? null;
 	t?.sort((e, t) => e.label > t.label ? 1 : -1);
-	let y = t?.filter((e) => !e.deploymentAppDeleteRequest);
+	let y = t?.filter((e) => !e.deploymentAppDeleteRequest), b = () => e === lg.GROUP_CI || e === lg.GROUP_CD ? Sg.APPLICATION : e === lg.CI ? Sg.PIPELINE : Sg.ENVIRONMENT, x = (t) => (t.selectProps.styles.option = _b(), /* @__PURE__ */ (0, Y.jsx)(Nl.Option, {
+		...t,
+		children: /* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: "flexbox dc dc__gap-4",
+			children: [(e === lg.CI || e === lg.GROUP_CI) && /* @__PURE__ */ (0, Y.jsx)(I, {
+				name: t.data.pipelineType?.toLowerCase() === "ci_job" ? "ic-job-color" : "ic-build-color",
+				size: 20,
+				color: null
+			}), /* @__PURE__ */ (0, Y.jsx)("span", { children: t.label })]
+		})
+	}));
 	return /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [s || /* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: "select-pipeline-wrapper w-100 pl-16 pr-16 dc__overflow-hidden dc__border-bottom-n1",
 		children: [/* @__PURE__ */ (0, Y.jsxs)("label", {
 			htmlFor: "history-pipeline-selector",
 			className: "form__label",
 			"data-testid": "select-history-heading",
-			children: ["Select ", e === lg.GROUP_CI || e === lg.GROUP_CD ? Sg.APPLICATION : e === lg.CI ? Sg.PIPELINE : Sg.ENVIRONMENT]
+			children: ["Select ", b()]
 		}), /* @__PURE__ */ (0, Y.jsx)(Ml, {
 			classNamePrefix: "history-pipeline-dropdown",
 			value: v,
@@ -9807,17 +9820,7 @@ var Cv = ({ code: e, reload: t, subtitle: n, reloadClass: r, redirectURL: i, on4
 			onChange: h,
 			components: {
 				IndicatorSeparator: null,
-				Option: (t) => (t.selectProps.styles.option = _b(), /* @__PURE__ */ (0, Y.jsx)(Nl.Option, {
-					...t,
-					children: /* @__PURE__ */ (0, Y.jsxs)("div", {
-						className: "flexbox dc dc__gap-4",
-						children: [(e === lg.CI || e === lg.GROUP_CI) && /* @__PURE__ */ (0, Y.jsx)(I, {
-							name: t.data.pipelineType?.toLowerCase() === "ci_job" ? "ic-job-color" : "ic-build-color",
-							size: 20,
-							color: null
-						}), /* @__PURE__ */ (0, Y.jsx)("span", { children: t.label })]
-					})
-				})),
+				Option: x,
 				DropdownIndicator: Xi
 			},
 			styles: Cg,
@@ -11246,7 +11249,7 @@ var Px = /* @__PURE__ */ function(e) {
 								}) : null,
 								!Ce && v && !me && /* @__PURE__ */ (0, Y.jsx)("div", {}),
 								i.map(({ label: e, field: t, isSortable: n, size: r, showTippyOnTruncate: i, horizontallySticky: a, infoTooltipText: o }, s) => {
-									let c = !!r?.range, { className: l = "", left: u = "" } = a || t === "bulk-action-gutter" ? Kx(Te, s + +!!Ce) : {};
+									let c = !!r?.range, { className: l = "", left: u = "" } = a || t === "bulk-action-gutter" ? Kx(Te, s + (Ce ? 1 : 0)) : {};
 									return t === "bulk-action-gutter" ? /* @__PURE__ */ (0, Y.jsx)("div", {
 										className: `flex ${l}`,
 										style: { left: u },
@@ -17736,7 +17739,9 @@ var FE = class {
 		})]
 	});
 }, LE = ({ index: e, tagData: t, setTagData: n, removeTag: r, tabIndex: i = 1, suggestedTagsOptions: a, hidePropagateTag: o }) => {
-	let s = q(null), c = q(null), l = new FE();
+	let s = q(null), c = q(null), l = new FE(), u = (t) => {
+		U(t), r(e);
+	};
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: "flexbox mb-8",
 		children: [
@@ -17772,9 +17777,7 @@ var FE = class {
 			}),
 			/* @__PURE__ */ (0, Y.jsx)("div", {
 				className: "dc__border pl-4 pr-4 dc__right-radius-4 pointer flex top",
-				onClick: (t) => {
-					U(t), r(e);
-				},
+				onClick: u,
 				"data-testid": `delete-tag-${e}`,
 				children: /* @__PURE__ */ (0, Y.jsx)(ao, { className: "icon-dim-20 mt-4" })
 			})
@@ -18456,76 +18459,79 @@ var FE = class {
 			children: e
 		})]
 	})
-}), dD = ({ exportDataError: e, isLoading: t, initiateDownload: n, handleCancelRequest: r }) => /* @__PURE__ */ (0, Y.jsx)(nx, {
-	className: "export-to-csv-modal",
-	"data-testid": "export-to-csv-modal",
-	children: /* @__PURE__ */ (0, Y.jsxs)("div", {
-		className: "modal__body mt-40 p-0",
+}), dD = ({ exportDataError: e, isLoading: t, initiateDownload: n, handleCancelRequest: r }) => {
+	let i = () => e ? /* @__PURE__ */ (0, Y.jsx)(us, {
+		title: "Unable to export data",
+		description: "Encountered an error while trying to export. Please try again. If error persists then try after\n                        some time.",
+		buttonText: "",
+		subTitle: ""
+	}) : t ? /* @__PURE__ */ (0, Y.jsx)(xi, {
+		size: 32,
+		loadingText: "Preparing export...",
+		fullHeight: !0,
+		children: /* @__PURE__ */ (0, Y.jsx)("span", {
+			className: "fs-13 fw-4",
+			children: "Please do not reload or press the browser back button."
+		})
+	}) : /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: "export-success bg__primary flex column cn-9 h-100 lh-20",
 		children: [
-			/* @__PURE__ */ (0, Y.jsx)("h2", {
-				className: "cn-9 fw-6 fs-16 m-0 dc__border-bottom px-20 py-12",
-				children: "Export to CSV"
+			/* @__PURE__ */ (0, Y.jsx)(I, {
+				name: "ic-success",
+				color: null,
+				size: 32
 			}),
-			/* @__PURE__ */ (0, Y.jsx)("div", {
-				className: "py-16 flex px-20",
-				children: e ? /* @__PURE__ */ (0, Y.jsx)(us, {
-					title: "Unable to export data",
-					description: "Encountered an error while trying to export. Please try again. If error persists then try after\n                        some time.",
-					buttonText: "",
-					subTitle: ""
-				}) : t ? /* @__PURE__ */ (0, Y.jsx)(xi, {
-					size: 32,
-					loadingText: "Preparing export...",
-					fullHeight: !0,
-					children: /* @__PURE__ */ (0, Y.jsx)("span", {
-						className: "fs-13 fw-4",
-						children: "Please do not reload or press the browser back button."
-					})
-				}) : /* @__PURE__ */ (0, Y.jsxs)("div", {
-					className: "export-success bg__primary flex column cn-9 h-100 lh-20",
-					children: [
-						/* @__PURE__ */ (0, Y.jsx)(I, {
-							name: "ic-success",
-							color: null,
-							size: 32
-						}),
-						/* @__PURE__ */ (0, Y.jsx)("span", {
-							className: "fs-14 fw-6 mt-8",
-							children: "Your export is ready"
-						}),
-						/* @__PURE__ */ (0, Y.jsx)("span", {
-							className: "fs-13 fw-4",
-							children: " If download does not start automatically,"
-						}),
-						/* @__PURE__ */ (0, Y.jsx)(N, {
-							text: "click here to download manually.",
-							onClick: n,
-							dataTestId: "manual-download",
-							variant: R.text,
-							size: V.medium
-						})
-					]
-				})
+			/* @__PURE__ */ (0, Y.jsx)("span", {
+				className: "fs-14 fw-6 mt-8",
+				children: "Your export is ready"
 			}),
-			/* @__PURE__ */ (0, Y.jsx)("div", {
-				className: "flex right dc__gap-12 dc__border-top py-16 px-20",
-				children: /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)(N, {
-					variant: R.secondary,
-					size: V.medium,
-					style: L.neutral,
-					onClick: r,
-					text: t ? "Cancel" : "Close",
-					dataTestId: "close-export-csv-button"
-				}), !t && e && /* @__PURE__ */ (0, Y.jsx)(N, {
-					size: V.medium,
-					onClick: n,
-					text: "Retry",
-					dataTestId: "retry-export-csv-button"
-				})] })
+			/* @__PURE__ */ (0, Y.jsx)("span", {
+				className: "fs-13 fw-4",
+				children: " If download does not start automatically,"
+			}),
+			/* @__PURE__ */ (0, Y.jsx)(N, {
+				text: "click here to download manually.",
+				onClick: n,
+				dataTestId: "manual-download",
+				variant: R.text,
+				size: V.medium
 			})
 		]
-	})
-}), fD = ({ apiPromise: e, fileName: t, triggerElementConfig: n, disabled: r, modalConfig: i, headers: a, downloadRequestId: o }) => {
+	}), a = () => /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)(N, {
+		variant: R.secondary,
+		size: V.medium,
+		style: L.neutral,
+		onClick: r,
+		text: t ? "Cancel" : "Close",
+		dataTestId: "close-export-csv-button"
+	}), !t && e && /* @__PURE__ */ (0, Y.jsx)(N, {
+		size: V.medium,
+		onClick: n,
+		text: "Retry",
+		dataTestId: "retry-export-csv-button"
+	})] });
+	return /* @__PURE__ */ (0, Y.jsx)(nx, {
+		className: "export-to-csv-modal",
+		"data-testid": "export-to-csv-modal",
+		children: /* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: "modal__body mt-40 p-0",
+			children: [
+				/* @__PURE__ */ (0, Y.jsx)("h2", {
+					className: "cn-9 fw-6 fs-16 m-0 dc__border-bottom px-20 py-12",
+					children: "Export to CSV"
+				}),
+				/* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "py-16 flex px-20",
+					children: i()
+				}),
+				/* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "flex right dc__gap-12 dc__border-top py-16 px-20",
+					children: a()
+				})
+			]
+		})
+	});
+}, fD = ({ apiPromise: e, fileName: t, triggerElementConfig: n, disabled: r, modalConfig: i, headers: a, downloadRequestId: o }) => {
 	let s = q(null), c = q(new AbortController()), [l, u] = J([]), [d, f] = J(null), [p, m] = J(!1), [h, g] = J(null), _ = async () => {
 		if (!r) try {
 			m(!0), g(null), u(await e({ signal: c.current.signal })), s.current?.link?.click();
@@ -18820,7 +18826,16 @@ var FE = class {
 		} catch {
 			return e;
 		}
-	};
+	}, f = () => t === "No Defined Description" ? /* @__PURE__ */ (0, Y.jsx)("p", {
+		className: "m-0 fs-12 fw-4 lh-18",
+		children: t
+	}) : /* @__PURE__ */ (0, Y.jsx)("p", {
+		className: "m-0 fs-12 fw-4 lh-18 dc__word-break-all",
+		dangerouslySetInnerHTML: { __html: jl.sanitize(d(t)) }
+	}), p = () => /* @__PURE__ */ (0, Y.jsx)("p", {
+		className: "m-0 fs-13 fw-6 lh-20 cn-9 dc__ellipsis-right",
+		dangerouslySetInnerHTML: { __html: jl.sanitize(d(e)) }
+	});
 	return /* @__PURE__ */ (0, Y.jsx)(Ca, {
 		condition: a,
 		wrap: (e) => /* @__PURE__ */ (0, Y.jsx)(F, {
@@ -18847,23 +18862,14 @@ var FE = class {
 			"data-testid": "suggestion-item",
 			children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
 				className: "flexbox dc__align-items-center dc__gap-8 dc__ellipsis-right",
-				children: [/* @__PURE__ */ (0, Y.jsx)("p", {
-					className: "m-0 fs-13 fw-6 lh-20 cn-9 dc__ellipsis-right",
-					dangerouslySetInnerHTML: { __html: jl.sanitize(d(e)) }
-				}), /* @__PURE__ */ (0, Y.jsx)(hn, {
+				children: [p(), /* @__PURE__ */ (0, Y.jsx)(hn, {
 					content: c,
 					copiedTippyText: `Copied: ${c}`,
 					copyToClipboardPromise: o
 				})]
 			}), /* @__PURE__ */ (0, Y.jsx)("div", {
 				className: "flexbox dc__align-items-center",
-				children: t === "No Defined Description" ? /* @__PURE__ */ (0, Y.jsx)("p", {
-					className: "m-0 fs-12 fw-4 lh-18",
-					children: t
-				}) : /* @__PURE__ */ (0, Y.jsx)("p", {
-					className: "m-0 fs-12 fw-4 lh-18 dc__word-break-all",
-					dangerouslySetInnerHTML: { __html: jl.sanitize(d(t)) }
-				})
+				children: f()
 			})]
 		})
 	});
@@ -19760,14 +19766,14 @@ var WD = ({ id: e, className: t, isConnectable: n, children: r }) => {
 		})
 	})] });
 }, SO = ({ onClick: e }) => {
-	let { handleThemeSwitcherDialogVisibilityChange: t, themePreference: n } = Ct();
+	let { handleThemeSwitcherDialogVisibilityChange: t, themePreference: n } = Ct(), r = () => {
+		t(!0), e?.();
+	};
 	return /* @__PURE__ */ (0, Y.jsxs)("button", {
 		type: "button",
 		"data-testid": "open-theme-switcher-dialog",
 		className: "dc__transparent w-100 flex dc__content-space dc__gap-8 px-8 py-6 br-4 dc__tab-focus dc__hover-n50",
-		onClick: () => {
-			t(!0), e?.();
-		},
+		onClick: r,
 		children: [/* @__PURE__ */ (0, Y.jsx)("span", {
 			className: "flex-grow-1 fs-13 lh-1-5 fw-4 cn-9 dc__text-justify",
 			children: "Theme"
@@ -20129,6 +20135,8 @@ var WD = ({ id: e, className: t, isConnectable: n, children: r }) => {
 		s(!0);
 	}, d = () => {
 		s(!1);
+	}, f = () => {
+		l(!0);
 	};
 	return c ? /* @__PURE__ */ (0, Y.jsx)(us, { description: "Please try again later" }) : /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: "flexbox-col dc__gap-4",
@@ -20154,9 +20162,7 @@ var WD = ({ id: e, className: t, isConnectable: n, children: r }) => {
 			width: Math.min(a, t),
 			height: Math.min(i, n),
 			className: "dc__no-border",
-			onError: () => {
-				l(!0);
-			},
+			onError: f,
 			sandbox: "allow-same-origin allow-scripts",
 			referrerPolicy: "no-referrer"
 		})]
@@ -23238,30 +23244,26 @@ var WD = ({ id: e, className: t, isConnectable: n, children: r }) => {
 }), GO = ({ imagePath: e, registryName: t }) => /* @__PURE__ */ (0, Y.jsxs)("div", { children: [/* @__PURE__ */ (0, Y.jsx)("div", {
 	className: "fw-6",
 	children: t
-}), /* @__PURE__ */ (0, Y.jsx)("div", { children: e })] }), KO = ({ imagePath: e, registryName: t, registryType: n, image: r, deployedTime: i, deployedBy: a, isRollbackTrigger: o, excludedImagePathNode: s, approvalChecksNode: c, approvalInfoTippy: l }) => /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [
-	/* @__PURE__ */ (0, Y.jsx)("div", {
-		className: "flex left column",
-		children: s ?? /* @__PURE__ */ (0, Y.jsx)(Ca, {
-			condition: !!e,
-			wrap: (n) => /* @__PURE__ */ (0, Y.jsx)(ko, {
-				className: "default-tt dc__mxw-500",
-				arrow: !1,
-				placement: "top-start",
-				content: /* @__PURE__ */ (0, Y.jsx)(GO, {
-					imagePath: e,
-					registryName: t
-				}),
-				children: n
-			}),
-			children: /* @__PURE__ */ (0, Y.jsxs)("div", {
-				className: "commit-hash commit-hash--docker dc__gap-8",
-				"data-testid": "cd-trigger-modal-image-value",
-				children: [/* @__PURE__ */ (0, Y.jsx)(Wh, { registryType: n }), r]
-			})
-		})
-	}),
-	l,
-	!a || !o ? null : a === fo.system ? /* @__PURE__ */ (0, Y.jsxs)("div", {
+}), /* @__PURE__ */ (0, Y.jsx)("div", { children: e })] }), KO = ({ imagePath: e, registryName: t, registryType: n, image: r, deployedTime: i, deployedBy: a, isRollbackTrigger: o, excludedImagePathNode: s, approvalChecksNode: c, approvalInfoTippy: l }) => {
+	let u = (n) => /* @__PURE__ */ (0, Y.jsx)(ko, {
+		className: "default-tt dc__mxw-500",
+		arrow: !1,
+		placement: "top-start",
+		content: /* @__PURE__ */ (0, Y.jsx)(GO, {
+			imagePath: e,
+			registryName: t
+		}),
+		children: n
+	}), d = () => i ? /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: "material-history__info flex left fs-13 dc__gap-8",
+		children: [/* @__PURE__ */ (0, Y.jsx)(I, {
+			name: "ic-rocket-launch",
+			color: "N600"
+		}), /* @__PURE__ */ (0, Y.jsx)("span", {
+			className: "fs-13 fw-4",
+			children: i
+		})]
+	}) : null, f = () => !a || !o ? null : a === fo.system ? /* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: "material-history__deployed-by flex left",
 		children: [/* @__PURE__ */ (0, Y.jsx)(WO, { className: "icon-dim-16 mr-6" }), /* @__PURE__ */ (0, Y.jsx)("span", {
 			className: "fs-13 fw-4",
@@ -23280,18 +23282,25 @@ var WD = ({ id: e, className: t, isConnectable: n, children: r }) => {
 				children: a
 			})
 		})]
-	}),
-	c ?? (i ? /* @__PURE__ */ (0, Y.jsxs)("div", {
-		className: "material-history__info flex left fs-13 dc__gap-8",
-		children: [/* @__PURE__ */ (0, Y.jsx)(I, {
-			name: "ic-rocket-launch",
-			color: "N600"
-		}), /* @__PURE__ */ (0, Y.jsx)("span", {
-			className: "fs-13 fw-4",
-			children: i
-		})]
-	}) : null)
-] }), qO = {
+	});
+	return /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [
+		/* @__PURE__ */ (0, Y.jsx)("div", {
+			className: "flex left column",
+			children: s ?? /* @__PURE__ */ (0, Y.jsx)(Ca, {
+				condition: !!e,
+				wrap: u,
+				children: /* @__PURE__ */ (0, Y.jsxs)("div", {
+					className: "commit-hash commit-hash--docker dc__gap-8",
+					"data-testid": "cd-trigger-modal-image-value",
+					children: [/* @__PURE__ */ (0, Y.jsx)(Wh, { registryType: n }), r]
+				})
+			})
+		}),
+		l,
+		f(),
+		c ?? d()
+	] });
+}, qO = {
 	ACTIVE: "Active on",
 	VIRTUAL_ENV: "Last deployed on",
 	FAILED: "Last deployment failed on",
@@ -23454,7 +23463,17 @@ var WD = ({ id: e, className: t, isConnectable: n, children: r }) => {
 		children: r
 	})
 }), ek = ({ isSecurityModuleInstalled: e, artifactId: t, applicationId: n, environmentId: r, changesCard: i, isScanned: a, isScanEnabled: o, SecurityModalSidebar: s }) => {
-	let [c, l] = J(!1), [u, d] = J(la.Changes), [f, p] = J(null);
+	let [c, l] = J(!1), [u, d] = J(la.Changes), [f, p] = J(null), m = () => {
+		l(!c);
+	}, h = () => c ? u === la.Changes ? i : /* @__PURE__ */ (0, Y.jsx)(Vw, {
+		isScanned: a,
+		isScanEnabled: o,
+		artifactId: t,
+		applicationId: n,
+		environmentId: r,
+		setVulnerabilityCount: p,
+		SecurityModalSidebar: s
+	}) : null;
 	return /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsxs)("ul", {
 		className: `tab-list tab-list--vulnerability ${c ? "" : "tab-bottom-radius"}`,
 		children: [c && (e ? /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)($O, {
@@ -23476,24 +23495,14 @@ var WD = ({ id: e, className: t, isConnectable: n, children: r }) => {
 				type: "button",
 				className: "material-history__changes-btn",
 				"data-testid": c ? "collapse-show-info" : "collapse-hide-info",
-				onClick: () => {
-					l(!c);
-				},
+				onClick: m,
 				children: [c ? "Hide info" : "Show more info", /* @__PURE__ */ (0, Y.jsx)(xn, {
 					className: "icon-dim-24 rotate fcn-6",
 					style: { "--rotateBy": c ? "-180deg" : "0deg" }
 				})]
 			})
 		})]
-	}), c ? u === la.Changes ? i : /* @__PURE__ */ (0, Y.jsx)(Vw, {
-		isScanned: a,
-		isScanEnabled: o,
-		artifactId: t,
-		applicationId: n,
-		environmentId: r,
-		setVulnerabilityCount: p,
-		SecurityModalSidebar: s
-	}) : null] });
+	}), h()] });
 }, tk = (e) => /* @__PURE__ */ (0, Y.jsxs)("svg", {
 	width: 12,
 	height: 12,
@@ -26379,6 +26388,10 @@ var yj = ({ breadcrumbs: e, path: t, sep: n = "/", className: r = "dc__devtron-b
 	}, []);
 	let d = (t) => {
 		o(t), u(t[0]), e(t[0]?.chartRefId);
+	}, f = (e) => {
+		i(e), d(he(t, e));
+	}, p = (t) => {
+		u(t), e(t.chartRefId);
 	};
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: "flex left",
@@ -26392,9 +26405,7 @@ var yj = ({ breadcrumbs: e, path: t, sep: n = "/", className: r = "dc__devtron-b
 				inputId: "chart-type-select",
 				value: r ?? s[0],
 				options: s,
-				onChange: (e) => {
-					i(e), d(he(t, e));
-				},
+				onChange: f,
 				variant: Ws.COMPACT
 			})]
 		}), /* @__PURE__ */ (0, Y.jsxs)("div", {
@@ -26407,9 +26418,7 @@ var yj = ({ breadcrumbs: e, path: t, sep: n = "/", className: r = "dc__devtron-b
 				inputId: "chart-version-select",
 				value: l ?? a[0],
 				options: a,
-				onChange: (t) => {
-					u(t), e(t.chartRefId);
-				},
+				onChange: p,
 				variant: Ws.COMPACT
 			})]
 		})]
@@ -26436,9 +26445,15 @@ function Sj(e, t, n = []) {
 //#region src/Common/DebouncedSearch/DebouncedSearch.tsx
 function Cj({ onSearch: e, Icon: t, children: n, placeholder: r, containerClass: i = "", iconClass: a = "", inputClass: o = "", debounceTimeout: s = 500, clearSearch: c, showClearIcon: l = !0, autoFocus: u = !0 }) {
 	let [d, f] = J("");
-	return G(() => {
+	G(() => {
+		f("");
+	}, [c]);
+	let p = (e) => {
+		f(e.target.value);
+	}, m = () => {
 		f("");
-	}, [c]), Sj(() => e(d), s, [d]), /* @__PURE__ */ (0, Y.jsxs)("div", {
+	};
+	return Sj(() => e(d), s, [d]), /* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: i,
 		children: [
 			t && /* @__PURE__ */ (0, Y.jsx)(t, { className: a }),
@@ -26447,18 +26462,14 @@ function Cj({ onSearch: e, Icon: t, children: n, placeholder: r, containerClass:
 				className: o,
 				placeholder: r ?? "Search",
 				value: d,
-				onChange: (e) => {
-					f(e.target.value);
-				},
+				onChange: p,
 				autoFocus: u,
 				"data-testid": "debounced-search"
 			}),
 			l && !!d && /* @__PURE__ */ (0, Y.jsx)("button", {
 				type: "button",
 				className: "dc__outline-none-imp dc__no-border p-0 bg__secondary flex",
-				onClick: () => {
-					f("");
-				},
+				onClick: m,
 				"data-testid": "clear-search",
 				children: /* @__PURE__ */ (0, Y.jsx)(Zh, { className: "icon-dim-20 icon-n6" })
 			}),
@@ -27035,7 +27046,24 @@ var Ej = ({ testId: e, showIconOnly: t = !0, disabled: n = !1, title: r, isJobVi
 		breaks: !0,
 		disableEscapedText: !0,
 		className: "mh-150 pt-8 fs-14 fw-4 cn-9"
-	});
+	}), x = (e, t, n, r) => e.name === "edit" || e.name === "preview" ? /* @__PURE__ */ (0, Y.jsx)("button", {
+		type: "button",
+		className: "markdown-editor__tab-button flex dc__transparent p-4",
+		onClick: () => n(e, e.name),
+		disabled: t,
+		children: e.icon
+	}, r) : /* @__PURE__ */ (0, Y.jsx)(F, {
+		alwaysShowTippyOnHover: !!e.buttonProps?.title,
+		content: e.buttonProps?.title,
+		placement: "top",
+		children: /* @__PURE__ */ (0, Y.jsx)("button", {
+			type: "button",
+			className: "flex dc__transparent p-4 mr-4",
+			onClick: () => n(e, e.name),
+			disabled: t,
+			children: e.icon
+		})
+	}, r);
 	return /* @__PURE__ */ (0, Y.jsx)("div", {
 		"data-testid": "generic-description-wrapper",
 		className: `flexbox-col markdown-editor__wrapper bg__primary ${d ? "br-4 border__primary" : ""}`,
@@ -27047,24 +27075,7 @@ var Ej = ({ testId: e, showIconOnly: t = !0, disabled: n = !1, title: r, isJobVi
 			preview: p === "preview" ? "preview" : "edit",
 			components: {
 				preview: b,
-				toolbar: (e, t, n, r) => e.name === "edit" || e.name === "preview" ? /* @__PURE__ */ (0, Y.jsx)("button", {
-					type: "button",
-					className: "markdown-editor__tab-button flex dc__transparent p-4",
-					onClick: () => n(e, e.name),
-					disabled: t,
-					children: e.icon
-				}, r) : /* @__PURE__ */ (0, Y.jsx)(F, {
-					alwaysShowTippyOnHover: !!e.buttonProps?.title,
-					content: e.buttonProps?.title,
-					placement: "top",
-					children: /* @__PURE__ */ (0, Y.jsx)("button", {
-						type: "button",
-						className: "flex dc__transparent p-4 mr-4",
-						onClick: () => n(e, e.name),
-						disabled: t,
-						children: e.icon
-					})
-				}, r)
+				toolbar: x
 			}
 		}), /* @__PURE__ */ (0, Y.jsx)("div", {
 			className: "flexbox dc__content-end pt-12 pb-12 dc__contain--paint border__primary--top",
@@ -27467,17 +27478,20 @@ var Qj = (e) => /* @__PURE__ */ (0, Y.jsx)("svg", {
 			})
 		]
 	});
-}, nM = ({ handleEditClick: e }) => /* @__PURE__ */ (0, Y.jsxs)("button", {
-	className: "dc__transparent px-8 py-4 flexbox dc__align-items-center dc__gap-4 dc__border-dashed--n3 br-4",
-	"data-testid": "add-tags-button",
-	onClick: (t) => {
+}, nM = ({ handleEditClick: e }) => {
+	let t = (t) => {
 		U(t), e();
-	},
-	children: [/* @__PURE__ */ (0, Y.jsx)(Zs, { className: "icon-dim-16 cn-6 dc__no-shrink" }), /* @__PURE__ */ (0, Y.jsx)("span", {
-		className: "cn-7 lh-16",
-		children: "Add labels/comment"
-	})]
-}), rM = ({ text: e, onClickHandler: t, dataTestId: n, rootClassName: r, interactive: i = !1, fontSize: a = 13, tippyContent: o = null }) => /* @__PURE__ */ (0, Y.jsx)(F, {
+	};
+	return /* @__PURE__ */ (0, Y.jsxs)("button", {
+		className: "dc__transparent px-8 py-4 flexbox dc__align-items-center dc__gap-4 dc__border-dashed--n3 br-4",
+		"data-testid": "add-tags-button",
+		onClick: t,
+		children: [/* @__PURE__ */ (0, Y.jsx)(Zs, { className: "icon-dim-16 cn-6 dc__no-shrink" }), /* @__PURE__ */ (0, Y.jsx)("span", {
+			className: "cn-7 lh-16",
+			children: "Add labels/comment"
+		})]
+	});
+}, rM = ({ text: e, onClickHandler: t, dataTestId: n, rootClassName: r, interactive: i = !1, fontSize: a = 13, tippyContent: o = null }) => /* @__PURE__ */ (0, Y.jsx)(F, {
 	content: o || e,
 	placement: "bottom",
 	className: "mxh-210 dc__overflow-auto dc__word-break",