react-dashstream 0.1.1 → 0.1.2

package/dist/index.js

@@ -1,11 +1,11 @@
 import { jsxs as d, jsx as e, Fragment as Fe } from "react/jsx-runtime";
 import J, { createContext as it, useContext as ke, useState as R, useCallback as le, useEffect as ge, useMemo as be, useRef as j } from "react";
-const Zt = {
+const Jt = {
   info: { color: "#00ff88", bg: "rgba(0, 255, 136, 0.1)", border: "#00ff88", icon: "✅" },
   warning: { color: "#ff8c00", bg: "rgba(255, 140, 0, 0.1)", border: "#ff8c00", icon: "⚠️" },
   critical: { color: "#ff2255", bg: "rgba(255, 34, 85, 0.1)", border: "#ff2255", icon: "🛑" }
 };
-function Jt({
+function ei({
   name: t,
   status: i,
   dbSync: o = !0,
@@ -146,7 +146,7 @@ function Jt({
                 }
               ),
               c.map((p, f) => {
-                const b = Zt[p.level];
+                const b = Jt[p.level];
                 return /* @__PURE__ */ d(
                   "div",
                   {
@@ -182,7 +182,7 @@ const A = {
   warning: { color: "#ff8c00", glow: "rgba(255,140,0,0.55)" },
   critical: { color: "#ff2255", glow: "rgba(255,34,85,0.55)" },
   offline: { color: "#1e3a5a", glow: "rgba(30,58,90,0.25)" }
-}, un = "#00e5ff", hn = "#0055cc", Be = "linear-gradient(180deg, #071428 0%, #040c1c 60%, #030810 100%)", pt = "linear-gradient(180deg, rgba(10,25,50,0.35) 0%, rgba(5,15,35,0.25) 60%, rgba(3,10,20,0.15) 100%)";
+}, hn = "#00e5ff", gn = "#0055cc", Be = "linear-gradient(180deg, #071428 0%, #040c1c 60%, #030810 100%)", pt = "linear-gradient(180deg, rgba(10,25,50,0.35) 0%, rgba(5,15,35,0.25) 60%, rgba(3,10,20,0.15) 100%)";
 function ft(t, i, o) {
   const n = {
     position: "absolute",
@@ -234,23 +234,23 @@ function ft(t, i, o) {
   };
 }
 const dt = "cubic-bezier(0.34, 1.56, 0.64, 1)", Qe = "cubic-bezier(0.16, 1, 0.3, 1)";
-function Tt(t) {
+function Lt(t) {
   return A[t]?.color ?? A.online.color;
 }
-function ei(t, i, o) {
+function ti(t, i, o) {
   return t >= o ? "#ff2255" : t >= i ? "#ff8c00" : "#00e5ff";
 }
 function qe(t, i, o, n) {
   return t === "offline" ? "offline" : t === "critical" && i >= n ? "critical" : (t === "critical" || t === "warning") && i >= o ? "warning" : "online";
 }
-function ti({
+function ii({
   component: t,
   onClose: i,
   visible: o,
   sceneWidth: n = 660,
   sceneHeight: r = 600
 }) {
-  const { type: a, name: s, status: l, ex: u, ey: c, context: p = {} } = t, f = Tt(l), b = u >= n / 2, h = c >= r / 2, y = {
+  const { type: a, name: s, status: l, ex: u, ey: c, context: p = {} } = t, f = Lt(l), b = u >= n / 2, h = c >= r / 2, y = {
     position: "fixed",
     ...b ? { right: 28 } : { left: 28 },
     ...h ? { bottom: 110 } : { top: 72 }
@@ -258,23 +258,23 @@ function ti({
   let $;
   if (x && x.length > 0)
     $ = x.map((g, w) => {
-      const T = g.warnAt ?? 70, I = g.critAt ?? 85;
+      const T = g.warnAt ?? 70, N = g.critAt ?? 85;
       return {
         id: g.id,
         label: g.label,
         sublabel: g.sublabel,
         value: g.value,
         unit: g.unit ?? "%",
-        status: qe(l, g.value, T, I),
+        status: qe(l, g.value, T, N),
         icon: g.icon ?? "cpu",
         delay: w,
         colorOverride: g.color,
         warnAt: T,
-        critAt: I
+        critAt: N
       };
     });
   else {
-    const g = p.cpuLoad ?? p.traffic ?? 50, w = p.memLoad ?? p.queueDepth ?? 60, T = p.capacity ?? 72, I = qe(l, g, 70, 85), C = qe(l, w, 75, 88), N = qe(l, T, 75, 90);
+    const g = p.cpuLoad ?? p.traffic ?? 50, w = p.memLoad ?? p.queueDepth ?? 60, T = p.capacity ?? 72, N = qe(l, g, 70, 85), C = qe(l, w, 75, 88), O = qe(l, T, 75, 90);
     $ = [
       {
         id: "cpu",
@@ -282,7 +282,7 @@ function ti({
         sublabel: a === "dispatcher" ? "PORT LOAD" : a === "messageServer" ? "QUEUE DEPTH" : "PROCESSOR",
         value: g,
         unit: "%",
-        status: I,
+        status: N,
         icon: "cpu",
         delay: 0
       },
@@ -302,7 +302,7 @@ function ti({
         sublabel: a === "database" ? "TABLESPACE" : "DISK I/O",
         value: T,
         unit: "%",
-        status: N,
+        status: O,
         icon: "disk",
         delay: 2
       }
@@ -521,7 +521,7 @@ function ti({
               position: "relative",
               zIndex: 2
             },
-            children: $.map((g) => /* @__PURE__ */ e(ii, { metric: g, visible: o, accentColor: f }, g.id))
+            children: $.map((g) => /* @__PURE__ */ e(ni, { metric: g, visible: o, accentColor: f }, g.id))
           }
         ),
         /* @__PURE__ */ d(
@@ -570,7 +570,7 @@ function ti({
     }
   );
 }
-function ii({
+function ni({
   metric: t,
   visible: i,
   accentColor: o
@@ -586,7 +586,7 @@ function ii({
     colorOverride: p,
     warnAt: f = 70,
     critAt: b = 85
-  } = t, h = p ?? ei(a, f, b), y = p ?? Tt(l);
+  } = t, h = p ?? ti(a, f, b), y = p ?? Lt(l);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -618,7 +618,7 @@ function ii({
               animation: i ? `comp-dialog-icon-pop 0.5s ${dt} ${0.35 + c * 0.12}s both` : "none"
             },
             children: [
-              /* @__PURE__ */ e(ni, { type: u, color: y }),
+              /* @__PURE__ */ e(oi, { type: u, color: y }),
               (l === "warning" || l === "critical") && /* @__PURE__ */ e(
                 "div",
                 {
@@ -813,7 +813,7 @@ function ii({
     }
   );
 }
-function ni({ type: t, color: i }) {
+function oi({ type: t, color: i }) {
   return t === "cpu" ? /* @__PURE__ */ d("svg", { width: 28, height: 28, viewBox: "0 0 24 24", fill: "none", children: [
     /* @__PURE__ */ e("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2", stroke: i, strokeWidth: "1.5" }),
     /* @__PURE__ */ e(
@@ -899,13 +899,13 @@ function ni({ type: t, color: i }) {
   ] });
 }
 const ut = it(null), ht = it({ index: 0 });
-function gn() {
+function bn() {
   return ke(ut);
 }
-function bn() {
+function mn() {
   return ke(ht);
 }
-function oi({
+function ri({
   children: t,
   logoUrl: i,
   viewState: o,
@@ -928,10 +928,10 @@ function oi({
   onCloseDrill: g,
   selectedSystemStatus: w = "online",
   selectedSystemDbSync: T = !0,
-  selectedSystemMetrics: I,
+  selectedSystemMetrics: N,
   selectedSystemAlerts: C
 }) {
-  const [N, U] = R({}), M = le((E, P) => {
+  const [O, U] = R({}), M = le((E, P) => {
     U((B) => {
       const q = B[E];
       return q && q.length === P.length && q.every((oe, te) => oe.level === P[te].level && oe.message === P[te].message) ? B : { ...B, [E]: P };
@@ -984,9 +984,9 @@ function oi({
     ]
   ), L = ce.map((E, P) => /* @__PURE__ */ e(ht.Provider, { value: { index: P }, children: E }, P)), W = o === "expanded" || o === "expanding" && n >= 4, K = be(() => {
     if (!r) return C;
-    const E = C ?? [], B = [...N[r] ?? [], ...E];
+    const E = C ?? [], B = [...O[r] ?? [], ...E];
     return B.length > 0 ? B : void 0;
-  }, [C, N, r]);
+  }, [C, O, r]);
   return /* @__PURE__ */ d(ut.Provider, { value: m, children: [
     /* @__PURE__ */ d("div", { style: { position: "relative", width: h, height: y, margin: "0 auto", flexShrink: 0 }, children: [
       i && (o === "compact" || o === "collapsing") && /* @__PURE__ */ e(
@@ -1012,18 +1012,18 @@ function oi({
       L
     ] }),
     r && /* @__PURE__ */ e("div", { onClick: (E) => E.stopPropagation(), children: /* @__PURE__ */ e(
-      Jt,
+      ei,
       {
         name: r,
         status: w,
         dbSync: T,
         visible: W && !a,
-        metrics: I,
+        metrics: N,
         alerts: K
       }
     ) }),
     a && /* @__PURE__ */ e("div", { onClick: (E) => E.stopPropagation(), children: /* @__PURE__ */ e(
-      ti,
+      ii,
       {
         component: a,
         onClose: g,
@@ -1034,7 +1034,7 @@ function oi({
     ) })
   ] });
 }
-function ri({
+function ai({
   x1: t,
   y1: i,
   x2: o,
@@ -1101,14 +1101,14 @@ function ri({
     ] })
   ] });
 }
-const ai = [
+const li = [
   { scale: 1, op: 1, delay: "0.0s", bw: "2px", glow: 1 },
   { scale: 0.82, op: 0.88, delay: "0.5s", bw: "1.5px", glow: 0.7 },
   { scale: 0.64, op: 0.72, delay: "1.0s", bw: "1px", glow: 0.5 },
   { scale: 0.47, op: 0.58, delay: "1.5s", bw: "1px", glow: 0.35 },
   { scale: 0.3, op: 0.45, delay: "2.0s", bw: "1px", glow: 0.25 }
 ];
-function li({
+function si({
   children: t,
   size: i = 230,
   widthRatio: o = 1,
@@ -1274,7 +1274,7 @@ function li({
         background: `radial-gradient(ellipse, ${n}88 0%, ${n}33 40%, transparent 72%)`,
         filter: "blur(12px)"
       } }),
-      ai.map((s, l) => /* @__PURE__ */ e("div", { style: {
+      li.map((s, l) => /* @__PURE__ */ e("div", { style: {
         position: "absolute",
         width: a * s.scale,
         height: i * s.scale,
@@ -1317,8 +1317,8 @@ function li({
     }, children: r })
   ] });
 }
-const Ee = it(null), si = "cubic-bezier(0.34, 1.56, 0.64, 1)", wt = 330, $t = 340, di = 660;
-function Lt({
+const Ee = it(null), di = "cubic-bezier(0.34, 1.56, 0.64, 1)", wt = 330, $t = 340, ci = 660;
+function Nt({
   name: t,
   status: i = "online",
   connections: o = [],
@@ -1339,22 +1339,22 @@ function Lt({
   _onComponentClick: x,
   _containerWidth: $
 }) {
-  const g = ke(ut), w = ke(ht), T = a ?? w.index, I = s ?? g?.totalSystems ?? 1, C = l ?? g?.carouselRotation ?? 0, N = u ?? g?.viewState ?? "compact", U = c ?? g?.animPhase ?? 0, M = p ?? g?.selectedSystem ?? null, X = f ?? g?.selectedComponent ?? null, ee = b ?? g?.rotateY ?? 20, ce = h ?? g?.autoRotateComponents ?? !0, ne = y ?? g?.componentScale ?? 0.35, m = v ?? g?.drillZoom ?? 3.3, L = k ?? g?.onSelectSystem, W = x ?? g?.onComponentClick, K = g?.onComponentDataUpdate, E = $ ?? g?.containerWidth ?? 950, P = g?.onNodeAlertsChange, B = j(P);
+  const g = ke(ut), w = ke(ht), T = a ?? w.index, N = s ?? g?.totalSystems ?? 1, C = l ?? g?.carouselRotation ?? 0, O = u ?? g?.viewState ?? "compact", U = c ?? g?.animPhase ?? 0, M = p ?? g?.selectedSystem ?? null, X = f ?? g?.selectedComponent ?? null, ee = b ?? g?.rotateY ?? 20, ce = h ?? g?.autoRotateComponents ?? !0, ne = y ?? g?.componentScale ?? 0.35, m = v ?? g?.drillZoom ?? 3.3, L = k ?? g?.onSelectSystem, W = x ?? g?.onComponentClick, K = g?.onComponentDataUpdate, E = $ ?? g?.containerWidth ?? 950, P = g?.onNodeAlertsChange, B = j(P);
   B.current = P;
   const q = j(/* @__PURE__ */ new Map()), oe = le(
-    (re, _e, Gt) => {
+    (re, _e, Kt) => {
       const ot = q.current;
-      _e && _e !== "online" ? ot.set(re, { severity: _e, msg: Gt }) : ot.delete(re);
+      _e && _e !== "online" ? ot.set(re, { severity: _e, msg: Kt }) : ot.delete(re);
       const St = [];
-      for (const [Kt, rt] of ot)
+      for (const [Zt, rt] of ot)
         St.push({
           level: rt.severity === "critical" || rt.severity === "offline" ? "critical" : "warning",
-          message: `${Kt}: ${rt.msg}`
+          message: `${Zt}: ${rt.msg}`
         });
       B.current?.(t, St);
     },
     [t]
-  ), te = M === t, H = te && (N === "expanded" || N === "expanding" && U >= 1), pe = !H, me = (E - di) / 2, ye = wt + me, ve = T / I * Math.PI * 2 + C, He = 420, Pe = 160, fe = ye + Math.cos(ve) * He, S = 450 + Math.sin(ve) * Pe, Q = Math.round(S), ue = !te && (N === "expanding" || N === "expanded"), G = ue ? 0 : 1, Z = pe ? 0.3 + (Math.sin(ve) + 1) * 0.1 : 1, Y = pe ? Z : ne, Ae = N === "compact" || N === "collapsing" ? "none" : "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)", Ve = te && X, nt = Ve ? m : 1, Vt = X?.ex ?? 330, _t = X?.ey ?? 300, { size: jt = 90, color: Xt = "#00e5ff", widthRatio: qt = 3 } = n ?? {}, Qt = {
+  ), te = M === t, H = te && (O === "expanded" || O === "expanding" && U >= 1), pe = !H, me = (E - ci) / 2, ye = wt + me, ve = T / N * Math.PI * 2 + C, He = 420, Pe = 160, fe = ye + Math.cos(ve) * He, S = 450 + Math.sin(ve) * Pe, Q = Math.round(S), ue = !te && (O === "expanding" || O === "expanded"), G = ue ? 0 : 1, Z = pe ? 0.3 + (Math.sin(ve) + 1) * 0.1 : 1, Y = pe ? Z : ne, Ae = O === "compact" || O === "collapsing" ? "none" : "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)", Ve = te && X, nt = Ve ? m : 1, _t = X?.ex ?? 330, jt = X?.ey ?? 300, { size: Xt = 90, color: qt = "#00e5ff", widthRatio: Qt = 3 } = n ?? {}, Gt = {
     name: t,
     isSelected: te,
     isExpandedPos: H,
@@ -1373,7 +1373,7 @@ function Lt({
     expandedOffsetX: me,
     registerNodeAlert: oe
   };
-  return /* @__PURE__ */ e(Ee.Provider, { value: Qt, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(Ee.Provider, { value: Gt, children: /* @__PURE__ */ d(
     "div",
     {
       style: {
@@ -1384,11 +1384,11 @@ function Lt({
         height: "100%",
         pointerEvents: "none",
         opacity: G,
-        transition: `opacity 0.8s ease, filter 0.5s ease, transform 0.6s ${si}`,
+        transition: `opacity 0.8s ease, filter 0.5s ease, transform 0.6s ${di}`,
         filter: pe && Math.sin(ve) < -0.5 ? "brightness(0.5) blur(2px)" : "none",
         zIndex: te ? 500 : ue ? 0 : Q,
         transformOrigin: `${ye}px ${$t}px`,
-        transform: Ve ? `translate(${-(Vt - wt) * nt}px, ${-(_t - $t) * nt}px) scale(${nt})` : "none"
+        transform: Ve ? `translate(${-(_t - wt) * nt}px, ${-(jt - $t) * nt}px) scale(${nt})` : "none"
       },
       children: [
         pe && !ue && /* @__PURE__ */ e(
@@ -1497,7 +1497,7 @@ function Lt({
               transition: Ae
             },
             children: o.map((re, _e) => /* @__PURE__ */ e(
-              ri,
+              ai,
               {
                 x1: re.from[0],
                 y1: re.from[1],
@@ -1522,7 +1522,7 @@ function Lt({
               transition: Ae,
               zIndex: 1
             },
-            children: /* @__PURE__ */ e(li, { size: jt, color: Xt, widthRatio: qt, children: /* @__PURE__ */ e("div", { className: "base-hotspot" }) })
+            children: /* @__PURE__ */ e(si, { size: Xt, color: qt, widthRatio: Qt, children: /* @__PURE__ */ e("div", { className: "base-hotspot" }) })
           }
         ),
         r
@@ -1555,7 +1555,7 @@ function V({
   }
   let w = "translate(0, -50%)";
   u === "left" && (w = "translate(-100%, -50%)"), u === "top" && (w = "translate(-50%, -100%)"), u === "bottom" && (w = "translate(-50%, 0)");
-  const T = u === "left" ? -8 : u === "right" ? 8 : 0, I = u === "top" ? -8 : u === "bottom" ? 8 : 0;
+  const T = u === "left" ? -8 : u === "right" ? 8 : 0, N = u === "top" ? -8 : u === "bottom" ? 8 : 0;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -1605,7 +1605,7 @@ function V({
               top: $,
               transform: w,
               marginLeft: T,
-              marginTop: I,
+              marginTop: N,
               background: "repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.03) 4px), rgba(2, 8, 16, 0.82)",
               border: `1px solid ${h}55`,
               borderLeft: `2px solid ${h}`,
@@ -1677,21 +1677,21 @@ function V({
     }
   );
 }
-const It = 70, Ot = 85, ci = {
+const It = 70, Ot = 85, pi = {
   online: 0,
   warning: 1,
   offline: 2,
   critical: 3
 };
 function kt(t) {
-  return ci[t] ?? 0;
+  return pi[t] ?? 0;
 }
-function pi(t) {
+function fi(t) {
   if (!t) return null;
   const i = t.dialogMetrics ?? t.context?.dialogMetrics;
-  return i && i.length > 0 ? fi(i) : ui(t.context);
+  return i && i.length > 0 ? ui(i) : hi(t.context);
 }
-function fi(t) {
+function ui(t) {
   let i = null;
   for (const r of t) {
     if (r.color) continue;
@@ -1706,7 +1706,7 @@ function fi(t) {
     internalRef: o.id.toUpperCase()
   };
 }
-function ui(t) {
+function hi(t) {
   if (!t) return null;
   const i = [];
   t.cpuLoad !== void 0 && i.push({ label: "CPU", value: t.cpuLoad, id: "CPU" }), t.memLoad !== void 0 && i.push({ label: "MEM", value: t.memLoad, id: "HEAP" }), t.traffic !== void 0 && i.push({ label: "TRAFFIC", value: t.traffic, id: "NET" }), t.queueDepth !== void 0 && i.push({ label: "QUEUE", value: t.queueDepth, id: "QUEUE" }), t.capacity !== void 0 && i.push({ label: "CAPACITY", value: t.capacity, id: "DISK" });
@@ -1721,8 +1721,8 @@ function ui(t) {
     internalRef: n.id
   };
 }
-function hi(t, i) {
-  const o = t?.status ?? "online", n = kt(o), r = pi(t), a = r ? kt(r.severity) : 0, s = n >= a ? o : r.severity;
+function gi(t, i) {
+  const o = t?.status ?? "online", n = kt(o), r = fi(t), a = r ? kt(r.severity) : 0, s = n >= a ? o : r.severity;
   if (n === 0 && a === 0)
     return { effectiveSeverity: "online", callout: null };
   let l;
@@ -1759,13 +1759,13 @@ function D({
     groupScale: g,
     effectiveScale: w,
     transitionValue: T,
-    onComponentClick: I,
+    onComponentClick: N,
     selectedComponentName: C,
-    expandedOffsetX: N,
+    expandedOffsetX: O,
     registerNodeAlert: U,
     onComponentDataUpdate: M
-  } = y, ee = p === 0 || y.isSelected && k >= p ? 1 : 0, ce = x + o.x, ne = $ + o.y, m = v ? t + N : ce, L = v ? i : ne, W = f !== void 0 ? f : y.isCompact ? g : w, K = !!c && !!C && c.name === C, { effectiveSeverity: E, callout: P } = be(
-    () => hi(c, h),
+  } = y, ee = p === 0 || y.isSelected && k >= p ? 1 : 0, ce = x + o.x, ne = $ + o.y, m = v ? t + O : ce, L = v ? i : ne, W = f !== void 0 ? f : y.isCompact ? g : w, K = !!c && !!C && c.name === C, { effectiveSeverity: E, callout: P } = be(
+    () => gi(c, h),
     [c, h]
   );
   ge(() => (c?.name && U && U(
@@ -1798,7 +1798,7 @@ function D({
       graphSeries: S.graphSeries
     });
   }, [te, K]);
-  const pe = E !== "online" ? A[E]?.color ?? a : a, me = E === "offline" ? "#4a6a8a" : pe, ye = c && v && I ? () => I({
+  const pe = E !== "online" ? A[E]?.color ?? a : a, me = E === "offline" ? "#4a6a8a" : pe, ye = c && v && N ? () => N({
     type: c.type,
     name: c.name,
     status: c.status,
@@ -1844,7 +1844,7 @@ function D({
             }
           ),
           b ? fe : /* @__PURE__ */ e(
-            gi,
+            bi,
             {
               statusColor: me,
               label: s,
@@ -1878,7 +1878,7 @@ function D({
     )
   ] });
 }
-function gi({
+function bi({
   children: t,
   statusColor: i,
   label: o,
@@ -1961,7 +1961,7 @@ function gi({
     }
   );
 }
-function Nt({ synced: t, latencyMs: i }) {
+function Dt({ synced: t, latencyMs: i }) {
   const o = t ? "#00ff88" : "#ff8c00";
   return /* @__PURE__ */ d("div", { className: "sync-bridge", children: [
     /* @__PURE__ */ d("div", { className: "sync-arrows", children: [
@@ -1997,7 +1997,7 @@ function Nt({ synced: t, latencyMs: i }) {
   ] });
 }
 const xe = 140, ae = 240, $e = 160, Te = ft(xe, ae, $e);
-function bi({
+function mi({
   cfg: t,
   name: i,
   cpuLoad: o,
@@ -2409,7 +2409,7 @@ function bi({
     }
   );
 }
-function mi() {
+function yi() {
   return /* @__PURE__ */ d(
     "div",
     {
@@ -2623,7 +2623,7 @@ function Rt({
     }
   );
 }
-function yi({ cpuLoad: t }) {
+function vi({ cpuLoad: t }) {
   const i = t / 100, o = i > 0.75 ? "rgba(255,34,85,0.16)" : i > 0.45 ? "rgba(255,140,0,0.12)" : "rgba(0,229,255,0.08)", n = Math.floor(($e - 18) / 7);
   return /* @__PURE__ */ d(
     "div",
@@ -2820,7 +2820,7 @@ function Ce({
                 },
                 children: [
                   /* @__PURE__ */ e("div", { style: Te.front, children: /* @__PURE__ */ e(
-                    bi,
+                    mi,
                     {
                       cfg: v,
                       name: s,
@@ -2831,10 +2831,10 @@ function Ce({
                       brandLabel: c
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { style: Te.back, children: /* @__PURE__ */ e(mi, {}) }),
+                  /* @__PURE__ */ e("div", { style: Te.back, children: /* @__PURE__ */ e(yi, {}) }),
                   /* @__PURE__ */ e("div", { style: Te.left, children: /* @__PURE__ */ e(Rt, { side: "left", color: v.color, brandLabel: c }) }),
                   /* @__PURE__ */ e("div", { style: Te.right, children: /* @__PURE__ */ e(Rt, { side: "right", color: v.color, brandLabel: c }) }),
-                  /* @__PURE__ */ e("div", { style: Te.top, children: /* @__PURE__ */ e(yi, { cpuLoad: l }) }),
+                  /* @__PURE__ */ e("div", { style: Te.top, children: /* @__PURE__ */ e(vi, { cpuLoad: l }) }),
                   /* @__PURE__ */ e("div", { style: Te.bottom, children: /* @__PURE__ */ e(
                     "div",
                     {
@@ -2854,7 +2854,7 @@ function Ce({
     }
   );
 }
-function mn({
+function yn({
   ex: t,
   ey: i,
   compactOffset: o,
@@ -2900,11 +2900,11 @@ function mn({
     }
   );
 }
-const ct = 12, Re = 55, he = Re * 2, Ne = 52, gt = 10, at = 3 * Ne + 2 * gt, Le = 2 * Math.PI * Re / ct, lt = Array.from({ length: ct }, (t, i) => i / ct * 360);
+const ct = 12, Re = 55, he = Re * 2, Oe = 52, gt = 10, at = 3 * Oe + 2 * gt, Le = 2 * Math.PI * Re / ct, lt = Array.from({ length: ct }, (t, i) => i / ct * 360);
 function st(t) {
   return Math.cos(t * Math.PI / 180) * 0.42 + 0.58;
 }
-function vi({
+function xi({
   diskY: t,
   diskIdx: i,
   cfg: o,
@@ -2921,7 +2921,7 @@ function vi({
           style: {
             position: "absolute",
             width: Le,
-            height: Ne,
+            height: Oe,
             left: (he - Le) / 2,
             top: t,
             transform: `rotateY(${s}deg) translateZ(${Re}px)`,
@@ -3047,7 +3047,7 @@ function vi({
           width: he + 4,
           height: he + 4,
           left: -2,
-          top: t + Ne - Re,
+          top: t + Oe - Re,
           borderRadius: "50%",
           transform: "rotateX(-90deg)",
           backfaceVisibility: "hidden",
@@ -3081,7 +3081,7 @@ function vi({
             width: Le + 1.5,
             height: 6,
             left: (he - Le - 1.5) / 2,
-            top: t + Ne - 3,
+            top: t + Oe - 3,
             transform: `rotateY(${s}deg) translateZ(${Re + 1.5}px)`,
             backfaceVisibility: "hidden",
             background: o.color,
@@ -3102,7 +3102,7 @@ function vi({
             width: Le,
             height: gt,
             left: (he - Le) / 2,
-            top: t + Ne,
+            top: t + Oe,
             transform: `rotateY(${s}deg) translateZ(${Re}px)`,
             backfaceVisibility: "hidden",
             background: `rgb(${c},${p},${f})`
@@ -3236,9 +3236,9 @@ function Xe({
                   transition: r ? "none" : "transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94)"
                 },
                 children: [0, 1, 2].map((h) => /* @__PURE__ */ e(
-                  vi,
+                  xi,
                   {
-                    diskY: h * (Ne + gt),
+                    diskY: h * (Oe + gt),
                     diskIdx: h,
                     cfg: b,
                     hasRingBelow: h < 2,
@@ -3255,7 +3255,7 @@ function Xe({
     }
   );
 }
-function yn({
+function vn({
   ex: t,
   ey: i,
   compactOffset: o,
@@ -3411,7 +3411,7 @@ function bt({ status: t = "online", scale: i = 1 }) {
     }
   );
 }
-function vn({
+function xn({
   ex: t,
   ey: i,
   compactOffset: o,
@@ -3434,8 +3434,8 @@ function vn({
     }
   );
 }
-const Se = 190, se = 72, De = 120, Ie = ft(Se, se, De);
-function xi({
+const Se = 190, se = 72, De = 120, Ne = ft(Se, se, De);
+function Si({
   cfg: t,
   name: i,
   traffic: o,
@@ -3697,7 +3697,7 @@ function xi({
     }
   );
 }
-function Si() {
+function wi() {
   return /* @__PURE__ */ d(
     "div",
     {
@@ -3842,7 +3842,7 @@ function Ct({ side: t, color: i }) {
     }
   );
 }
-function wi({ traffic: t }) {
+function $i({ traffic: t }) {
   const i = Math.floor((De - 14) / 7);
   return /* @__PURE__ */ d(
     "div",
@@ -4024,8 +4024,8 @@ function mt({
                   transition: r ? "none" : "transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94)"
                 },
                 children: [
-                  /* @__PURE__ */ e("div", { style: Ie.front, children: /* @__PURE__ */ e(
-                    xi,
+                  /* @__PURE__ */ e("div", { style: Ne.front, children: /* @__PURE__ */ e(
+                    Si,
                     {
                       cfg: y,
                       name: s,
@@ -4034,11 +4034,11 @@ function mt({
                       compact: c
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { style: Ie.back, children: /* @__PURE__ */ e(Si, {}) }),
-                  /* @__PURE__ */ e("div", { style: Ie.left, children: /* @__PURE__ */ e(Ct, { side: "left", color: y.color }) }),
-                  /* @__PURE__ */ e("div", { style: Ie.right, children: /* @__PURE__ */ e(Ct, { side: "right", color: y.color }) }),
-                  /* @__PURE__ */ e("div", { style: Ie.top, children: /* @__PURE__ */ e(wi, { traffic: l }) }),
-                  /* @__PURE__ */ e("div", { style: Ie.bottom, children: /* @__PURE__ */ e("div", { style: { width: Se, height: De, background: "#020508" } }) })
+                  /* @__PURE__ */ e("div", { style: Ne.back, children: /* @__PURE__ */ e(wi, {}) }),
+                  /* @__PURE__ */ e("div", { style: Ne.left, children: /* @__PURE__ */ e(Ct, { side: "left", color: y.color }) }),
+                  /* @__PURE__ */ e("div", { style: Ne.right, children: /* @__PURE__ */ e(Ct, { side: "right", color: y.color }) }),
+                  /* @__PURE__ */ e("div", { style: Ne.top, children: /* @__PURE__ */ e($i, { traffic: l }) }),
+                  /* @__PURE__ */ e("div", { style: Ne.bottom, children: /* @__PURE__ */ e("div", { style: { width: Se, height: De, background: "#020508" } }) })
                 ]
               }
             )
@@ -4048,7 +4048,7 @@ function mt({
     }
   );
 }
-function xn({
+function Sn({
   ex: t,
   ey: i,
   compactOffset: o,
@@ -4093,13 +4093,13 @@ function xn({
     }
   );
 }
-const we = 190, de = 72, Me = 120, Oe = ft(we, de, Me), Et = {
+const we = 190, de = 72, Me = 120, Ie = ft(we, de, Me), Et = {
   online: { color: "#bb55ff", glow: "rgba(187,85,255,0.50)" },
   warning: { color: "#ff8c00", glow: "rgba(255,140,0,0.50)" },
   critical: { color: "#ff2255", glow: "rgba(255,34,85,0.50)" },
   offline: { color: "#1e3a5a", glow: "rgba(30,58,90,0.25)" }
 };
-function $i({
+function ki({
   cfg: t,
   name: i,
   queueDepth: o,
@@ -4358,7 +4358,7 @@ function $i({
     }
   );
 }
-function ki() {
+function Ri() {
   return /* @__PURE__ */ d(
     "div",
     {
@@ -4503,7 +4503,7 @@ function Pt({ side: t, color: i }) {
     }
   );
 }
-function Ri({ queueDepth: t, color: i }) {
+function Ci({ queueDepth: t, color: i }) {
   const o = Math.floor((Me - 14) / 7);
   return /* @__PURE__ */ d(
     "div",
@@ -4562,7 +4562,7 @@ function Ri({ queueDepth: t, color: i }) {
     }
   );
 }
-function Dt({
+function Mt({
   rotateX: t = -20,
   rotateY: i = 20,
   rotateZ: o = 0,
@@ -4686,8 +4686,8 @@ function Dt({
                   transition: r ? "none" : "transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94)"
                 },
                 children: [
-                  /* @__PURE__ */ e("div", { style: Oe.front, children: /* @__PURE__ */ e(
-                    $i,
+                  /* @__PURE__ */ e("div", { style: Ie.front, children: /* @__PURE__ */ e(
+                    ki,
                     {
                       cfg: v,
                       name: s,
@@ -4697,11 +4697,11 @@ function Dt({
                       compact: p
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { style: Oe.back, children: /* @__PURE__ */ e(ki, {}) }),
-                  /* @__PURE__ */ e("div", { style: Oe.left, children: /* @__PURE__ */ e(Pt, { side: "left", color: v.color }) }),
-                  /* @__PURE__ */ e("div", { style: Oe.right, children: /* @__PURE__ */ e(Pt, { side: "right", color: v.color }) }),
-                  /* @__PURE__ */ e("div", { style: Oe.top, children: /* @__PURE__ */ e(Ri, { queueDepth: l, color: v.color }) }),
-                  /* @__PURE__ */ e("div", { style: Oe.bottom, children: /* @__PURE__ */ e("div", { style: { width: we, height: Me, background: "#020508" } }) })
+                  /* @__PURE__ */ e("div", { style: Ie.back, children: /* @__PURE__ */ e(Ri, {}) }),
+                  /* @__PURE__ */ e("div", { style: Ie.left, children: /* @__PURE__ */ e(Pt, { side: "left", color: v.color }) }),
+                  /* @__PURE__ */ e("div", { style: Ie.right, children: /* @__PURE__ */ e(Pt, { side: "right", color: v.color }) }),
+                  /* @__PURE__ */ e("div", { style: Ie.top, children: /* @__PURE__ */ e(Ci, { queueDepth: l, color: v.color }) }),
+                  /* @__PURE__ */ e("div", { style: Ie.bottom, children: /* @__PURE__ */ e("div", { style: { width: we, height: Me, background: "#020508" } }) })
                 ]
               }
             )
@@ -4711,13 +4711,13 @@ function Dt({
     }
   );
 }
-const Ci = {
+const Ei = {
   online: "#bb55ff",
   warning: "#ff8c00",
   critical: "#ff2255",
   offline: "#1e3a5a"
 };
-function Sn({
+function wn({
   ex: t,
   ey: i,
   compactOffset: o,
@@ -4736,7 +4736,7 @@ function Sn({
   graphSeries: v,
   alert: k
 }) {
-  const x = Ci[a] ?? l ?? "#bb55ff";
+  const x = Ei[a] ?? l ?? "#bb55ff";
   return /* @__PURE__ */ e(
     D,
     {
@@ -4760,7 +4760,7 @@ function Sn({
       },
       alert: k,
       children: /* @__PURE__ */ e(
-        Dt,
+        Mt,
         {
           status: a,
           queueDepth: p,
@@ -4777,7 +4777,7 @@ function z(t, i, o = 24) {
     return Math.min(100, Math.max(0, t + Math.sin(a * Math.PI * 2) * i + (Math.random() - 0.5) * 10));
   });
 }
-function Ei({ data: t, color: i, height: o = 28 }) {
+function Pi({ data: t, color: i, height: o = 28 }) {
   const r = o, a = Math.max(...t, 1), s = t.map((l, u) => {
     const c = u / (t.length - 1) * 120, p = r - l / a * (r - 4) - 2;
     return `${c},${p}`;
@@ -4795,7 +4795,7 @@ function Ei({ data: t, color: i, height: o = 28 }) {
     }
   ) });
 }
-function Pi({
+function Ai({
   type: t,
   name: i,
   context: o = {},
@@ -4803,7 +4803,7 @@ function Pi({
   animPhase: r,
   series: a
 }) {
-  const s = n === "critical" || n === "offline" ? "#ff2255" : n === "warning" ? "#ff8c00" : "#00e5ff", l = a ? a.map((p) => ({ ...p })) : Ai(t, o), u = r >= 0.3 ? 0 : -280, c = r >= 0.2 ? 1 : 0;
+  const s = n === "critical" || n === "offline" ? "#ff2255" : n === "warning" ? "#ff8c00" : "#00e5ff", l = a ? a.map((p) => ({ ...p })) : Ti(t, o), u = r >= 0.3 ? 0 : -280, c = r >= 0.2 ? 1 : 0;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -4858,7 +4858,7 @@ function Pi({
                   p.unit
                 ] })
               ] }),
-              /* @__PURE__ */ e(Ei, { data: p.data, color: p.color, height: 26 })
+              /* @__PURE__ */ e(Pi, { data: p.data, color: p.color, height: 26 })
             ]
           },
           p.id
@@ -4867,7 +4867,7 @@ function Pi({
     }
   );
 }
-function Ai(t, i) {
+function Ti(t, i) {
   if (t === "server") {
     const o = i.cpuLoad ?? 50, n = i.memLoad ?? 60;
     return [
@@ -4903,7 +4903,7 @@ function Ai(t, i) {
   }
   return [];
 }
-function Mt({
+function Wt({
   w: t,
   h: i,
   color: o,
@@ -5210,7 +5210,7 @@ function We({
   status: o = "online",
   activity: n = !1
 }) {
-  return /* @__PURE__ */ d(Mt, { w: 56, h: 22, color: t, label: i, status: o, children: [
+  return /* @__PURE__ */ d(Wt, { w: 56, h: 22, color: t, label: i, status: o, children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -5243,7 +5243,7 @@ function We({
     )
   ] });
 }
-function Wt({
+function zt({
   color: t = "#00e5ff",
   label: i = "NET",
   status: o = "online"
@@ -5312,7 +5312,7 @@ function _({
   label: i = "THREAD",
   status: o = "online"
 }) {
-  return /* @__PURE__ */ e(Mt, { w: 44, h: 28, color: t, label: i, status: o });
+  return /* @__PURE__ */ e(Wt, { w: 44, h: 28, color: t, label: i, status: o });
 }
 function Ge({
   color: t = "#ff8c00",
@@ -5468,7 +5468,7 @@ function ie({
     }
   );
 }
-function Ti(t, i, o, n) {
+function Li(t, i, o, n) {
   const r = o === "online" ? "online" : o;
   return t === "server" ? [
     {
@@ -5572,7 +5572,7 @@ function Ti(t, i, o, n) {
     }
   ] : [];
 }
-const F = "cubic-bezier(0.34, 1.56, 0.64, 1)", Li = "cubic-bezier(0.16, 1, 0.3, 1)";
+const F = "cubic-bezier(0.34, 1.56, 0.64, 1)", Ni = "cubic-bezier(0.16, 1, 0.3, 1)";
 function Ii({ items: t, revealPhase: i }) {
   return /* @__PURE__ */ e(
     "div",
@@ -5705,7 +5705,7 @@ function Oi({
       {
         key: "net",
         delay: 8,
-        el: /* @__PURE__ */ e(Wt, { color: a, label: "NET", status: n[8]?.status })
+        el: /* @__PURE__ */ e(zt, { color: a, label: "NET", status: n[8]?.status })
       }
     ];
     return /* @__PURE__ */ e(
@@ -5910,7 +5910,7 @@ function Oi({
   }
   return null;
 }
-function wn({
+function $n({
   type: t,
   name: i,
   status: o,
@@ -5920,7 +5920,7 @@ function wn({
   subComponents: s,
   graphSeries: l
 }) {
-  const u = Ti(t, i, o, a), c = A[o]?.color ?? A.online.color, p = r >= 0.1 ? 1 : r * 10, f = r >= 0.2 ? "-50%" : "0%", b = r >= 0.2 ? "50%" : "0%", h = r >= 0.25 ? Math.min(1, (r - 0.25) * 1.5) : 0;
+  const u = Li(t, i, o, a), c = A[o]?.color ?? A.online.color, p = r >= 0.1 ? 1 : r * 10, f = r >= 0.2 ? "-50%" : "0%", b = r >= 0.2 ? "50%" : "0%", h = r >= 0.25 ? Math.min(1, (r - 0.25) * 1.5) : 0;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -5944,13 +5944,13 @@ function wn({
               backdropFilter: "blur(10px)",
               WebkitBackdropFilter: "blur(10px)",
               opacity: p,
-              transition: `opacity 0.4s ${Li}`
+              transition: `opacity 0.4s ${Ni}`
             },
             onClick: n
           }
         ),
         /* @__PURE__ */ e(
-          Pi,
+          Ai,
           {
             type: t,
             name: i,
@@ -6141,7 +6141,7 @@ function wn({
     }
   );
 }
-function zt({ onSubmit: t }) {
+function Ut({ onSubmit: t }) {
   const [i, o] = R(""), [n, r] = R(""), [a, s] = R(null), [l, u] = R(!1), c = i.trim().length > 0 && n.trim().length > 0;
   return /* @__PURE__ */ e("div", { className: "cred-overlay", children: /* @__PURE__ */ d("form", { className: "cred-panel", onSubmit: (f) => {
     f.preventDefault(), c && t({ accessKey: i.trim(), secretKey: n.trim() });
@@ -6233,27 +6233,27 @@ function zt({ onSubmit: t }) {
   ] }) });
 }
 const yt = it(null);
-function Ni() {
+function Di() {
   const t = ke(yt);
   if (!t)
     throw new Error("useAIOpsData must be used within an AIOPsDashboard with dataEndpoint configured");
   return t;
 }
-function Ut() {
+function Ft() {
   return ke(yt);
 }
-function $n(t) {
-  const { data: i } = Ni();
+function kn(t) {
+  const { data: i } = Di();
   return i[t] ?? null;
 }
-function Di(t) {
+function Mi(t) {
   const i = /* @__PURE__ */ new Set();
   for (const o of Object.values(t))
     for (const n of Object.values(o))
       i.add(typeof n == "string" ? n : n.query);
   return Array.from(i);
 }
-function Mi(t) {
+function Wi(t) {
   if (typeof t == "number") return t;
   if (typeof t == "string") {
     const i = Number(t);
@@ -6261,7 +6261,7 @@ function Mi(t) {
   }
   return t;
 }
-function Wi({ config: t, children: i }) {
+function zi({ config: t, children: i }) {
   const [o, n] = R({}), [r, a] = R(null), [s, l] = R(!1), [u, c] = R(null), [p, f] = R(null), b = j(t);
   b.current = t;
   const h = j(r);
@@ -6273,7 +6273,7 @@ function Wi({ config: t, children: i }) {
       try {
         const g = await Promise.allSettled(
           $.queries.map((C) => {
-            const N = $.endpoint.includes("?") ? "&" : "?", U = `${$.endpoint}${N}query=${encodeURIComponent(C)}`;
+            const O = $.endpoint.includes("?") ? "&" : "?", U = `${$.endpoint}${O}query=${encodeURIComponent(C)}`;
             return fetch(U, {
               method: "GET",
               headers: {
@@ -6290,10 +6290,10 @@ function Wi({ config: t, children: i }) {
         for (const C of g)
           C.status === "fulfilled" ? w[C.value.query] = C.value.data : T++;
         n((C) => ({ ...C, ...w }));
-        const I = $.queries.length;
+        const N = $.queries.length;
         c(
-          T > 0 ? `${T} of ${I} queries failed to refresh` : null
-        ), T < I && f(/* @__PURE__ */ new Date());
+          T > 0 ? `${T} of ${N} queries failed to refresh` : null
+        ), T < N && f(/* @__PURE__ */ new Date());
       } catch (g) {
         const w = g instanceof Error ? g.message : "Refresh failed";
         c(w);
@@ -6321,10 +6321,10 @@ function Wi({ config: t, children: i }) {
   };
   return /* @__PURE__ */ d(yt.Provider, { value: k, children: [
     i,
-    !r && /* @__PURE__ */ e(zt, { onSubmit: v })
+    !r && /* @__PURE__ */ e(Ut, { onSubmit: v })
   ] });
 }
-const zi = "/tsws/monitoring/api/v1.0/events/search", Ui = 6e4, Fi = "ev_col_widths", Bi = 365 * 24 * 60 * 60, Hi = {
+const Ui = "/tsws/monitoring/api/v1.0/events/search", Fi = 6e4, Bi = "ev_col_widths", Hi = 365 * 24 * 60 * 60, Yi = {
   CRITICAL: "Critical",
   MAJOR: "Major",
   MINOR: "Minor"
@@ -6347,17 +6347,17 @@ const zi = "/tsws/monitoring/api/v1.0/events/search", Ui = 6e4, Fi = "ev_col_wid
   { key: "hostedApplication", label: "Hosted App", defaultWidth: 145 },
   { key: "monitoringCategory", label: "Mon. Category", defaultWidth: 120 },
   { key: "applicationSupportUnit", label: "App Support Unit", defaultWidth: 160 }
-], Ft = 60;
-function Yi(t) {
+], Bt = 60;
+function Vi(t) {
   const i = document.cookie.match(new RegExp(`(?:^|;\\s*)${t}=([^;]*)`));
   return i ? decodeURIComponent(i[1]) : null;
 }
-function Vi(t, i) {
-  document.cookie = `${t}=${encodeURIComponent(i)};path=/;max-age=${Bi};SameSite=Lax`;
+function _i(t, i) {
+  document.cookie = `${t}=${encodeURIComponent(i)};path=/;max-age=${Hi};SameSite=Lax`;
 }
-function _i(t) {
+function ji(t) {
   try {
-    const i = Yi(t);
+    const i = Vi(t);
     if (!i) return null;
     const o = JSON.parse(i);
     if (typeof o == "object" && o !== null) return o;
@@ -6365,15 +6365,32 @@ function _i(t) {
   }
   return null;
 }
-function ji(t, i) {
-  Vi(t, JSON.stringify(i));
+function Xi(t, i) {
+  _i(t, JSON.stringify(i));
+}
+function At(t) {
+  if (t == null || t === "") return "";
+  const i = Number(t);
+  if (!isNaN(i) && i > 0) {
+    const n = i <= 9999999999 ? i * 1e3 : i, r = new Date(n);
+    if (!isNaN(r.getTime())) {
+      const a = (s) => String(s).padStart(2, "0");
+      return `${r.getFullYear()}-${a(r.getMonth() + 1)}-${a(r.getDate())} ${a(r.getHours())}:${a(r.getMinutes())}:${a(r.getSeconds())}`;
+    }
+  }
+  const o = new Date(String(t));
+  if (!isNaN(o.getTime())) {
+    const n = (r) => String(r).padStart(2, "0");
+    return `${o.getFullYear()}-${n(o.getMonth() + 1)}-${n(o.getDate())} ${n(o.getHours())}:${n(o.getMinutes())}:${n(o.getSeconds())}`;
+  }
+  return String(t);
 }
-function Xi(t, i, o) {
-  const n = i.fieldMapping, r = i.severityMap ?? Hi, a = String(t[n.severity] ?? ""), s = r[a] ?? r[a.toUpperCase()] ?? "Minor";
+function qi(t, i, o) {
+  const n = i.fieldMapping, r = i.severityMap ?? Yi, a = String(t[n.severity] ?? ""), s = r[a] ?? r[a.toUpperCase()] ?? "Minor";
   return {
     id: String(t[n.id] ?? `evt-${o}`),
-    occurrence: String(t[n.occurrence] ?? ""),
-    severityLastModified: String(t[n.severityLastModified] ?? ""),
+    occurrence: At(t[n.occurrence]),
+    severityLastModified: At(t[n.severityLastModified]),
     severity: s,
     owner: String(t[n.owner] ?? ""),
     class: String(t[n.class] ?? ""),
@@ -6388,8 +6405,8 @@ function Xi(t, i, o) {
     applicationSupportUnit: String(t[n.applicationSupportUnit] ?? "")
   };
 }
-function qi(t, i, o) {
-  const n = `${t.baseUrl}${t.endpoint ?? zi}`;
+function Qi(t, i, o) {
+  const n = `${t.baseUrl}${t.endpoint ?? Ui}`;
   return fetch(n, {
     method: "POST",
     headers: {
@@ -6403,14 +6420,14 @@ function qi(t, i, o) {
     if (!r.ok) throw new Error(`HTTP ${r.status}: ${r.statusText}`);
     return r.json();
   }).then((r) => {
-    const s = (r.eventList ?? []).map((c, p) => Xi(c, t, p)), l = r.totalCount ?? s.length, u = r.eventSeverityCount ?? {};
+    const s = (r.eventList ?? []).map((c, p) => qi(c, t, p)), l = r.totalCount ?? s.length, u = r.eventSeverityCount ?? {};
     return { events: s, totalCount: l, severityCounts: u };
   });
 }
-function Qi({ direction: t }) {
+function Gi({ direction: t }) {
   return t ? /* @__PURE__ */ e("span", { className: "ev-sort-arrow ev-sort-arrow--active", children: t === "asc" ? "▲" : "▼" }) : /* @__PURE__ */ e("span", { className: "ev-sort-arrow ev-sort-arrow--idle", children: "⇅" });
 }
-function Gi({ severity: t }) {
+function Ki({ severity: t }) {
   const i = Ke[t];
   return /* @__PURE__ */ d(
     "span",
@@ -6434,21 +6451,21 @@ function Gi({ severity: t }) {
     }
   );
 }
-function Ki({ status: t }) {
+function Zi({ status: t }) {
   return t ? /* @__PURE__ */ d("span", { className: `ev-sms-badge ${t === "SUCCESS" ? "ev-sms-badge--ok" : "ev-sms-badge--fail"}`, children: [
     /* @__PURE__ */ e("span", { className: "ev-sms-dot" }),
     t
   ] }) : /* @__PURE__ */ e("span", { className: "ev-cell-dim", children: "—" });
 }
-function Zi(t) {
-  const i = Ut(), [o, n] = R(null), r = t ?? i?.credentials ?? o;
+function Ji(t) {
+  const i = Ft(), [o, n] = R(null), r = t ?? i?.credentials ?? o;
   return {
     credentials: r,
     setCredentials: n,
     needsModal: !r
   };
 }
-function Ji(t, i) {
+function en(t, i) {
   const [o, n] = R([]), [r, a] = R(0), [s, l] = R({}), [u, c] = R(!1), [p, f] = R(null), [b, h] = R(null), y = j(t);
   y.current = t;
   const v = j(i);
@@ -6458,7 +6475,7 @@ function Ji(t, i) {
     if (!(!$ || !g)) {
       c(!0), f(null);
       try {
-        const w = await qi($, g, x);
+        const w = await Qi($, g, x);
         if (x?.aborted) return;
         n(w.events), a(w.totalCount), l(w.severityCounts), h(/* @__PURE__ */ new Date());
       } catch (w) {
@@ -6474,29 +6491,29 @@ function Ji(t, i) {
     if (!t || !i) return;
     const x = new AbortController();
     k(x.signal);
-    const $ = t.refreshInterval ?? Ui, g = window.setInterval(() => k(x.signal), $);
+    const $ = t.refreshInterval ?? Fi, g = window.setInterval(() => k(x.signal), $);
     return () => {
       x.abort(), clearInterval(g);
     };
   }, [t, i, k]), { events: o, totalCount: r, apiSeverityCounts: s, isLoading: u, error: p, lastRefresh: b, refetch: k };
 }
-function en(t) {
+function tn(t) {
   const [i, o] = R(() => {
-    const r = _i(t), a = {};
+    const r = ji(t), a = {};
     for (const s of je) a[s.key] = r?.[s.key] ?? s.defaultWidth;
     return a;
   }), n = le(
     (r, a) => {
       o((s) => {
-        const l = { ...s, [r]: Math.max(Ft, a) };
-        return ji(t, l), l;
+        const l = { ...s, [r]: Math.max(Bt, a) };
+        return Xi(t, l), l;
       });
     },
     [t]
   );
   return { widths: i, updateWidth: n };
 }
-function tn({
+function nn({
   columnKey: t,
   onResize: i
 }) {
@@ -6507,7 +6524,7 @@ function tn({
       if (!r) return;
       const a = n.clientX, s = r.offsetWidth, l = (c) => {
         const p = c.clientX - a;
-        i(t, Math.max(Ft, s + p));
+        i(t, Math.max(Bt, s + p));
       }, u = () => {
         document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", u), document.body.style.cursor = "", document.body.style.userSelect = "";
       };
@@ -6517,22 +6534,22 @@ function tn({
   );
   return /* @__PURE__ */ e("div", { className: "ev-resize-handle", onMouseDown: o });
 }
-function kn({
+function Rn({
   apiConfig: t,
   events: i,
   credentials: o,
-  columnWidthsCookie: n = Fi,
+  columnWidthsCookie: n = Bi,
   title: r = "Event Console"
 }) {
-  const { credentials: a, setCredentials: s, needsModal: l } = Zi(o), {
+  const { credentials: a, setCredentials: s, needsModal: l } = Ji(o), {
     events: u,
     isLoading: c,
     error: p,
     lastRefresh: f,
     refetch: b
-  } = Ji(t, a), h = i ?? u, { widths: y, updateWidth: v } = en(n), [k, x] = R(
+  } = en(t, a), h = i ?? u, { widths: y, updateWidth: v } = tn(n), [k, x] = R(
     /* @__PURE__ */ new Set(["Minor", "Major", "Critical"])
-  ), [$, g] = R(""), [w, T] = R("occurrence"), [I, C] = R("desc"), N = le((m) => {
+  ), [$, g] = R(""), [w, T] = R("occurrence"), [N, C] = R("desc"), O = le((m) => {
     x((L) => {
       const W = new Set(L);
       return W.has(m) ? W.size > 1 && W.delete(m) : W.add(m), W;
@@ -6550,17 +6567,17 @@ function kn({
     const m = $.toLowerCase();
     return h.filter((L) => k.has(L.severity) ? m ? L.message.toLowerCase().includes(m) || L.host.toLowerCase().includes(m) || L.owner.toLowerCase().includes(m) || L.incidentId.toLowerCase().includes(m) : !0 : !1);
   }, [h, k, $]), ee = be(() => {
-    if (!I) return X;
+    if (!N) return X;
     const m = [...X];
     return m.sort((L, W) => {
       const K = L[w] ?? "", E = W[w] ?? "", P = String(K).localeCompare(String(E));
-      return I === "asc" ? P : -P;
+      return N === "asc" ? P : -P;
     }), m;
-  }, [X, w, I]), ce = le((m) => {
+  }, [X, w, N]), ce = le((m) => {
     g(m.target.value);
   }, []), ne = t && !i && l;
   return /* @__PURE__ */ d("div", { className: "ev-root", children: [
-    ne && /* @__PURE__ */ e(zt, { onSubmit: s }),
+    ne && /* @__PURE__ */ e(Ut, { onSubmit: s }),
     /* @__PURE__ */ d("div", { className: "ev-header", children: [
       /* @__PURE__ */ d("div", { className: "ev-header-left", children: [
         /* @__PURE__ */ e("span", { className: "ev-header-pulse" }),
@@ -6608,7 +6625,7 @@ function kn({
               color: L.color,
               boxShadow: `0 0 8px ${L.glow}`
             } : void 0,
-            onClick: () => N(m),
+            onClick: () => O(m),
             children: [
               /* @__PURE__ */ e(
                 "span",
@@ -6646,9 +6663,9 @@ function kn({
       /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: je.map((m) => /* @__PURE__ */ d("th", { className: "ev-th", onClick: () => U(m.key), children: [
         /* @__PURE__ */ d("span", { className: "ev-th-inner", children: [
           m.label,
-          /* @__PURE__ */ e(Qi, { direction: w === m.key ? I : null })
+          /* @__PURE__ */ e(Gi, { direction: w === m.key ? N : null })
         ] }),
-        /* @__PURE__ */ e(tn, { columnKey: m.key, onResize: v })
+        /* @__PURE__ */ e(nn, { columnKey: m.key, onResize: v })
       ] }, m.key)) }) }),
       /* @__PURE__ */ e("tbody", { children: h.length === 0 && !c && !ne ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: je.length, className: "ev-empty", children: p ? `Failed to load events: ${p}` : t ? "No events returned from the API" : "No events provided" }) }) : ee.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: je.length, className: "ev-empty", children: c ? "Loading events…" : "No events match current filters" }) }) : ee.map((m) => /* @__PURE__ */ d(
         "tr",
@@ -6660,7 +6677,7 @@ function kn({
           },
           children: [
             /* @__PURE__ */ e("td", { className: "ev-td ev-td-mono", children: m.occurrence }),
-            /* @__PURE__ */ e("td", { className: "ev-td", children: /* @__PURE__ */ e(Gi, { severity: m.severity }) }),
+            /* @__PURE__ */ e("td", { className: "ev-td", children: /* @__PURE__ */ e(Ki, { severity: m.severity }) }),
             /* @__PURE__ */ e("td", { className: "ev-td ev-td-mono", children: m.severityLastModified }),
             /* @__PURE__ */ e("td", { className: "ev-td", children: m.owner }),
             /* @__PURE__ */ e("td", { className: "ev-td", children: /* @__PURE__ */ e("span", { className: "ev-class-tag", children: m.class }) }),
@@ -6668,7 +6685,7 @@ function kn({
             /* @__PURE__ */ e("td", { className: "ev-td ev-td-msg", children: m.message }),
             /* @__PURE__ */ e("td", { className: "ev-td", children: m.remedySupportGroup || /* @__PURE__ */ e("span", { className: "ev-cell-dim", children: "—" }) }),
             /* @__PURE__ */ e("td", { className: "ev-td ev-td-mono", children: m.incidentId || /* @__PURE__ */ e("span", { className: "ev-cell-dim", children: "—" }) }),
-            /* @__PURE__ */ e("td", { className: "ev-td", children: /* @__PURE__ */ e(Ki, { status: m.smsStatus }) }),
+            /* @__PURE__ */ e("td", { className: "ev-td", children: /* @__PURE__ */ e(Zi, { status: m.smsStatus }) }),
             /* @__PURE__ */ e("td", { className: "ev-td ev-td-mono", children: m.onCallNumber || /* @__PURE__ */ e("span", { className: "ev-cell-dim", children: "—" }) }),
             /* @__PURE__ */ e("td", { className: "ev-td", children: m.hostedApplication || /* @__PURE__ */ e("span", { className: "ev-cell-dim", children: "—" }) }),
             /* @__PURE__ */ e("td", { className: "ev-td", children: /* @__PURE__ */ e(
@@ -6690,30 +6707,30 @@ function kn({
     ] }) })
   ] });
 }
-function Rn(t) {
+function Cn(t) {
   const { liveData: i, dataEndpoint: o, dataBindings: n, dataRefreshInterval: r, serviceDataBindings: a } = t;
   if (i && o && n) {
-    const s = Di(n), l = [];
+    const s = Mi(n), l = [];
     if (a)
       for (const c of Object.values(a))
         for (const p of c)
           s.includes(p.query) || l.push(p.query);
     const u = [...s, ...l];
     return /* @__PURE__ */ e(
-      Wi,
+      zi,
       {
         config: {
           endpoint: o,
           queries: u,
           refreshInterval: r
         },
-        children: /* @__PURE__ */ e(At, { ...t })
+        children: /* @__PURE__ */ e(Tt, { ...t })
       }
     );
   }
-  return /* @__PURE__ */ e(At, { ...t });
+  return /* @__PURE__ */ e(Tt, { ...t });
 }
-function At({
+function Tt({
   brandName: t = "BUSAUD AIOps",
   brandTag: i = "3D MONITOR",
   services: o = [],
@@ -6726,18 +6743,18 @@ function At({
   serviceDataBindings: c,
   children: p
 }) {
-  const f = Ut(), [b] = R(20), [h] = R(!1), [y] = R(!0), [v] = R(0.45), [k] = R(3.3), [x, $] = R("compact"), [g, w] = R(0), [T, I] = R(null), [C, N] = R(null), [U, M] = R(0), [X, ee] = R(0), ce = (S) => {
-    x === "compact" && (I(S), $("expanding"), w(0), setTimeout(() => w(1), 50), setTimeout(() => w(2), 800), setTimeout(() => w(3), 1200), setTimeout(() => w(4), 1600), setTimeout(() => w(5), 2e3), setTimeout(() => {
+  const f = Ft(), [b] = R(20), [h] = R(!1), [y] = R(!0), [v] = R(0.45), [k] = R(3.3), [x, $] = R("compact"), [g, w] = R(0), [T, N] = R(null), [C, O] = R(null), [U, M] = R(0), [X, ee] = R(0), ce = (S) => {
+    x === "compact" && (N(S), $("expanding"), w(0), setTimeout(() => w(1), 50), setTimeout(() => w(2), 800), setTimeout(() => w(3), 1200), setTimeout(() => w(4), 1600), setTimeout(() => w(5), 2e3), setTimeout(() => {
       w(6), $("expanded");
     }, 2400));
   }, ne = () => {
-    C ? (N(null), M(0)) : x === "expanded" && ($("collapsing"), w(0), I(null), setTimeout(() => {
+    C ? (O(null), M(0)) : x === "expanded" && ($("collapsing"), w(0), N(null), setTimeout(() => {
       $((S) => S === "collapsing" ? "compact" : S);
     }, 1e3));
   }, m = (S) => {
-    N(S), M(0), ee((Q) => Q + 1);
+    O(S), M(0), ee((Q) => Q + 1);
   }, L = le((S) => {
-    N((Q) => !Q || Q.name !== S.name ? Q : S);
+    O((Q) => !Q || Q.name !== S.name ? Q : S);
   }, []);
   J.useEffect(() => {
     if (!C || X === 0) return;
@@ -6748,8 +6765,8 @@ function At({
     return () => cancelAnimationFrame(G);
   }, [X]);
   const W = () => {
-    N(null), M(0);
-  }, K = o.find((S) => S.name === T), E = K?.status ?? "online", P = K?.dbSync ?? !0, B = K?.alerts, q = f?.data, oe = u ?? Mi, te = be(() => {
+    O(null), M(0);
+  }, K = o.find((S) => S.name === T), E = K?.status ?? "online", P = K?.dbSync ?? !0, B = K?.alerts, q = f?.data, oe = u ?? Wi, te = be(() => {
     if (!q || !c) return null;
     const S = {};
     for (const [Q, ue] of Object.entries(c))
@@ -6826,7 +6843,7 @@ function At({
             },
             onClick: ne,
             children: /* @__PURE__ */ e(
-              oi,
+              ri,
               {
                 viewState: x,
                 animPhase: g,
@@ -6858,17 +6875,17 @@ function At({
     }
   );
 }
-function O(t, i, o = 24) {
+function I(t, i, o = 24) {
   return Array.from({ length: o }, (n, r) => {
     const a = r / o;
     return Math.min(100, Math.max(0, t + Math.sin(a * Math.PI * 2) * i + (Math.random() - 0.5) * 10));
   });
 }
-function Bt(t) {
+function Ht(t) {
   return t === "critical" || t === "offline" ? "#ff2255" : t === "warning" ? "#ff8c00" : "#00e5ff";
 }
 function ze(t, i, o) {
-  const n = t === "online" ? "online" : t, r = Bt(t), a = o?.cpuLoad ?? 50, s = o?.memLoad ?? 60, l = n === "critical" || n === "warning" && a > 80 ? n : "online", u = n === "warning" && s > 85 ? "warning" : n === "critical" ? "critical" : "online", c = n === "critical" && i === "APP-03" ? "critical" : "online", p = n === "offline" ? "offline" : "online";
+  const n = t === "online" ? "online" : t, r = Ht(t), a = o?.cpuLoad ?? 50, s = o?.memLoad ?? 60, l = n === "critical" || n === "warning" && a > 80 ? n : "online", u = n === "warning" && s > 85 ? "warning" : n === "critical" ? "critical" : "online", c = n === "critical" && i === "APP-03" ? "critical" : "online", p = n === "offline" ? "offline" : "online";
   return [
     { id: "cpu-0", label: "CPU-0", status: l, detail: n === "critical" ? "Core overload" : n === "warning" ? "Load spike" : void 0, element: /* @__PURE__ */ e(Ze, { color: r, label: "CPU-0", status: l, load: a }) },
     { id: "cpu-1", label: "CPU-1", status: "online", element: /* @__PURE__ */ e(Ze, { color: r, label: "CPU-1", status: "online", load: a * 0.7 }) },
@@ -6878,24 +6895,24 @@ function ze(t, i, o) {
     { id: "drive-2", label: "DRIVE-2", status: "online", element: /* @__PURE__ */ e(We, { color: r, label: "DRIVE-2", status: "online", activity: a > 30 }) },
     { id: "drive-3", label: "DRIVE-3", status: "online", element: /* @__PURE__ */ e(We, { color: r, label: "DRIVE-3", status: "online", activity: a > 50 }) },
     { id: "thread-pool", label: "THREAD-POOL", status: c, detail: c === "critical" ? "Thread exhaustion" : void 0, element: /* @__PURE__ */ e(_, { color: r, label: "THREAD-POOL", status: c }) },
-    { id: "network", label: "NET", status: p, element: /* @__PURE__ */ e(Wt, { color: r, label: "NET", status: p }) }
+    { id: "network", label: "NET", status: p, element: /* @__PURE__ */ e(zt, { color: r, label: "NET", status: p }) }
   ];
 }
 function Ue(t) {
   const i = t?.cpuLoad ?? 50, o = t?.memLoad ?? 60;
   return [
-    { id: "cpu", label: "CPU-0", unit: "%", color: "#00e5ff", data: O(i, 15) },
-    { id: "cpu1", label: "CPU-1", unit: "%", color: "#00e5ff", data: O(i * 0.7, 12) },
-    { id: "heap0", label: "HEAP-0", unit: "%", color: "#8855ee", data: O(o, 18) },
-    { id: "heap1", label: "HEAP-1", unit: "%", color: "#8855ee", data: O(o * 0.85, 14) },
-    { id: "drive1", label: "DRIVE-1 I/O", unit: "%", color: "#ff8c00", data: O(40, 25) },
-    { id: "drive2", label: "DRIVE-2 I/O", unit: "%", color: "#ff8c00", data: O(35, 20) },
-    { id: "drive3", label: "DRIVE-3 I/O", unit: "%", color: "#ff8c00", data: O(30, 22) },
-    { id: "thread", label: "THREAD-POOL", unit: "%", color: "#22aaff", data: O(55, 20) }
+    { id: "cpu", label: "CPU-0", unit: "%", color: "#00e5ff", data: I(i, 15) },
+    { id: "cpu1", label: "CPU-1", unit: "%", color: "#00e5ff", data: I(i * 0.7, 12) },
+    { id: "heap0", label: "HEAP-0", unit: "%", color: "#8855ee", data: I(o, 18) },
+    { id: "heap1", label: "HEAP-1", unit: "%", color: "#8855ee", data: I(o * 0.85, 14) },
+    { id: "drive1", label: "DRIVE-1 I/O", unit: "%", color: "#ff8c00", data: I(40, 25) },
+    { id: "drive2", label: "DRIVE-2 I/O", unit: "%", color: "#ff8c00", data: I(35, 20) },
+    { id: "drive3", label: "DRIVE-3 I/O", unit: "%", color: "#ff8c00", data: I(30, 22) },
+    { id: "thread", label: "THREAD-POOL", unit: "%", color: "#22aaff", data: I(55, 20) }
   ];
 }
-function Ht(t, i, o) {
-  const n = t === "online" ? "online" : t, r = Bt(t), a = n === "critical" || n === "offline" ? n : "online", s = n === "warning" ? "warning" : "online", l = n === "critical" ? "critical" : "online";
+function Yt(t, i, o) {
+  const n = t === "online" ? "online" : t, r = Ht(t), a = n === "critical" || n === "offline" ? n : "online", s = n === "warning" ? "warning" : "online", l = n === "critical" ? "critical" : "online";
   return [
     { id: "port-1", label: "PORT-1", status: "online", element: /* @__PURE__ */ e(ie, { color: r, label: "PORT-1", status: "online" }) },
     { id: "port-2", label: "PORT-2", status: "online", element: /* @__PURE__ */ e(ie, { color: r, label: "PORT-2", status: "online" }) },
@@ -6909,17 +6926,17 @@ function Ht(t, i, o) {
     { id: "https-worker", label: "HTTPS-WORKER", status: "online", element: /* @__PURE__ */ e(_, { color: "#bb55ff", label: "HTTPS-WORKER", status: "online" }) }
   ];
 }
-function Yt(t) {
+function Vt(t) {
   const i = t?.traffic ?? 50;
   return [
-    { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: O(i, 20) },
-    { id: "port1", label: "PORT-1", unit: "kbps", color: "#22aaff", data: O(60, 25) },
-    { id: "port2", label: "PORT-2", unit: "kbps", color: "#22aaff", data: O(45, 20) },
-    { id: "port3", label: "PORT-3", unit: "kbps", color: "#22aaff", data: O(70, 30) },
-    { id: "worker", label: "WORKER", unit: "%", color: "#bb55ff", data: O(i * 0.9, 15) }
+    { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: I(i, 20) },
+    { id: "port1", label: "PORT-1", unit: "kbps", color: "#22aaff", data: I(60, 25) },
+    { id: "port2", label: "PORT-2", unit: "kbps", color: "#22aaff", data: I(45, 20) },
+    { id: "port3", label: "PORT-3", unit: "kbps", color: "#22aaff", data: I(70, 30) },
+    { id: "worker", label: "WORKER", unit: "%", color: "#bb55ff", data: I(i * 0.9, 15) }
   ];
 }
-function nn(t, i, o) {
+function on(t, i, o) {
   const n = t === "online" ? "online" : t, r = n === "critical" ? "critical" : "online", a = n === "critical" || n === "offline" ? n : n === "warning" ? "warning" : "online", s = n === "critical" ? "critical" : "online";
   return [
     { id: "inst-0", label: "INST-0", status: "online", element: /* @__PURE__ */ e(ie, { color: "#bb55ff", label: "INST-0", status: "online" }) },
@@ -6931,14 +6948,14 @@ function nn(t, i, o) {
     { id: "worker-3", label: "WORKER-3", status: s, detail: s === "critical" ? "Worker timeout" : void 0, element: /* @__PURE__ */ e(_, { color: "#bb55ff", label: "WORKER-3", status: s }) }
   ];
 }
-function on(t) {
+function rn(t) {
   const i = t?.queueDepth ?? 50;
   return [
-    { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: O(i, 20) },
-    { id: "port1", label: "PORT-1", unit: "kbps", color: "#22aaff", data: O(60, 25) },
-    { id: "port2", label: "PORT-2", unit: "kbps", color: "#22aaff", data: O(45, 20) },
-    { id: "port3", label: "PORT-3", unit: "kbps", color: "#22aaff", data: O(70, 30) },
-    { id: "worker", label: "WORKER", unit: "%", color: "#bb55ff", data: O(i * 0.9, 15) }
+    { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: I(i, 20) },
+    { id: "port1", label: "PORT-1", unit: "kbps", color: "#22aaff", data: I(60, 25) },
+    { id: "port2", label: "PORT-2", unit: "kbps", color: "#22aaff", data: I(45, 20) },
+    { id: "port3", label: "PORT-3", unit: "kbps", color: "#22aaff", data: I(70, 30) },
+    { id: "worker", label: "WORKER", unit: "%", color: "#bb55ff", data: I(i * 0.9, 15) }
   ];
 }
 function et(t, i, o) {
@@ -6954,11 +6971,11 @@ function et(t, i, o) {
 function tt(t) {
   const i = t?.capacity ?? 70;
   return [
-    { id: "platter0", label: "PLATTER-0 I/O", unit: "%", color: "#ff8c00", data: O(40, 20) },
-    { id: "platter1", label: "PLATTER-1 I/O", unit: "%", color: "#ff8c00", data: O(55, 25) },
-    { id: "platter2", label: "PLATTER-2 I/O", unit: "%", color: "#ff8c00", data: O(35, 18) },
-    { id: "connpool", label: "CONN-POOL", unit: "%", color: "#00e5ff", data: O(i, 15) },
-    { id: "cache", label: "QUERY-CACHE", unit: "%", color: "#00ff88", data: O(75, 12) }
+    { id: "platter0", label: "PLATTER-0 I/O", unit: "%", color: "#ff8c00", data: I(40, 20) },
+    { id: "platter1", label: "PLATTER-1 I/O", unit: "%", color: "#ff8c00", data: I(55, 25) },
+    { id: "platter2", label: "PLATTER-2 I/O", unit: "%", color: "#ff8c00", data: I(35, 18) },
+    { id: "connpool", label: "CONN-POOL", unit: "%", color: "#00e5ff", data: I(i, 15) },
+    { id: "cache", label: "QUERY-CACHE", unit: "%", color: "#00ff88", data: I(75, 12) }
   ];
 }
 function vt(t) {
@@ -6973,7 +6990,7 @@ function vt(t) {
   ];
   return i.includes("critical") ? "critical" : i.includes("warning") ? "warning" : i.includes("offline") ? "offline" : "online";
 }
-function Cn(t) {
+function En(t) {
   const i = vt(t), o = i === "critical" || i === "offline", n = i === "warning";
   return [
     {
@@ -6995,7 +7012,7 @@ function Cn(t) {
     }
   ];
 }
-function En(t) {
+function Pn(t) {
   const i = vt(t), o = i === "critical" || i === "offline", n = i === "warning";
   return [
     ...t.dbSync ? [] : [{ level: "warning", message: "DB Replication Lag Detected" }],
@@ -7004,7 +7021,7 @@ function En(t) {
     ...!o && !n && t.dbSync ? [{ level: "info", message: "All Systems Nominal" }] : []
   ];
 }
-const rn = [
+const an = [
   { from: [330, 120], to: [220, 260], visibleAtPhase: 3 },
   { from: [330, 120], to: [440, 260], visibleAtPhase: 3 },
   { from: [220, 260], to: [165, 390], visibleAtPhase: 4 },
@@ -7017,7 +7034,7 @@ const rn = [
   { from: [330, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" },
   { from: [495, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" }
 ];
-function an({ config: t }) {
+function ln({ config: t }) {
   const i = J.useContext(Ee), o = i?.rotateY ?? 20, n = i?.autoRotateComponents ?? !0, { wdStatus: r, msStatus: a, srv1Status: s, srv2Status: l, srv3Status: u, pdbStatus: c, sdbStatus: p, dbSync: f } = t;
   return /* @__PURE__ */ d(Fe, { children: [
     /* @__PURE__ */ e(
@@ -7048,8 +7065,8 @@ function an({ config: t }) {
           name: "WEB-DISP",
           status: r,
           context: { traffic: 78 },
-          subComponents: Ht(r),
-          graphSeries: Yt({ traffic: 78 })
+          subComponents: Yt(r),
+          graphSeries: Vt({ traffic: 78 })
         },
         children: /* @__PURE__ */ e(
           mt,
@@ -7081,11 +7098,11 @@ function an({ config: t }) {
           name: "MSG-SRV",
           status: a,
           context: { queueDepth: 45 },
-          subComponents: nn(a),
-          graphSeries: on({ queueDepth: 45 })
+          subComponents: on(a),
+          graphSeries: rn({ queueDepth: 45 })
         },
         children: /* @__PURE__ */ e(
-          Dt,
+          Mt,
           {
             rotateY: -o,
             autoRotate: n,
@@ -7274,13 +7291,13 @@ function an({ config: t }) {
         visibleAtPhase: 6,
         fixedScale: 1,
         bare: !0,
-        children: /* @__PURE__ */ e(Nt, { synced: f, latencyMs: f ? 8 : 342 })
+        children: /* @__PURE__ */ e(Dt, { synced: f, latencyMs: f ? 8 : 342 })
       }
     ),
-    /* @__PURE__ */ e(ln, { config: t })
+    /* @__PURE__ */ e(sn, { config: t })
   ] });
 }
-function ln({ config: t }) {
+function sn({ config: t }) {
   const i = J.useContext(Ee), { wdStatus: o, msStatus: n, srv1Status: r, srv2Status: a, srv3Status: s, pdbStatus: l, sdbStatus: u, dbSync: c } = t, p = i?.isSelected && i?.isExpandedPos;
   return i?.isSelected ? /* @__PURE__ */ d("div", { style: { pointerEvents: "none" }, children: [
     /* @__PURE__ */ e(
@@ -7405,15 +7422,15 @@ function ln({ config: t }) {
     )
   ] }) : null;
 }
-function Pn({ config: t, ...i }) {
+function An({ config: t, ...i }) {
   return /* @__PURE__ */ e(
-    Lt,
+    Nt,
     {
       name: t.name,
       status: vt(t),
-      connections: rn,
+      connections: an,
       ...i,
-      children: /* @__PURE__ */ e(an, { config: t })
+      children: /* @__PURE__ */ e(ln, { config: t })
     }
   );
 }
@@ -7428,7 +7445,7 @@ function xt(t) {
   ];
   return i.includes("critical") ? "critical" : i.includes("warning") ? "warning" : i.includes("offline") ? "offline" : "online";
 }
-function An(t) {
+function Tn(t) {
   const i = xt(t), o = i === "critical" || i === "offline", n = i === "warning";
   return [
     {
@@ -7450,7 +7467,7 @@ function An(t) {
     }
   ];
 }
-function Tn(t) {
+function Ln(t) {
   const i = xt(t), o = i === "critical" || i === "offline", n = i === "warning";
   return [
     ...t.dbSync ? [] : [{ level: "warning", message: "DB Replication Lag Detected" }],
@@ -7459,7 +7476,7 @@ function Tn(t) {
     ...!o && !n && t.dbSync ? [{ level: "info", message: "All Systems Nominal" }] : []
   ];
 }
-const sn = [
+const dn = [
   { from: [330, 120], to: [330, 260], visibleAtPhase: 3 },
   { from: [330, 260], to: [165, 390], visibleAtPhase: 4 },
   { from: [330, 260], to: [330, 390], visibleAtPhase: 4 },
@@ -7468,7 +7485,7 @@ const sn = [
   { from: [330, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" },
   { from: [495, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" }
 ];
-function dn({ config: t }) {
+function cn({ config: t }) {
   const i = J.useContext(Ee), o = i?.rotateY ?? 20, n = i?.autoRotateComponents ?? !0, { dispStatus: r, srv1Status: a, srv2Status: s, srv3Status: l, pdbStatus: u, sdbStatus: c, dbSync: p } = t;
   return /* @__PURE__ */ d(Fe, { children: [
     /* @__PURE__ */ e(
@@ -7499,8 +7516,8 @@ function dn({ config: t }) {
           name: "DISP-01",
           status: r,
           context: { traffic: 78 },
-          subComponents: Ht(r),
-          graphSeries: Yt({ traffic: 78 })
+          subComponents: Yt(r),
+          graphSeries: Vt({ traffic: 78 })
         },
         children: /* @__PURE__ */ e(
           mt,
@@ -7691,13 +7708,13 @@ function dn({ config: t }) {
         visibleAtPhase: 6,
         fixedScale: 1,
         bare: !0,
-        children: /* @__PURE__ */ e(Nt, { synced: p, latencyMs: p ? 8 : 342 })
+        children: /* @__PURE__ */ e(Dt, { synced: p, latencyMs: p ? 8 : 342 })
       }
     ),
-    /* @__PURE__ */ e(cn, { config: t })
+    /* @__PURE__ */ e(pn, { config: t })
   ] });
 }
-function cn({ config: t }) {
+function pn({ config: t }) {
   const i = J.useContext(Ee), { dispStatus: o, srv1Status: n, srv2Status: r, srv3Status: a, pdbStatus: s, sdbStatus: l, dbSync: u } = t, c = i?.isSelected && i?.isExpandedPos;
   return i?.isSelected ? /* @__PURE__ */ d("div", { style: { pointerEvents: "none" }, children: [
     /* @__PURE__ */ e(
@@ -7807,81 +7824,81 @@ function cn({ config: t }) {
     )
   ] }) : null;
 }
-function Ln({ config: t, ...i }) {
+function Nn({ config: t, ...i }) {
   return /* @__PURE__ */ e(
-    Lt,
+    Nt,
     {
       name: t.name,
       status: xt(t),
-      connections: sn,
+      connections: dn,
       ...i,
-      children: /* @__PURE__ */ e(dn, { config: t })
+      children: /* @__PURE__ */ e(cn, { config: t })
     }
   );
 }
 export {
-  Rn as AIOPsDashboard,
+  Cn as AIOPsDashboard,
   Ze as CPU3D,
-  oi as Carousel,
+  ri as Carousel,
   ut as CarouselContext,
   ht as CarouselItemContext,
-  ti as ComponentDialog,
-  wn as ComponentDrillView,
-  Wi as DataProvider,
+  ii as ComponentDialog,
+  $n as ComponentDrillView,
+  zi as DataProvider,
   Xe as Database3D,
-  yn as DatabaseNode,
+  vn as DatabaseNode,
   We as DriveBay3D,
-  sn as EXCHANGE_CONNECTIONS,
-  kn as EventView,
-  Ln as ExchangeService,
-  hn as HOLO_BLUE,
-  un as HOLO_CYAN,
+  dn as EXCHANGE_CONNECTIONS,
+  Rn as EventView,
+  Nn as ExchangeService,
+  gn as HOLO_BLUE,
+  hn as HOLO_CYAN,
   pt as HOLO_GLASS,
   Be as HOLO_SURFACE,
-  Pi as HistoricalGraphPanel,
-  li as HoloBase,
+  Ai as HistoricalGraphPanel,
+  si as HoloBase,
   bt as Human3D,
-  vn as HumanNode,
+  xn as HumanNode,
   Je as Memory3D,
-  Dt as MessageServer3D,
-  Sn as MessageServerNode,
-  Wt as NetworkBlock3D,
+  Mt as MessageServer3D,
+  wn as MessageServerNode,
+  zt as NetworkBlock3D,
   V as NodeCallout,
   Ge as Platter3D,
   ie as Port3D,
-  Pn as SAPService,
-  rn as SAP_CONNECTIONS,
+  An as SAPService,
+  an as SAP_CONNECTIONS,
   A as STATUS_CFG,
   Ce as Server3D,
-  mn as ServerNode,
-  Lt as Service,
+  yn as ServerNode,
+  Nt as Service,
   Ee as ServiceContext,
-  Jt as ServiceDialog,
+  ei as ServiceDialog,
   D as ServiceNode,
-  ri as SvgConnection,
-  Nt as SyncBridge,
+  ai as SvgConnection,
+  Dt as SyncBridge,
   _ as ThreadPool3D,
   mt as WebDispatcher3D,
-  xn as WebDispatcherNode,
-  Tn as computeExchangeDialogAlerts,
-  An as computeExchangeDialogMetrics,
+  Sn as WebDispatcherNode,
+  Ln as computeExchangeDialogAlerts,
+  Tn as computeExchangeDialogMetrics,
   xt as computeExchangeServiceStatus,
-  En as computeSAPDialogAlerts,
-  Cn as computeSAPDialogMetrics,
+  Pn as computeSAPDialogAlerts,
+  En as computeSAPDialogMetrics,
   vt as computeSAPServiceStatus,
-  Mi as defaultDataTransform,
+  Wi as defaultDataTransform,
   tt as getDatabaseGraphSeries,
   et as getDatabaseSubComponents,
-  Yt as getDispatcherGraphSeries,
-  Ht as getDispatcherSubComponents,
-  on as getMessageServerGraphSeries,
-  nn as getMessageServerSubComponents,
+  Vt as getDispatcherGraphSeries,
+  Yt as getDispatcherSubComponents,
+  rn as getMessageServerGraphSeries,
+  on as getMessageServerSubComponents,
   Ue as getServerGraphSeries,
   ze as getServerSubComponents,
   ft as makeFaceStyles,
-  Ni as useAIOpsData,
-  Ut as useAIOpsDataOptional,
-  gn as useCarouselContext,
-  bn as useCarouselItemContext,
-  $n as useQueryResult
+  Di as useAIOpsData,
+  Ft as useAIOpsDataOptional,
+  bn as useCarouselContext,
+  mn as useCarouselItemContext,
+  kn as useQueryResult
 };