@ssgc/alert-console 2.4.6 → 2.4.7

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { jsx as c, jsxs as y, Fragment as ea } from "react/jsx-runtime";
 import * as be from "react";
 import { useContext as ta, useMemo as we, createContext as sa, useState as k, useEffect as Se, forwardRef as Rr, createElement as Bs, useRef as na } from "react";
-import { Select as De, Table as un, Row as Ue, Col as X, Input as ra, Tag as Ht, Space as _e, Tooltip as Dn, Button as Fe, Progress as ia, Dropdown as aa, Typography as jt, Spin as ws, Checkbox as kt, Divider as $t, TimePicker as Fn, Tabs as dn, Card as Fs, Steps as oa, Modal as la, Carousel as ca } from "antd";
+import { Select as De, Table as un, Row as Ue, Col as X, Input as ra, Tag as Ht, Space as _e, Tooltip as Dn, Button as Fe, Progress as ia, Dropdown as aa, Typography as zt, Spin as ws, Checkbox as kt, Divider as $t, TimePicker as Fn, Tabs as dn, Card as Fs, Steps as oa, Modal as la, Carousel as ca } from "antd";
 import { MessageOutlined as ua, MailOutlined as da, MoreOutlined as ha, PlusOutlined as fa, EditOutlined as ma, LeftOutlined as ya, RightOutlined as pa } from "@ant-design/icons";
 import { toast as Ee } from "react-toastify";
 const ga = "#FF3B30", va = "#FF9500", Sa = "#FFCC00", wa = "#34C759", Jt = {
@@ -300,13 +300,13 @@ function Ma() {
         return { M: h, y: m, w: d, d: u, D: g, h: l, m: o, s: a, ms: i, Q: f }[M] || String(M || "").toLowerCase().replace(/s$/, "");
       }, u: function(M) {
         return M === void 0;
-      } }, j = "en", Q = {};
-      Q[j] = D;
+      } }, z = "en", Q = {};
+      Q[z] = D;
       var J = "$isDayjsObject", K = function(M) {
         return M instanceof ie || !(!M || !M[J]);
       }, O = function M(b, S, x) {
         var w;
-        if (!b) return j;
+        if (!b) return z;
         if (typeof b == "string") {
           var T = b.toLowerCase();
           Q[T] && (w = T), S && (Q[T] = S, w = T);
@@ -316,7 +316,7 @@ function Ma() {
           var F = b.name;
           Q[F] = b, w = F;
         }
-        return !x && w && (j = w), w || !x && j;
+        return !x && w && (z = w), w || !x && z;
       }, I = function(M, b) {
         if (K(M)) return M.clone();
         var S = typeof b == "object" ? b : {};
@@ -549,7 +549,7 @@ function Ma() {
         return M.$i || (M(b, ie, I), M.$i = !0), I;
       }, I.locale = O, I.isDayjs = K, I.unix = function(M) {
         return I(1e3 * M);
-      }, I.en = Q[j], I.Ls = Q, I.p = {}, I;
+      }, I.en = Q[z], I.Ls = Q, I.p = {}, I;
     }));
   })(ls)), ls.exports;
 }
@@ -918,17 +918,17 @@ const Ba = [
   { label: "Medium", value: "Medium" },
   { label: "Low", value: "Low" }
 ];
