react-dashstream 0.0.6 → 0.0.8

package/dist/index.js

@@ -1,11 +1,11 @@
 import { jsxs as c, jsx as e, Fragment as ze } from "react/jsx-runtime";
 import X, { createContext as et, useContext as xe, useState as C, useCallback as _e, useEffect as de, useMemo as Be, useRef as q } from "react";
-const Gt = {
+const Xt = {
   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 Zt({
+function qt({
   name: t,
   status: n,
   dbSync: o = !0,
@@ -146,7 +146,7 @@ function Zt({
                 }
               ),
               d.map((p, f) => {
-                const b = Gt[p.level];
+                const b = Xt[p.level];
                 return /* @__PURE__ */ c(
                   "div",
                   {
@@ -182,7 +182,7 @@ const E = {
   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)" }
-}, Qi = "#00e5ff", Ki = "#0055cc", Ue = "linear-gradient(180deg, #071428 0%, #040c1c 60%, #030810 100%)", dt = "linear-gradient(180deg, rgba(10,25,50,0.35) 0%, rgba(5,15,35,0.25) 60%, rgba(3,10,20,0.15) 100%)";
+}, _i = "#00e5ff", ji = "#0055cc", Ue = "linear-gradient(180deg, #071428 0%, #040c1c 60%, #030810 100%)", dt = "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 ct(t, n, o) {
   const i = {
     position: "absolute",
@@ -237,13 +237,13 @@ const lt = "cubic-bezier(0.34, 1.56, 0.64, 1)", qe = "cubic-bezier(0.16, 1, 0.3,
 function Pt(t) {
   return E[t]?.color ?? E.online.color;
 }
-function Jt(t, n, o) {
+function Qt(t, n, o) {
   return t >= o ? "#ff2255" : t >= n ? "#ff8c00" : "#00e5ff";
 }
 function Xe(t, n, o, i) {
   return t === "offline" ? "offline" : t === "critical" && n >= i ? "critical" : (t === "critical" || t === "warning") && n >= o ? "warning" : "online";
 }
-function ei({
+function Kt({
   component: t,
   onClose: n,
   visible: o,
@@ -521,7 +521,7 @@ function ei({
               position: "relative",
               zIndex: 2
             },
-            children: $.map((g) => /* @__PURE__ */ e(ti, { metric: g, visible: o, accentColor: f }, g.id))
+            children: $.map((g) => /* @__PURE__ */ e(Gt, { metric: g, visible: o, accentColor: f }, g.id))
           }
         ),
         /* @__PURE__ */ c(
@@ -570,7 +570,7 @@ function ei({
     }
   );
 }
-function ti({
+function Gt({
   metric: t,
   visible: n,
   accentColor: o
@@ -586,7 +586,7 @@ function ti({
     colorOverride: p,
     warnAt: f = 70,
     critAt: b = 85
-  } = t, h = p ?? Jt(a, f, b), y = p ?? Pt(l);
+  } = t, h = p ?? Qt(a, f, b), y = p ?? Pt(l);
   return /* @__PURE__ */ c(
     "div",
     {
@@ -618,7 +618,7 @@ function ti({
               animation: n ? `comp-dialog-icon-pop 0.5s ${lt} ${0.35 + d * 0.12}s both` : "none"
             },
             children: [
-              /* @__PURE__ */ e(ii, { type: u, color: y }),
+              /* @__PURE__ */ e(Zt, { type: u, color: y }),
               (l === "warning" || l === "critical") && /* @__PURE__ */ e(
                 "div",
                 {
@@ -813,7 +813,7 @@ function ti({
     }
   );
 }
-function ii({ type: t, color: n }) {
+function Zt({ type: t, color: n }) {
   return t === "cpu" ? /* @__PURE__ */ c("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: n, strokeWidth: "1.5" }),
     /* @__PURE__ */ e(
@@ -899,13 +899,13 @@ function ii({ type: t, color: n }) {
   ] });
 }
 const pt = et(null), ft = et({ index: 0 });
-function Gi() {
+function Xi() {
   return xe(pt);
 }
-function Zi() {
+function qi() {
   return xe(ft);
 }
-function ni({
+function Jt({
   children: t,
   logoUrl: n,
   viewState: o,
@@ -1012,7 +1012,7 @@ function ni({
       we
     ] }),
     r && /* @__PURE__ */ e("div", { onClick: (S) => S.stopPropagation(), children: /* @__PURE__ */ e(
-      Zt,
+      qt,
       {
         name: r,
         status: R,
@@ -1023,7 +1023,7 @@ function ni({
       }
     ) }),
     a && /* @__PURE__ */ e("div", { onClick: (S) => S.stopPropagation(), children: /* @__PURE__ */ e(
-      ei,
+      Kt,
       {
         component: a,
         onClose: g,
@@ -1034,7 +1034,7 @@ function ni({
     ) })
   ] });
 }
-function oi({
+function ei({
   x1: t,
   y1: n,
   x2: o,
@@ -1101,14 +1101,14 @@ function oi({
     ] })
   ] });
 }
-const ri = [
+const ti = [
   { 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 ai({
+function ii({
   children: t,
   size: n = 230,
   widthRatio: o = 1,
@@ -1274,7 +1274,7 @@ function ai({
         background: `radial-gradient(ellipse, ${i}88 0%, ${i}33 40%, transparent 72%)`,
         filter: "blur(12px)"
       } }),
-      ri.map((s, l) => /* @__PURE__ */ e("div", { style: {
+      ti.map((s, l) => /* @__PURE__ */ e("div", { style: {
         position: "absolute",
         width: a * s.scale,
         height: n * s.scale,
@@ -1317,7 +1317,7 @@ function ai({
     }, children: r })
   ] });
 }
-const Re = et(null), li = "cubic-bezier(0.34, 1.56, 0.64, 1)", vt = 330, wt = 340, si = 660;
+const Re = et(null), ni = "cubic-bezier(0.34, 1.56, 0.64, 1)", vt = 330, wt = 340, oi = 660;
 function At({
   name: t,
   status: n = "online",
@@ -1342,27 +1342,19 @@ function At({
   const g = xe(pt), R = xe(ft), A = a ?? R.index, L = s ?? g?.totalSystems ?? 1, w = l ?? g?.carouselRotation ?? 0, I = u ?? g?.viewState ?? "compact", H = d ?? g?.animPhase ?? 0, D = p ?? g?.selectedSystem ?? null, ee = f ?? g?.selectedComponent ?? null, ce = b ?? g?.rotateY ?? 20, pe = h ?? g?.autoRotateComponents ?? !0, se = y ?? g?.componentScale ?? 0.35, ve = m ?? g?.drillZoom ?? 3.3, we = k ?? g?.onSelectSystem, Se = v ?? g?.onComponentClick, G = g?.onComponentDataUpdate, S = $ ?? g?.containerWidth ?? 950, P = g?.onNodeAlertsChange, M = q(P);
   M.current = P;
   const Y = q(/* @__PURE__ */ new Map()), Z = _e(
-    (J, Ve, Qt) => {
+    (J, Ve, _t) => {
       const it = Y.current;
-      Ve && Ve !== "online" ? it.set(J, { severity: Ve, msg: Qt }) : it.delete(J);
+      Ve && Ve !== "online" ? it.set(J, { severity: Ve, msg: _t }) : it.delete(J);
       const xt = [];
-      for (const [Kt, nt] of it)
+      for (const [jt, nt] of it)
         xt.push({
           level: nt.severity === "critical" || nt.severity === "offline" ? "critical" : "warning",
-          message: `${Kt}: ${nt.msg}`
+          message: `${jt}: ${nt.msg}`
         });
       M.current?.(t, xt);
     },
     [t]
-  ), Q = D === t, z = Q && (I === "expanded" || I === "expanding" && H >= 1), oe = !z, fe = (S - si) / 2, ue = vt + fe, he = A / L * Math.PI * 2 + w, Fe = 420, Ce = 160, re = ue + Math.cos(he) * Fe, x = 450 + Math.sin(he) * Ce, V = Math.round(x), ae = !Q && (I === "expanding" || I === "expanded"), _ = ae ? 0 : 1, j = oe ? 0.3 + (Math.sin(he) + 1) * 0.1 : 1, B = oe ? j : se, Ee = I === "compact" || I === "collapsing" ? "none" : "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)", Ye = Q && ee, tt = Ye ? ve : 1, Bt = ee?.ex ?? 330, Ut = ee?.ey ?? 300, {
-    size: Ft = 90,
-    color: Ht = "#00e5ff",
-    widthRatio: Yt = 3,
-    expandedX: Vt,
-    expandedY: _t = 570,
-    compactOffsetX: jt = 0,
-    compactOffsetY: Xt = 0
-  } = i ?? {}, qt = {
+  ), Q = D === t, z = Q && (I === "expanded" || I === "expanding" && H >= 1), oe = !z, fe = (S - oi) / 2, ue = vt + fe, he = A / L * Math.PI * 2 + w, Fe = 420, Ce = 160, re = ue + Math.cos(he) * Fe, x = 450 + Math.sin(he) * Ce, V = Math.round(x), ae = !Q && (I === "expanding" || I === "expanded"), _ = ae ? 0 : 1, j = oe ? 0.3 + (Math.sin(he) + 1) * 0.1 : 1, B = oe ? j : se, Ee = I === "compact" || I === "collapsing" ? "none" : "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)", Ye = Q && ee, tt = Ye ? ve : 1, Bt = ee?.ex ?? 330, Ut = ee?.ey ?? 300, { size: Ft = 90, color: Ht = "#00e5ff", widthRatio: Yt = 3 } = i ?? {}, Vt = {
     name: t,
     isSelected: Q,
     isExpandedPos: z,
@@ -1381,7 +1373,7 @@ function At({
     expandedOffsetX: fe,
     registerNodeAlert: Z
   };
-  return /* @__PURE__ */ e(Re.Provider, { value: qt, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ e(Re.Provider, { value: Vt, children: /* @__PURE__ */ c(
     "div",
     {
       style: {
@@ -1392,7 +1384,7 @@ function At({
         height: "100%",
         pointerEvents: "none",
         opacity: _,
-        transition: `opacity 0.8s ease, filter 0.5s ease, transform 0.6s ${li}`,
+        transition: `opacity 0.8s ease, filter 0.5s ease, transform 0.6s ${ni}`,
         filter: oe && Math.sin(he) < -0.5 ? "brightness(0.5) blur(2px)" : "none",
         zIndex: Q ? 500 : ae ? 0 : V,
         transformOrigin: `${ue}px ${wt}px`,
@@ -1505,7 +1497,7 @@ function At({
               transition: Ee
             },
             children: o.map((J, Ve) => /* @__PURE__ */ e(
-              oi,
+              ei,
               {
                 x1: J.from[0],
                 y1: J.from[1],
@@ -1524,13 +1516,13 @@ function At({
           {
             style: {
               position: "absolute",
-              left: z ? Vt ?? ue : re + jt,
-              top: z ? _t : x + 70 + Xt,
+              left: z ? ue : re,
+              top: z ? 570 : x + 70,
               transform: `translate(-50%, -50%) scaleX(${z ? 1 : 0.4}) scaleY(${z ? 1 : 0.6}) scale(${z ? 1 : j})`,
               transition: Ee,
               zIndex: 1
             },
-            children: /* @__PURE__ */ e(ai, { size: Ft, color: Ht, widthRatio: Yt, children: /* @__PURE__ */ e("div", { className: "base-hotspot" }) })
+            children: /* @__PURE__ */ e(ii, { size: Ft, color: Ht, widthRatio: Yt, children: /* @__PURE__ */ e("div", { className: "base-hotspot" }) })
           }
         ),
         r
@@ -1685,21 +1677,21 @@ function U({
     }
   );
 }
-const Tt = 70, Ot = 85, di = {
+const Tt = 70, Ot = 85, ri = {
   online: 0,
   warning: 1,
   offline: 2,
   critical: 3
 };
 function St(t) {
-  return di[t] ?? 0;
+  return ri[t] ?? 0;
 }
-function ci(t) {
+function ai(t) {
   if (!t) return null;
   const n = t.dialogMetrics ?? t.context?.dialogMetrics;
-  return n && n.length > 0 ? pi(n) : fi(t.context);
+  return n && n.length > 0 ? li(n) : si(t.context);
 }
-function pi(t) {
+function li(t) {
   let n = null;
   for (const r of t) {
     if (r.color) continue;
@@ -1714,7 +1706,7 @@ function pi(t) {
     internalRef: o.id.toUpperCase()
   };
 }
-function fi(t) {
+function si(t) {
   if (!t) return null;
   const n = [];
   t.cpuLoad !== void 0 && n.push({ label: "CPU", value: t.cpuLoad, id: "CPU" }), t.memLoad !== void 0 && n.push({ label: "MEM", value: t.memLoad, id: "HEAP" }), t.traffic !== void 0 && n.push({ label: "TRAFFIC", value: t.traffic, id: "NET" }), t.queueDepth !== void 0 && n.push({ label: "QUEUE", value: t.queueDepth, id: "QUEUE" }), t.capacity !== void 0 && n.push({ label: "CAPACITY", value: t.capacity, id: "DISK" });
@@ -1729,8 +1721,8 @@ function fi(t) {
     internalRef: i.id
   };
 }
-function ui(t, n) {
-  const o = t?.status ?? "online", i = St(o), r = ci(t), a = r ? St(r.severity) : 0, s = i >= a ? o : r.severity;
+function di(t, n) {
+  const o = t?.status ?? "online", i = St(o), r = ai(t), a = r ? St(r.severity) : 0, s = i >= a ? o : r.severity;
   if (i === 0 && a === 0)
     return { effectiveSeverity: "online", callout: null };
   let l;
@@ -1773,7 +1765,7 @@ function O({
     registerNodeAlert: H,
     onComponentDataUpdate: D
   } = y, ce = p === 0 || y.isSelected && k >= p ? 1 : 0, pe = v + o.x, se = $ + o.y, ve = m ? t + I : pe, we = m ? n : se, Se = f !== void 0 ? f : y.isCompact ? g : R, G = !!d && !!w && d.name === w, { effectiveSeverity: S, callout: P } = Be(
-    () => ui(d, h),
+    () => di(d, h),
     [d, h]
   );
   de(() => (d?.name && H && H(
@@ -1852,7 +1844,7 @@ function O({
             }
           ),
           b ? re : /* @__PURE__ */ e(
-            hi,
+            ci,
             {
               statusColor: fe,
               label: s,
@@ -1886,7 +1878,7 @@ function O({
     )
   ] });
 }
-function hi({
+function ci({
   children: t,
   statusColor: n,
   label: o,
@@ -2005,7 +1997,7 @@ function It({ synced: t, latencyMs: n }) {
   ] });
 }
 const be = 140, te = 240, me = 160, Pe = ct(be, te, me);
-function bi({
+function pi({
   cfg: t,
   name: n,
   cpuLoad: o,
@@ -2417,7 +2409,7 @@ function bi({
     }
   );
 }
-function gi() {
+function fi() {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -2631,7 +2623,7 @@ function $t({
     }
   );
 }
-function yi({ cpuLoad: t }) {
+function ui({ cpuLoad: t }) {
   const n = t / 100, o = n > 0.75 ? "rgba(255,34,85,0.16)" : n > 0.45 ? "rgba(255,140,0,0.12)" : "rgba(0,229,255,0.08)", i = Math.floor((me - 18) / 7);
   return /* @__PURE__ */ c(
     "div",
@@ -2828,7 +2820,7 @@ function ke({
                 },
                 children: [
                   /* @__PURE__ */ e("div", { style: Pe.front, children: /* @__PURE__ */ e(
-                    bi,
+                    pi,
                     {
                       cfg: m,
                       name: s,
@@ -2839,10 +2831,10 @@ function ke({
                       brandLabel: d
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { style: Pe.back, children: /* @__PURE__ */ e(gi, {}) }),
+                  /* @__PURE__ */ e("div", { style: Pe.back, children: /* @__PURE__ */ e(fi, {}) }),
                   /* @__PURE__ */ e("div", { style: Pe.left, children: /* @__PURE__ */ e($t, { side: "left", color: m.color, brandLabel: d }) }),
                   /* @__PURE__ */ e("div", { style: Pe.right, children: /* @__PURE__ */ e($t, { side: "right", color: m.color, brandLabel: d }) }),
-                  /* @__PURE__ */ e("div", { style: Pe.top, children: /* @__PURE__ */ e(yi, { cpuLoad: l }) }),
+                  /* @__PURE__ */ e("div", { style: Pe.top, children: /* @__PURE__ */ e(ui, { cpuLoad: l }) }),
                   /* @__PURE__ */ e("div", { style: Pe.bottom, children: /* @__PURE__ */ e(
                     "div",
                     {
@@ -2862,7 +2854,7 @@ function ke({
     }
   );
 }
-function Ji({
+function Qi({
   ex: t,
   ey: n,
   compactOffset: o,
@@ -2912,7 +2904,7 @@ const st = 12, $e = 55, le = $e * 2, Ie = 52, ut = 10, ot = 3 * Ie + 2 * ut, Ae
 function at(t) {
   return Math.cos(t * Math.PI / 180) * 0.42 + 0.58;
 }
-function mi({
+function hi({
   diskY: t,
   diskIdx: n,
   cfg: o,
@@ -3244,7 +3236,7 @@ function je({
                   transition: r ? "none" : "transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94)"
                 },
                 children: [0, 1, 2].map((h) => /* @__PURE__ */ e(
-                  mi,
+                  hi,
                   {
                     diskY: h * (Ie + ut),
                     diskIdx: h,
@@ -3263,7 +3255,7 @@ function je({
     }
   );
 }
-function en({
+function Ki({
   ex: t,
   ey: n,
   compactOffset: o,
@@ -3419,7 +3411,7 @@ function ht({ status: t = "online", scale: n = 1 }) {
     }
   );
 }
-function tn({
+function Gi({
   ex: t,
   ey: n,
   compactOffset: o,
@@ -3443,7 +3435,7 @@ function tn({
   );
 }
 const ge = 190, ie = 72, Le = 120, Te = ct(ge, ie, Le);
-function xi({
+function bi({
   cfg: t,
   name: n,
   traffic: o,
@@ -3705,7 +3697,7 @@ function xi({
     }
   );
 }
-function vi() {
+function gi() {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -3850,7 +3842,7 @@ function kt({ side: t, color: n }) {
     }
   );
 }
-function wi({ traffic: t }) {
+function yi({ traffic: t }) {
   const n = Math.floor((Le - 14) / 7);
   return /* @__PURE__ */ c(
     "div",
@@ -4033,7 +4025,7 @@ function bt({
                 },
                 children: [
                   /* @__PURE__ */ e("div", { style: Te.front, children: /* @__PURE__ */ e(
-                    xi,
+                    bi,
                     {
                       cfg: y,
                       name: s,
@@ -4042,10 +4034,10 @@ function bt({
                       compact: d
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { style: Te.back, children: /* @__PURE__ */ e(vi, {}) }),
+                  /* @__PURE__ */ e("div", { style: Te.back, children: /* @__PURE__ */ e(gi, {}) }),
                   /* @__PURE__ */ e("div", { style: Te.left, children: /* @__PURE__ */ e(kt, { side: "left", color: y.color }) }),
                   /* @__PURE__ */ e("div", { style: Te.right, children: /* @__PURE__ */ e(kt, { side: "right", color: y.color }) }),
-                  /* @__PURE__ */ e("div", { style: Te.top, children: /* @__PURE__ */ e(wi, { traffic: l }) }),
+                  /* @__PURE__ */ e("div", { style: Te.top, children: /* @__PURE__ */ e(yi, { traffic: l }) }),
                   /* @__PURE__ */ e("div", { style: Te.bottom, children: /* @__PURE__ */ e("div", { style: { width: ge, height: Le, background: "#020508" } }) })
                 ]
               }
@@ -4056,7 +4048,7 @@ function bt({
     }
   );
 }
-function nn({
+function Zi({
   ex: t,
   ey: n,
   compactOffset: o,
@@ -4107,7 +4099,7 @@ const ye = 190, ne = 72, De = 120, Oe = ct(ye, ne, De), Rt = {
   critical: { color: "#ff2255", glow: "rgba(255,34,85,0.50)" },
   offline: { color: "#1e3a5a", glow: "rgba(30,58,90,0.25)" }
 };
-function Si({
+function mi({
   cfg: t,
   name: n,
   queueDepth: o,
@@ -4366,7 +4358,7 @@ function Si({
     }
   );
 }
-function $i() {
+function xi() {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -4511,7 +4503,7 @@ function Ct({ side: t, color: n }) {
     }
   );
 }
-function ki({ queueDepth: t, color: n }) {
+function vi({ queueDepth: t, color: n }) {
   const o = Math.floor((De - 14) / 7);
   return /* @__PURE__ */ c(
     "div",
@@ -4695,7 +4687,7 @@ function Lt({
                 },
                 children: [
                   /* @__PURE__ */ e("div", { style: Oe.front, children: /* @__PURE__ */ e(
-                    Si,
+                    mi,
                     {
                       cfg: m,
                       name: s,
@@ -4705,10 +4697,10 @@ function Lt({
                       compact: p
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { style: Oe.back, children: /* @__PURE__ */ e($i, {}) }),
+                  /* @__PURE__ */ e("div", { style: Oe.back, children: /* @__PURE__ */ e(xi, {}) }),
                   /* @__PURE__ */ e("div", { style: Oe.left, children: /* @__PURE__ */ e(Ct, { side: "left", color: m.color }) }),
                   /* @__PURE__ */ e("div", { style: Oe.right, children: /* @__PURE__ */ e(Ct, { side: "right", color: m.color }) }),
-                  /* @__PURE__ */ e("div", { style: Oe.top, children: /* @__PURE__ */ e(ki, { queueDepth: l, color: m.color }) }),
+                  /* @__PURE__ */ e("div", { style: Oe.top, children: /* @__PURE__ */ e(vi, { queueDepth: l, color: m.color }) }),
                   /* @__PURE__ */ e("div", { style: Oe.bottom, children: /* @__PURE__ */ e("div", { style: { width: ye, height: De, background: "#020508" } }) })
                 ]
               }
@@ -4719,13 +4711,13 @@ function Lt({
     }
   );
 }
-const Ri = {
+const wi = {
   online: "#bb55ff",
   warning: "#ff8c00",
   critical: "#ff2255",
   offline: "#1e3a5a"
 };
-function on({
+function Ji({
   ex: t,
   ey: n,
   compactOffset: o,
@@ -4744,7 +4736,7 @@ function on({
   graphSeries: m,
   alert: k
 }) {
-  const v = Ri[a] ?? l ?? "#bb55ff";
+  const v = wi[a] ?? l ?? "#bb55ff";
   return /* @__PURE__ */ e(
     O,
     {
@@ -4785,7 +4777,7 @@ function N(t, n, o = 24) {
     return Math.min(100, Math.max(0, t + Math.sin(a * Math.PI * 2) * n + (Math.random() - 0.5) * 10));
   });
 }
-function Ci({ data: t, color: n, height: o = 28 }) {
+function Si({ data: t, color: n, height: o = 28 }) {
   const r = o, a = Math.max(...t, 1), s = t.map((l, u) => {
     const d = u / (t.length - 1) * 120, p = r - l / a * (r - 4) - 2;
     return `${d},${p}`;
@@ -4803,7 +4795,7 @@ function Ci({ data: t, color: n, height: o = 28 }) {
     }
   ) });
 }
-function Ei({
+function $i({
   type: t,
   name: n,
   context: o = {},
@@ -4811,7 +4803,7 @@ function Ei({
   animPhase: r,
   series: a
 }) {
-  const s = i === "critical" || i === "offline" ? "#ff2255" : i === "warning" ? "#ff8c00" : "#00e5ff", l = a ? a.map((p) => ({ ...p })) : Pi(t, o), u = r >= 0.3 ? 0 : -280, d = r >= 0.2 ? 1 : 0;
+  const s = i === "critical" || i === "offline" ? "#ff2255" : i === "warning" ? "#ff8c00" : "#00e5ff", l = a ? a.map((p) => ({ ...p })) : ki(t, o), u = r >= 0.3 ? 0 : -280, d = r >= 0.2 ? 1 : 0;
   return /* @__PURE__ */ c(
     "div",
     {
@@ -4866,7 +4858,7 @@ function Ei({
                   p.unit
                 ] })
               ] }),
-              /* @__PURE__ */ e(Ci, { data: p.data, color: p.color, height: 26 })
+              /* @__PURE__ */ e(Si, { data: p.data, color: p.color, height: 26 })
             ]
           },
           p.id
@@ -4875,7 +4867,7 @@ function Ei({
     }
   );
 }
-function Pi(t, n) {
+function ki(t, n) {
   if (t === "server") {
     const o = n.cpuLoad ?? 50, i = n.memLoad ?? 60;
     return [
@@ -5476,7 +5468,7 @@ function K({
     }
   );
 }
-function Ai(t, n, o, i) {
+function Ri(t, n, o, i) {
   const r = o === "online" ? "online" : o;
   return t === "server" ? [
     {
@@ -5580,8 +5572,8 @@ function Ai(t, n, o, i) {
     }
   ] : [];
 }
-const W = "cubic-bezier(0.34, 1.56, 0.64, 1)", Ti = "cubic-bezier(0.16, 1, 0.3, 1)";
-function Oi({ items: t, revealPhase: n }) {
+const W = "cubic-bezier(0.34, 1.56, 0.64, 1)", Ci = "cubic-bezier(0.16, 1, 0.3, 1)";
+function Ei({ items: t, revealPhase: n }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -5608,7 +5600,7 @@ function Oi({ items: t, revealPhase: n }) {
     }
   );
 }
-function Ii({
+function Pi({
   type: t,
   status: n,
   context: o,
@@ -5918,7 +5910,7 @@ function Ii({
   }
   return null;
 }
-function rn({
+function en({
   type: t,
   name: n,
   status: o,
@@ -5928,7 +5920,7 @@ function rn({
   subComponents: s,
   graphSeries: l
 }) {
-  const u = Ai(t, n, o, a), d = E[o]?.color ?? E.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 = Ri(t, n, o, a), d = E[o]?.color ?? E.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__ */ c(
     "div",
     {
@@ -5952,13 +5944,13 @@ function rn({
               backdropFilter: "blur(10px)",
               WebkitBackdropFilter: "blur(10px)",
               opacity: p,
-              transition: `opacity 0.4s ${Ti}`
+              transition: `opacity 0.4s ${Ci}`
             },
             onClick: i
           }
         ),
         /* @__PURE__ */ e(
-          Ei,
+          $i,
           {
             type: t,
             name: n,
@@ -6128,8 +6120,8 @@ function rn({
                         }
                       }
                     ),
-                    /* @__PURE__ */ e("div", { style: { flex: 1, padding: "8px 0 24px" }, children: s ? /* @__PURE__ */ e(Oi, { items: s, revealPhase: h }) : /* @__PURE__ */ e(
-                      Ii,
+                    /* @__PURE__ */ e("div", { style: { flex: 1, padding: "8px 0 24px" }, children: s ? /* @__PURE__ */ e(Ei, { items: s, revealPhase: h }) : /* @__PURE__ */ e(
+                      Pi,
                       {
                         type: t,
                         name: n,
@@ -6149,7 +6141,7 @@ function rn({
     }
   );
 }
-function Li({ onSubmit: t }) {
+function Ai({ onSubmit: t }) {
   const [n, o] = C(""), [i, r] = C(""), [a, s] = C(null), [l, u] = C(!1), d = n.trim().length > 0 && i.trim().length > 0;
   return /* @__PURE__ */ e("div", { className: "cred-overlay", children: /* @__PURE__ */ c("form", { className: "cred-panel", onSubmit: (f) => {
     f.preventDefault(), d && t({ accessKey: n.trim(), secretKey: i.trim() });
@@ -6241,27 +6233,27 @@ function Li({ onSubmit: t }) {
   ] }) });
 }
 const gt = et(null);
-function Di() {
+function Ti() {
   const t = xe(gt);
   if (!t)
     throw new Error("useAIOpsData must be used within an AIOPsDashboard with dataEndpoint configured");
   return t;
 }
-function Ni() {
+function Oi() {
   return xe(gt);
 }
-function an(t) {
-  const { data: n } = Di();
+function tn(t) {
+  const { data: n } = Ti();
   return n[t] ?? null;
 }
-function Wi(t) {
+function Ii(t) {
   const n = /* @__PURE__ */ new Set();
   for (const o of Object.values(t))
     for (const i of Object.values(o))
       n.add(typeof i == "string" ? i : i.query);
   return Array.from(n);
 }
-function Mi(t) {
+function Li(t) {
   if (typeof t == "number") return t;
   if (typeof t == "string") {
     const n = Number(t);
@@ -6269,7 +6261,7 @@ function Mi(t) {
   }
   return t;
 }
-function zi({ config: t, children: n }) {
+function Di({ config: t, children: n }) {
   const [o, i] = C({}), [r, a] = C(null), [s, l] = C(!1), [u, d] = C(null), [p, f] = C(null), b = q(t);
   b.current = t;
   const h = q(r);
@@ -6328,20 +6320,20 @@ function zi({ config: t, children: n }) {
   };
   return /* @__PURE__ */ c(gt.Provider, { value: k, children: [
     n,
-    !r && /* @__PURE__ */ e(Li, { onSubmit: m })
+    !r && /* @__PURE__ */ e(Ai, { onSubmit: m })
   ] });
 }
-function ln(t) {
+function nn(t) {
   const { liveData: n, dataEndpoint: o, dataBindings: i, dataRefreshInterval: r, serviceDataBindings: a } = t;
   if (n && o && i) {
-    const s = Wi(i), l = [];
+    const s = Ii(i), l = [];
     if (a)
       for (const d of Object.values(a))
         for (const p of d)
           s.includes(p.query) || l.push(p.query);
     const u = [...s, ...l];
     return /* @__PURE__ */ e(
-      zi,
+      Di,
       {
         config: {
           endpoint: o,
@@ -6367,7 +6359,7 @@ function Et({
   serviceDataBindings: d,
   children: p
 }) {
-  const f = Ni(), [b] = C(20), [h] = C(!1), [y] = C(!0), [m] = C(0.45), [k] = C(3.3), [v, $] = C("compact"), [g, R] = C(0), [A, L] = C(null), [w, I] = C(null), [H, D] = C(0), [ee, ce] = C(0), pe = (x) => {
+  const f = Oi(), [b] = C(20), [h] = C(!1), [y] = C(!0), [m] = C(0.45), [k] = C(3.3), [v, $] = C("compact"), [g, R] = C(0), [A, L] = C(null), [w, I] = C(null), [H, D] = C(0), [ee, ce] = C(0), pe = (x) => {
     v === "compact" && (L(x), $("expanding"), R(0), setTimeout(() => R(1), 50), setTimeout(() => R(2), 800), setTimeout(() => R(3), 1200), setTimeout(() => R(4), 1600), setTimeout(() => R(5), 2e3), setTimeout(() => {
       R(6), $("expanded");
     }, 2400));
@@ -6390,7 +6382,7 @@ function Et({
   }, [ee]);
   const Se = () => {
     I(null), D(0);
-  }, G = o.find((x) => x.name === A), S = G?.status ?? "online", P = G?.dbSync ?? !0, M = G?.alerts, Y = f?.data, Z = u ?? Mi, Q = Be(() => {
+  }, G = o.find((x) => x.name === A), S = G?.status ?? "online", P = G?.dbSync ?? !0, M = G?.alerts, Y = f?.data, Z = u ?? Li, Q = Be(() => {
     if (!Y || !d) return null;
     const x = {};
     for (const [V, ae] of Object.entries(d))
@@ -6467,7 +6459,7 @@ function Et({
             },
             onClick: se,
             children: /* @__PURE__ */ e(
-              ni,
+              Jt,
               {
                 viewState: v,
                 animPhase: g,
@@ -6560,7 +6552,7 @@ function zt(t) {
     { id: "worker", label: "WORKER", unit: "%", color: "#bb55ff", data: T(n * 0.9, 15) }
   ];
 }
-function Bi(t, n, o) {
+function Ni(t, n, o) {
   const i = t === "online" ? "online" : t, r = i === "critical" ? "critical" : "online", a = i === "critical" || i === "offline" ? i : i === "warning" ? "warning" : "online", s = i === "critical" ? "critical" : "online";
   return [
     { id: "inst-0", label: "INST-0", status: "online", element: /* @__PURE__ */ e(K, { color: "#bb55ff", label: "INST-0", status: "online" }) },
@@ -6572,7 +6564,7 @@ function Bi(t, n, o) {
     { id: "worker-3", label: "WORKER-3", status: s, detail: s === "critical" ? "Worker timeout" : void 0, element: /* @__PURE__ */ e(F, { color: "#bb55ff", label: "WORKER-3", status: s }) }
   ];
 }
-function Ui(t) {
+function Wi(t) {
   const n = t?.queueDepth ?? 50;
   return [
     { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: T(n, 20) },
@@ -6614,7 +6606,7 @@ function yt(t) {
   ];
   return n.includes("critical") ? "critical" : n.includes("warning") ? "warning" : n.includes("offline") ? "offline" : "online";
 }
-function sn(t) {
+function on(t) {
   const n = yt(t), o = n === "critical" || n === "offline", i = n === "warning";
   return [
     {
@@ -6636,7 +6628,7 @@ function sn(t) {
     }
   ];
 }
-function dn(t) {
+function rn(t) {
   const n = yt(t), o = n === "critical" || n === "offline", i = n === "warning";
   return [
     ...t.dbSync ? [] : [{ level: "warning", message: "DB Replication Lag Detected" }],
@@ -6645,7 +6637,7 @@ function dn(t) {
     ...!o && !i && t.dbSync ? [{ level: "info", message: "All Systems Nominal" }] : []
   ];
 }
-const Fi = [
+const Mi = [
   { from: [330, 120], to: [220, 260], visibleAtPhase: 3 },
   { from: [330, 120], to: [440, 260], visibleAtPhase: 3 },
   { from: [220, 260], to: [165, 390], visibleAtPhase: 4 },
@@ -6658,7 +6650,7 @@ const Fi = [
   { from: [330, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" },
   { from: [495, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" }
 ];
-function Hi({ config: t }) {
+function zi({ config: t }) {
   const n = X.useContext(Re), o = n?.rotateY ?? 20, i = n?.autoRotateComponents ?? !0, { wdStatus: r, msStatus: a, srv1Status: s, srv2Status: l, srv3Status: u, pdbStatus: d, sdbStatus: p, dbSync: f } = t;
   return /* @__PURE__ */ c(ze, { children: [
     /* @__PURE__ */ e(
@@ -6722,8 +6714,8 @@ function Hi({ config: t }) {
           name: "MSG-SRV",
           status: a,
           context: { queueDepth: 45 },
-          subComponents: Bi(a),
-          graphSeries: Ui({ queueDepth: 45 })
+          subComponents: Ni(a),
+          graphSeries: Wi({ queueDepth: 45 })
         },
         children: /* @__PURE__ */ e(
           Lt,
@@ -6918,10 +6910,10 @@ function Hi({ config: t }) {
         children: /* @__PURE__ */ e(It, { synced: f, latencyMs: f ? 8 : 342 })
       }
     ),
-    /* @__PURE__ */ e(Yi, { config: t })
+    /* @__PURE__ */ e(Bi, { config: t })
   ] });
 }
-function Yi({ config: t }) {
+function Bi({ config: t }) {
   const n = X.useContext(Re), { wdStatus: o, msStatus: i, srv1Status: r, srv2Status: a, srv3Status: s, pdbStatus: l, sdbStatus: u, dbSync: d } = t, p = n?.isSelected && n?.isExpandedPos;
   return n?.isSelected ? /* @__PURE__ */ c("div", { style: { pointerEvents: "none" }, children: [
     /* @__PURE__ */ e(
@@ -7046,15 +7038,15 @@ function Yi({ config: t }) {
     )
   ] }) : null;
 }
-function cn({ config: t, ...n }) {
+function an({ config: t, ...n }) {
   return /* @__PURE__ */ e(
     At,
     {
       name: t.name,
       status: yt(t),
-      connections: Fi,
+      connections: Mi,
       ...n,
-      children: /* @__PURE__ */ e(Hi, { config: t })
+      children: /* @__PURE__ */ e(zi, { config: t })
     }
   );
 }
@@ -7069,7 +7061,7 @@ function mt(t) {
   ];
   return n.includes("critical") ? "critical" : n.includes("warning") ? "warning" : n.includes("offline") ? "offline" : "online";
 }
-function pn(t) {
+function ln(t) {
   const n = mt(t), o = n === "critical" || n === "offline", i = n === "warning";
   return [
     {
@@ -7091,7 +7083,7 @@ function pn(t) {
     }
   ];
 }
-function fn(t) {
+function sn(t) {
   const n = mt(t), o = n === "critical" || n === "offline", i = n === "warning";
   return [
     ...t.dbSync ? [] : [{ level: "warning", message: "DB Replication Lag Detected" }],
@@ -7100,7 +7092,7 @@ function fn(t) {
     ...!o && !i && t.dbSync ? [{ level: "info", message: "All Systems Nominal" }] : []
   ];
 }
-const Vi = [
+const Ui = [
   { from: [330, 120], to: [330, 260], visibleAtPhase: 3 },
   { from: [330, 260], to: [165, 390], visibleAtPhase: 4 },
   { from: [330, 260], to: [330, 390], visibleAtPhase: 4 },
@@ -7109,7 +7101,7 @@ const Vi = [
   { from: [330, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" },
   { from: [495, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" }
 ];
-function _i({ config: t }) {
+function Fi({ config: t }) {
   const n = X.useContext(Re), o = n?.rotateY ?? 20, i = n?.autoRotateComponents ?? !0, { dispStatus: r, srv1Status: a, srv2Status: s, srv3Status: l, pdbStatus: u, sdbStatus: d, dbSync: p } = t;
   return /* @__PURE__ */ c(ze, { children: [
     /* @__PURE__ */ e(
@@ -7335,10 +7327,10 @@ function _i({ config: t }) {
         children: /* @__PURE__ */ e(It, { synced: p, latencyMs: p ? 8 : 342 })
       }
     ),
-    /* @__PURE__ */ e(ji, { config: t })
+    /* @__PURE__ */ e(Hi, { config: t })
   ] });
 }
-function ji({ config: t }) {
+function Hi({ config: t }) {
   const n = X.useContext(Re), { dispStatus: o, srv1Status: i, srv2Status: r, srv3Status: a, pdbStatus: s, sdbStatus: l, dbSync: u } = t, d = n?.isSelected && n?.isExpandedPos;
   return n?.isSelected ? /* @__PURE__ */ c("div", { style: { pointerEvents: "none" }, children: [
     /* @__PURE__ */ e(
@@ -7448,80 +7440,80 @@ function ji({ config: t }) {
     )
   ] }) : null;
 }
-function un({ config: t, ...n }) {
+function dn({ config: t, ...n }) {
   return /* @__PURE__ */ e(
     At,
     {
       name: t.name,
       status: mt(t),
-      connections: Vi,
+      connections: Ui,
       ...n,
-      children: /* @__PURE__ */ e(_i, { config: t })
+      children: /* @__PURE__ */ e(Fi, { config: t })
     }
   );
 }
 export {
-  ln as AIOPsDashboard,
+  nn as AIOPsDashboard,
   Ke as CPU3D,
-  ni as Carousel,
+  Jt as Carousel,
   pt as CarouselContext,
   ft as CarouselItemContext,
-  ei as ComponentDialog,
-  rn as ComponentDrillView,
-  zi as DataProvider,
+  Kt as ComponentDialog,
+  en as ComponentDrillView,
+  Di as DataProvider,
   je as Database3D,
-  en as DatabaseNode,
+  Ki as DatabaseNode,
   Ne as DriveBay3D,
-  Vi as EXCHANGE_CONNECTIONS,
-  un as ExchangeService,
-  Ki as HOLO_BLUE,
-  Qi as HOLO_CYAN,
+  Ui as EXCHANGE_CONNECTIONS,
+  dn as ExchangeService,
+  ji as HOLO_BLUE,
+  _i as HOLO_CYAN,
   dt as HOLO_GLASS,
   Ue as HOLO_SURFACE,
-  Ei as HistoricalGraphPanel,
-  ai as HoloBase,
+  $i as HistoricalGraphPanel,
+  ii as HoloBase,
   ht as Human3D,
-  tn as HumanNode,
+  Gi as HumanNode,
   Ge as Memory3D,
   Lt as MessageServer3D,
-  on as MessageServerNode,
+  Ji as MessageServerNode,
   Nt as NetworkBlock3D,
   U as NodeCallout,
   Qe as Platter3D,
   K as Port3D,
-  cn as SAPService,
-  Fi as SAP_CONNECTIONS,
+  an as SAPService,
+  Mi as SAP_CONNECTIONS,
   E as STATUS_CFG,
   ke as Server3D,
-  Ji as ServerNode,
+  Qi as ServerNode,
   At as Service,
   Re as ServiceContext,
-  Zt as ServiceDialog,
+  qt as ServiceDialog,
   O as ServiceNode,
-  oi as SvgConnection,
+  ei as SvgConnection,
   It as SyncBridge,
   F as ThreadPool3D,
   bt as WebDispatcher3D,
-  nn as WebDispatcherNode,
-  fn as computeExchangeDialogAlerts,
-  pn as computeExchangeDialogMetrics,
+  Zi as WebDispatcherNode,
+  sn as computeExchangeDialogAlerts,
+  ln as computeExchangeDialogMetrics,
   mt as computeExchangeServiceStatus,
-  dn as computeSAPDialogAlerts,
-  sn as computeSAPDialogMetrics,
+  rn as computeSAPDialogAlerts,
+  on as computeSAPDialogMetrics,
   yt as computeSAPServiceStatus,
-  Mi as defaultDataTransform,
+  Li as defaultDataTransform,
   Je as getDatabaseGraphSeries,
   Ze as getDatabaseSubComponents,
   zt as getDispatcherGraphSeries,
   Mt as getDispatcherSubComponents,
-  Ui as getMessageServerGraphSeries,
-  Bi as getMessageServerSubComponents,
+  Wi as getMessageServerGraphSeries,
+  Ni as getMessageServerSubComponents,
   Me as getServerGraphSeries,
   We as getServerSubComponents,
   ct as makeFaceStyles,
-  Di as useAIOpsData,
-  Ni as useAIOpsDataOptional,
-  Gi as useCarouselContext,
-  Zi as useCarouselItemContext,
-  an as useQueryResult
+  Ti as useAIOpsData,
+  Oi as useAIOpsDataOptional,
+  Xi as useCarouselContext,
+  qi as useCarouselItemContext,
+  tn as useQueryResult
 };