-function za({ value: t, onChange: e, options: s }) {
+function ja({ value: t, onChange: e, options: s }) {
   return /* @__PURE__ */ c(bs, { className: "w-[140px]", value: t, onChange: e, options: s || Ba });
 }
-const ja = [
+const za = [
   { label: "All Types", value: "All" },
   { label: "Weapon Detection", value: "Weapon" },
   { label: "Unauthorized Access", value: "Unauthorized" },
   { label: "Aggressive Behavior", value: "Aggressive" }
 ];
 function _a({ value: t, onChange: e, options: s }) {
-  return /* @__PURE__ */ c(bs, { className: "w-[220px]", dropdownWidth: 280, value: t, onChange: e, options: s || ja });
+  return /* @__PURE__ */ c(bs, { className: "w-[220px]", dropdownWidth: 280, value: t, onChange: e, options: s || za });
 }
 function Ya({ value: t, onChange: e, options: s }) {
   return /* @__PURE__ */ c(bs, { className: "w-[100px]", value: t, onChange: e, options: s || [] });
@@ -974,7 +974,7 @@ function Ja({
   ] });
 }
 function Wr({ data: t, loading: e = !1, pageSize: s = 10, columns: n, severityOptions: r, spaceOptions: i, renderActions: a, onAlertIdClick: o, onRefetch: l, excludeCompleted: u = !0 }) {
-  const [d, h] = k("All"), [f, m] = k("All"), [g, p] = k("All"), [v, U] = k("All"), [D, V] = k(""), [L, j] = k([{ label: "All", value: "All" }]), [Q, J] = k(/* @__PURE__ */ new Set()), { rules: K, alerts: O } = Be(), I = {
+  const [d, h] = k("All"), [f, m] = k("All"), [g, p] = k("All"), [v, U] = k("All"), [D, V] = k(""), [L, z] = k([{ label: "All", value: "All" }]), [Q, J] = k(/* @__PURE__ */ new Set()), { rules: K, alerts: O } = Be(), I = {
     6: { title: "Email", kind: "icon", icon: /* @__PURE__ */ c(da, {}) },
     7: { title: "SMS", kind: "icon", icon: /* @__PURE__ */ c(ua, {}) }
   }, C = we(() => Za(t), [t]), ie = we(() => Ha(t), [t]);
@@ -986,7 +986,7 @@ function Wr({ data: t, loading: e = !1, pageSize: s = 10, columns: n, severityOp
           label: Z.thirdPartyName,
           value: String(Z.thirdPartyId)
         }));
-        T && j([{ label: "All", value: "All" }, ...q]);
+        T && z([{ label: "All", value: "All" }, ...q]);
       } catch (A) {
         console.error("Error loading third party options", A);
       }
@@ -1130,7 +1130,7 @@ function Wr({ data: t, loading: e = !1, pageSize: s = 10, columns: n, severityOp
       toolbar: /* @__PURE__ */ y(Ue, { gutter: [12, 12], className: "mb-3", align: "middle", children: [
         /* @__PURE__ */ c(X, { flex: "none", children: /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ c("span", { children: "Severity" }),
-          /* @__PURE__ */ c(za, { value: d, onChange: h, options: r })
+          /* @__PURE__ */ c(ja, { value: d, onChange: h, options: r })
         ] }) }),
         /* @__PURE__ */ c(X, { flex: "none", children: /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ c("span", { children: "Anomaly type" }),
@@ -1228,7 +1228,7 @@ function xe() {
 function to(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function zs(t) {
+function js(t) {
   return typeof t == "number" && t >= 0 && t !== 1 / 0;
 }
 function Vr(t, e) {
@@ -1289,11 +1289,11 @@ function Bt(t, e) {
   return t === e ? !0 : typeof t != typeof e ? !1 : t && e && typeof t == "object" && typeof e == "object" ? Object.keys(e).every((s) => Bt(t[s], e[s])) : !1;
 }
 var so = Object.prototype.hasOwnProperty;
-function js(t, e, s = 0) {
+function zs(t, e, s = 0) {
   if (t === e)
     return t;
   if (s > 500) return e;
-  const n = zn(t) && zn(e);
+  const n = jn(t) && jn(e);
   if (!n && !(_s(t) && _s(e))) return e;
   const i = (n ? t : Object.keys(t)).length, a = n ? e : Object.keys(e), o = a.length, l = n ? new Array(o) : {};
   let u = 0;
@@ -1307,7 +1307,7 @@ function js(t, e, s = 0) {
       l[h] = m;
       continue;
     }
-    const g = js(f, m, s + 1);
+    const g = zs(f, m, s + 1);
     l[h] = g, g === f && u++;
   }
   return i === o && u === i ? t : l;
@@ -1320,19 +1320,19 @@ function hs(t, e) {
       return !1;
   return !0;
 }
-function zn(t) {
+function jn(t) {
   return Array.isArray(t) && t.length === Object.keys(t).length;
 }
 function _s(t) {
-  if (!jn(t))
+  if (!zn(t))
     return !1;
   const e = t.constructor;
   if (e === void 0)
     return !0;
   const s = e.prototype;
-  return !(!jn(s) || !s.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(t) !== Object.prototype);
+  return !(!zn(s) || !s.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(t) !== Object.prototype);
 }
-function jn(t) {
+function zn(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
 function no(t) {
@@ -1346,13 +1346,13 @@ function Ys(t, e, s) {
   if (s.structuralSharing !== !1) {
     if (process.env.NODE_ENV !== "production")
       try {
-        return js(t, e);
+        return zs(t, e);
       } catch (n) {
         throw console.error(
           `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${s.queryHash}]: ${n}`
         ), n;
       }
-    return js(t, e);
+    return zs(t, e);
   }
   return e;
 }
@@ -1577,8 +1577,8 @@ function Hr(t) {
     Promise.resolve(p).then(h).catch((U) => {
       if (i())
         return;
-      const D = t.retry ?? (pt ? 0 : 3), V = t.retryDelay ?? ho, L = typeof V == "function" ? V(s, U) : V, j = D === !0 || typeof D == "number" && s < D || typeof D == "function" && D(s, U);
-      if (e || !j) {
+      const D = t.retry ?? (pt ? 0 : 3), V = t.retryDelay ?? ho, L = typeof V == "function" ? V(s, U) : V, z = D === !0 || typeof D == "number" && s < D || typeof D == "function" && D(s, U);
+      if (e || !z) {
         f(U);
         return;
       }
@@ -1604,7 +1604,7 @@ var Br = class {
     this.clearGcTimeout();
   }
   scheduleGc() {
-    this.clearGcTimeout(), zs(this.gcTime) && (this.#e = mt.setTimeout(() => {
+    this.clearGcTimeout(), js(this.gcTime) && (this.#e = mt.setTimeout(() => {
       this.optionalRemove();
     }, this.gcTime));
   }
@@ -1834,7 +1834,7 @@ var Br = class {
         case "fetch":
           return {
             ...s,
-            ...zr(s.data, this.options),
+            ...jr(s.data, this.options),
             fetchMeta: t.meta ?? null
           };
         case "success":
@@ -1883,7 +1883,7 @@ var Br = class {
     });
   }
 };
-function zr(t, e) {
+function jr(t, e) {
   return {
     fetchFailureCount: 0,
     fetchFailureReason: null,
@@ -2039,7 +2039,7 @@ var mo = class extends Et {
       this.options.staleTime,
       this.#t
     );
-    if (pt || this.#r.isStale || !zs(t))
+    if (pt || this.#r.isStale || !js(t))
       return;
     const s = Vr(this.#r.dataUpdatedAt, t) + 1;
     this.#c = mt.setTimeout(() => {
@@ -2050,7 +2050,7 @@ var mo = class extends Et {
     return (typeof this.options.refetchInterval == "function" ? this.options.refetchInterval(this.#t) : this.options.refetchInterval) ?? !1;
   }
   #v(t) {
-    this.#b(), this.#l = t, !(pt || qe(this.options.enabled, this.#t) === !1 || !zs(this.#l) || this.#l === 0) && (this.#u = mt.setInterval(() => {
+    this.#b(), this.#l = t, !(pt || qe(this.options.enabled, this.#t) === !1 || !js(this.#l) || this.#l === 0) && (this.#u = mt.setInterval(() => {
       (this.options.refetchIntervalInBackground || pn.isFocused()) && this.#d();
     }, this.#l));
   }
@@ -2070,7 +2070,7 @@ var mo = class extends Et {
       const K = this.hasListeners(), O = !K && Gn(t, e), I = K && Qn(t, s, e, n);
       (O || I) && (d = {
         ...d,
-        ...zr(u.data, t.options)
+        ...jr(u.data, t.options)
       }), e._optimisticResults === "isRestoring" && (d.fetchStatus = "idle");
     }
     let { error: m, errorUpdatedAt: g, status: p } = d;
@@ -2097,7 +2097,7 @@ var mo = class extends Et {
           this.#i = K;
         }
     this.#i && (m = this.#i, f = this.#h, g = Date.now(), p = "error");
-    const U = d.fetchStatus === "fetching", D = p === "pending", V = p === "error", L = D && U, j = f !== void 0, J = {
+    const U = d.fetchStatus === "fetching", D = p === "pending", V = p === "error", L = D && U, z = f !== void 0, J = {
       status: p,
       fetchStatus: d.fetchStatus,
       isPending: D,
@@ -2116,10 +2116,10 @@ var mo = class extends Et {
       isFetchedAfterMount: d.dataUpdateCount > l.dataUpdateCount || d.errorUpdateCount > l.errorUpdateCount,
       isFetching: U,
       isRefetching: U && !D,
-      isLoadingError: V && !j,
+      isLoadingError: V && !z,
       isPaused: d.fetchStatus === "paused",
       isPlaceholderData: h,
-      isRefetchError: V && j,
+      isRefetchError: V && z,
       isStale: gn(t, e),
       refetch: this.refetch,
       promise: this.#o,
@@ -2237,10 +2237,10 @@ function Jn(t) {
               meta: e.options.meta
             };
             return h(Q), Q;
-          })(), V = await f(D), { maxPages: L } = e.options, j = v ? io : ro;
+          })(), V = await f(D), { maxPages: L } = e.options, z = v ? io : ro;
           return {
-            pages: j(g.pages, V, L),
-            pageParams: j(g.pageParams, p, L)
+            pages: z(g.pages, V, L),
+            pageParams: z(g.pageParams, p, L)
           };
         };
         if (r && i.length) {
@@ -2291,7 +2291,7 @@ var vo = class extends Br {
   #s;
   #r;
   constructor(t) {
-    super(), this.#e = t.client, this.mutationId = t.mutationId, this.#s = t.mutationCache, this.#t = [], this.state = t.state || jr(), this.setOptions(t.options), this.scheduleGc();
+    super(), this.#e = t.client, this.mutationId = t.mutationId, this.#s = t.mutationCache, this.#t = [], this.state = t.state || zr(), this.setOptions(t.options), this.scheduleGc();
   }
   setOptions(t) {
     this.options = t, this.updateGcTime(this.options.gcTime);
@@ -2504,7 +2504,7 @@ var vo = class extends Br {
     });
   }
 };
-function jr() {
+function zr() {
   return {
     context: void 0,
     data: void 0,
@@ -2644,7 +2644,7 @@ var wo = class extends Et {
     return this.#r = e, this.#s?.removeObserver(this), this.#s = this.#e.getMutationCache().build(this.#e, this.options), this.#s.addObserver(this), this.#s.execute(t);
   }
   #n() {
-    const t = this.#s?.state ?? jr();
+    const t = this.#s?.state ?? zr();
     this.#t = {
       ...t,
       isPending: t.status === "pending",
@@ -3591,7 +3591,7 @@ class nt extends _t {
   }
 }
 let er = {};
-function zo(t, e = {}) {
+function jo(t, e = {}) {
   const s = JSON.stringify([t, e]);
   let n = er[s];
   return n || (n = new Intl.ListFormat(t, e), er[s] = n), n;
@@ -3603,7 +3603,7 @@ function en(t, e = {}) {
   return n === void 0 && (n = new Intl.DateTimeFormat(t, e), Xs.set(s, n)), n;
 }
 const tn = /* @__PURE__ */ new Map();
-function jo(t, e = {}) {
+function zo(t, e = {}) {
   const s = JSON.stringify([t, e]);
   let n = tn.get(s);
   return n === void 0 && (n = new Intl.NumberFormat(t, e), tn.set(s, n)), n;
@@ -3682,7 +3682,7 @@ class tl {
     const { padTo: r, floor: i, ...a } = n;
     if (!s || Object.keys(a).length > 0) {
       const o = { useGrouping: !1, ...n };
-      n.padTo > 0 && (o.minimumIntegerDigits = n.padTo), this.inf = jo(e, o);
+      n.padTo > 0 && (o.minimumIntegerDigits = n.padTo), this.inf = zo(e, o);
     }
   }
   format(e) {
@@ -3851,7 +3851,7 @@ class ne {
     return new nl(this.intl, this.isEnglish(), e);
   }
   listFormatter(e = {}) {
-    return zo(this.intl, e);
+    return jo(this.intl, e);
   }
   isEnglish() {
     return this.locale === "en" || this.locale.toLowerCase() === "en-us" || pi(this.intl).locale.startsWith("en-us");
@@ -4107,7 +4107,7 @@ const an = /* @__PURE__ */ new Map();
 function ol() {
   an.clear();
 }
-function ze({ numberingSystem: t }, e = "") {
+function je({ numberingSystem: t }, e = "") {
   const s = t || "latn";
   let n = an.get(s);
   n === void 0 && (n = /* @__PURE__ */ new Map(), an.set(s, n));
@@ -4288,7 +4288,7 @@ function bn(t, e) {
 function ps(t, e = 4, s = 1) {
   const { year: n, month: r, day: i } = t, a = wi(n, r, i), o = bn(wn(n, r, i), s);
   let l = Math.floor((a - o + 14 - e) / 7), u;
-  return l < 1 ? (u = n - 1, l = zt(u, e, s)) : l > zt(n, e, s) ? (u = n + 1, l = 1) : u = n, { weekYear: u, weekNumber: l, weekday: o, ...Os(t) };
+  return l < 1 ? (u = n - 1, l = jt(u, e, s)) : l > jt(n, e, s) ? (u = n + 1, l = 1) : u = n, { weekYear: u, weekNumber: l, weekday: o, ...Os(t) };
 }
 function ur(t, e = 4, s = 1) {
   const { weekYear: n, weekNumber: r, weekday: i } = t, a = bn(wn(n, 1, e), s), o = Ot(n);
@@ -4322,7 +4322,7 @@ function ll(t, e = 4, s = 1) {
   const n = Ns(t.weekYear), r = He(
     t.weekNumber,
     1,
-    zt(t.weekYear, e, s)
+    jt(t.weekYear, e, s)
   ), i = He(t.weekday, 1, 7);
   return n ? r ? i ? !1 : Ze("weekday", t.weekday) : Ze("week", t.weekNumber) : Ze("weekYear", t.weekYear);
 }
@@ -4463,7 +4463,7 @@ function ks(t) {
 function mr(t, e, s) {
   return -bn(wn(t, 1, e), s) + e - 1;
 }
-function zt(t, e = 4, s = 1) {
+function jt(t, e = 4, s = 1) {
   const n = mr(t, e, s), r = mr(t + 1, e, s);
   return (Ot(t) - n + r) / 7;
 }
@@ -5027,12 +5027,12 @@ function ql(t) {
 function Zl(t) {
   return t.replace(/\([^()]*\)|[\n\t]/g, " ").replace(/(\s\s+)/g, " ").trim();
 }
-const Hl = /^(Mon|Tue|Wed|Thu|Fri|Sat|Sun), (\d\d) (Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) (\d{4}) (\d\d):(\d\d):(\d\d) GMT$/, Bl = /^(Monday|Tuesday|Wednesday|Thursday|Friday|Saturday|Sunday), (\d\d)-(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-(\d\d) (\d\d):(\d\d):(\d\d) GMT$/, zl = /^(Mon|Tue|Wed|Thu|Fri|Sat|Sun) (Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) ( \d|\d\d) (\d\d):(\d\d):(\d\d) (\d{4})$/;
+const Hl = /^(Mon|Tue|Wed|Thu|Fri|Sat|Sun), (\d\d) (Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) (\d{4}) (\d\d):(\d\d):(\d\d) GMT$/, Bl = /^(Monday|Tuesday|Wednesday|Thursday|Friday|Saturday|Sunday), (\d\d)-(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-(\d\d) (\d\d):(\d\d):(\d\d) GMT$/, jl = /^(Mon|Tue|Wed|Thu|Fri|Sat|Sun) (Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) ( \d|\d\d) (\d\d):(\d\d):(\d\d) (\d{4})$/;
 function pr(t) {
   const [, e, s, n, r, i, a, o] = t;
   return [In(e, r, n, s, i, a, o), Ce.utcInstance];
 }
-function jl(t) {
+function zl(t) {
   const [, e, s, n, r, i, a, o] = t;
   return [In(e, o, s, n, r, i, a), Ce.utcInstance];
 }
@@ -5073,7 +5073,7 @@ function sc(t) {
     t,
     [Hl, pr],
     [Bl, pr],
-    [zl, jl]
+    [jl, zl]
   );
 }
 function nc(t) {
@@ -6499,7 +6499,7 @@ function vc(t) {
 function br(t) {
   return t.replace(/\./g, "").replace(Bi, " ").toLowerCase();
 }
-function je(t, e) {
+function ze(t, e) {
   return t === null ? null : {
     regex: RegExp(t.map(vc).join("|")),
     deser: ([s]) => t.findIndex((n) => br(s) === br(n)) + e
@@ -6515,15 +6515,15 @@ function Sc(t) {
   return t.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&");
 }
 function wc(t, e) {
-  const s = ze(e), n = ze(e, "{2}"), r = ze(e, "{3}"), i = ze(e, "{4}"), a = ze(e, "{6}"), o = ze(e, "{1,2}"), l = ze(e, "{1,3}"), u = ze(e, "{1,6}"), d = ze(e, "{1,9}"), h = ze(e, "{2,4}"), f = ze(e, "{4,6}"), m = (v) => ({ regex: RegExp(Sc(v.val)), deser: ([U]) => U, literal: !0 }), p = ((v) => {
+  const s = je(e), n = je(e, "{2}"), r = je(e, "{3}"), i = je(e, "{4}"), a = je(e, "{6}"), o = je(e, "{1,2}"), l = je(e, "{1,3}"), u = je(e, "{1,6}"), d = je(e, "{1,9}"), h = je(e, "{2,4}"), f = je(e, "{4,6}"), m = (v) => ({ regex: RegExp(Sc(v.val)), deser: ([U]) => U, literal: !0 }), p = ((v) => {
     if (t.literal)
       return m(v);
     switch (v.val) {
       // era
       case "G":
-        return je(e.eras("short"), 0);
+        return ze(e.eras("short"), 0);
       case "GG":
-        return je(e.eras("long"), 0);
+        return ze(e.eras("long"), 0);
       // years
       case "y":
         return te(u);
@@ -6541,17 +6541,17 @@ function wc(t, e) {
       case "MM":
         return te(n);
       case "MMM":
-        return je(e.months("short", !0), 1);
+        return ze(e.months("short", !0), 1);
       case "MMMM":
-        return je(e.months("long", !0), 1);
+        return ze(e.months("long", !0), 1);
       case "L":
         return te(o);
       case "LL":
         return te(n);
       case "LLL":
-        return je(e.months("short", !1), 1);
+        return ze(e.months("short", !1), 1);
       case "LLLL":
-        return je(e.months("long", !1), 1);
+        return ze(e.months("long", !1), 1);
       // dates
       case "d":
         return te(o);
@@ -6595,7 +6595,7 @@ function wc(t, e) {
         return te(s);
       // meridiem
       case "a":
-        return je(e.meridiems(), 0);
+        return ze(e.meridiems(), 0);
       // weekYear (k)
       case "kkkk":
         return te(i);
@@ -6611,13 +6611,13 @@ function wc(t, e) {
       case "c":
         return te(s);
       case "EEE":
-        return je(e.weekdays("short", !1), 1);
+        return ze(e.weekdays("short", !1), 1);
       case "EEEE":
-        return je(e.weekdays("long", !1), 1);
+        return ze(e.weekdays("long", !1), 1);
       case "ccc":
-        return je(e.weekdays("short", !0), 1);
+        return ze(e.weekdays("short", !0), 1);
       case "cccc":
-        return je(e.weekdays("long", !0), 1);
+        return ze(e.weekdays("long", !0), 1);
       // offset/zone
       case "Z":
       case "ZZ":
@@ -6768,12 +6768,12 @@ function Oc(t, e) {
   const s = Ie.macroTokenToFormatOpts(t.val), n = Yi(s, e);
   return n == null || n.includes(void 0) ? t : n;
 }
-function zi(t, e) {
+function ji(t, e) {
   return Array.prototype.concat(...t.map((s) => Oc(s, e)));
 }
-class ji {
+class zi {
   constructor(e, s) {
-    if (this.locale = e, this.format = s, this.tokens = zi(Ie.parseFormat(s), e), this.units = this.tokens.map((n) => wc(n, e)), this.disqualifyingUnit = this.units.find((n) => n.invalidReason), !this.disqualifyingUnit) {
+    if (this.locale = e, this.format = s, this.tokens = ji(Ie.parseFormat(s), e), this.units = this.tokens.map((n) => wc(n, e)), this.disqualifyingUnit = this.units.find((n) => n.invalidReason), !this.disqualifyingUnit) {
       const [n, r] = Ac(this.units);
       this.regex = RegExp(n, "i"), this.handlers = r;
     }
@@ -6806,7 +6806,7 @@ class ji {
   }
 }
 function _i(t, e, s) {
-  return new ji(t, s).explainFromTokens(e);
+  return new zi(t, s).explainFromTokens(e);
 }
 function xc(t, e, s) {
   const { result: n, zone: r, specificOffset: i, invalidReason: a } = _i(t, e, s);
@@ -7252,9 +7252,9 @@ class $ {
       const C = i[I];
       W(C) ? V ? i[I] = U[I] : i[I] = D[I] : V = !0;
     }
-    const L = p ? ll(i, a, o) : d ? cl(i) : Ti(i), j = L || Ai(i);
-    if (j)
-      return $.invalid(j);
+    const L = p ? ll(i, a, o) : d ? cl(i) : Ti(i), z = L || Ai(i);
+    if (z)
+      return $.invalid(z);
     const Q = p ? ur(i, a, o) : d ? dr(i) : i, [J, K] = cs(Q, u, n), O = new $({
       ts: J,
       zone: n,
@@ -7421,7 +7421,7 @@ class $ {
    * @returns {string}
    */
   static expandFormat(e, s = {}) {
-    return zi(Ie.parseFormat(e), ne.fromObject(s)).map((r) => r.val).join("");
+    return ji(Ie.parseFormat(e), ne.fromObject(s)).map((r) => r.val).join("");
   }
   static resetCache() {
     qt = void 0, cn.clear();
@@ -7763,7 +7763,7 @@ class $ {
    * @type {number}
    */
   get weeksInWeekYear() {
-    return this.isValid ? zt(this.weekYear) : NaN;
+    return this.isValid ? jt(this.weekYear) : NaN;
   }
   /**
    * Returns the number of weeks in this DateTime's local week year
@@ -7772,7 +7772,7 @@ class $ {
    * @type {number}
    */
   get weeksInLocalWeekYear() {
-    return this.isValid ? zt(
+    return this.isValid ? jt(
       this.localWeekYear,
       this.loc.getMinDaysInFirstWeek(),
       this.loc.getStartOfWeek()
@@ -8440,7 +8440,7 @@ class $ {
       numberingSystem: r,
       defaultToEN: !0
     });
-    return new ji(i, e);
+    return new zi(i, e);
   }
   /**
    * Create a DateTime from an input string and format parser.
@@ -8960,11 +8960,11 @@ const Zc = [{ SeverityId: 1, Code: "LOW", DisplayName: "Low", SortOrder: 10, IsA
   severities: Zc,
   rules: Hc,
   userRoles: Bc
-}, { Text: zc } = jt;
-function jc({ sortBy: t, onChange: e, showActions: s, onSave: n, onClear: r, saving: i }) {
+}, { Text: jc } = zt;
+function zc({ sortBy: t, onChange: e, showActions: s, onSave: n, onClear: r, saving: i }) {
   return /* @__PURE__ */ y(Ue, { gutter: [16, 16], align: "middle", children: [
     /* @__PURE__ */ c(X, { xs: 24, md: 8, lg: 5, children: /* @__PURE__ */ y(_e, { className: "w-full items-center", direction: "horizontal", size: 12, children: [
-      /* @__PURE__ */ c(zc, { className: "text-gray-600 whitespace-nowrap", children: "Sort By:" }),
+      /* @__PURE__ */ c(jc, { className: "text-gray-600 whitespace-nowrap", children: "Sort By:" }),
       /* @__PURE__ */ c(
         De,
         {
@@ -8986,7 +8986,7 @@ function jc({ sortBy: t, onChange: e, showActions: s, onSave: n, onClear: r, sav
     ] }) : null })
   ] });
 }
-const { Text: st } = jt;
+const { Text: st } = zt;
 function _c(t) {
   const {
     // escBasis, setEscBasis,
@@ -9011,7 +9011,7 @@ function _c(t) {
     actions: D,
     setActions: V,
     thirdPartyIds: L,
-    setThirdPartyIds: j,
+    setThirdPartyIds: z,
     humanLoop: Q,
     setHumanLoop: J,
     isAutoExpire: K,
@@ -9171,7 +9171,7 @@ function _c(t) {
             placeholder: "Third Party app",
             className: "w-full",
             value: L,
-            onChange: j,
+            onChange: z,
             options: x
           }
         )
@@ -9253,7 +9253,7 @@ function Yc({ entries: t, userRoles: e, onEdit: s, loading: n }) {
     }
   );
 }
-const { Title: Gc } = jt;
+const { Title: Gc } = zt;
 function Qc({ userRoles: t, rules: e, rawRules: s }) {
   const { rules: n } = Be(), [r, i] = k(!1), [a, o] = k(s), [l, u] = k({}), d = we(() => t.map((p) => ({ label: p.userRoleName, value: p.userRoleId })), [t]), h = we(
     () => (e || []).map((p, v) => ({
@@ -9344,7 +9344,7 @@ function Qc({ userRoles: t, rules: e, rawRules: s }) {
                 ), V = typeof D?.recordId == "number" ? D.recordId : void 0;
                 if (!D || typeof V != "number")
                   throw new Error(`Unable to find recordId for rule ${v}`);
-                const L = Array.isArray(U) ? U : [], j = L.map((J) => {
+                const L = Array.isArray(U) ? U : [], z = L.map((J) => {
                   const K = t.find((O) => O.userRoleId === J);
                   return {
                     id: J,
@@ -9355,7 +9355,7 @@ function Qc({ userRoles: t, rules: e, rawRules: s }) {
                   ruleId: v,
                   // ensure ruleId matches the selected rule
                   userRoleIds: L,
-                  userRoles: j,
+                  userRoles: z,
                   actions: [
                     {
                       actionTypeId: 4,
@@ -9393,16 +9393,16 @@ function Qc({ userRoles: t, rules: e, rawRules: s }) {
     ] })
   ] });
 }
-const { Title: Er } = jt;
+const { Title: Er } = zt;
 function Jc({ severities: t, rules: e, userRoles: s, rawRules: n, onSave: r }) {
-  const { rules: i, alerts: a } = Be(), [o, l] = k("By Severity"), [u, d] = k("By severity"), [h, f] = k("By Severity"), [m, g] = k(!1), [p, v] = k(!1), [U, D] = k(!1), [V, L] = k(null), [j, Q] = k("rules"), [J, K] = k(), [O, I] = k(), [C, ie] = k(), [se, M] = k(), [b, S] = k(), [x, w] = k(), [T, A] = k(), [F, q] = k(), [Z, H] = k([]), [B, le] = k([]), [ye, fe] = k(!1), [Te, ce] = k(!1), [ge, Re] = k({}), [Me, St] = k({}), [Ae, wt] = k(s || []), [Lt, Pt] = k([]), [dt, Cs] = k(!1), [E, _] = k(!1), [z, Ne] = k(n || []);
+  const { rules: i, alerts: a } = Be(), [o, l] = k("By Severity"), [u, d] = k("By severity"), [h, f] = k("By Severity"), [m, g] = k(!1), [p, v] = k(!1), [U, D] = k(!1), [V, L] = k(null), [z, Q] = k("rules"), [J, K] = k(), [O, I] = k(), [C, ie] = k(), [se, M] = k(), [b, S] = k(), [x, w] = k(), [T, A] = k(), [F, q] = k(), [Z, H] = k([]), [B, le] = k([]), [ye, fe] = k(!1), [Te, ce] = k(!1), [ge, Re] = k({}), [Me, St] = k({}), [Ae, wt] = k(s || []), [Lt, Pt] = k([]), [dt, Cs] = k(!1), [E, _] = k(!1), [j, Ne] = k(n || []);
   Se(() => {
     n && n.length && Ne(n);
   }, [n]), Se(() => {
-    if (!z || !z.length) return;
+    if (!j || !j.length) return;
     const R = Object.keys(ge).length > 0 || Object.keys(Me).length > 0;
     if (Lt.length && !R) return;
-    const oe = z.map((Y, P) => {
+    const oe = j.map((Y, P) => {
       const ae = e.find((Oe) => Oe.RuleId === (Y.ruleId || Y.ruleName))?.Name || Y.ruleName || Y.Name || "-", G = Y.escalationSettings || {}, ue = typeof G.level1UserRoleId == "number" && G.level1UserRoleId > 0 ? [G.level1UserRoleId] : [], Ke = typeof G.level2UserRoleId == "number" && G.level2UserRoleId > 0 ? [G.level2UserRoleId] : [], Es = typeof G.level3UserRoleId == "number" && G.level3UserRoleId > 0 ? [G.level3UserRoleId] : [], Cn = (Array.isArray(G.escalationSettingsActionTypeIds) ? G.escalationSettingsActionTypeIds : []).map((Oe) => ge[Oe] || String(Oe)), Mn = (Array.isArray(G.thirdPartyId) ? G.thirdPartyId : []).map((Oe) => Me[Oe] || String(Oe)), Ms = typeof G.humanLoop == "boolean" ? G.humanLoop : null, Ds = typeof G.isAutoExpire == "boolean" ? G.isAutoExpire : null;
       return {
         id: String(Y.ruleId || Y.ruleName || P),
@@ -9417,7 +9417,7 @@ function Jc({ severities: t, rules: e, userRoles: s, rawRules: n, onSave: r }) {
       };
     });
     Pt(oe);
-  }, [z, e, ge, Me]);
+  }, [j, e, ge, Me]);
   const We = we(
     () => t.map((R) => ({ label: R.DisplayName, value: R.SeverityId })),
     [t]
@@ -9458,7 +9458,7 @@ function Jc({ severities: t, rules: e, userRoles: s, rawRules: n, onSave: r }) {
     }, oe = (ae) => {
       const G = Number(ae);
       return !isNaN(G) && G > 0 ? G : void 0;
-    }, P = (z || []).find(
+    }, P = (j || []).find(
       (ae) => ae?.ruleId === O || ae?.ruleName === O || ae?.RuleId === O
     )?.escalationSettings;
     if (P && typeof P == "object") {
@@ -9466,7 +9466,7 @@ function Jc({ severities: t, rules: e, userRoles: s, rawRules: n, onSave: r }) {
       const ae = Array.isArray(P.escalationSettingsActionTypeIds) ? P.escalationSettingsActionTypeIds : [];
       H(ae.map((G) => String(G))), le(Array.isArray(P.thirdPartyId) ? P.thirdPartyId : []), fe(!!P.humanLoop), ce(!!P.isAutoExpire);
     }
-  }, [j, O, z]);
+  }, [z, O, j]);
   const Je = async () => {
     try {
       _(!0);
@@ -9523,7 +9523,7 @@ function Jc({ severities: t, rules: e, userRoles: s, rawRules: n, onSave: r }) {
           V
         ] }) : null,
         /* @__PURE__ */ c(
-          jc,
+          zc,
           {
             sortBy: o,
             groupBy: u,
@@ -9556,7 +9556,7 @@ function Jc({ severities: t, rules: e, userRoles: s, rawRules: n, onSave: r }) {
       /* @__PURE__ */ c(
         _c,
         {
-          escBasis: j,
+          escBasis: z,
           setEscBasis: Q,
           selectedSeverity: J,
           setSelectedSeverity: K,
@@ -9602,7 +9602,7 @@ function Jc({ severities: t, rules: e, userRoles: s, rawRules: n, onSave: r }) {
             });
             try {
               if (O) {
-                const Y = Array.isArray(Z) ? Z.map((Ke) => Number(Ke)) : [], P = (z || []).find(
+                const Y = Array.isArray(Z) ? Z.map((Ke) => Number(Ke)) : [], P = (j || []).find(
                   (Ke) => Ke?.ruleId === O || Ke?.ruleName === O || Ke?.RuleId === O
                 ), ae = typeof P?.recordId == "number" ? P.recordId : void 0;
                 if (!P || typeof ae != "number") {
@@ -9698,12 +9698,12 @@ function Jc({ severities: t, rules: e, userRoles: s, rawRules: n, onSave: r }) {
     /* @__PURE__ */ c($t, {})
   ] });
 }
-const { Title: Mr, Text: os } = jt;
+const { Title: Mr, Text: os } = zt;
 function Fu({ severities: t, rules: e, onSave: s, onCancel: n }) {
   const { rules: r, alerts: i } = Be(), a = [
     { label: "By Severity", value: "By Severity" },
     { label: "By Created Date", value: "By Created Date" }
-  ], [o, l] = k("By Severity"), [u, d] = k(/* @__PURE__ */ new Set()), [h, f] = k(null), [m, g] = k(null), [p, v] = k({ inApp: !1, sms: !1, email: !1 }), [U, D] = k([]), [V, L] = k(!0), [j, Q] = k(!1);
+  ], [o, l] = k("By Severity"), [u, d] = k(/* @__PURE__ */ new Set()), [h, f] = k(null), [m, g] = k(null), [p, v] = k({ inApp: !1, sms: !1, email: !1 }), [U, D] = k([]), [V, L] = k(!0), [z, Q] = k(!1);
   Se(() => {
     let O = !1;
     return (async () => {
@@ -9810,8 +9810,8 @@ function Fu({ severities: t, rules: e, onSave: s, onCancel: n }) {
     ] }),
     /* @__PURE__ */ c($t, {}),
     /* @__PURE__ */ y(_e, { className: "gap-3", children: [
-      /* @__PURE__ */ c(Fe, { onClick: n, disabled: j, children: "Cancel" }),
-      /* @__PURE__ */ c(Fe, { type: "primary", onClick: K, loading: j, children: "Save" })
+      /* @__PURE__ */ c(Fe, { onClick: n, disabled: z, children: "Cancel" }),
+      /* @__PURE__ */ c(Fe, { type: "primary", onClick: K, loading: z, children: "Save" })
     ] })
   ] });
 }
@@ -9871,7 +9871,7 @@ function su({ data: t }) {
         {
           key: "action",
           label: "Action Taken",
-          children: /* @__PURE__ */ y("div", { className: "w-full", children: [
+          children: /* @__PURE__ */ y("div", { className: "w-full", style: { maxHeight: "50vh", overflowY: "auto" }, children: [
             /* @__PURE__ */ c(Fs, { className: "mb-4 rounded-md p-4", bordered: !0, children: /* @__PURE__ */ y("div", { className: "grid grid-cols-4 gap-6 text-xs", children: [
               /* @__PURE__ */ y("div", { className: "flex flex-col gap-1", children: [
                 /* @__PURE__ */ c("span", { className: "text-gray-500", children: "Alert ID" }),
@@ -9903,7 +9903,7 @@ function su({ data: t }) {
         {
           key: "notification",
           label: "Notification Sent",
-          children: /* @__PURE__ */ y("div", { className: "grid grid-cols-2 gap-4", children: [
+          children: /* @__PURE__ */ y("div", { className: "grid grid-cols-2 gap-4", style: { maxHeight: "50vh", overflowY: "auto" }, children: [
             (t.notifications || []).map((s, n) => /* @__PURE__ */ y(Fs, { className: "rounded-md p-4", bordered: !0, children: [
               /* @__PURE__ */ y("div", { className: "flex items-start justify-between", children: [
                 /* @__PURE__ */ y("div", { className: "flex flex-col", children: [
@@ -10170,7 +10170,7 @@ const gu = {
   Medium: "#FEF9C2",
   Low: "#E0EDFF"
 }, Su = ({ isModalOpen: t, handleModalClose: e, selectedRow: s, fetchAlertLogs: n, alertStatusList: r = [], alertStatusLoading: i = !1, initialTab: a = "details", sourceTab: o }) => {
-  const [l, u] = k(), [d, h] = k(""), [f, m] = k(!1), g = na(null), [p, v] = k("details"), [U, D] = k(void 0), V = Gr(), { alerts: L } = Be(), { timeZoneDetails: j } = xs(), [Q, J] = k(!1), [K, O] = k(void 0), [I, C] = k(void 0), [ie, se] = k({}), [M, b] = k({}), S = s?.originalData || {}, {
+  const [l, u] = k(), [d, h] = k(""), [f, m] = k(!1), g = na(null), [p, v] = k("details"), [U, D] = k(void 0), V = Gr(), { alerts: L } = Be(), { timeZoneDetails: z } = xs(), [Q, J] = k(!1), [K, O] = k(void 0), [I, C] = k(void 0), [ie, se] = k({}), [M, b] = k({}), S = s?.originalData || {}, {
     eventName: x,
     alertId: w,
     timestamp: T,
@@ -10194,26 +10194,26 @@ const gu = {
     status: ce(E?.messageStatus),
     notificationReceipientType: E?.notificationReceipientType || ""
   }), Re = (E, _) => {
-    const z = _.map(ge), Ne = z.filter((rt) => rt.status === "Delivered").length, We = _.map((rt) => rt?.sentAt).filter(Boolean).sort((rt, Je) => new Date(Je).getTime() - new Date(rt).getTime())[0], re = _[0] || {}, Qe = [re?.severityName, re?.anomalyName].filter(Boolean).join(" - ") || `${E} Notification`;
+    const j = _.map(ge), Ne = j.filter((rt) => rt.status === "Delivered").length, We = _.map((rt) => rt?.sentAt).filter(Boolean).sort((rt, Je) => new Date(Je).getTime() - new Date(rt).getTime())[0], re = _[0] || {}, Qe = [re?.severityName, re?.anomalyName].filter(Boolean).join(" - ") || `${E} Notification`;
     return {
       channelLabel: `${E} Notification`,
       sentAt: We || "",
       messageTitle: Qe,
       messageBody: "",
-      total: z.length,
+      total: j.length,
       delivered: Ne,
-      recipients: z
+      recipients: j
     };
   }, Me = (E) => {
     const _ = /* @__PURE__ */ new Map();
-    return (E || []).forEach((z) => {
-      const Ne = String(z?.notificationType || "Unknown"), We = _.get(Ne) || [];
-      We.push(z), _.set(Ne, We);
-    }), Array.from(_.entries()).map(([z, Ne]) => Re(z, Ne));
+    return (E || []).forEach((j) => {
+      const Ne = String(j?.notificationType || "Unknown"), We = _.get(Ne) || [];
+      We.push(j), _.set(Ne, We);
+    }), Array.from(_.entries()).map(([j, Ne]) => Re(j, Ne));
   }, St = async (E) => {
     try {
-      const _ = await L.getAlertNotifications(E), z = Me(_);
-      D(z);
+      const _ = await L.getAlertNotifications(E), j = Me(_);
+      D(j);
     } catch {
       D(void 0);
     }
@@ -10230,15 +10230,15 @@ const gu = {
     t && v(a);
   }, [t, a]);
   const wt = o === "archived" || ["completed", "false positive"].includes(String(H || "").toLowerCase()), Lt = (E) => {
-    const _ = String(E?.value || "").toLowerCase(), z = String(E?.statusName || "").toLowerCase();
-    return _.includes("reopen") || z.includes("reopen");
+    const _ = String(E?.value || "").toLowerCase(), j = String(E?.statusName || "").toLowerCase();
+    return _.includes("reopen") || j.includes("reopen");
   }, Pt = (r || []).filter((E) => {
     const _ = Lt(E);
     return typeof o < "u" ? o === "archived" ? _ : !_ : wt ? _ : !_;
   }).map((E) => ({ value: E.value, label: E.statusName })), dt = we(() => pu(fe), [fe]);
   return Se(() => {
     let E = !1;
-    const _ = new AbortController(), z = async (re) => {
+    const _ = new AbortController(), j = async (re) => {
       if (re) {
         E || se((Qe) => ({ ...Qe, [re]: !1 }));
         try {
@@ -10262,7 +10262,7 @@ const gu = {
     const Ne = dt.filter((re) => !Fr(re)).map((re) => re?.mediaUrl || re).filter((re) => typeof re == "string" && re.length > 0), We = {};
     return Ne.forEach((re) => {
       We[re] = !0;
-    }), b(We), Ne.forEach((re) => z(re)), () => {
+    }), b(We), Ne.forEach((re) => j(re)), () => {
       E = !0, _.abort();
     };
   }, [dt]), /* @__PURE__ */ c(
@@ -10271,12 +10271,6 @@ const gu = {
       open: t,
       onCancel: e,
       width: 1e3,
-      styles: {
-        body: {
-          maxHeight: "70vh",
-          overflowY: "auto"
-        }
-      },
       footer: p === "details" ? /* @__PURE__ */ y("div", { className: "flex flex-row gap-2 justify-start", children: [
         /* @__PURE__ */ c(Fe, { onClick: e, className: "bg-[#6C757D] text-white", children: "Cancel" }),
         /* @__PURE__ */ c(
@@ -10294,16 +10288,16 @@ const gu = {
                   modifiedBy: 0
                 }, _ = await V.mutateAsync(E);
                 if (_?.responseStatus) {
-                  const z = _?.data || "Alert updated successfully.";
-                  Ee.success(z, {
+                  const j = _?.data || "Alert updated successfully.";
+                  Ee.success(j, {
                     autoClose: 1500,
                     onClose: () => {
                       n(), e();
                     }
                   }), u(void 0), h("");
                 } else {
-                  const z = _?.errorMessage || "Failed to update alert status";
-                  Ee.error(z);
+                  const j = _?.errorMessage || "Failed to update alert status";
+                  Ee.error(j);
                 }
               } catch (E) {
                 console.error("Error updating alert status:", E), Ee.error("Failed to update alert status. Please try again.");
@@ -10325,7 +10319,7 @@ const gu = {
             {
               key: "details",
               label: "Alert Detail",
-              children: /* @__PURE__ */ y("div", { className: "grid grid-cols-2 gap-2", children: [
+              children: /* @__PURE__ */ y("div", { className: "grid grid-cols-2 gap-2", style: { maxHeight: "50vh", overflowY: "auto" }, children: [
                 /* @__PURE__ */ y("div", { className: "flex flex-col gap-2", children: [
                   /* @__PURE__ */ c("div", { className: "text-sm font-bold", children: x || "Alert Event" }),
                   le?.firstName ? /* @__PURE__ */ y("div", { className: "text-sm text-gray-500", children: [
@@ -10338,7 +10332,7 @@ const gu = {
                   ] }) : null,
                   /* @__PURE__ */ y("div", { className: "text-sm text-gray-500", children: [
                     "Timestamp: ",
-                    Ss(T, j?.ianaTimeZoneId)
+                    Ss(T, z?.ianaTimeZoneId)
                   ] }),
                   /* @__PURE__ */ y("div", { className: "font-sm text-gray-500", children: [
                     /* @__PURE__ */ c("b", { className: "text-black text-sm/6", children: "Description:" }),
@@ -10434,7 +10428,7 @@ const gu = {
                     ] }) : null
                   ] }),
                   dt.length ? /* @__PURE__ */ c("div", { className: "w-full", children: /* @__PURE__ */ c(ca, { ref: g, dots: !0, className: "w-full", children: dt.map((E, _) => {
-                    const z = E.mediaUrl || E, Ne = Fr(E), We = !Ne && M[String(z)];
+                    const j = E.mediaUrl || E, Ne = Fr(E), We = !Ne && M[String(j)];
                     return /* @__PURE__ */ y("div", { className: "flex justify-center items-center relative", children: [
                       Ne ? /* @__PURE__ */ y(
                         "video",
@@ -10444,7 +10438,7 @@ const gu = {
                           controls: !0,
                           className: "max-w-full max-h-[90vh] object-contain rounded-lg shadow-lg",
                           children: [
-                            /* @__PURE__ */ c("source", { src: z }),
+                            /* @__PURE__ */ c("source", { src: j }),
                             "Your browser does not support the video tag."
                           ]
                         }
@@ -10453,27 +10447,27 @@ const gu = {
                         /* @__PURE__ */ c(
                           "img",
                           {
-                            src: z,
+                            src: j,
                             alt: E.caption || `media-${_}`,
                             className: `max-w-full max-h-[90vh] object-contain rounded-lg shadow-lg transition-opacity duration-200 ${We ? "opacity-0" : "opacity-100"}`,
-                            onLoad: () => b((re) => ({ ...re, [String(z)]: !1 })),
-                            onError: () => b((re) => ({ ...re, [String(z)]: !1 }))
+                            onLoad: () => b((re) => ({ ...re, [String(j)]: !1 })),
+                            onError: () => b((re) => ({ ...re, [String(j)]: !1 }))
                           },
-                          String(z)
+                          String(j)
                         )
                       ] }),
                       E.caption && /* @__PURE__ */ c("p", { className: "text-xs text-gray-500 mt-1", children: E.caption }),
-                      !Ne && ie[String(z)] ? /* @__PURE__ */ c(
+                      !Ne && ie[String(j)] ? /* @__PURE__ */ c(
                         "button",
                         {
                           onClick: () => {
-                            J(!0), O(z), C(E.type || "image");
+                            J(!0), O(j), C(E.type || "image");
                           },
                           className: "absolute bottom-3 right-3 text-white bg-black/50 rounded-full p-2 hover:bg-black/70",
                           children: /* @__PURE__ */ c(Ki, { size: 20 })
                         }
                       ) : null
-                    ] }, String(z) || _);
+                    ] }, String(j) || _);
                   }) }) }) : null
                 ] }) }),
                 /* @__PURE__ */ c(
@@ -10524,8 +10518,8 @@ function wu() {
 }
 function Xi({ alerts: t, loading: e = !1, columns: s, onRefetch: n }) {
   const [r, i] = k(!1), [a, o] = k(null), [l, u] = k("details"), { list: d, loading: h } = wu(), { timeZoneDetails: f, loading: m } = xs(), g = f?.timeZoneName ?? "UTC", p = f?.ianaTimeZoneId ?? "UTC";
-  function v(j, Q) {
-    o(j), u(Q?.tab ?? "details"), V(Q?.sourceTab ?? "active"), i(!0);
+  function v(z, Q) {
+    o(z), u(Q?.tab ?? "details"), V(Q?.sourceTab ?? "active"), i(!0);
   }
   function U() {
     i(!1);
@@ -10540,9 +10534,9 @@ function Xi({ alerts: t, loading: e = !1, columns: s, onRefetch: n }) {
     }
   } : null;
   return /* @__PURE__ */ y("div", { className: "p-6 flex flex-col items-start justify-start min-h-screen w-full overflow-auto", children: [
-    /* @__PURE__ */ y("div", { className: "w-1/2 flex items-center justify-between mb-4", children: [
+    /* @__PURE__ */ y("div", { className: "w-full grid grid-cols-3 sm:grid-cols-1 items-center mb-4", children: [
       /* @__PURE__ */ c("h1", { className: "text-xl font-bold text-black", children: "Alert Console" }),
-      m ? /* @__PURE__ */ c(ws, { size: "small" }) : /* @__PURE__ */ c(qc, { label: g, timeZone: p })
+      /* @__PURE__ */ c("div", { className: "flex items-center justify-start sm:justify-center", children: m ? /* @__PURE__ */ c(ws, { size: "small" }) : /* @__PURE__ */ c(qc, { label: g, timeZone: p }) })
     ] }),
     /* @__PURE__ */ c(
       dn,
@@ -10550,8 +10544,8 @@ function Xi({ alerts: t, loading: e = !1, columns: s, onRefetch: n }) {
         defaultActiveKey: "active",
         className: "w-full",
         tabBarStyle: { fontSize: "medium" },
-        onChange: (j) => {
-          j === "active" && n?.();
+        onChange: (z) => {
+          z === "active" && n?.();
         },
         items: [
           {