react-aiops 0.1.8 → 0.1.10

package/dist/index.js

@@ -1,11 +1,11 @@
-import { jsxs as d, jsx as e, Fragment as ve } from "react/jsx-runtime";
-import J, { createContext as je, useContext as we, useState as I, useEffect as Te, useMemo as Tt, useRef as ee } from "react";
-const At = {
+import { jsxs as d, jsx as e, Fragment as Ee } from "react/jsx-runtime";
+import j, { createContext as Ue, useContext as re, useState as R, useEffect as Ae, useMemo as yt, useRef as K, useCallback as dt } from "react";
+const Dt = {
   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 It({
+function Nt({
   name: t,
   status: n,
   dbSync: o = !0,
@@ -146,7 +146,7 @@ function It({
                 }
               ),
               c.map((p, f) => {
-                const g = At[p.level];
+                const g = Dt[p.level];
                 return /* @__PURE__ */ d(
                   "div",
                   {
@@ -177,13 +177,13 @@ function It({
     }
   );
 }
-const w = {
+const P = {
   online: { color: "#00e5ff", glow: "rgba(0,229,255,0.55)" },
   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)" }
-}, yi = "#00e5ff", mi = "#0055cc", Se = "linear-gradient(180deg, #071428 0%, #040c1c 60%, #030810 100%)", Qe = "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 Ge(t, n, o) {
+}, Pi = "#00e5ff", Ci = "#0055cc", Te = "linear-gradient(180deg, #071428 0%, #040c1c 60%, #030810 100%)", Ze = "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 Je(t, n, o) {
   const i = {
     position: "absolute",
     overflow: "hidden",
@@ -233,56 +233,56 @@ function Ge(t, n, o) {
     }
   };
 }
-const Ve = "cubic-bezier(0.34, 1.56, 0.64, 1)", _e = "cubic-bezier(0.16, 1, 0.3, 1)";
-function ct(t) {
-  return w[t]?.color ?? w.online.color;
+const Qe = "cubic-bezier(0.34, 1.56, 0.64, 1)", Ge = "cubic-bezier(0.16, 1, 0.3, 1)";
+function mt(t) {
+  return P[t]?.color ?? P.online.color;
 }
-function Lt(t, n, o) {
+function Wt(t, n, o) {
   return t >= o ? "#ff2255" : t >= n ? "#ff8c00" : "#00e5ff";
 }
-function Le(t, n, o, i) {
+function We(t, n, o, i) {
   return t === "offline" ? "offline" : t === "critical" && n >= i ? "critical" : (t === "critical" || t === "warning") && n >= o ? "warning" : "online";
 }
-function Ot({
+function Mt({
   component: t,
   onClose: n,
   visible: o,
   sceneWidth: i = 660,
   sceneHeight: r = 600
 }) {
-  const { type: a, name: s, status: l, ex: h, ey: c, context: p = {} } = t, f = ct(l), g = h >= i / 2, u = c >= r / 2, y = {
+  const { type: a, name: s, status: l, ex: h, ey: c, context: p = {} } = t, f = mt(l), g = h >= i / 2, u = c >= r / 2, y = {
     position: "fixed",
     ...g ? { right: 28 } : { left: 28 },
     ...u ? { bottom: 110 } : { top: 72 }
-  }, m = g ? 40 : -40, x = u ? 30 : -30, v = t.dialogMetrics ?? p.dialogMetrics;
-  let $;
-  if (v && v.length > 0)
-    $ = v.map((b, R) => {
-      const D = b.warnAt ?? 70, C = b.critAt ?? 85;
+  }, m = g ? 40 : -40, v = u ? 30 : -30, x = t.dialogMetrics ?? p.dialogMetrics;
+  let w;
+  if (x && x.length > 0)
+    w = x.map((b, k) => {
+      const T = b.warnAt ?? 70, $ = b.critAt ?? 85;
       return {
         id: b.id,
         label: b.label,
         sublabel: b.sublabel,
         value: b.value,
         unit: b.unit ?? "%",
-        status: Le(l, b.value, D, C),
+        status: We(l, b.value, T, $),
         icon: b.icon ?? "cpu",
-        delay: R,
+        delay: k,
         colorOverride: b.color,
-        warnAt: D,
-        critAt: C
+        warnAt: T,
+        critAt: $
       };
     });
   else {
-    const b = p.cpuLoad ?? p.traffic ?? 50, R = p.memLoad ?? p.queueDepth ?? 60, D = p.capacity ?? 72, C = Le(l, b, 70, 85), T = Le(l, R, 75, 88), W = Le(l, D, 75, 90);
-    $ = [
+    const b = p.cpuLoad ?? p.traffic ?? 50, k = p.memLoad ?? p.queueDepth ?? 60, T = p.capacity ?? 72, $ = We(l, b, 70, 85), S = We(l, k, 75, 88), N = We(l, T, 75, 90);
+    w = [
       {
         id: "cpu",
         label: a === "dispatcher" ? "TRAFFIC" : a === "messageServer" ? "QUEUE" : "CPU",
         sublabel: a === "dispatcher" ? "PORT LOAD" : a === "messageServer" ? "QUEUE DEPTH" : "PROCESSOR",
         value: b,
         unit: "%",
-        status: C,
+        status: $,
         icon: "cpu",
         delay: 0
       },
@@ -290,9 +290,9 @@ function Ot({
         id: "mem",
         label: "MEMORY",
         sublabel: a === "database" ? "BUFFER POOL" : "HEAP USAGE",
-        value: R,
+        value: k,
         unit: "%",
-        status: T,
+        status: S,
         icon: "mem",
         delay: 1
       },
@@ -300,9 +300,9 @@ function Ot({
         id: "storage",
         label: "STORAGE",
         sublabel: a === "database" ? "TABLESPACE" : "DISK I/O",
-        value: D,
+        value: T,
         unit: "%",
-        status: W,
+        status: N,
         icon: "disk",
         delay: 2
       }
@@ -322,8 +322,8 @@ function Ot({
         fontFamily: "'Courier New', monospace",
         overflow: "hidden",
         opacity: o ? 1 : 0,
-        transform: o ? "scale(1) translate(0, 0)" : `scale(0.7) translate(${m}px, ${x}px)`,
-        transition: `opacity 0.45s ${_e}, transform 0.55s ${Ve}`,
+        transform: o ? "scale(1) translate(0, 0)" : `scale(0.7) translate(${m}px, ${v}px)`,
+        transition: `opacity 0.45s ${Ge}, transform 0.55s ${Qe}`,
         pointerEvents: o ? "auto" : "none",
         zIndex: 9999,
         animation: o ? "comp-dialog-border-glow 3s ease-in-out infinite" : "none",
@@ -393,12 +393,12 @@ function Ot({
             borderRight: `2px solid ${f}66`,
             borderRadius: "0 0 14px 0"
           }
-        ].map((b, R) => /* @__PURE__ */ e(
+        ].map((b, k) => /* @__PURE__ */ e(
           "div",
           {
             style: { position: "absolute", width: 18, height: 18, pointerEvents: "none", ...b }
           },
-          R
+          k
         )),
         /* @__PURE__ */ d(
           "div",
@@ -519,7 +519,7 @@ function Ot({
               position: "relative",
               zIndex: 2
             },
-            children: $.map((b) => /* @__PURE__ */ e(Dt, { metric: b, visible: o, accentColor: f }, b.id))
+            children: w.map((b) => /* @__PURE__ */ e(zt, { metric: b, visible: o, accentColor: f }, b.id))
           }
         ),
         /* @__PURE__ */ d(
@@ -568,7 +568,7 @@ function Ot({
     }
   );
 }
-function Dt({
+function zt({
   metric: t,
   visible: n,
   accentColor: o
@@ -584,7 +584,7 @@ function Dt({
     colorOverride: p,
     warnAt: f = 70,
     critAt: g = 85
-  } = t, u = p ?? Lt(a, f, g), y = p ?? ct(l);
+  } = t, u = p ?? Wt(a, f, g), y = p ?? mt(l);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -594,7 +594,7 @@ function Dt({
         gap: 16,
         opacity: n ? 1 : 0,
         transform: n ? "translateY(0)" : "translateY(12px)",
-        transition: `opacity 0.4s ${_e} ${0.3 + c * 0.12}s, transform 0.5s ${Ve} ${0.3 + c * 0.12}s`
+        transition: `opacity 0.4s ${Ge} ${0.3 + c * 0.12}s, transform 0.5s ${Qe} ${0.3 + c * 0.12}s`
       },
       children: [
         /* @__PURE__ */ d(
@@ -612,10 +612,10 @@ function Dt({
               flexShrink: 0,
               position: "relative",
               overflow: "hidden",
-              animation: n ? `comp-dialog-icon-pop 0.5s ${Ve} ${0.35 + c * 0.12}s both` : "none"
+              animation: n ? `comp-dialog-icon-pop 0.5s ${Qe} ${0.35 + c * 0.12}s both` : "none"
             },
             children: [
-              /* @__PURE__ */ e(Wt, { type: h, color: y }),
+              /* @__PURE__ */ e(Bt, { type: h, color: y }),
               (l === "warning" || l === "critical") && /* @__PURE__ */ e(
                 "div",
                 {
@@ -714,7 +714,7 @@ function Dt({
                       background: `linear-gradient(90deg, ${u}66, ${u})`,
                       boxShadow: `0 0 8px ${u}44`,
                       transformOrigin: "left center",
-                      animation: n ? `comp-dialog-metric-fill 0.8s ${_e} ${0.4 + c * 0.12}s both` : "none"
+                      animation: n ? `comp-dialog-metric-fill 0.8s ${Ge} ${0.4 + c * 0.12}s both` : "none"
                     }
                   }
                 ),
@@ -808,7 +808,7 @@ function Dt({
     }
   );
 }
-function Wt({ type: t, color: n }) {
+function Bt({ type: t, color: n }) {
   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: n, strokeWidth: "1.5" }),
     /* @__PURE__ */ e(
@@ -893,14 +893,14 @@ function Wt({ type: t, color: n }) {
     /* @__PURE__ */ e("line", { x1: "18", y1: "12", x2: "21", y2: "12", stroke: n, strokeWidth: "0.8" })
   ] });
 }
-const qe = je(null), Ke = je({ index: 0 });
-function xi() {
-  return we(qe);
+const et = Ue(null), tt = Ue({ index: 0 });
+function Ei() {
+  return re(et);
 }
-function vi() {
-  return we(Ke);
+function Ai() {
+  return re(tt);
 }
-function zt({
+function Ft({
   children: t,
   logoUrl: n,
   viewState: o,
@@ -917,28 +917,28 @@ function zt({
   width: u = 950,
   height: y = 790,
   onSelectSystem: m,
-  onBackgroundClick: x,
-  onComponentClick: v,
-  onCloseDrill: $,
+  onBackgroundClick: v,
+  onComponentClick: x,
+  onCloseDrill: w,
   selectedSystemStatus: b = "online",
-  selectedSystemDbSync: R = !0,
-  selectedSystemMetrics: D,
-  selectedSystemAlerts: C
+  selectedSystemDbSync: k = !0,
+  selectedSystemMetrics: T,
+  selectedSystemAlerts: $
 }) {
-  const [T, W] = I(0);
-  Te(() => {
-    let z;
+  const [S, N] = R(0);
+  Ae(() => {
+    let I;
     if ((o === "compact" || o === "collapsing") && f) {
-      const F = () => {
-        W((ne) => ne + g), z = requestAnimationFrame(F);
+      const U = () => {
+        N((se) => se + g), I = requestAnimationFrame(U);
       };
-      z = requestAnimationFrame(F);
+      I = requestAnimationFrame(U);
     }
-    return () => cancelAnimationFrame(z);
+    return () => cancelAnimationFrame(I);
   }, [o, f, g]);
-  const X = J.Children.toArray(t), j = X.length, N = Tt(() => ({
-    totalSystems: j,
-    carouselRotation: T,
+  const B = j.Children.toArray(t), z = B.length, H = yt(() => ({
+    totalSystems: z,
+    carouselRotation: S,
     viewState: o,
     animPhase: i,
     selectedSystem: r,
@@ -948,11 +948,11 @@ function zt({
     componentScale: c,
     drillZoom: p,
     onSelectSystem: m,
-    onComponentClick: v,
+    onComponentClick: x,
     containerWidth: u
   }), [
-    j,
-    T,
+    z,
+    S,
     o,
     i,
     r,
@@ -962,10 +962,10 @@ function zt({
     c,
     p,
     m,
-    v,
+    x,
     u
-  ]), te = X.map((z, F) => /* @__PURE__ */ e(Ke.Provider, { value: { index: F }, children: z }, F)), ie = o === "expanded" || o === "expanding" && i >= 4;
-  return /* @__PURE__ */ d(qe.Provider, { value: N, children: [
+  ]), ae = B.map((I, U) => /* @__PURE__ */ e(tt.Provider, { value: { index: U }, children: I }, U)), le = o === "expanded" || o === "expanding" && i >= 4;
+  return /* @__PURE__ */ d(et.Provider, { value: H, children: [
     /* @__PURE__ */ d("div", { style: { position: "relative", width: u, height: y, margin: "0 auto", flexShrink: 0 }, children: [
       n && (o === "compact" || o === "collapsing") && /* @__PURE__ */ e(
         "img",
@@ -987,24 +987,24 @@ function zt({
           }
         }
       ),
-      te
+      ae
     ] }),
-    r && /* @__PURE__ */ e("div", { onClick: (z) => z.stopPropagation(), children: /* @__PURE__ */ e(
-      It,
+    r && /* @__PURE__ */ e("div", { onClick: (I) => I.stopPropagation(), children: /* @__PURE__ */ e(
+      Nt,
       {
         name: r,
         status: b,
-        dbSync: R,
-        visible: ie && !a,
-        metrics: D,
-        alerts: C
+        dbSync: k,
+        visible: le && !a,
+        metrics: T,
+        alerts: $
       }
     ) }),
-    a && /* @__PURE__ */ e("div", { onClick: (z) => z.stopPropagation(), children: /* @__PURE__ */ e(
-      Ot,
+    a && /* @__PURE__ */ e("div", { onClick: (I) => I.stopPropagation(), children: /* @__PURE__ */ e(
+      Mt,
       {
         component: a,
-        onClose: $,
+        onClose: w,
         visible: s >= 0.3,
         sceneWidth: u,
         sceneHeight: y
@@ -1012,7 +1012,7 @@ function zt({
     ) })
   ] });
 }
-function Mt({
+function Ht({
   x1: t,
   y1: n,
   x2: o,
@@ -1059,7 +1059,7 @@ function Mt({
         )
       }
     ),
-    r && /* @__PURE__ */ d(ve, { children: [
+    r && /* @__PURE__ */ d(Ee, { children: [
       /* @__PURE__ */ e("circle", { r: "3", fill: a, opacity: 0.85, children: /* @__PURE__ */ e(
         "animateMotion",
         {
@@ -1079,14 +1079,14 @@ function Mt({
     ] })
   ] });
 }
-const Nt = [
+const Ut = [
   { 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 Bt({
+function Yt({
   children: t,
   size: n = 230,
   widthRatio: o = 1,
@@ -1252,7 +1252,7 @@ function Bt({
         background: `radial-gradient(ellipse, ${i}88 0%, ${i}33 40%, transparent 72%)`,
         filter: "blur(12px)"
       } }),
-      Nt.map((s, l) => /* @__PURE__ */ e("div", { style: {
+      Ut.map((s, l) => /* @__PURE__ */ e("div", { style: {
         position: "absolute",
         width: a * s.scale,
         height: n * s.scale,
@@ -1295,8 +1295,8 @@ function Bt({
     }, children: r })
   ] });
 }
-const le = je(null), Ft = "cubic-bezier(0.34, 1.56, 0.64, 1)", ot = 330, rt = 340, Ht = 660;
-function pt({
+const ue = Ue(null), Vt = "cubic-bezier(0.34, 1.56, 0.64, 1)", ct = 330, pt = 340, _t = 660;
+function xt({
   name: t,
   status: n = "online",
   connections: o = [],
@@ -1313,28 +1313,28 @@ function pt({
   _autoRotateComponents: u,
   _componentScale: y,
   _drillZoom: m,
-  _onSelectSystem: x,
-  _onComponentClick: v,
-  _containerWidth: $
+  _onSelectSystem: v,
+  _onComponentClick: x,
+  _containerWidth: w
 }) {
-  const b = we(qe), R = we(Ke), D = a ?? R.index, C = s ?? b?.totalSystems ?? 1, T = l ?? b?.carouselRotation ?? 0, W = h ?? b?.viewState ?? "compact", X = c ?? b?.animPhase ?? 0, j = p ?? b?.selectedSystem ?? null, N = f ?? b?.selectedComponent ?? null, te = g ?? b?.rotateY ?? 20, ie = u ?? b?.autoRotateComponents ?? !0, z = y ?? b?.componentScale ?? 0.35, F = m ?? b?.drillZoom ?? 3.3, ne = x ?? b?.onSelectSystem, $e = v ?? b?.onComponentClick, ke = $ ?? b?.containerWidth ?? 950, V = j === t, M = V && (W === "expanded" || W === "expanding" && X >= 1), P = !M, Re = (ke - Ht) / 2, oe = ot + Re, se = D / C * Math.PI * 2 + T, Ne = 420, Ae = 160, Pe = oe + Math.cos(se) * Ne, de = 450 + Math.sin(se) * Ae, xt = Math.round(de), Be = !V && (W === "expanding" || W === "expanded"), vt = Be ? 0 : 1, Ce = P ? 0.3 + (Math.sin(se) + 1) * 0.1 : 1, wt = P ? Ce : z, Ie = W === "compact" || W === "collapsing" ? "none" : "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)", nt = V && N, Fe = nt ? F : 1, St = N?.ex ?? 330, $t = N?.ey ?? 300, { size: kt = 90, color: Rt = "#00e5ff", widthRatio: Pt = 3 } = i ?? {}, Ct = {
+  const b = re(et), k = re(tt), T = a ?? k.index, $ = s ?? b?.totalSystems ?? 1, S = l ?? b?.carouselRotation ?? 0, N = h ?? b?.viewState ?? "compact", B = c ?? b?.animPhase ?? 0, z = p ?? b?.selectedSystem ?? null, H = f ?? b?.selectedComponent ?? null, ae = g ?? b?.rotateY ?? 20, le = u ?? b?.autoRotateComponents ?? !0, I = y ?? b?.componentScale ?? 0.35, U = m ?? b?.drillZoom ?? 3.3, se = v ?? b?.onSelectSystem, Ie = x ?? b?.onComponentClick, Oe = w ?? b?.containerWidth ?? 950, Y = z === t, L = Y && (N === "expanded" || N === "expanding" && B >= 1), Q = !L, Le = (Oe - _t) / 2, be = ct + Le, ge = T / $ * Math.PI * 2 + S, Ye = 420, Ve = 160, de = be + Math.cos(ge) * Ye, C = 450 + Math.sin(ge) * Ve, ce = Math.round(C), ee = !Y && (N === "expanding" || N === "expanded"), pe = ee ? 0 : 1, Z = Q ? 0.3 + (Math.sin(ge) + 1) * 0.1 : 1, V = Q ? Z : I, ye = N === "compact" || N === "collapsing" ? "none" : "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)", De = Y && H, _e = De ? U : 1, Ct = H?.ex ?? 330, Et = H?.ey ?? 300, { size: At = 90, color: Tt = "#00e5ff", widthRatio: It = 3 } = i ?? {}, Ot = {
     name: t,
-    isSelected: V,
-    isExpandedPos: M,
-    isCompact: P,
-    animPhase: X,
-    compactCx: Pe,
-    compactCy: de,
-    groupScale: Ce,
-    effectiveScale: wt,
-    transitionValue: Ie,
-    rotateY: te,
-    autoRotateComponents: ie,
-    onComponentClick: $e,
-    selectedComponentName: N?.name ?? null,
-    expandedOffsetX: Re
+    isSelected: Y,
+    isExpandedPos: L,
+    isCompact: Q,
+    animPhase: B,
+    compactCx: de,
+    compactCy: C,
+    groupScale: Z,
+    effectiveScale: V,
+    transitionValue: ye,
+    rotateY: ae,
+    autoRotateComponents: le,
+    onComponentClick: Ie,
+    selectedComponentName: H?.name ?? null,
+    expandedOffsetX: Le
   };
-  return /* @__PURE__ */ e(le.Provider, { value: Ct, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(ue.Provider, { value: Ot, children: /* @__PURE__ */ d(
     "div",
     {
       style: {
@@ -1344,21 +1344,21 @@ function pt({
         width: "100%",
         height: "100%",
         pointerEvents: "none",
-        opacity: vt,
-        transition: `opacity 0.8s ease, filter 0.5s ease, transform 0.6s ${Ft}`,
-        filter: P && Math.sin(se) < -0.5 ? "brightness(0.5) blur(2px)" : "none",
-        zIndex: V ? 500 : Be ? 0 : xt,
-        transformOrigin: `${oe}px ${rt}px`,
-        transform: nt ? `translate(${-(St - ot) * Fe}px, ${-($t - rt) * Fe}px) scale(${Fe})` : "none"
+        opacity: pe,
+        transition: `opacity 0.8s ease, filter 0.5s ease, transform 0.6s ${Vt}`,
+        filter: Q && Math.sin(ge) < -0.5 ? "brightness(0.5) blur(2px)" : "none",
+        zIndex: Y ? 500 : ee ? 0 : ce,
+        transformOrigin: `${be}px ${pt}px`,
+        transform: De ? `translate(${-(Ct - ct) * _e}px, ${-(Et - pt) * _e}px) scale(${_e})` : "none"
       },
       children: [
-        P && !Be && /* @__PURE__ */ e(
+        Q && !ee && /* @__PURE__ */ e(
           "div",
           {
             style: {
               position: "absolute",
-              left: Pe,
-              top: de,
+              left: de,
+              top: C,
               width: 160,
               height: 180,
               transform: "translate(-50%, -80%)",
@@ -1366,19 +1366,19 @@ function pt({
               cursor: "pointer",
               zIndex: 101
             },
-            onClick: (Q) => {
-              Q.stopPropagation(), ne?.(t);
+            onClick: (J) => {
+              J.stopPropagation(), se?.(t);
             }
           }
         ),
-        P && (n === "warning" || n === "critical") && /* @__PURE__ */ e(
+        Q && (n === "warning" || n === "critical") && /* @__PURE__ */ e(
           "div",
           {
             style: {
               position: "absolute",
-              left: Pe,
-              top: de - 200,
-              transform: `translate(-50%, -50%) scale(${Ce})`,
+              left: de,
+              top: C - 200,
+              transform: `translate(-50%, -50%) scale(${Z})`,
               zIndex: 110,
               pointerEvents: "none",
               animation: "holo-led-blink 1.5s infinite",
@@ -1424,13 +1424,13 @@ function pt({
           {
             style: {
               position: "absolute",
-              left: M ? oe : Pe,
-              top: M ? 48 : de - 180,
-              transform: `translate(-50%, -50%) scale(${M ? 1.2 : Ce * 1.5})`,
+              left: L ? be : de,
+              top: L ? 48 : C - 180,
+              transform: `translate(-50%, -50%) scale(${L ? 1.2 : Z * 1.5})`,
               opacity: 1,
               pointerEvents: "none",
               zIndex: 100,
-              transition: Ie,
+              transition: ye,
               fontSize: 36,
               fontWeight: 700,
               letterSpacing: "0.18em",
@@ -1450,25 +1450,25 @@ function pt({
             style: {
               position: "absolute",
               top: 0,
-              left: M ? Re : 0,
+              left: L ? Le : 0,
               width: 660,
               height: 640,
               pointerEvents: "none",
               zIndex: 0,
-              transition: Ie
+              transition: ye
             },
-            children: o.map((Q, Et) => /* @__PURE__ */ e(
-              Mt,
+            children: o.map((J, Lt) => /* @__PURE__ */ e(
+              Ht,
               {
-                x1: Q.from[0],
-                y1: Q.from[1],
-                x2: Q.to[0],
-                y2: Q.to[1],
-                show: V && X >= (Q.visibleAtPhase ?? 0),
-                color: Q.color,
-                dur: Q.duration
+                x1: J.from[0],
+                y1: J.from[1],
+                x2: J.to[0],
+                y2: J.to[1],
+                show: Y && B >= (J.visibleAtPhase ?? 0),
+                color: J.color,
+                dur: J.duration
               },
-              Et
+              Lt
             ))
           }
         ),
@@ -1477,13 +1477,13 @@ function pt({
           {
             style: {
               position: "absolute",
-              left: M ? oe : Pe,
-              top: M ? 570 : de + 70,
-              transform: `translate(-50%, -50%) scaleX(${M ? 1 : 0.4}) scaleY(${M ? 1 : 0.6}) scale(${M ? 1 : Ce})`,
-              transition: Ie,
+              left: L ? be : de,
+              top: L ? 570 : C + 70,
+              transform: `translate(-50%, -50%) scaleX(${L ? 1 : 0.4}) scaleY(${L ? 1 : 0.6}) scale(${L ? 1 : Z})`,
+              transition: ye,
               zIndex: 1
             },
-            children: /* @__PURE__ */ e(Bt, { size: kt, color: Rt, widthRatio: Pt, children: /* @__PURE__ */ e("div", { className: "base-hotspot" }) })
+            children: /* @__PURE__ */ e(Yt, { size: At, color: Tt, widthRatio: It, children: /* @__PURE__ */ e("div", { className: "base-hotspot" }) })
           }
         ),
         r
@@ -1491,7 +1491,7 @@ function pt({
     }
   ) });
 }
-function L({
+function W({
   ex: t,
   ey: n,
   status: o,
@@ -1503,20 +1503,20 @@ function L({
   align: h = "right",
   internalRef: c
 }) {
-  const p = we(le), f = p?.expandedOffsetX ?? 0;
+  const p = re(ue), f = p?.expandedOffsetX ?? 0;
   if (o === "online") return null;
-  const g = l && !!p?.isExpandedPos, u = w[o]?.color ?? w.warning.color, y = Math.abs(a) > Math.abs(s), m = t + f + (y ? Math.sign(a) * 45 : 0), x = n + (y ? 0 : Math.sign(s) * 40), v = t + f + a, $ = n + s;
+  const g = l && !!p?.isExpandedPos, u = P[o]?.color ?? P.warning.color, y = Math.abs(a) > Math.abs(s), m = t + f + (y ? Math.sign(a) * 45 : 0), v = n + (y ? 0 : Math.sign(s) * 40), x = t + f + a, w = n + s;
   let b = "";
   if (y) {
-    const T = m + (v - m) / 2;
-    b = `M ${m} ${x} L ${T} ${x} L ${T} ${$} L ${v} ${$}`;
+    const S = m + (x - m) / 2;
+    b = `M ${m} ${v} L ${S} ${v} L ${S} ${w} L ${x} ${w}`;
   } else {
-    const T = x + ($ - x) / 2;
-    b = `M ${m} ${x} L ${m} ${T} L ${v} ${T} L ${v} ${$}`;
+    const S = v + (w - v) / 2;
+    b = `M ${m} ${v} L ${m} ${S} L ${x} ${S} L ${x} ${w}`;
   }
-  let R = "translate(0, -50%)";
-  h === "left" && (R = "translate(-100%, -50%)"), h === "top" && (R = "translate(-50%, -100%)"), h === "bottom" && (R = "translate(-50%, 0)");
-  const D = h === "left" ? -8 : h === "right" ? 8 : 0, C = h === "top" ? -8 : h === "bottom" ? 8 : 0;
+  let k = "translate(0, -50%)";
+  h === "left" && (k = "translate(-100%, -50%)"), h === "top" && (k = "translate(-50%, -100%)"), h === "bottom" && (k = "translate(-50%, 0)");
+  const T = h === "left" ? -8 : h === "right" ? 8 : 0, $ = h === "top" ? -8 : h === "bottom" ? 8 : 0;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -1562,11 +1562,11 @@ function L({
           {
             style: {
               position: "absolute",
-              left: v,
-              top: $,
-              transform: R,
-              marginLeft: D,
-              marginTop: C,
+              left: x,
+              top: w,
+              transform: k,
+              marginLeft: T,
+              marginTop: $,
               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 ${u}55`,
               borderLeft: `2px solid ${u}`,
@@ -1638,7 +1638,7 @@ function L({
     }
   );
 }
-function k({
+function A({
   ex: t,
   ey: n,
   compactOffset: o,
@@ -1654,21 +1654,21 @@ function k({
   bare: g = !1,
   alert: u
 }) {
-  const y = we(le);
+  const y = re(ue);
   if (!y)
     throw new Error("ServiceNode must be used inside a <Service> component.");
   const {
     isExpandedPos: m,
-    animPhase: x,
-    compactCx: v,
-    compactCy: $,
+    animPhase: v,
+    compactCx: x,
+    compactCy: w,
     groupScale: b,
-    effectiveScale: R,
-    transitionValue: D,
-    onComponentClick: C,
-    selectedComponentName: T,
-    expandedOffsetX: W
-  } = y, j = p === 0 || y.isSelected && x >= p ? 1 : 0, N = v + o.x, te = $ + o.y, ie = m ? t + W : N, z = m ? n : te, F = f !== void 0 ? f : y.isCompact ? b : R, ne = !!c && !!T && c.name === T, $e = c?.status ? w[c.status]?.color ?? a : a, ke = c?.status === "offline" ? "#4a6a8a" : $e, V = c && m && C ? () => C({
+    effectiveScale: k,
+    transitionValue: T,
+    onComponentClick: $,
+    selectedComponentName: S,
+    expandedOffsetX: N
+  } = y, z = p === 0 || y.isSelected && v >= p ? 1 : 0, H = x + o.x, ae = w + o.y, le = m ? t + N : H, I = m ? n : ae, U = f !== void 0 ? f : y.isCompact ? b : k, se = !!c && !!S && c.name === S, Ie = c?.status ? P[c.status]?.color ?? a : a, Oe = c?.status === "offline" ? "#4a6a8a" : Ie, Y = c && m && $ ? () => $({
     type: c.type,
     name: c.name,
     status: c.status,
@@ -1678,44 +1678,44 @@ function k({
     dialogMetrics: c.dialogMetrics,
     subComponents: c.subComponents,
     graphSeries: c.graphSeries
-  }) : void 0, M = c?.status ?? "online", P = c?.name ?? s ?? "";
-  return /* @__PURE__ */ d(ve, { children: [
+  }) : void 0, L = c?.status ?? "online", Q = c?.name ?? s ?? "";
+  return /* @__PURE__ */ d(Ee, { children: [
     /* @__PURE__ */ e(
       "div",
       {
         style: {
           position: "absolute",
-          left: ie,
-          top: z,
-          transform: `translate(-50%, -50%) scale(${F})`,
-          opacity: j,
+          left: le,
+          top: I,
+          transform: `translate(-50%, -50%) scale(${U})`,
+          opacity: z,
           zIndex: i,
-          transition: D || "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)",
-          pointerEvents: m && j >= 0.5 ? "auto" : "none"
+          transition: T || "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)",
+          pointerEvents: m && z >= 0.5 ? "auto" : "none"
         },
         children: g ? r : /* @__PURE__ */ e(
-          Ut,
+          jt,
           {
-            statusColor: ke,
+            statusColor: Oe,
             label: s,
             subLabel: l,
             delay: h,
             showLabels: m,
             isCompact: y.isCompact,
-            onClick: V,
-            isSelected: ne,
+            onClick: Y,
+            isSelected: se,
             children: r
           }
         )
       }
     ),
     u && /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: t,
         ey: n,
-        status: M,
-        title: P,
+        status: L,
+        title: Q,
         msg: u.msg,
         offsetX: u.offsetX ?? 110,
         offsetY: u.offsetY ?? -30,
@@ -1726,7 +1726,7 @@ function k({
     )
   ] });
 }
-function Ut({
+function jt({
   children: t,
   statusColor: n,
   label: o,
@@ -1737,7 +1737,7 @@ function Ut({
   onClick: l,
   isSelected: h = !1
 }) {
-  const [c, p] = I(!1), f = h ? `brightness(1.5) drop-shadow(0 0 24px ${n}cc) drop-shadow(0 0 8px ${n}88)` : c && l ? `brightness(1.2) drop-shadow(0 0 12px ${n}77)` : "";
+  const [c, p] = R(!1), f = h ? `brightness(1.5) drop-shadow(0 0 24px ${n}cc) drop-shadow(0 0 8px ${n}88)` : c && l ? `brightness(1.2) drop-shadow(0 0 12px ${n}77)` : "";
   return /* @__PURE__ */ d(
     "div",
     {
@@ -1766,7 +1766,7 @@ function Ut({
               }
             }
           ),
-          /* @__PURE__ */ e("div", { style: s ? { background: "#040c1a", borderRadius: 2 } : void 0, children: s && J.isValidElement(t) ? J.cloneElement(t, {
+          /* @__PURE__ */ e("div", { style: s ? { background: "#040c1a", borderRadius: 2 } : void 0, children: s && j.isValidElement(t) ? j.cloneElement(t, {
             _compact: !0
           }) : t })
         ] }),
@@ -1787,7 +1787,7 @@ function Ut({
     }
   );
 }
-function ft({ synced: t, latencyMs: n }) {
+function vt({ synced: t, latencyMs: n }) {
   const o = t ? "#00ff88" : "#ff8c00";
   return /* @__PURE__ */ d("div", { className: "sync-bridge", children: [
     /* @__PURE__ */ d("div", { className: "sync-arrows", children: [
@@ -1822,8 +1822,8 @@ function ft({ synced: t, latencyMs: n }) {
     ] })
   ] });
 }
-const G = 140, H = 240, Z = 160, ce = Ge(G, H, Z);
-function Yt({
+const te = 140, _ = 240, oe = 160, me = Je(te, _, oe);
+function Xt({
   cfg: t,
   name: n,
   cpuLoad: o,
@@ -1842,9 +1842,9 @@ function Yt({
     "div",
     {
       style: {
-        width: G,
-        height: H,
-        background: a ? Se : Qe,
+        width: te,
+        height: _,
+        background: a ? Te : Ze,
         position: "relative",
         overflow: "hidden",
         fontFamily: "'Courier New', monospace",
@@ -2235,13 +2235,13 @@ function Yt({
     }
   );
 }
-function Vt() {
+function qt() {
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: G,
-        height: H,
+        width: te,
+        height: _,
         background: "linear-gradient(180deg, #040c1a 0%, #030810 100%)",
         position: "relative",
         overflow: "hidden",
@@ -2349,7 +2349,7 @@ function Vt() {
     }
   );
 }
-function at({
+function ft({
   side: t,
   color: n,
   brandLabel: o
@@ -2359,8 +2359,8 @@ function at({
     "div",
     {
       style: {
-        width: Z,
-        height: H,
+        width: oe,
+        height: _,
         background: i ? "linear-gradient(90deg, #040c1c 0%, #071428 60%, #040c1c 100%)" : "linear-gradient(90deg, #040c1c 0%, #071428 40%, #040c1c 100%)",
         position: "relative",
         overflow: "hidden"
@@ -2379,13 +2379,13 @@ function at({
             }
           }
         ),
-        [8, H - 20].map((r) => /* @__PURE__ */ e(
+        [8, _ - 20].map((r) => /* @__PURE__ */ e(
           "div",
           {
             style: {
               position: "absolute",
               top: r,
-              left: i ? 10 : Z - 18,
+              left: i ? 10 : oe - 18,
               width: 8,
               height: 8,
               borderRadius: 1,
@@ -2401,8 +2401,8 @@ function at({
           {
             style: {
               position: "absolute",
-              top: H * 0.35,
-              bottom: H * 0.15,
+              top: _ * 0.35,
+              bottom: _ * 0.15,
               left: i ? 22 : 18,
               right: i ? 18 : 22,
               display: "flex",
@@ -2430,8 +2430,8 @@ function at({
           {
             style: {
               position: "absolute",
-              top: H * 0.18,
-              left: i ? 12 : Z - 78,
+              top: _ * 0.18,
+              left: i ? 12 : oe - 78,
               fontSize: 7,
               color: "#1a3050",
               letterSpacing: "0.2em",
@@ -2449,14 +2449,14 @@ function at({
     }
   );
 }
-function _t({ 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((Z - 18) / 7);
+function Qt({ 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((oe - 18) / 7);
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: G,
-        height: Z,
+        width: te,
+        height: oe,
         background: "linear-gradient(180deg, #0c1c30 0%, #070f1e 40%, #040c1a 100%)",
         position: "relative",
         overflow: "hidden"
@@ -2470,7 +2470,7 @@ function _t({ cpuLoad: t }) {
               top: 0,
               left: 0,
               right: 0,
-              height: Z * 0.4,
+              height: oe * 0.4,
               background: `radial-gradient(ellipse at 50% 0%, ${o} 0%, transparent 70%)`
             }
           }
@@ -2529,7 +2529,7 @@ function _t({ cpuLoad: t }) {
     }
   );
 }
-function ae({
+function he({
   rotateX: t = -22,
   rotateY: n = 20,
   rotateZ: o = 0,
@@ -2542,26 +2542,26 @@ function ae({
   brandLabel: c = "BUSAUD",
   _compact: p
 }) {
-  const [f, g] = I(n), u = ee(0), y = ee(0);
-  Te(() => {
+  const [f, g] = R(n), u = K(0), y = K(0);
+  Ae(() => {
     if (!r) {
       g(n);
       return;
     }
-    const x = (v) => {
-      y.current && g(($) => $ + (v - y.current) * 0.027), y.current = v, u.current = requestAnimationFrame(x);
+    const v = (x) => {
+      y.current && g((w) => w + (x - y.current) * 0.027), y.current = x, u.current = requestAnimationFrame(v);
     };
-    return u.current = requestAnimationFrame(x), () => {
+    return u.current = requestAnimationFrame(v), () => {
       cancelAnimationFrame(u.current), y.current = 0;
     };
   }, [r, n]);
-  const m = w[a] ?? w.online;
+  const m = P[a] ?? P.online;
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: G * i,
-        height: H * i,
+        width: te * i,
+        height: _ * i,
         position: "relative",
         display: "flex",
         alignItems: "center",
@@ -2613,8 +2613,8 @@ function ae({
           {
             style: {
               position: "absolute",
-              width: G * 1.4 * i,
-              height: H * 0.8 * i,
+              width: te * 1.4 * i,
+              height: _ * 0.8 * i,
               background: `radial-gradient(ellipse, ${m.glow} 0%, transparent 65%)`,
               filter: `blur(${Math.round(45 * i)}px)`,
               pointerEvents: "none",
@@ -2637,16 +2637,16 @@ function ae({
               "div",
               {
                 style: {
-                  width: G,
-                  height: H,
+                  width: te,
+                  height: _,
                   position: "relative",
                   transformStyle: "preserve-3d",
                   transform: `rotateX(${t}deg) rotateY(${f}deg) rotateZ(${o}deg)`,
                   transition: r ? "none" : "transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94)"
                 },
                 children: [
-                  /* @__PURE__ */ e("div", { style: ce.front, children: /* @__PURE__ */ e(
-                    Yt,
+                  /* @__PURE__ */ e("div", { style: me.front, children: /* @__PURE__ */ e(
+                    Xt,
                     {
                       cfg: m,
                       name: s,
@@ -2657,16 +2657,16 @@ function ae({
                       brandLabel: c
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { style: ce.back, children: /* @__PURE__ */ e(Vt, {}) }),
-                  /* @__PURE__ */ e("div", { style: ce.left, children: /* @__PURE__ */ e(at, { side: "left", color: m.color, brandLabel: c }) }),
-                  /* @__PURE__ */ e("div", { style: ce.right, children: /* @__PURE__ */ e(at, { side: "right", color: m.color, brandLabel: c }) }),
-                  /* @__PURE__ */ e("div", { style: ce.top, children: /* @__PURE__ */ e(_t, { cpuLoad: l }) }),
-                  /* @__PURE__ */ e("div", { style: ce.bottom, children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e("div", { style: me.back, children: /* @__PURE__ */ e(qt, {}) }),
+                  /* @__PURE__ */ e("div", { style: me.left, children: /* @__PURE__ */ e(ft, { side: "left", color: m.color, brandLabel: c }) }),
+                  /* @__PURE__ */ e("div", { style: me.right, children: /* @__PURE__ */ e(ft, { side: "right", color: m.color, brandLabel: c }) }),
+                  /* @__PURE__ */ e("div", { style: me.top, children: /* @__PURE__ */ e(Qt, { cpuLoad: l }) }),
+                  /* @__PURE__ */ e("div", { style: me.bottom, children: /* @__PURE__ */ e(
                     "div",
                     {
                       style: {
-                        width: G,
-                        height: Z,
+                        width: te,
+                        height: oe,
                         background: "linear-gradient(180deg, #030710, #020508)"
                       }
                     }
@@ -2680,7 +2680,7 @@ function ae({
     }
   );
 }
-function wi({
+function Ti({
   ex: t,
   ey: n,
   compactOffset: o,
@@ -2697,10 +2697,10 @@ function wi({
   dialogMetrics: u,
   subComponents: y,
   graphSeries: m,
-  alert: x
+  alert: v
 }) {
   return /* @__PURE__ */ e(
-    k,
+    A,
     {
       ex: t,
       ey: n,
@@ -2720,16 +2720,16 @@ function wi({
         subComponents: y,
         graphSeries: m
       },
-      alert: x,
-      children: /* @__PURE__ */ e(ae, { status: a, cpuLoad: p, memLoad: f, brandLabel: g })
+      alert: v,
+      children: /* @__PURE__ */ e(he, { status: a, cpuLoad: p, memLoad: f, brandLabel: g })
     }
   );
 }
-const Xe = 12, re = 55, _ = re * 2, ue = 52, Ze = 10, He = 3 * ue + 2 * Ze, pe = 2 * Math.PI * re / Xe, Ue = Array.from({ length: Xe }, (t, n) => n / Xe * 360);
-function Ye(t) {
+const Ke = 12, fe = 55, G = fe * 2, Se = 52, it = 10, je = 3 * Se + 2 * it, xe = 2 * Math.PI * fe / Ke, Xe = Array.from({ length: Ke }, (t, n) => n / Ke * 360);
+function qe(t) {
   return Math.cos(t * Math.PI / 180) * 0.42 + 0.58;
 }
-function Xt({
+function Gt({
   diskY: t,
   diskIdx: n,
   cfg: o,
@@ -2737,25 +2737,25 @@ function Xt({
   capacity: r,
   compact: a
 }) {
-  return /* @__PURE__ */ d(ve, { children: [
-    Ue.map((s, l) => {
-      const h = Ye(s), c = l === 0, p = Math.round(4 + h * 9), f = Math.round(12 + h * 22), g = Math.round(28 + h * 44), u = Math.round(h * 0.55 * 255).toString(16).padStart(2, "0");
+  return /* @__PURE__ */ d(Ee, { children: [
+    Xe.map((s, l) => {
+      const h = qe(s), c = l === 0, p = Math.round(4 + h * 9), f = Math.round(12 + h * 22), g = Math.round(28 + h * 44), u = Math.round(h * 0.55 * 255).toString(16).padStart(2, "0");
       return /* @__PURE__ */ e(
         "div",
         {
           style: {
             position: "absolute",
-            width: pe,
-            height: ue,
-            left: (_ - pe) / 2,
+            width: xe,
+            height: Se,
+            left: (G - xe) / 2,
             top: t,
-            transform: `rotateY(${s}deg) translateZ(${re}px)`,
+            transform: `rotateY(${s}deg) translateZ(${fe}px)`,
             backfaceVisibility: "hidden",
             background: c ? a ? "linear-gradient(180deg, rgb(0,28,62), rgb(0,18,44))" : "linear-gradient(180deg, rgba(0,28,62,0.70), rgba(0,18,44,0.76))" : `rgb(${p},${f},${g})`,
             borderLeft: `1px solid ${o.color}${u}`,
             boxShadow: c ? `inset 0 0 18px ${o.color}28` : "none"
           },
-          children: c && /* @__PURE__ */ d(ve, { children: [
+          children: c && /* @__PURE__ */ d(Ee, { children: [
             /* @__PURE__ */ e(
               "div",
               {
@@ -2808,10 +2808,10 @@ function Xt({
       {
         style: {
           position: "absolute",
-          width: _ + 4,
-          height: _ + 4,
+          width: G + 4,
+          height: G + 4,
           left: -2,
-          top: t - re,
+          top: t - fe,
           borderRadius: "50%",
           transform: "rotateX(90deg)",
           backfaceVisibility: "hidden",
@@ -2869,10 +2869,10 @@ function Xt({
       {
         style: {
           position: "absolute",
-          width: _ + 4,
-          height: _ + 4,
+          width: G + 4,
+          height: G + 4,
           left: -2,
-          top: t + ue - re,
+          top: t + Se - fe,
           borderRadius: "50%",
           transform: "rotateX(-90deg)",
           backfaceVisibility: "hidden",
@@ -2896,18 +2896,18 @@ function Xt({
         )
       }
     ),
-    i && Ue.map((s, l) => {
-      const h = Ye(s);
+    i && Xe.map((s, l) => {
+      const h = qe(s);
       return /* @__PURE__ */ e(
         "div",
         {
           style: {
             position: "absolute",
-            width: pe + 1.5,
+            width: xe + 1.5,
             height: 6,
-            left: (_ - pe - 1.5) / 2,
-            top: t + ue - 3,
-            transform: `rotateY(${s}deg) translateZ(${re + 1.5}px)`,
+            left: (G - xe - 1.5) / 2,
+            top: t + Se - 3,
+            transform: `rotateY(${s}deg) translateZ(${fe + 1.5}px)`,
             backfaceVisibility: "hidden",
             background: o.color,
             boxShadow: `0 0 8px ${o.color}, 0 0 18px ${o.color}aa, 0 0 30px ${o.glow}`,
@@ -2917,18 +2917,18 @@ function Xt({
         `rng${n}${l}`
       );
     }),
-    i && Ue.map((s, l) => {
-      const h = Ye(s), c = Math.round(2 + h * 4), p = Math.round(5 + h * 10), f = Math.round(12 + h * 20);
+    i && Xe.map((s, l) => {
+      const h = qe(s), c = Math.round(2 + h * 4), p = Math.round(5 + h * 10), f = Math.round(12 + h * 20);
       return /* @__PURE__ */ e(
         "div",
         {
           style: {
             position: "absolute",
-            width: pe,
-            height: Ze,
-            left: (_ - pe) / 2,
-            top: t + ue,
-            transform: `rotateY(${s}deg) translateZ(${re}px)`,
+            width: xe,
+            height: it,
+            left: (G - xe) / 2,
+            top: t + Se,
+            transform: `rotateY(${s}deg) translateZ(${fe}px)`,
             backfaceVisibility: "hidden",
             background: `rgb(${c},${p},${f})`
           }
@@ -2938,7 +2938,7 @@ function Xt({
     })
   ] });
 }
-function Ee({
+function Ne({
   rotateX: t = -22,
   rotateY: n = -15,
   rotateZ: o = 0,
@@ -2950,8 +2950,8 @@ function Ee({
   // connections = 284,
   _compact: l
 }) {
-  const [h, c] = I(n), p = ee(0), f = ee(0);
-  Te(() => {
+  const [h, c] = R(n), p = K(0), f = K(0);
+  Ae(() => {
     if (!r) {
       c(n);
       return;
@@ -2963,13 +2963,13 @@ function Ee({
       cancelAnimationFrame(p.current), f.current = 0;
     };
   }, [r, n]);
-  const g = w[a] ?? w.online;
+  const g = P[a] ?? P.online;
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: _ * i,
-        height: He * i,
+        width: G * i,
+        height: je * i,
         position: "relative",
         display: "flex",
         alignItems: "center",
@@ -3029,8 +3029,8 @@ function Ee({
           {
             style: {
               position: "absolute",
-              width: _ * 2.8 * i,
-              height: He * 0.85 * i,
+              width: G * 2.8 * i,
+              height: je * 0.85 * i,
               background: `radial-gradient(ellipse, ${g.glow} 0%, transparent 65%)`,
               filter: `blur(${Math.round(50 * i)}px)`,
               pointerEvents: "none",
@@ -3053,17 +3053,17 @@ function Ee({
               "div",
               {
                 style: {
-                  width: _,
-                  height: He,
+                  width: G,
+                  height: je,
                   position: "relative",
                   transformStyle: "preserve-3d",
                   transform: `rotateX(${t}deg) rotateY(${h}deg) rotateZ(${o}deg)`,
                   transition: r ? "none" : "transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94)"
                 },
                 children: [0, 1, 2].map((u) => /* @__PURE__ */ e(
-                  Xt,
+                  Gt,
                   {
-                    diskY: u * (ue + Ze),
+                    diskY: u * (Se + it),
                     diskIdx: u,
                     cfg: g,
                     hasRingBelow: u < 2,
@@ -3080,7 +3080,7 @@ function Ee({
     }
   );
 }
-function Si({
+function Ii({
   ex: t,
   ey: n,
   compactOffset: o,
@@ -3098,7 +3098,7 @@ function Si({
   alert: y
 }) {
   return /* @__PURE__ */ e(
-    k,
+    A,
     {
       ex: t,
       ey: n,
@@ -3119,12 +3119,12 @@ function Si({
         graphSeries: u
       },
       alert: y,
-      children: /* @__PURE__ */ e(Ee, { status: a, capacity: p })
+      children: /* @__PURE__ */ e(Ne, { status: a, capacity: p })
     }
   );
 }
-function Je({ status: t = "online", scale: n = 1 }) {
-  const i = (w[t] ?? w.online).color;
+function nt({ status: t = "online", scale: n = 1 }) {
+  const i = (P[t] ?? P.online).color;
   return /* @__PURE__ */ e(
     "div",
     {
@@ -3235,7 +3235,7 @@ function Je({ status: t = "online", scale: n = 1 }) {
     }
   );
 }
-function $i({
+function Oi({
   ex: t,
   ey: n,
   compactOffset: o,
@@ -3246,7 +3246,7 @@ function $i({
   visibleAtPhase: l
 }) {
   return /* @__PURE__ */ e(
-    k,
+    A,
     {
       ex: t,
       ey: n,
@@ -3254,12 +3254,12 @@ function $i({
       zIndex: i,
       color: s,
       visibleAtPhase: l,
-      children: /* @__PURE__ */ e(Je, { status: r, scale: a })
+      children: /* @__PURE__ */ e(nt, { status: r, scale: a })
     }
   );
 }
-const q = 190, U = 72, be = 120, fe = Ge(q, U, be);
-function jt({
+const ie = 190, X = 72, $e = 120, ve = Je(ie, X, $e);
+function Kt({
   cfg: t,
   name: n,
   traffic: o,
@@ -3271,9 +3271,9 @@ function jt({
     "div",
     {
       style: {
-        width: q,
-        height: U,
-        background: r ? Se : Qe,
+        width: ie,
+        height: X,
+        background: r ? Te : Ze,
         position: "relative",
         overflow: "hidden",
         fontFamily: "'Courier New', monospace",
@@ -3521,13 +3521,13 @@ function jt({
     }
   );
 }
-function Qt() {
+function Zt() {
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: q,
-        height: U,
+        width: ie,
+        height: X,
         background: "linear-gradient(180deg, #040c1a, #030810)",
         position: "relative",
         overflow: "hidden",
@@ -3542,7 +3542,7 @@ function Qt() {
           {
             style: {
               width: 40,
-              height: U - 16,
+              height: X - 16,
               background: "#020710",
               border: "1px solid #1a2d40",
               borderRadius: 2,
@@ -3598,7 +3598,7 @@ function Qt() {
             style: {
               marginLeft: "auto",
               width: 12,
-              height: U - 16,
+              height: X - 16,
               background: "#020710",
               border: "1px solid #1a3050",
               borderRadius: 1
@@ -3609,13 +3609,13 @@ function Qt() {
     }
   );
 }
-function lt({ side: t, color: n }) {
+function ht({ side: t, color: n }) {
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: be,
-        height: U,
+        width: $e,
+        height: X,
         background: t === "right" ? "linear-gradient(90deg, #04091a 0%, #071428 60%, #040c1c 100%)" : "linear-gradient(90deg, #040c1c 0%, #071428 40%, #04091a 100%)",
         position: "relative",
         overflow: "hidden"
@@ -3639,8 +3639,8 @@ function lt({ side: t, color: n }) {
           {
             style: {
               position: "absolute",
-              top: U * 0.25,
-              bottom: U * 0.25,
+              top: X * 0.25,
+              bottom: X * 0.25,
               left: 14,
               right: 14,
               display: "flex",
@@ -3666,14 +3666,14 @@ function lt({ side: t, color: n }) {
     }
   );
 }
-function Gt({ traffic: t }) {
-  const n = Math.floor((be - 14) / 7);
+function Jt({ traffic: t }) {
+  const n = Math.floor(($e - 14) / 7);
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: q,
-        height: be,
+        width: ie,
+        height: $e,
         background: "linear-gradient(180deg, #0c1c30 0%, #07101e 40%, #040c1a 100%)",
         position: "relative",
         overflow: "hidden"
@@ -3687,7 +3687,7 @@ function Gt({ traffic: t }) {
               top: 0,
               left: 0,
               right: 0,
-              height: be * 0.35,
+              height: $e * 0.35,
               background: `radial-gradient(ellipse at 50% 0%,
           ${t > 70 ? "rgba(255,34,85,0.14)" : "rgba(0,229,255,0.08)"} 0%,
           transparent 70%)`
@@ -3725,7 +3725,7 @@ function Gt({ traffic: t }) {
     }
   );
 }
-function et({
+function ot({
   rotateX: t = -20,
   rotateY: n = 20,
   rotateZ: o = 0,
@@ -3737,26 +3737,26 @@ function et({
   activeRoutes: h = 12,
   _compact: c
 }) {
-  const [p, f] = I(n), g = ee(0), u = ee(0);
-  Te(() => {
+  const [p, f] = R(n), g = K(0), u = K(0);
+  Ae(() => {
     if (!r) {
       f(n);
       return;
     }
-    const m = (x) => {
-      u.current && f((v) => v + (x - u.current) * 0.027), u.current = x, g.current = requestAnimationFrame(m);
+    const m = (v) => {
+      u.current && f((x) => x + (v - u.current) * 0.027), u.current = v, g.current = requestAnimationFrame(m);
     };
     return g.current = requestAnimationFrame(m), () => {
       cancelAnimationFrame(g.current), u.current = 0;
     };
   }, [r, n]);
-  const y = w[a] ?? w.online;
+  const y = P[a] ?? P.online;
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: q * i,
-        height: U * i,
+        width: ie * i,
+        height: X * i,
         position: "relative",
         display: "flex",
         alignItems: "center",
@@ -3816,8 +3816,8 @@ function et({
           {
             style: {
               position: "absolute",
-              width: q * 1.3 * i,
-              height: U * 2 * i,
+              width: ie * 1.3 * i,
+              height: X * 2 * i,
               background: `radial-gradient(ellipse, ${y.glow} 0%, transparent 65%)`,
               filter: `blur(${Math.round(40 * i)}px)`,
               pointerEvents: "none",
@@ -3840,16 +3840,16 @@ function et({
               "div",
               {
                 style: {
-                  width: q,
-                  height: U,
+                  width: ie,
+                  height: X,
                   position: "relative",
                   transformStyle: "preserve-3d",
                   transform: `rotateX(${t}deg) rotateY(${p}deg) rotateZ(${o}deg)`,
                   transition: r ? "none" : "transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94)"
                 },
                 children: [
-                  /* @__PURE__ */ e("div", { style: fe.front, children: /* @__PURE__ */ e(
-                    jt,
+                  /* @__PURE__ */ e("div", { style: ve.front, children: /* @__PURE__ */ e(
+                    Kt,
                     {
                       cfg: y,
                       name: s,
@@ -3858,11 +3858,11 @@ function et({
                       compact: c
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { style: fe.back, children: /* @__PURE__ */ e(Qt, {}) }),
-                  /* @__PURE__ */ e("div", { style: fe.left, children: /* @__PURE__ */ e(lt, { side: "left", color: y.color }) }),
-                  /* @__PURE__ */ e("div", { style: fe.right, children: /* @__PURE__ */ e(lt, { side: "right", color: y.color }) }),
-                  /* @__PURE__ */ e("div", { style: fe.top, children: /* @__PURE__ */ e(Gt, { traffic: l }) }),
-                  /* @__PURE__ */ e("div", { style: fe.bottom, children: /* @__PURE__ */ e("div", { style: { width: q, height: be, background: "#020508" } }) })
+                  /* @__PURE__ */ e("div", { style: ve.back, children: /* @__PURE__ */ e(Zt, {}) }),
+                  /* @__PURE__ */ e("div", { style: ve.left, children: /* @__PURE__ */ e(ht, { side: "left", color: y.color }) }),
+                  /* @__PURE__ */ e("div", { style: ve.right, children: /* @__PURE__ */ e(ht, { side: "right", color: y.color }) }),
+                  /* @__PURE__ */ e("div", { style: ve.top, children: /* @__PURE__ */ e(Jt, { traffic: l }) }),
+                  /* @__PURE__ */ e("div", { style: ve.bottom, children: /* @__PURE__ */ e("div", { style: { width: ie, height: $e, background: "#020508" } }) })
                 ]
               }
             )
@@ -3872,7 +3872,7 @@ function et({
     }
   );
 }
-function ki({
+function Li({
   ex: t,
   ey: n,
   compactOffset: o,
@@ -3891,7 +3891,7 @@ function ki({
   alert: m
 }) {
   return /* @__PURE__ */ e(
-    k,
+    A,
     {
       ex: t,
       ey: n,
@@ -3912,17 +3912,17 @@ function ki({
         graphSeries: y
       },
       alert: m,
-      children: /* @__PURE__ */ e(et, { status: a, traffic: p, activeRoutes: f })
+      children: /* @__PURE__ */ e(ot, { status: a, traffic: p, activeRoutes: f })
     }
   );
 }
-const K = 190, Y = 72, ge = 120, he = Ge(K, Y, ge), st = {
+const ne = 190, q = 72, ke = 120, we = Je(ne, q, ke), ut = {
   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 qt({
+function ei({
   cfg: t,
   name: n,
   queueDepth: o,
@@ -3935,9 +3935,9 @@ function qt({
     "div",
     {
       style: {
-        width: K,
-        height: Y,
-        background: a ? Se : Qe,
+        width: ne,
+        height: q,
+        background: a ? Te : Ze,
         position: "relative",
         overflow: "hidden",
         fontFamily: "'Courier New', monospace",
@@ -4181,13 +4181,13 @@ function qt({
     }
   );
 }
-function Kt() {
+function ti() {
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: K,
-        height: Y,
+        width: ne,
+        height: q,
         background: "linear-gradient(180deg, #040c1a, #030810)",
         position: "relative",
         overflow: "hidden",
@@ -4202,7 +4202,7 @@ function Kt() {
           {
             style: {
               width: 40,
-              height: Y - 16,
+              height: q - 16,
               background: "#020710",
               border: "1px solid #1a2d40",
               borderRadius: 2,
@@ -4258,7 +4258,7 @@ function Kt() {
             style: {
               marginLeft: "auto",
               width: 12,
-              height: Y - 16,
+              height: q - 16,
               background: "#020710",
               border: "1px solid #1a3050",
               borderRadius: 1
@@ -4269,13 +4269,13 @@ function Kt() {
     }
   );
 }
-function dt({ side: t, color: n }) {
+function bt({ side: t, color: n }) {
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: ge,
-        height: Y,
+        width: ke,
+        height: q,
         background: t === "right" ? "linear-gradient(90deg, #04091a 0%, #071428 60%, #040c1c 100%)" : "linear-gradient(90deg, #040c1c 0%, #071428 40%, #04091a 100%)",
         position: "relative",
         overflow: "hidden"
@@ -4299,8 +4299,8 @@ function dt({ side: t, color: n }) {
           {
             style: {
               position: "absolute",
-              top: Y * 0.25,
-              bottom: Y * 0.25,
+              top: q * 0.25,
+              bottom: q * 0.25,
               left: 14,
               right: 14,
               display: "flex",
@@ -4326,14 +4326,14 @@ function dt({ side: t, color: n }) {
     }
   );
 }
-function Zt({ queueDepth: t, color: n }) {
-  const o = Math.floor((ge - 14) / 7);
+function ii({ queueDepth: t, color: n }) {
+  const o = Math.floor((ke - 14) / 7);
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: K,
-        height: ge,
+        width: ne,
+        height: ke,
         background: "linear-gradient(180deg, #0c1c30 0%, #07101e 40%, #040c1a 100%)",
         position: "relative",
         overflow: "hidden"
@@ -4347,7 +4347,7 @@ function Zt({ queueDepth: t, color: n }) {
               top: 0,
               left: 0,
               right: 0,
-              height: ge * 0.35,
+              height: ke * 0.35,
               background: `radial-gradient(ellipse at 50% 0%,
           ${t > 70 ? "rgba(255,34,85,0.14)" : `${n}15`} 0%,
           transparent 70%)`
@@ -4385,7 +4385,7 @@ function Zt({ queueDepth: t, color: n }) {
     }
   );
 }
-function ht({
+function wt({
   rotateX: t = -20,
   rotateY: n = 20,
   rotateZ: o = 0,
@@ -4398,26 +4398,26 @@ function ht({
   instances: c = 3,
   _compact: p
 }) {
-  const [f, g] = I(n), u = ee(0), y = ee(0);
-  Te(() => {
+  const [f, g] = R(n), u = K(0), y = K(0);
+  Ae(() => {
     if (!r) {
       g(n);
       return;
     }
-    const x = (v) => {
-      y.current && g(($) => $ + (v - y.current) * 0.027), y.current = v, u.current = requestAnimationFrame(x);
+    const v = (x) => {
+      y.current && g((w) => w + (x - y.current) * 0.027), y.current = x, u.current = requestAnimationFrame(v);
     };
-    return u.current = requestAnimationFrame(x), () => {
+    return u.current = requestAnimationFrame(v), () => {
       cancelAnimationFrame(u.current), y.current = 0;
     };
   }, [r, n]);
-  const m = st[a] ?? st.online;
+  const m = ut[a] ?? ut.online;
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: K * i,
-        height: Y * i,
+        width: ne * i,
+        height: q * i,
         position: "relative",
         display: "flex",
         alignItems: "center",
@@ -4477,8 +4477,8 @@ function ht({
           {
             style: {
               position: "absolute",
-              width: K * 1.3 * i,
-              height: Y * 2 * i,
+              width: ne * 1.3 * i,
+              height: q * 2 * i,
               background: `radial-gradient(ellipse, ${m.glow} 0%, transparent 65%)`,
               filter: `blur(${Math.round(40 * i)}px)`,
               pointerEvents: "none",
@@ -4501,16 +4501,16 @@ function ht({
               "div",
               {
                 style: {
-                  width: K,
-                  height: Y,
+                  width: ne,
+                  height: q,
                   position: "relative",
                   transformStyle: "preserve-3d",
                   transform: `rotateX(${t}deg) rotateY(${f}deg) rotateZ(${o}deg)`,
                   transition: r ? "none" : "transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94)"
                 },
                 children: [
-                  /* @__PURE__ */ e("div", { style: he.front, children: /* @__PURE__ */ e(
-                    qt,
+                  /* @__PURE__ */ e("div", { style: we.front, children: /* @__PURE__ */ e(
+                    ei,
                     {
                       cfg: m,
                       name: s,
@@ -4520,11 +4520,11 @@ function ht({
                       compact: p
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { style: he.back, children: /* @__PURE__ */ e(Kt, {}) }),
-                  /* @__PURE__ */ e("div", { style: he.left, children: /* @__PURE__ */ e(dt, { side: "left", color: m.color }) }),
-                  /* @__PURE__ */ e("div", { style: he.right, children: /* @__PURE__ */ e(dt, { side: "right", color: m.color }) }),
-                  /* @__PURE__ */ e("div", { style: he.top, children: /* @__PURE__ */ e(Zt, { queueDepth: l, color: m.color }) }),
-                  /* @__PURE__ */ e("div", { style: he.bottom, children: /* @__PURE__ */ e("div", { style: { width: K, height: ge, background: "#020508" } }) })
+                  /* @__PURE__ */ e("div", { style: we.back, children: /* @__PURE__ */ e(ti, {}) }),
+                  /* @__PURE__ */ e("div", { style: we.left, children: /* @__PURE__ */ e(bt, { side: "left", color: m.color }) }),
+                  /* @__PURE__ */ e("div", { style: we.right, children: /* @__PURE__ */ e(bt, { side: "right", color: m.color }) }),
+                  /* @__PURE__ */ e("div", { style: we.top, children: /* @__PURE__ */ e(ii, { queueDepth: l, color: m.color }) }),
+                  /* @__PURE__ */ e("div", { style: we.bottom, children: /* @__PURE__ */ e("div", { style: { width: ne, height: ke, background: "#020508" } }) })
                 ]
               }
             )
@@ -4534,7 +4534,7 @@ function ht({
     }
   );
 }
-function Ri({
+function Di({
   ex: t,
   ey: n,
   compactOffset: o,
@@ -4551,10 +4551,10 @@ function Ri({
   dialogMetrics: u,
   subComponents: y,
   graphSeries: m,
-  alert: x
+  alert: v
 }) {
   return /* @__PURE__ */ e(
-    k,
+    A,
     {
       ex: t,
       ey: n,
@@ -4574,9 +4574,9 @@ function Ri({
         subComponents: y,
         graphSeries: m
       },
-      alert: x,
+      alert: v,
       children: /* @__PURE__ */ e(
-        ht,
+        wt,
         {
           status: a,
           queueDepth: p,
@@ -4587,13 +4587,13 @@ function Ri({
     }
   );
 }
-function E(t, n, o = 24) {
+function O(t, n, o = 24) {
   return Array.from({ length: o }, (i, r) => {
     const a = r / o;
     return Math.min(100, Math.max(0, t + Math.sin(a * Math.PI * 2) * n + (Math.random() - 0.5) * 10));
   });
 }
-function Jt({ data: t, color: n, height: o = 28 }) {
+function ni({ data: t, color: n, height: o = 28 }) {
   const r = o, a = Math.max(...t, 1), s = t.map((l, h) => {
     const c = h / (t.length - 1) * 120, p = r - l / a * (r - 4) - 2;
     return `${c},${p}`;
@@ -4611,7 +4611,7 @@ function Jt({ data: t, color: n, height: o = 28 }) {
     }
   ) });
 }
-function ei({
+function oi({
   type: t,
   name: n,
   context: o = {},
@@ -4619,7 +4619,7 @@ function ei({
   animPhase: r,
   series: a
 }) {
-  const s = i === "critical" || i === "offline" ? "#ff2255" : i === "warning" ? "#ff8c00" : "#00e5ff", l = a ? a.map((p) => ({ ...p })) : ti(t, o), h = r >= 0.3 ? 0 : -280, c = r >= 0.2 ? 1 : 0;
+  const s = i === "critical" || i === "offline" ? "#ff2255" : i === "warning" ? "#ff8c00" : "#00e5ff", l = a ? a.map((p) => ({ ...p })) : ri(t, o), h = r >= 0.3 ? 0 : -280, c = r >= 0.2 ? 1 : 0;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -4674,7 +4674,7 @@ function ei({
                   p.unit
                 ] })
               ] }),
-              /* @__PURE__ */ e(Jt, { data: p.data, color: p.color, height: 26 })
+              /* @__PURE__ */ e(ni, { data: p.data, color: p.color, height: 26 })
             ]
           },
           p.id
@@ -4683,43 +4683,43 @@ function ei({
     }
   );
 }
-function ti(t, n) {
+function ri(t, n) {
   if (t === "server") {
     const o = n.cpuLoad ?? 50, i = n.memLoad ?? 60;
     return [
-      { id: "cpu", label: "CPU-0", unit: "%", color: "#00e5ff", data: E(o, 15) },
-      { id: "cpu1", label: "CPU-1", unit: "%", color: "#00e5ff", data: E(o * 0.7, 12) },
-      { id: "heap0", label: "HEAP-0", unit: "%", color: "#8855ee", data: E(i, 18) },
-      { id: "heap1", label: "HEAP-1", unit: "%", color: "#8855ee", data: E(i * 0.85, 14) },
-      { id: "drive1", label: "DRIVE-1 I/O", unit: "%", color: "#ff8c00", data: E(40, 25) },
-      { id: "drive2", label: "DRIVE-2 I/O", unit: "%", color: "#ff8c00", data: E(35, 20) },
-      { id: "drive3", label: "DRIVE-3 I/O", unit: "%", color: "#ff8c00", data: E(30, 22) },
-      { id: "thread", label: "THREAD-POOL", unit: "%", color: "#22aaff", data: E(55, 20) }
+      { id: "cpu", label: "CPU-0", unit: "%", color: "#00e5ff", data: O(o, 15) },
+      { id: "cpu1", label: "CPU-1", unit: "%", color: "#00e5ff", data: O(o * 0.7, 12) },
+      { id: "heap0", label: "HEAP-0", unit: "%", color: "#8855ee", data: O(i, 18) },
+      { id: "heap1", label: "HEAP-1", unit: "%", color: "#8855ee", data: O(i * 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) }
     ];
   }
   if (t === "dispatcher" || t === "messageServer") {
     const o = n.traffic ?? n.queueDepth ?? 50;
     return [
-      { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: E(o, 20) },
-      { id: "port1", label: "PORT-1", unit: "kbps", color: "#22aaff", data: E(60, 25) },
-      { id: "port2", label: "PORT-2", unit: "kbps", color: "#22aaff", data: E(45, 20) },
-      { id: "port3", label: "PORT-3", unit: "kbps", color: "#22aaff", data: E(70, 30) },
-      { id: "worker", label: "WORKER", unit: "%", color: "#bb55ff", data: E(o * 0.9, 15) }
+      { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: O(o, 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(o * 0.9, 15) }
     ];
   }
   if (t === "database") {
     const o = n.capacity ?? 70;
     return [
-      { id: "platter0", label: "PLATTER-0 I/O", unit: "%", color: "#ff8c00", data: E(40, 20) },
-      { id: "platter1", label: "PLATTER-1 I/O", unit: "%", color: "#ff8c00", data: E(55, 25) },
-      { id: "platter2", label: "PLATTER-2 I/O", unit: "%", color: "#ff8c00", data: E(35, 18) },
-      { id: "connpool", label: "CONN-POOL", unit: "%", color: "#00e5ff", data: E(o, 15) },
-      { id: "cache", label: "QUERY-CACHE", unit: "%", color: "#00ff88", data: E(75, 12) }
+      { 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(o, 15) },
+      { id: "cache", label: "QUERY-CACHE", unit: "%", color: "#00ff88", data: O(75, 12) }
     ];
   }
   return [];
 }
-function ut({
+function St({
   w: t,
   h: n,
   color: o,
@@ -4728,14 +4728,14 @@ function ut({
   delay: a = "0s",
   children: s
 }) {
-  const l = r ? w[r]?.glow ?? "rgba(0,229,255,0.4)" : "rgba(0,229,255,0.4)";
+  const l = r ? P[r]?.glow ?? "rgba(0,229,255,0.4)" : "rgba(0,229,255,0.4)";
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
         width: t,
         height: n,
-        background: Se,
+        background: Te,
         position: "relative",
         overflow: "hidden",
         borderRadius: 2,
@@ -4769,8 +4769,8 @@ function ut({
               width: 4,
               height: 4,
               borderRadius: "50%",
-              background: w[r]?.color,
-              boxShadow: `0 0 6px ${w[r]?.color}`,
+              background: P[r]?.color,
+              boxShadow: `0 0 6px ${P[r]?.color}`,
               animation: "holo-led-blink 1.2s infinite"
             }
           }
@@ -4812,7 +4812,7 @@ function ut({
     }
   );
 }
-function De({
+function ze({
   color: t = "#00e5ff",
   label: n = "CPU-0",
   status: o = "online",
@@ -4825,7 +4825,7 @@ function De({
         style: {
           width: 52,
           height: 36,
-          background: Se,
+          background: Te,
           position: "relative",
           borderRadius: 2,
           border: `1px solid ${t}55`,
@@ -4896,8 +4896,8 @@ function De({
                 width: 4,
                 height: 4,
                 borderRadius: "50%",
-                background: w[o]?.color,
-                boxShadow: `0 0 6px ${w[o]?.color}`,
+                background: P[o]?.color,
+                boxShadow: `0 0 6px ${P[o]?.color}`,
                 animation: "holo-led-blink 1.2s infinite"
               }
             }
@@ -4923,7 +4923,7 @@ function De({
     )
   ] });
 }
-function We({
+function Be({
   color: t = "#00e5ff",
   label: n = "HEAP-0",
   status: o = "online",
@@ -4994,7 +4994,7 @@ function We({
                 width: 3,
                 height: 3,
                 borderRadius: "50%",
-                background: w[o]?.color,
+                background: P[o]?.color,
                 animation: "holo-led-blink 1.2s infinite"
               }
             }
@@ -5020,13 +5020,13 @@ function We({
     )
   ] });
 }
-function ye({
+function Re({
   color: t = "#00e5ff",
   label: n = "DRIVE-1",
   status: o = "online",
   activity: i = !1
 }) {
-  return /* @__PURE__ */ d(ut, { w: 56, h: 22, color: t, label: n, status: o, children: [
+  return /* @__PURE__ */ d(St, { w: 56, h: 22, color: t, label: n, status: o, children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -5059,7 +5059,7 @@ function ye({
     )
   ] });
 }
-function bt({
+function $t({
   color: t = "#00e5ff",
   label: n = "NET",
   status: o = "online"
@@ -5070,7 +5070,7 @@ function bt({
       style: {
         width: 48,
         height: 28,
-        background: Se,
+        background: Te,
         position: "relative",
         borderRadius: 2,
         border: `1px solid ${t}44`,
@@ -5123,14 +5123,14 @@ function bt({
     }
   );
 }
-function O({
+function M({
   color: t = "#00e5ff",
   label: n = "THREAD",
   status: o = "online"
 }) {
-  return /* @__PURE__ */ e(ut, { w: 44, h: 28, color: t, label: n, status: o });
+  return /* @__PURE__ */ e(St, { w: 44, h: 28, color: t, label: n, status: o });
 }
-function Oe({
+function Me({
   color: t = "#ff8c00",
   label: n = "PLATTER-0",
   status: o = "online",
@@ -5188,7 +5188,7 @@ function Oe({
                 width: 4,
                 height: 4,
                 borderRadius: "50%",
-                background: w[o]?.color,
+                background: P[o]?.color,
                 animation: "holo-led-blink 1.2s infinite"
               }
             }
@@ -5214,7 +5214,7 @@ function Oe({
     )
   ] });
 }
-function B({
+function F({
   color: t = "#00e5ff",
   label: n = "PORT-1",
   status: o = "online"
@@ -5243,7 +5243,7 @@ function B({
               width: 4,
               height: 4,
               borderRadius: "50%",
-              background: o && o !== "online" ? w[o]?.color ?? t : t,
+              background: o && o !== "online" ? P[o]?.color ?? t : t,
               boxShadow: `0 0 4px ${t}`,
               animation: o && o !== "online" && o !== "offline" ? "holo-led-blink 1s infinite" : "none"
             }
@@ -5284,7 +5284,7 @@ function B({
     }
   );
 }
-function ii(t, n, o, i) {
+function ai(t, n, o, i) {
   const r = o === "online" ? "online" : o;
   return t === "server" ? [
     {
@@ -5388,8 +5388,8 @@ function ii(t, n, o, i) {
     }
   ] : [];
 }
-const A = "cubic-bezier(0.34, 1.56, 0.64, 1)", ni = "cubic-bezier(0.16, 1, 0.3, 1)";
-function oi({ items: t, revealPhase: n }) {
+const D = "cubic-bezier(0.34, 1.56, 0.64, 1)", li = "cubic-bezier(0.16, 1, 0.3, 1)";
+function si({ items: t, revealPhase: n }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -5407,7 +5407,7 @@ function oi({ items: t, revealPhase: n }) {
           style: {
             opacity: n >= 0.2 + i * 0.06 ? 1 : 0,
             transform: `scale(${n >= 0.2 + i * 0.06 ? 1 : 0.6})`,
-            transition: `opacity 0.4s ${A} ${i * 0.06}s, transform 0.45s ${A} ${i * 0.06}s`
+            transition: `opacity 0.4s ${D} ${i * 0.06}s, transform 0.45s ${D} ${i * 0.06}s`
           },
           children: o.element
         },
@@ -5416,21 +5416,21 @@ function oi({ items: t, revealPhase: n }) {
     }
   );
 }
-function ri({
+function di({
   type: t,
   status: n,
   context: o,
   internal: i,
   revealPhase: r
 }) {
-  const a = w[n]?.color ?? w.online.color, s = "#ff8c00";
+  const a = P[n]?.color ?? P.online.color, s = "#ff8c00";
   if (t === "server") {
     const l = o.cpuLoad ?? 50, h = o.memLoad ?? 60, c = [
       {
         key: "cpu0",
         delay: 0,
         el: /* @__PURE__ */ e(
-          De,
+          ze,
           {
             color: a,
             label: "CPU-0",
@@ -5444,7 +5444,7 @@ function ri({
         key: "cpu1",
         delay: 1,
         el: /* @__PURE__ */ e(
-          De,
+          ze,
           {
             color: a,
             label: "CPU-1",
@@ -5458,7 +5458,7 @@ function ri({
         key: "heap0",
         delay: 2,
         el: /* @__PURE__ */ e(
-          We,
+          Be,
           {
             color: "#8855ee",
             label: "HEAP-0",
@@ -5472,7 +5472,7 @@ function ri({
         key: "heap1",
         delay: 3,
         el: /* @__PURE__ */ e(
-          We,
+          Be,
           {
             color: "#8855ee",
             label: "HEAP-1",
@@ -5485,13 +5485,13 @@ function ri({
       {
         key: "d1",
         delay: 4,
-        el: /* @__PURE__ */ e(ye, { color: a, label: "DRIVE-1", status: i[4]?.status, activity: !0 })
+        el: /* @__PURE__ */ e(Re, { color: a, label: "DRIVE-1", status: i[4]?.status, activity: !0 })
       },
       {
         key: "d2",
         delay: 5,
         el: /* @__PURE__ */ e(
-          ye,
+          Re,
           {
             color: a,
             label: "DRIVE-2",
@@ -5504,7 +5504,7 @@ function ri({
         key: "d3",
         delay: 6,
         el: /* @__PURE__ */ e(
-          ye,
+          Re,
           {
             color: a,
             label: "DRIVE-3",
@@ -5516,12 +5516,12 @@ function ri({
       {
         key: "thread",
         delay: 7,
-        el: /* @__PURE__ */ e(O, { color: a, label: "THREAD-POOL", status: i[7]?.status })
+        el: /* @__PURE__ */ e(M, { color: a, label: "THREAD-POOL", status: i[7]?.status })
       },
       {
         key: "net",
         delay: 8,
-        el: /* @__PURE__ */ e(bt, { color: a, label: "NET", status: i[8]?.status })
+        el: /* @__PURE__ */ e($t, { color: a, label: "NET", status: i[8]?.status })
       }
     ];
     return /* @__PURE__ */ e(
@@ -5541,7 +5541,7 @@ function ri({
             style: {
               opacity: r >= 0.2 + f * 0.08 ? 1 : 0,
               transform: `scale(${r >= 0.2 + f * 0.08 ? 1 : 0.6})`,
-              transition: `opacity 0.4s ${A} ${f * 0.06}s, transform 0.45s ${A} ${f * 0.06}s`
+              transition: `opacity 0.4s ${D} ${f * 0.06}s, transform 0.45s ${D} ${f * 0.06}s`
             },
             children: g
           },
@@ -5559,9 +5559,9 @@ function ri({
           style: {
             opacity: r >= 0.25 + c * 0.04 ? 1 : 0,
             transform: `scale(${r >= 0.25 + c * 0.04 ? 1 : 0.5})`,
-            transition: `opacity 0.35s ${A} ${c * 0.04}s, transform 0.4s ${A} ${c * 0.04}s`
+            transition: `opacity 0.35s ${D} ${c * 0.04}s, transform 0.4s ${D} ${c * 0.04}s`
           },
-          children: /* @__PURE__ */ e(B, { color: a, label: `PORT-${c + 1}`, status: p?.status })
+          children: /* @__PURE__ */ e(F, { color: a, label: `PORT-${c + 1}`, status: p?.status })
         },
         `p${c}`
       );
@@ -5585,9 +5585,9 @@ function ri({
                 style: {
                   opacity: r >= 0.7 ? 1 : 0,
                   transform: `scale(${r >= 0.7 ? 1 : 0.6})`,
-                  transition: `all 0.4s ${A} 0.3s`
+                  transition: `all 0.4s ${D} 0.3s`
                 },
-                children: /* @__PURE__ */ e(O, { color: a, label: "HTTP-WORKER", status: i[8]?.status })
+                children: /* @__PURE__ */ e(M, { color: a, label: "HTTP-WORKER", status: i[8]?.status })
               }
             ),
             /* @__PURE__ */ e(
@@ -5596,9 +5596,9 @@ function ri({
                 style: {
                   opacity: r >= 0.8 ? 1 : 0,
                   transform: `scale(${r >= 0.8 ? 1 : 0.6})`,
-                  transition: `all 0.4s ${A} 0.4s`
+                  transition: `all 0.4s ${D} 0.4s`
                 },
-                children: /* @__PURE__ */ e(O, { color: "#bb55ff", label: "HTTPS-WORKER", status: i[9]?.status })
+                children: /* @__PURE__ */ e(M, { color: "#bb55ff", label: "HTTPS-WORKER", status: i[9]?.status })
               }
             )
           ] })
@@ -5625,9 +5625,9 @@ function ri({
               style: {
                 opacity: r >= 0.25 + l * 0.1 ? 1 : 0,
                 transform: `scale(${r >= 0.25 + l * 0.1 ? 1 : 0.6})`,
-                transition: `all 0.4s ${A} ${l * 0.08}s`
+                transition: `all 0.4s ${D} ${l * 0.08}s`
               },
-              children: /* @__PURE__ */ e(B, { color: "#bb55ff", label: `INST-${l}`, status: i[l]?.status })
+              children: /* @__PURE__ */ e(F, { color: "#bb55ff", label: `INST-${l}`, status: i[l]?.status })
             },
             l
           )),
@@ -5637,9 +5637,9 @@ function ri({
               style: {
                 opacity: r >= 0.6 ? 1 : 0,
                 transform: `scale(${r >= 0.6 ? 1 : 0.6})`,
-                transition: `all 0.4s ${A} 0.25s`
+                transition: `all 0.4s ${D} 0.25s`
               },
-              children: /* @__PURE__ */ e(O, { color: "#bb55ff", label: "QUEUE-0", status: i[3]?.status })
+              children: /* @__PURE__ */ e(M, { color: "#bb55ff", label: "QUEUE-0", status: i[3]?.status })
             }
           ),
           [4, 5, 6].map((l) => /* @__PURE__ */ e(
@@ -5648,10 +5648,10 @@ function ri({
               style: {
                 opacity: r >= 0.7 + (l - 4) * 0.08 ? 1 : 0,
                 transform: `scale(${r >= 0.7 ? 1 : 0.6})`,
-                transition: `all 0.4s ${A} ${0.35 + (l - 4) * 0.05}s`
+                transition: `all 0.4s ${D} ${0.35 + (l - 4) * 0.05}s`
               },
               children: /* @__PURE__ */ e(
-                O,
+                M,
                 {
                   color: "#bb55ff",
                   label: `WORKER-${l - 3}`,
@@ -5684,10 +5684,10 @@ function ri({
               style: {
                 opacity: r >= 0.2 + h * 0.12 ? 1 : 0,
                 transform: `scale(${r >= 0.2 + h * 0.12 ? 1 : 0.5})`,
-                transition: `all 0.45s ${A} ${h * 0.1}s`
+                transition: `all 0.45s ${D} ${h * 0.1}s`
               },
               children: /* @__PURE__ */ e(
-                Oe,
+                Me,
                 {
                   color: s,
                   label: `PLATTER-${h}`,
@@ -5704,9 +5704,9 @@ function ri({
               style: {
                 opacity: r >= 0.6 ? 1 : 0,
                 transform: `scale(${r >= 0.6 ? 1 : 0.6})`,
-                transition: `all 0.4s ${A} 0.3s`
+                transition: `all 0.4s ${D} 0.3s`
               },
-              children: /* @__PURE__ */ e(O, { color: s, label: "CONN-POOL", status: i[3]?.status })
+              children: /* @__PURE__ */ e(M, { color: s, label: "CONN-POOL", status: i[3]?.status })
             }
           ),
           /* @__PURE__ */ e(
@@ -5715,9 +5715,9 @@ function ri({
               style: {
                 opacity: r >= 0.75 ? 1 : 0,
                 transform: `scale(${r >= 0.75 ? 1 : 0.6})`,
-                transition: `all 0.4s ${A} 0.4s`
+                transition: `all 0.4s ${D} 0.4s`
               },
-              children: /* @__PURE__ */ e(O, { color: "#00ff88", label: "QUERY-CACHE", status: i[4]?.status })
+              children: /* @__PURE__ */ e(M, { color: "#00ff88", label: "QUERY-CACHE", status: i[4]?.status })
             }
           )
         ]
@@ -5726,7 +5726,7 @@ function ri({
   }
   return null;
 }
-function Pi({
+function Ni({
   type: t,
   name: n,
   status: o,
@@ -5736,7 +5736,7 @@ function Pi({
   subComponents: s,
   graphSeries: l
 }) {
-  const h = ii(t, n, o, a), c = w[o]?.color ?? w.online.color, p = r >= 0.1 ? 1 : r * 10, f = r >= 0.2 ? "-50%" : "0%", g = r >= 0.2 ? "50%" : "0%", u = r >= 0.25 ? Math.min(1, (r - 0.25) * 1.5) : 0;
+  const h = ai(t, n, o, a), c = P[o]?.color ?? P.online.color, p = r >= 0.1 ? 1 : r * 10, f = r >= 0.2 ? "-50%" : "0%", g = r >= 0.2 ? "50%" : "0%", u = r >= 0.25 ? Math.min(1, (r - 0.25) * 1.5) : 0;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -5760,13 +5760,13 @@ function Pi({
               backdropFilter: "blur(10px)",
               WebkitBackdropFilter: "blur(10px)",
               opacity: p,
-              transition: `opacity 0.4s ${ni}`
+              transition: `opacity 0.4s ${li}`
             },
             onClick: i
           }
         ),
         /* @__PURE__ */ e(
-          ei,
+          oi,
           {
             type: t,
             name: n,
@@ -5810,7 +5810,7 @@ function Pi({
                           borderRight: `2px solid ${c}44`,
                           boxShadow: "4px 0 32px rgba(0,0,0,0.6)",
                           transform: `translateX(${f})`,
-                          transition: `transform 0.7s ${A}`
+                          transition: `transform 0.7s ${D}`
                         }
                       }
                     ),
@@ -5825,7 +5825,7 @@ function Pi({
                           borderLeft: `2px solid ${c}44`,
                           boxShadow: "-4px 0 32px rgba(0,0,0,0.6)",
                           transform: `translateX(${g})`,
-                          transition: `transform 0.7s ${A}`
+                          transition: `transform 0.7s ${D}`
                         }
                       }
                     )
@@ -5848,7 +5848,7 @@ function Pi({
                     display: "flex",
                     flexDirection: "column",
                     opacity: u >= 0.1 ? 1 : 0,
-                    transition: `opacity 0.5s ${A} 0.2s`
+                    transition: `opacity 0.5s ${D} 0.2s`
                   },
                   children: [
                     /* @__PURE__ */ d(
@@ -5936,8 +5936,8 @@ function Pi({
                         }
                       }
                     ),
-                    /* @__PURE__ */ e("div", { style: { flex: 1, padding: "8px 0 24px" }, children: s ? /* @__PURE__ */ e(oi, { items: s, revealPhase: u }) : /* @__PURE__ */ e(
-                      ri,
+                    /* @__PURE__ */ e("div", { style: { flex: 1, padding: "8px 0 24px" }, children: s ? /* @__PURE__ */ e(si, { items: s, revealPhase: u }) : /* @__PURE__ */ e(
+                      di,
                       {
                         type: t,
                         name: n,
@@ -5957,7 +5957,218 @@ function Pi({
     }
   );
 }
-function Ci({
+function ci({ onSubmit: t }) {
+  const [n, o] = R(""), [i, r] = R(""), [a, s] = R(null), [l, h] = R(!1), c = n.trim().length > 0 && i.trim().length > 0;
+  return /* @__PURE__ */ e("div", { className: "cred-overlay", children: /* @__PURE__ */ d("form", { className: "cred-panel", onSubmit: (f) => {
+    f.preventDefault(), c && t({ accessKey: n.trim(), secretKey: i.trim() });
+  }, onClick: (f) => f.stopPropagation(), children: [
+    /* @__PURE__ */ e("div", { className: "cred-scanline" }),
+    /* @__PURE__ */ e("span", { className: "cred-corner cred-corner--tl" }),
+    /* @__PURE__ */ e("span", { className: "cred-corner cred-corner--tr" }),
+    /* @__PURE__ */ e("span", { className: "cred-corner cred-corner--bl" }),
+    /* @__PURE__ */ e("span", { className: "cred-corner cred-corner--br" }),
+    /* @__PURE__ */ e("div", { className: "cred-icon", children: /* @__PURE__ */ d(
+      "svg",
+      {
+        width: "32",
+        height: "32",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "#00e5ff",
+        strokeWidth: "1.5",
+        children: [
+          /* @__PURE__ */ e("rect", { x: "5", y: "11", width: "14", height: "10", rx: "2" }),
+          /* @__PURE__ */ e("path", { d: "M8 11V7a4 4 0 118 0v4" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "cred-title", children: "DATA SOURCE ACCESS" }),
+    /* @__PURE__ */ e("div", { className: "cred-subtitle", children: "AUTHENTICATION REQUIRED" }),
+    /* @__PURE__ */ d("div", { className: "cred-field", children: [
+      /* @__PURE__ */ e("label", { className: "cred-label", children: "ACCESS KEY" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          className: "cred-input",
+          type: "text",
+          value: n,
+          onChange: (f) => o(f.target.value),
+          onFocus: () => s("access"),
+          onBlur: () => s(null),
+          placeholder: "Enter access key",
+          autoFocus: !0,
+          style: a === "access" ? {
+            borderColor: "#00e5ff",
+            boxShadow: "0 0 12px rgba(0,229,255,0.25), inset 0 0 8px rgba(0,229,255,0.06)"
+          } : void 0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ d("div", { className: "cred-field", children: [
+      /* @__PURE__ */ e("label", { className: "cred-label", children: "SECRET KEY" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          className: "cred-input",
+          type: "password",
+          value: i,
+          onChange: (f) => r(f.target.value),
+          onFocus: () => s("secret"),
+          onBlur: () => s(null),
+          placeholder: "Enter secret key",
+          style: a === "secret" ? {
+            borderColor: "#00e5ff",
+            boxShadow: "0 0 12px rgba(0,229,255,0.25), inset 0 0 8px rgba(0,229,255,0.06)"
+          } : void 0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ d(
+      "button",
+      {
+        className: "cred-btn",
+        type: "submit",
+        disabled: !c,
+        onMouseEnter: () => h(!0),
+        onMouseLeave: () => h(!1),
+        style: {
+          opacity: c ? 1 : 0.35,
+          cursor: c ? "pointer" : "not-allowed",
+          ...l && c ? {
+            background: "rgba(0,229,255,0.12)",
+            boxShadow: "0 0 20px rgba(0,229,255,0.3), inset 0 0 12px rgba(0,229,255,0.08)"
+          } : {}
+        },
+        children: [
+          /* @__PURE__ */ e("span", { className: "cred-btn-glow" }),
+          "CONNECT"
+        ]
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "cred-footer", children: "CREDENTIALS ARE STORED IN MEMORY ONLY" })
+  ] }) });
+}
+const rt = Ue(null);
+function pi() {
+  const t = re(rt);
+  if (!t)
+    throw new Error("useAIOpsData must be used within an AIOPsDashboard with dataEndpoint configured");
+  return t;
+}
+function fi() {
+  return re(rt);
+}
+function Wi(t) {
+  const { data: n } = pi();
+  return n[t] ?? null;
+}
+function hi(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 ui(t) {
+  try {
+    const i = t?.data?.result;
+    if (Array.isArray(i) && i.length > 0) {
+      const a = i[0]?.value;
+      if (Array.isArray(a) && a.length === 2) {
+        const s = a[1], l = Number(s);
+        return isNaN(l) ? s : l;
+      }
+    }
+    if (Array.isArray(i) && i.length === 2 && typeof i[0] == "number") {
+      const r = i[1], a = Number(r);
+      return isNaN(a) ? r : a;
+    }
+    return t;
+  } catch {
+    return t;
+  }
+}
+function bi({ config: t, children: n }) {
+  const [o, i] = R({}), [r, a] = R(null), [s, l] = R(!1), [h, c] = R(null), [p, f] = R(null), g = K(t);
+  g.current = t;
+  const u = K(r);
+  u.current = r;
+  const y = dt(async () => {
+    const x = u.current, w = g.current;
+    if (x) {
+      l(!0);
+      try {
+        const b = await Promise.allSettled(
+          w.queries.map((S) => {
+            const N = w.endpoint.includes("?") ? "&" : "?", B = `${w.endpoint}${N}query=${encodeURIComponent(S)}`;
+            return fetch(B, {
+              method: "GET",
+              headers: {
+                "access-key": x.accessKey,
+                "access-secret-key": x.secretKey
+              }
+            }).then((z) => {
+              if (!z.ok) throw new Error(`HTTP ${z.status}`);
+              return z.json();
+            }).then((z) => ({ query: S, data: z }));
+          })
+        ), k = {};
+        let T = 0;
+        for (const S of b)
+          S.status === "fulfilled" ? k[S.value.query] = S.value.data : T++;
+        i((S) => ({ ...S, ...k }));
+        const $ = w.queries.length;
+        c(
+          T > 0 ? `${T} of ${$} queries failed to refresh` : null
+        ), T < $ && f(/* @__PURE__ */ new Date());
+      } catch (b) {
+        const k = b instanceof Error ? b.message : "Refresh failed";
+        c(k);
+      } finally {
+        l(!1);
+      }
+    }
+  }, []);
+  Ae(() => {
+    if (!r) return;
+    y();
+    const x = g.current.refreshInterval ?? 6e4, w = window.setInterval(y, x);
+    return () => clearInterval(w);
+  }, [r, y]);
+  const m = dt((x) => {
+    a(x);
+  }, []), v = {
+    data: o,
+    isRefreshing: s,
+    lastRefreshError: h,
+    lastRefreshTime: p,
+    credentialsSet: !!r,
+    setCredentials: m
+  };
+  return /* @__PURE__ */ d(rt.Provider, { value: v, children: [
+    n,
+    !r && /* @__PURE__ */ e(ci, { onSubmit: m })
+  ] });
+}
+function Mi(t) {
+  const { dataEndpoint: n, dataBindings: o, dataRefreshInterval: i } = t;
+  if (n && o) {
+    const r = hi(o);
+    return /* @__PURE__ */ e(
+      bi,
+      {
+        config: {
+          endpoint: n,
+          queries: r,
+          refreshInterval: i
+        },
+        children: /* @__PURE__ */ e(gt, { ...t })
+      }
+    );
+  }
+  return /* @__PURE__ */ e(gt, { ...t });
+}
+function gt({
   brandName: t = "BUSAUD AIOps",
   brandTag: n = "3D MONITOR",
   services: o = [],
@@ -5965,30 +6176,42 @@ function Ci({
   logoUrl: r,
   carouselSpeed: a = 6e-3,
   fontFamily: s,
-  children: l
+  dataBindings: l,
+  dataTransform: h,
+  children: c
 }) {
-  const [h] = I(20), [c] = I(!1), [p] = I(!0), [f] = I(0.45), [g] = I(3.3), [u, y] = I("compact"), [m, x] = I(0), [v, $] = I(null), [b, R] = I(null), [D, C] = I(0), T = (P) => {
-    u === "compact" && ($(P), y("expanding"), x(0), setTimeout(() => x(1), 50), setTimeout(() => x(2), 800), setTimeout(() => x(3), 1200), setTimeout(() => x(4), 1600), setTimeout(() => x(5), 2e3), setTimeout(() => {
-      x(6), y("expanded");
+  const p = fi(), [f] = R(20), [g] = R(!1), [u] = R(!0), [y] = R(0.45), [m] = R(3.3), [v, x] = R("compact"), [w, b] = R(0), [k, T] = R(null), [$, S] = R(null), [N, B] = R(0), z = (C) => {
+    v === "compact" && (T(C), x("expanding"), b(0), setTimeout(() => b(1), 50), setTimeout(() => b(2), 800), setTimeout(() => b(3), 1200), setTimeout(() => b(4), 1600), setTimeout(() => b(5), 2e3), setTimeout(() => {
+      b(6), x("expanded");
     }, 2400));
-  }, W = () => {
-    b ? (R(null), C(0)) : u === "expanded" && (y("collapsing"), x(0), $(null), setTimeout(() => {
-      y((P) => P === "collapsing" ? "compact" : P);
+  }, H = () => {
+    $ ? (S(null), B(0)) : v === "expanded" && (x("collapsing"), b(0), T(null), setTimeout(() => {
+      x((C) => C === "collapsing" ? "compact" : C);
     }, 1e3));
-  }, X = (P) => {
-    R(P), C(0);
+  }, ae = (C) => {
+    S(C), B(0);
   };
-  J.useEffect(() => {
-    if (!b) return;
-    const P = performance.now(), Re = 1200, oe = () => {
-      const Ne = performance.now() - P, Ae = Math.min(1, Ne / Re);
-      C(Ae), Ae < 1 && requestAnimationFrame(oe);
-    }, se = requestAnimationFrame(oe);
-    return () => cancelAnimationFrame(se);
-  }, [b]);
-  const j = () => {
-    R(null), C(0);
-  }, N = o.find((P) => P.name === v), te = N?.status ?? "online", ie = N?.dbSync ?? !0, z = N?.metrics, F = N?.alerts, ne = 330, $e = 340, ke = b ? 1.15 : 1, V = b ? -(b.ex - ne) * 0.06 : 0, M = b ? -(b.ey - $e) * 0.06 : 0;
+  j.useEffect(() => {
+    if (!$) return;
+    const C = performance.now(), ce = 1200, ee = () => {
+      const Z = performance.now() - C, V = Math.min(1, Z / ce);
+      B(V), V < 1 && requestAnimationFrame(ee);
+    }, pe = requestAnimationFrame(ee);
+    return () => cancelAnimationFrame(pe);
+  }, [$]);
+  const le = () => {
+    S(null), B(0);
+  }, I = o.find((C) => C.name === k), U = I?.status ?? "online", se = I?.dbSync ?? !0, Ie = I?.metrics, Oe = I?.alerts, Y = h ?? ui, L = p?.data, Q = yt(() => !L || !l ? c : j.Children.map(c, (C) => {
+    if (!j.isValidElement(C)) return C;
+    const ce = C.props.name;
+    if (!ce || !l[ce]) return C;
+    const ee = l[ce], pe = {};
+    for (const [Z, V] of Object.entries(ee)) {
+      const st = typeof V == "string" ? V : V.query, ye = typeof V == "object" && V.transform ? V.transform : Y, De = L[st];
+      De !== void 0 && (pe[Z] = ye(De));
+    }
+    return Object.keys(pe).length > 0 ? j.cloneElement(C, pe) : C;
+  }), [c, L, l, Y]), Le = p?.lastRefreshError ?? null, be = 330, ge = 340, Ye = $ ? 1.15 : 1, Ve = $ ? -($.ex - be) * 0.06 : 0, de = $ ? -($.ey - ge) * 0.06 : 0;
   return /* @__PURE__ */ d("div", { className: "app", style: s ? { fontFamily: s } : void 0, children: [
     /* @__PURE__ */ e(
       "div",
@@ -6003,7 +6226,7 @@ function Ci({
           backgroundPosition: "center center",
           backgroundRepeat: "no-repeat",
           transition: "transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)",
-          transform: `translate(${V}px, ${M}px) scale(${ke})`,
+          transform: `translate(${Ve}px, ${de}px) scale(${Ye})`,
           willChange: "transform"
         }
       }
@@ -6013,150 +6236,156 @@ function Ci({
         /* @__PURE__ */ e("span", { className: "brand-pulse" }),
         /* @__PURE__ */ e("span", { className: "brand-text", children: t })
       ] }),
-      /* @__PURE__ */ e("div", { className: "hdr-right", children: /* @__PURE__ */ e("span", { className: "hdr-tag", children: n }) })
+      /* @__PURE__ */ d("div", { className: "hdr-right", children: [
+        Le && /* @__PURE__ */ d("div", { className: "hdr-refresh-error", children: [
+          /* @__PURE__ */ e("span", { className: "refresh-error-dot" }),
+          /* @__PURE__ */ e("span", { className: "refresh-error-text", children: "DATA REFRESH FAILED" })
+        ] }),
+        /* @__PURE__ */ e("span", { className: "hdr-tag", children: n })
+      ] })
     ] }),
     /* @__PURE__ */ e(
       "main",
       {
         className: "scene",
         style: {
-          cursor: u === "expanded" ? "zoom-out" : "default"
+          cursor: v === "expanded" ? "zoom-out" : "default"
         },
-        onClick: W,
+        onClick: H,
         children: /* @__PURE__ */ e(
-          zt,
+          Ft,
           {
-            viewState: u,
-            animPhase: m,
-            selectedSystem: v,
-            selectedComponent: b,
-            drillAnimPhase: D,
-            rotateY: h,
-            autoRotateComponents: c,
-            componentScale: f,
-            drillZoom: g,
-            autoRotateCarousel: p,
+            viewState: v,
+            animPhase: w,
+            selectedSystem: k,
+            selectedComponent: $,
+            drillAnimPhase: N,
+            rotateY: f,
+            autoRotateComponents: g,
+            componentScale: y,
+            drillZoom: m,
+            autoRotateCarousel: u,
             carouselSpeed: a,
             logoUrl: r,
-            onSelectSystem: T,
-            onBackgroundClick: W,
-            onComponentClick: X,
-            onCloseDrill: j,
-            selectedSystemStatus: te,
-            selectedSystemDbSync: ie,
-            selectedSystemMetrics: z,
-            selectedSystemAlerts: F,
-            children: l
+            onSelectSystem: z,
+            onBackgroundClick: H,
+            onComponentClick: ae,
+            onCloseDrill: le,
+            selectedSystemStatus: U,
+            selectedSystemDbSync: se,
+            selectedSystemMetrics: Ie,
+            selectedSystemAlerts: Oe,
+            children: Q
           }
         )
       }
     )
   ] });
 }
-function S(t, n, o = 24) {
+function E(t, n, o = 24) {
   return Array.from({ length: o }, (i, r) => {
     const a = r / o;
     return Math.min(100, Math.max(0, t + Math.sin(a * Math.PI * 2) * n + (Math.random() - 0.5) * 10));
   });
 }
-function gt(t) {
+function kt(t) {
   return t === "critical" || t === "offline" ? "#ff2255" : t === "warning" ? "#ff8c00" : "#00e5ff";
 }
-function me(t, n, o) {
-  const i = t === "online" ? "online" : t, r = gt(t), a = o?.cpuLoad ?? 50, s = o?.memLoad ?? 60, l = i === "critical" || i === "warning" && a > 80 ? i : "online", h = i === "warning" && s > 85 ? "warning" : i === "critical" ? "critical" : "online", c = i === "critical" && n === "APP-03" ? "critical" : "online", p = i === "offline" ? "offline" : "online";
+function Pe(t, n, o) {
+  const i = t === "online" ? "online" : t, r = kt(t), a = o?.cpuLoad ?? 50, s = o?.memLoad ?? 60, l = i === "critical" || i === "warning" && a > 80 ? i : "online", h = i === "warning" && s > 85 ? "warning" : i === "critical" ? "critical" : "online", c = i === "critical" && n === "APP-03" ? "critical" : "online", p = i === "offline" ? "offline" : "online";
   return [
-    { id: "cpu-0", label: "CPU-0", status: l, detail: i === "critical" ? "Core overload" : i === "warning" ? "Load spike" : void 0, element: /* @__PURE__ */ e(De, { color: r, label: "CPU-0", status: l, load: a }) },
-    { id: "cpu-1", label: "CPU-1", status: "online", element: /* @__PURE__ */ e(De, { color: r, label: "CPU-1", status: "online", load: a * 0.7 }) },
-    { id: "heap-0", label: "HEAP-0", status: h, detail: h === "warning" ? "Memory heap usage" : h === "critical" ? "OOM risk" : void 0, element: /* @__PURE__ */ e(We, { color: "#8855ee", label: "HEAP-0", status: h, usedPercent: s }) },
-    { id: "heap-1", label: "HEAP-1", status: "online", element: /* @__PURE__ */ e(We, { color: "#8855ee", label: "HEAP-1", status: "online", usedPercent: s * 0.85 }) },
-    { id: "drive-1", label: "DRIVE-1", status: "online", element: /* @__PURE__ */ e(ye, { color: r, label: "DRIVE-1", status: "online", activity: !0 }) },
-    { id: "drive-2", label: "DRIVE-2", status: "online", element: /* @__PURE__ */ e(ye, { color: r, label: "DRIVE-2", status: "online", activity: a > 30 }) },
-    { id: "drive-3", label: "DRIVE-3", status: "online", element: /* @__PURE__ */ e(ye, { 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(O, { color: r, label: "THREAD-POOL", status: c }) },
-    { id: "network", label: "NET", status: p, element: /* @__PURE__ */ e(bt, { color: r, label: "NET", status: p }) }
+    { id: "cpu-0", label: "CPU-0", status: l, detail: i === "critical" ? "Core overload" : i === "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 }) },
+    { id: "heap-0", label: "HEAP-0", status: h, detail: h === "warning" ? "Memory heap usage" : h === "critical" ? "OOM risk" : void 0, element: /* @__PURE__ */ e(Be, { color: "#8855ee", label: "HEAP-0", status: h, usedPercent: s }) },
+    { id: "heap-1", label: "HEAP-1", status: "online", element: /* @__PURE__ */ e(Be, { color: "#8855ee", label: "HEAP-1", status: "online", usedPercent: s * 0.85 }) },
+    { id: "drive-1", label: "DRIVE-1", status: "online", element: /* @__PURE__ */ e(Re, { color: r, label: "DRIVE-1", status: "online", activity: !0 }) },
+    { id: "drive-2", label: "DRIVE-2", status: "online", element: /* @__PURE__ */ e(Re, { color: r, label: "DRIVE-2", status: "online", activity: a > 30 }) },
+    { id: "drive-3", label: "DRIVE-3", status: "online", element: /* @__PURE__ */ e(Re, { 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(M, { color: r, label: "THREAD-POOL", status: c }) },
+    { id: "network", label: "NET", status: p, element: /* @__PURE__ */ e($t, { color: r, label: "NET", status: p }) }
   ];
 }
-function xe(t) {
+function Ce(t) {
   const n = t?.cpuLoad ?? 50, o = t?.memLoad ?? 60;
   return [
-    { id: "cpu", label: "CPU-0", unit: "%", color: "#00e5ff", data: S(n, 15) },
-    { id: "cpu1", label: "CPU-1", unit: "%", color: "#00e5ff", data: S(n * 0.7, 12) },
-    { id: "heap0", label: "HEAP-0", unit: "%", color: "#8855ee", data: S(o, 18) },
-    { id: "heap1", label: "HEAP-1", unit: "%", color: "#8855ee", data: S(o * 0.85, 14) },
-    { id: "drive1", label: "DRIVE-1 I/O", unit: "%", color: "#ff8c00", data: S(40, 25) },
-    { id: "drive2", label: "DRIVE-2 I/O", unit: "%", color: "#ff8c00", data: S(35, 20) },
-    { id: "drive3", label: "DRIVE-3 I/O", unit: "%", color: "#ff8c00", data: S(30, 22) },
-    { id: "thread", label: "THREAD-POOL", unit: "%", color: "#22aaff", data: S(55, 20) }
+    { id: "cpu", label: "CPU-0", unit: "%", color: "#00e5ff", data: E(n, 15) },
+    { id: "cpu1", label: "CPU-1", unit: "%", color: "#00e5ff", data: E(n * 0.7, 12) },
+    { id: "heap0", label: "HEAP-0", unit: "%", color: "#8855ee", data: E(o, 18) },
+    { id: "heap1", label: "HEAP-1", unit: "%", color: "#8855ee", data: E(o * 0.85, 14) },
+    { id: "drive1", label: "DRIVE-1 I/O", unit: "%", color: "#ff8c00", data: E(40, 25) },
+    { id: "drive2", label: "DRIVE-2 I/O", unit: "%", color: "#ff8c00", data: E(35, 20) },
+    { id: "drive3", label: "DRIVE-3 I/O", unit: "%", color: "#ff8c00", data: E(30, 22) },
+    { id: "thread", label: "THREAD-POOL", unit: "%", color: "#22aaff", data: E(55, 20) }
   ];
 }
-function yt(t, n, o) {
-  const i = t === "online" ? "online" : t, r = gt(t), a = i === "critical" || i === "offline" ? i : "online", s = i === "warning" ? "warning" : "online", l = i === "critical" ? "critical" : "online";
+function Rt(t, n, o) {
+  const i = t === "online" ? "online" : t, r = kt(t), a = i === "critical" || i === "offline" ? i : "online", s = i === "warning" ? "warning" : "online", l = i === "critical" ? "critical" : "online";
   return [
-    { id: "port-1", label: "PORT-1", status: "online", element: /* @__PURE__ */ e(B, { color: r, label: "PORT-1", status: "online" }) },
-    { id: "port-2", label: "PORT-2", status: "online", element: /* @__PURE__ */ e(B, { color: r, label: "PORT-2", status: "online" }) },
-    { id: "port-3", label: "PORT-3", status: a, detail: i === "critical" ? "Gateway timeout" : i === "offline" ? "Unreachable" : void 0, element: /* @__PURE__ */ e(B, { color: r, label: "PORT-3", status: a }) },
-    { id: "port-4", label: "PORT-4", status: "online", element: /* @__PURE__ */ e(B, { color: r, label: "PORT-4", status: "online" }) },
-    { id: "port-5", label: "PORT-5", status: s, detail: s === "warning" ? "Latency spike" : void 0, element: /* @__PURE__ */ e(B, { color: r, label: "PORT-5", status: s }) },
-    { id: "port-6", label: "PORT-6", status: "online", element: /* @__PURE__ */ e(B, { color: r, label: "PORT-6", status: "online" }) },
-    { id: "port-7", label: "PORT-7", status: "online", element: /* @__PURE__ */ e(B, { color: r, label: "PORT-7", status: "online" }) },
-    { id: "port-8", label: "PORT-8", status: "online", element: /* @__PURE__ */ e(B, { color: r, label: "PORT-8", status: "online" }) },
-    { id: "http-worker", label: "HTTP-WORKER", status: l, detail: l === "critical" ? "Worker timeout" : void 0, element: /* @__PURE__ */ e(O, { color: r, label: "HTTP-WORKER", status: l }) },
-    { id: "https-worker", label: "HTTPS-WORKER", status: "online", element: /* @__PURE__ */ e(O, { color: "#bb55ff", label: "HTTPS-WORKER", status: "online" }) }
+    { id: "port-1", label: "PORT-1", status: "online", element: /* @__PURE__ */ e(F, { color: r, label: "PORT-1", status: "online" }) },
+    { id: "port-2", label: "PORT-2", status: "online", element: /* @__PURE__ */ e(F, { color: r, label: "PORT-2", status: "online" }) },
+    { id: "port-3", label: "PORT-3", status: a, detail: i === "critical" ? "Gateway timeout" : i === "offline" ? "Unreachable" : void 0, element: /* @__PURE__ */ e(F, { color: r, label: "PORT-3", status: a }) },
+    { id: "port-4", label: "PORT-4", status: "online", element: /* @__PURE__ */ e(F, { color: r, label: "PORT-4", status: "online" }) },
+    { id: "port-5", label: "PORT-5", status: s, detail: s === "warning" ? "Latency spike" : void 0, element: /* @__PURE__ */ e(F, { color: r, label: "PORT-5", status: s }) },
+    { id: "port-6", label: "PORT-6", status: "online", element: /* @__PURE__ */ e(F, { color: r, label: "PORT-6", status: "online" }) },
+    { id: "port-7", label: "PORT-7", status: "online", element: /* @__PURE__ */ e(F, { color: r, label: "PORT-7", status: "online" }) },
+    { id: "port-8", label: "PORT-8", status: "online", element: /* @__PURE__ */ e(F, { color: r, label: "PORT-8", status: "online" }) },
+    { id: "http-worker", label: "HTTP-WORKER", status: l, detail: l === "critical" ? "Worker timeout" : void 0, element: /* @__PURE__ */ e(M, { color: r, label: "HTTP-WORKER", status: l }) },
+    { id: "https-worker", label: "HTTPS-WORKER", status: "online", element: /* @__PURE__ */ e(M, { color: "#bb55ff", label: "HTTPS-WORKER", status: "online" }) }
   ];
 }
-function mt(t) {
+function Pt(t) {
   const n = t?.traffic ?? 50;
   return [
-    { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: S(n, 20) },
-    { id: "port1", label: "PORT-1", unit: "kbps", color: "#22aaff", data: S(60, 25) },
-    { id: "port2", label: "PORT-2", unit: "kbps", color: "#22aaff", data: S(45, 20) },
-    { id: "port3", label: "PORT-3", unit: "kbps", color: "#22aaff", data: S(70, 30) },
-    { id: "worker", label: "WORKER", unit: "%", color: "#bb55ff", data: S(n * 0.9, 15) }
+    { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: E(n, 20) },
+    { id: "port1", label: "PORT-1", unit: "kbps", color: "#22aaff", data: E(60, 25) },
+    { id: "port2", label: "PORT-2", unit: "kbps", color: "#22aaff", data: E(45, 20) },
+    { id: "port3", label: "PORT-3", unit: "kbps", color: "#22aaff", data: E(70, 30) },
+    { id: "worker", label: "WORKER", unit: "%", color: "#bb55ff", data: E(n * 0.9, 15) }
   ];
 }
-function ai(t, n, o) {
+function gi(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(B, { color: "#bb55ff", label: "INST-0", status: "online" }) },
-    { id: "inst-1", label: "INST-1", status: "online", element: /* @__PURE__ */ e(B, { color: "#bb55ff", label: "INST-1", status: "online" }) },
-    { id: "inst-2", label: "INST-2", status: r, detail: r === "critical" ? "Instance unreachable" : void 0, element: /* @__PURE__ */ e(B, { color: "#bb55ff", label: "INST-2", status: r }) },
-    { id: "queue-0", label: "QUEUE-0", status: a, detail: i === "critical" ? "Queue full" : i === "offline" ? "Unreachable" : i === "warning" ? "Queue depth warning" : void 0, element: /* @__PURE__ */ e(O, { color: "#bb55ff", label: "QUEUE-0", status: a }) },
-    { id: "worker-1", label: "WORKER-1", status: "online", element: /* @__PURE__ */ e(O, { color: "#bb55ff", label: "WORKER-1", status: "online" }) },
-    { id: "worker-2", label: "WORKER-2", status: "online", element: /* @__PURE__ */ e(O, { color: "#bb55ff", label: "WORKER-2", status: "online" }) },
-    { id: "worker-3", label: "WORKER-3", status: s, detail: s === "critical" ? "Worker timeout" : void 0, element: /* @__PURE__ */ e(O, { color: "#bb55ff", label: "WORKER-3", status: s }) }
+    { id: "inst-0", label: "INST-0", status: "online", element: /* @__PURE__ */ e(F, { color: "#bb55ff", label: "INST-0", status: "online" }) },
+    { id: "inst-1", label: "INST-1", status: "online", element: /* @__PURE__ */ e(F, { color: "#bb55ff", label: "INST-1", status: "online" }) },
+    { id: "inst-2", label: "INST-2", status: r, detail: r === "critical" ? "Instance unreachable" : void 0, element: /* @__PURE__ */ e(F, { color: "#bb55ff", label: "INST-2", status: r }) },
+    { id: "queue-0", label: "QUEUE-0", status: a, detail: i === "critical" ? "Queue full" : i === "offline" ? "Unreachable" : i === "warning" ? "Queue depth warning" : void 0, element: /* @__PURE__ */ e(M, { color: "#bb55ff", label: "QUEUE-0", status: a }) },
+    { id: "worker-1", label: "WORKER-1", status: "online", element: /* @__PURE__ */ e(M, { color: "#bb55ff", label: "WORKER-1", status: "online" }) },
+    { id: "worker-2", label: "WORKER-2", status: "online", element: /* @__PURE__ */ e(M, { color: "#bb55ff", label: "WORKER-2", status: "online" }) },
+    { id: "worker-3", label: "WORKER-3", status: s, detail: s === "critical" ? "Worker timeout" : void 0, element: /* @__PURE__ */ e(M, { color: "#bb55ff", label: "WORKER-3", status: s }) }
   ];
 }
-function li(t) {
+function yi(t) {
   const n = t?.queueDepth ?? 50;
   return [
-    { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: S(n, 20) },
-    { id: "port1", label: "PORT-1", unit: "kbps", color: "#22aaff", data: S(60, 25) },
-    { id: "port2", label: "PORT-2", unit: "kbps", color: "#22aaff", data: S(45, 20) },
-    { id: "port3", label: "PORT-3", unit: "kbps", color: "#22aaff", data: S(70, 30) },
-    { id: "worker", label: "WORKER", unit: "%", color: "#bb55ff", data: S(n * 0.9, 15) }
+    { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: E(n, 20) },
+    { id: "port1", label: "PORT-1", unit: "kbps", color: "#22aaff", data: E(60, 25) },
+    { id: "port2", label: "PORT-2", unit: "kbps", color: "#22aaff", data: E(45, 20) },
+    { id: "port3", label: "PORT-3", unit: "kbps", color: "#22aaff", data: E(70, 30) },
+    { id: "worker", label: "WORKER", unit: "%", color: "#bb55ff", data: E(n * 0.9, 15) }
   ];
 }
-function ze(t, n, o) {
+function Fe(t, n, o) {
   const i = t === "online" ? "online" : t, r = "#ff8c00", a = o?.capacity ?? 72, s = i === "critical" || i === "offline" ? i : i === "warning" ? "warning" : "online", l = i === "warning" && n === "DB-STB" ? "warning" : "online", h = i === "critical" ? "critical" : "online", c = i === "warning" ? "warning" : "online";
   return [
-    { id: "platter-0", label: "PLATTER-0", status: "online", element: /* @__PURE__ */ e(Oe, { color: r, label: "PLATTER-0", status: "online", capacityPercent: a }) },
-    { id: "platter-1", label: "PLATTER-1", status: s, detail: i === "critical" ? "I/O failure" : i === "offline" ? "Connection lost" : i === "warning" ? "Slow queries" : void 0, element: /* @__PURE__ */ e(Oe, { color: r, label: "PLATTER-1", status: s, capacityPercent: a }) },
-    { id: "platter-2", label: "PLATTER-2", status: l, detail: l === "warning" ? "Replication lag" : void 0, element: /* @__PURE__ */ e(Oe, { color: r, label: "PLATTER-2", status: l, capacityPercent: a }) },
-    { id: "conn-pool", label: "CONN-POOL", status: h, detail: h === "critical" ? "Pool exhausted" : void 0, element: /* @__PURE__ */ e(O, { color: r, label: "CONN-POOL", status: h }) },
-    { id: "query-cache", label: "QUERY-CACHE", status: c, detail: c === "warning" ? "Cache miss rate" : void 0, element: /* @__PURE__ */ e(O, { color: "#00ff88", label: "QUERY-CACHE", status: c }) }
+    { id: "platter-0", label: "PLATTER-0", status: "online", element: /* @__PURE__ */ e(Me, { color: r, label: "PLATTER-0", status: "online", capacityPercent: a }) },
+    { id: "platter-1", label: "PLATTER-1", status: s, detail: i === "critical" ? "I/O failure" : i === "offline" ? "Connection lost" : i === "warning" ? "Slow queries" : void 0, element: /* @__PURE__ */ e(Me, { color: r, label: "PLATTER-1", status: s, capacityPercent: a }) },
+    { id: "platter-2", label: "PLATTER-2", status: l, detail: l === "warning" ? "Replication lag" : void 0, element: /* @__PURE__ */ e(Me, { color: r, label: "PLATTER-2", status: l, capacityPercent: a }) },
+    { id: "conn-pool", label: "CONN-POOL", status: h, detail: h === "critical" ? "Pool exhausted" : void 0, element: /* @__PURE__ */ e(M, { color: r, label: "CONN-POOL", status: h }) },
+    { id: "query-cache", label: "QUERY-CACHE", status: c, detail: c === "warning" ? "Cache miss rate" : void 0, element: /* @__PURE__ */ e(M, { color: "#00ff88", label: "QUERY-CACHE", status: c }) }
   ];
 }
-function Me(t) {
+function He(t) {
   const n = t?.capacity ?? 70;
   return [
-    { id: "platter0", label: "PLATTER-0 I/O", unit: "%", color: "#ff8c00", data: S(40, 20) },
-    { id: "platter1", label: "PLATTER-1 I/O", unit: "%", color: "#ff8c00", data: S(55, 25) },
-    { id: "platter2", label: "PLATTER-2 I/O", unit: "%", color: "#ff8c00", data: S(35, 18) },
-    { id: "connpool", label: "CONN-POOL", unit: "%", color: "#00e5ff", data: S(n, 15) },
-    { id: "cache", label: "QUERY-CACHE", unit: "%", color: "#00ff88", data: S(75, 12) }
+    { id: "platter0", label: "PLATTER-0 I/O", unit: "%", color: "#ff8c00", data: E(40, 20) },
+    { id: "platter1", label: "PLATTER-1 I/O", unit: "%", color: "#ff8c00", data: E(55, 25) },
+    { id: "platter2", label: "PLATTER-2 I/O", unit: "%", color: "#ff8c00", data: E(35, 18) },
+    { id: "connpool", label: "CONN-POOL", unit: "%", color: "#00e5ff", data: E(n, 15) },
+    { id: "cache", label: "QUERY-CACHE", unit: "%", color: "#00ff88", data: E(75, 12) }
   ];
 }
-function tt(t) {
+function at(t) {
   const n = [
     t.wdStatus,
     t.msStatus,
@@ -6168,8 +6397,8 @@ function tt(t) {
   ];
   return n.includes("critical") ? "critical" : n.includes("warning") ? "warning" : n.includes("offline") ? "offline" : "online";
 }
-function Ei(t) {
-  const n = tt(t), o = n === "critical" || n === "offline", i = n === "warning";
+function zi(t) {
+  const n = at(t), o = n === "critical" || n === "offline", i = n === "warning";
   return [
     {
       label: "Uptime",
@@ -6190,8 +6419,8 @@ function Ei(t) {
     }
   ];
 }
-function Ti(t) {
-  const n = tt(t), o = n === "critical" || n === "offline", i = n === "warning";
+function Bi(t) {
+  const n = at(t), o = n === "critical" || n === "offline", i = n === "warning";
   return [
     ...t.dbSync ? [] : [{ level: "warning", message: "DB Replication Lag Detected" }],
     ...o ? [{ level: "critical", message: "Critical Component Failure" }] : [],
@@ -6199,7 +6428,7 @@ function Ti(t) {
     ...!o && !i && t.dbSync ? [{ level: "info", message: "All Systems Nominal" }] : []
   ];
 }
-const si = [
+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 },
@@ -6212,11 +6441,11 @@ const si = [
   { from: [330, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" },
   { from: [495, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" }
 ];
-function di({ config: t }) {
-  const n = J.useContext(le), o = n?.rotateY ?? 20, i = n?.autoRotateComponents ?? !0, { wdStatus: r, msStatus: a, srv1Status: s, srv2Status: l, srv3Status: h, pdbStatus: c, sdbStatus: p, dbSync: f } = t;
-  return /* @__PURE__ */ d(ve, { children: [
+function xi({ config: t }) {
+  const n = j.useContext(ue), o = n?.rotateY ?? 20, i = n?.autoRotateComponents ?? !0, { wdStatus: r, msStatus: a, srv1Status: s, srv2Status: l, srv3Status: h, pdbStatus: c, sdbStatus: p, dbSync: f } = t;
+  return /* @__PURE__ */ d(Ee, { children: [
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 330,
         ey: 120,
@@ -6224,11 +6453,11 @@ function di({ config: t }) {
         zIndex: 10,
         visibleAtPhase: 2,
         color: "#00e5ff",
-        children: /* @__PURE__ */ e(Je, { status: "online", scale: 1.5 })
+        children: /* @__PURE__ */ e(nt, { status: "online", scale: 1.5 })
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 220,
         ey: 260,
@@ -6243,11 +6472,11 @@ function di({ config: t }) {
           name: "WEB-DISP",
           status: r,
           context: { traffic: 78 },
-          subComponents: yt(r),
-          graphSeries: mt({ traffic: 78 })
+          subComponents: Rt(r),
+          graphSeries: Pt({ traffic: 78 })
         },
         children: /* @__PURE__ */ e(
-          et,
+          ot,
           {
             rotateY: o,
             autoRotate: i,
@@ -6261,7 +6490,7 @@ function di({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 440,
         ey: 260,
@@ -6276,11 +6505,11 @@ function di({ config: t }) {
           name: "MSG-SRV",
           status: a,
           context: { queueDepth: 45 },
-          subComponents: ai(a),
-          graphSeries: li({ queueDepth: 45 })
+          subComponents: gi(a),
+          graphSeries: yi({ queueDepth: 45 })
         },
         children: /* @__PURE__ */ e(
-          ht,
+          wt,
           {
             rotateY: -o,
             autoRotate: i,
@@ -6295,7 +6524,7 @@ function di({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 165,
         ey: 390,
@@ -6310,11 +6539,11 @@ function di({ config: t }) {
           name: "APP-01",
           status: s,
           context: { cpuLoad: 67, memLoad: 72 },
-          subComponents: me(s, "APP-01", { cpuLoad: 67, memLoad: 72 }),
-          graphSeries: xe({ cpuLoad: 67, memLoad: 72 })
+          subComponents: Pe(s, "APP-01", { cpuLoad: 67, memLoad: 72 }),
+          graphSeries: Ce({ cpuLoad: 67, memLoad: 72 })
         },
         children: /* @__PURE__ */ e(
-          ae,
+          he,
           {
             rotateY: o,
             autoRotate: i,
@@ -6328,7 +6557,7 @@ function di({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 330,
         ey: 390,
@@ -6343,11 +6572,11 @@ function di({ config: t }) {
           name: "APP-02",
           status: l,
           context: { cpuLoad: 89, memLoad: 91 },
-          subComponents: me(l, "APP-02", { cpuLoad: 89, memLoad: 91 }),
-          graphSeries: xe({ cpuLoad: 89, memLoad: 91 })
+          subComponents: Pe(l, "APP-02", { cpuLoad: 89, memLoad: 91 }),
+          graphSeries: Ce({ cpuLoad: 89, memLoad: 91 })
         },
         children: /* @__PURE__ */ e(
-          ae,
+          he,
           {
             rotateY: o,
             autoRotate: i,
@@ -6361,7 +6590,7 @@ function di({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 495,
         ey: 390,
@@ -6376,11 +6605,11 @@ function di({ config: t }) {
           name: "APP-03",
           status: h,
           context: { cpuLoad: 45, memLoad: 63 },
-          subComponents: me(h, "APP-03", { cpuLoad: 45, memLoad: 63 }),
-          graphSeries: xe({ cpuLoad: 45, memLoad: 63 })
+          subComponents: Pe(h, "APP-03", { cpuLoad: 45, memLoad: 63 }),
+          graphSeries: Ce({ cpuLoad: 45, memLoad: 63 })
         },
         children: /* @__PURE__ */ e(
-          ae,
+          he,
           {
             rotateY: o,
             autoRotate: i,
@@ -6394,7 +6623,7 @@ function di({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 200,
         ey: 520,
@@ -6409,11 +6638,11 @@ function di({ config: t }) {
           name: "DB-PRI",
           status: c,
           context: { capacity: 72 },
-          subComponents: ze(c, "DB-PRI", { capacity: 72 }),
-          graphSeries: Me({ capacity: 72 })
+          subComponents: Fe(c, "DB-PRI", { capacity: 72 }),
+          graphSeries: He({ capacity: 72 })
         },
         children: /* @__PURE__ */ e(
-          Ee,
+          Ne,
           {
             rotateY: -o,
             autoRotate: i,
@@ -6427,7 +6656,7 @@ function di({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 460,
         ey: 520,
@@ -6442,11 +6671,11 @@ function di({ config: t }) {
           name: "DB-STB",
           status: p,
           context: { capacity: 72 },
-          subComponents: ze(p, "DB-STB", { capacity: 72 }),
-          graphSeries: Me({ capacity: 72 })
+          subComponents: Fe(p, "DB-STB", { capacity: 72 }),
+          graphSeries: He({ capacity: 72 })
         },
         children: /* @__PURE__ */ e(
-          Ee,
+          Ne,
           {
             rotateY: o,
             autoRotate: i,
@@ -6460,7 +6689,7 @@ function di({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 330,
         ey: 520,
@@ -6469,17 +6698,17 @@ function di({ config: t }) {
         visibleAtPhase: 6,
         fixedScale: 1,
         bare: !0,
-        children: /* @__PURE__ */ e(ft, { synced: f, latencyMs: f ? 8 : 342 })
+        children: /* @__PURE__ */ e(vt, { synced: f, latencyMs: f ? 8 : 342 })
       }
     ),
-    /* @__PURE__ */ e(ci, { config: t })
+    /* @__PURE__ */ e(vi, { config: t })
   ] });
 }
-function ci({ config: t }) {
-  const n = J.useContext(le), { wdStatus: o, msStatus: i, srv1Status: r, srv2Status: a, srv3Status: s, pdbStatus: l, sdbStatus: h, dbSync: c } = t, p = n?.isSelected && n?.isExpandedPos;
+function vi({ config: t }) {
+  const n = j.useContext(ue), { wdStatus: o, msStatus: i, srv1Status: r, srv2Status: a, srv3Status: s, pdbStatus: l, sdbStatus: h, dbSync: c } = t, p = n?.isSelected && n?.isExpandedPos;
   return n?.isSelected ? /* @__PURE__ */ d("div", { style: { pointerEvents: "none" }, children: [
     /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 220,
         ey: 260,
@@ -6494,7 +6723,7 @@ function ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 440,
         ey: 260,
@@ -6509,7 +6738,7 @@ function ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 165,
         ey: 390,
@@ -6524,7 +6753,7 @@ function ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 330,
         ey: 390,
@@ -6539,7 +6768,7 @@ function ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 495,
         ey: 390,
@@ -6554,7 +6783,7 @@ function ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 200,
         ey: 520,
@@ -6569,7 +6798,7 @@ function ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 460,
         ey: 520,
@@ -6584,7 +6813,7 @@ function ci({ config: t }) {
       }
     ),
     !c && /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 330,
         ey: 520,
@@ -6600,19 +6829,19 @@ function ci({ config: t }) {
     )
   ] }) : null;
 }
-function Ai({ config: t, ...n }) {
+function Fi({ config: t, ...n }) {
   return /* @__PURE__ */ e(
-    pt,
+    xt,
     {
       name: t.name,
-      status: tt(t),
-      connections: si,
+      status: at(t),
+      connections: mi,
       ...n,
-      children: /* @__PURE__ */ e(di, { config: t })
+      children: /* @__PURE__ */ e(xi, { config: t })
     }
   );
 }
-function it(t) {
+function lt(t) {
   const n = [
     t.dispStatus,
     t.srv1Status,
@@ -6623,8 +6852,8 @@ function it(t) {
   ];
   return n.includes("critical") ? "critical" : n.includes("warning") ? "warning" : n.includes("offline") ? "offline" : "online";
 }
-function Ii(t) {
-  const n = it(t), o = n === "critical" || n === "offline", i = n === "warning";
+function Hi(t) {
+  const n = lt(t), o = n === "critical" || n === "offline", i = n === "warning";
   return [
     {
       label: "Uptime",
@@ -6645,8 +6874,8 @@ function Ii(t) {
     }
   ];
 }
-function Li(t) {
-  const n = it(t), o = n === "critical" || n === "offline", i = n === "warning";
+function Ui(t) {
+  const n = lt(t), o = n === "critical" || n === "offline", i = n === "warning";
   return [
     ...t.dbSync ? [] : [{ level: "warning", message: "DB Replication Lag Detected" }],
     ...o ? [{ level: "critical", message: "Critical Component Failure" }] : [],
@@ -6654,7 +6883,7 @@ function Li(t) {
     ...!o && !i && t.dbSync ? [{ level: "info", message: "All Systems Nominal" }] : []
   ];
 }
-const pi = [
+const wi = [
   { from: [330, 120], to: [330, 260], visibleAtPhase: 3 },
   { from: [330, 260], to: [165, 390], visibleAtPhase: 4 },
   { from: [330, 260], to: [330, 390], visibleAtPhase: 4 },
@@ -6663,11 +6892,11 @@ const pi = [
   { from: [330, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" },
   { from: [495, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" }
 ];
-function fi({ config: t }) {
-  const n = J.useContext(le), o = n?.rotateY ?? 20, i = n?.autoRotateComponents ?? !0, { dispStatus: r, srv1Status: a, srv2Status: s, srv3Status: l, pdbStatus: h, sdbStatus: c, dbSync: p } = t;
-  return /* @__PURE__ */ d(ve, { children: [
+function Si({ config: t }) {
+  const n = j.useContext(ue), o = n?.rotateY ?? 20, i = n?.autoRotateComponents ?? !0, { dispStatus: r, srv1Status: a, srv2Status: s, srv3Status: l, pdbStatus: h, sdbStatus: c, dbSync: p } = t;
+  return /* @__PURE__ */ d(Ee, { children: [
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 330,
         ey: 120,
@@ -6675,11 +6904,11 @@ function fi({ config: t }) {
         zIndex: 10,
         visibleAtPhase: 2,
         color: "#00e5ff",
-        children: /* @__PURE__ */ e(Je, { status: "online", scale: 1.5 })
+        children: /* @__PURE__ */ e(nt, { status: "online", scale: 1.5 })
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 330,
         ey: 260,
@@ -6694,11 +6923,11 @@ function fi({ config: t }) {
           name: "DISP-01",
           status: r,
           context: { traffic: 78 },
-          subComponents: yt(r),
-          graphSeries: mt({ traffic: 78 })
+          subComponents: Rt(r),
+          graphSeries: Pt({ traffic: 78 })
         },
         children: /* @__PURE__ */ e(
-          et,
+          ot,
           {
             rotateY: o,
             autoRotate: i,
@@ -6712,7 +6941,7 @@ function fi({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 165,
         ey: 390,
@@ -6727,11 +6956,11 @@ function fi({ config: t }) {
           name: "APP-01",
           status: a,
           context: { cpuLoad: 67, memLoad: 72 },
-          subComponents: me(a, "APP-01", { cpuLoad: 67, memLoad: 72 }),
-          graphSeries: xe({ cpuLoad: 67, memLoad: 72 })
+          subComponents: Pe(a, "APP-01", { cpuLoad: 67, memLoad: 72 }),
+          graphSeries: Ce({ cpuLoad: 67, memLoad: 72 })
         },
         children: /* @__PURE__ */ e(
-          ae,
+          he,
           {
             rotateY: o,
             autoRotate: i,
@@ -6745,7 +6974,7 @@ function fi({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 330,
         ey: 390,
@@ -6760,11 +6989,11 @@ function fi({ config: t }) {
           name: "APP-02",
           status: s,
           context: { cpuLoad: 89, memLoad: 91 },
-          subComponents: me(s, "APP-02", { cpuLoad: 89, memLoad: 91 }),
-          graphSeries: xe({ cpuLoad: 89, memLoad: 91 })
+          subComponents: Pe(s, "APP-02", { cpuLoad: 89, memLoad: 91 }),
+          graphSeries: Ce({ cpuLoad: 89, memLoad: 91 })
         },
         children: /* @__PURE__ */ e(
-          ae,
+          he,
           {
             rotateY: o,
             autoRotate: i,
@@ -6778,7 +7007,7 @@ function fi({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 495,
         ey: 390,
@@ -6793,11 +7022,11 @@ function fi({ config: t }) {
           name: "APP-03",
           status: l,
           context: { cpuLoad: 45, memLoad: 63 },
-          subComponents: me(l, "APP-03", { cpuLoad: 45, memLoad: 63 }),
-          graphSeries: xe({ cpuLoad: 45, memLoad: 63 })
+          subComponents: Pe(l, "APP-03", { cpuLoad: 45, memLoad: 63 }),
+          graphSeries: Ce({ cpuLoad: 45, memLoad: 63 })
         },
         children: /* @__PURE__ */ e(
-          ae,
+          he,
           {
             rotateY: o,
             autoRotate: i,
@@ -6811,7 +7040,7 @@ function fi({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 200,
         ey: 520,
@@ -6826,11 +7055,11 @@ function fi({ config: t }) {
           name: "DB-PRI",
           status: h,
           context: { capacity: 72 },
-          subComponents: ze(h, "DB-PRI", { capacity: 72 }),
-          graphSeries: Me({ capacity: 72 })
+          subComponents: Fe(h, "DB-PRI", { capacity: 72 }),
+          graphSeries: He({ capacity: 72 })
         },
         children: /* @__PURE__ */ e(
-          Ee,
+          Ne,
           {
             rotateY: -o,
             autoRotate: i,
@@ -6844,7 +7073,7 @@ function fi({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 460,
         ey: 520,
@@ -6859,11 +7088,11 @@ function fi({ config: t }) {
           name: "DB-STB",
           status: c,
           context: { capacity: 72 },
-          subComponents: ze(c, "DB-STB", { capacity: 72 }),
-          graphSeries: Me({ capacity: 72 })
+          subComponents: Fe(c, "DB-STB", { capacity: 72 }),
+          graphSeries: He({ capacity: 72 })
         },
         children: /* @__PURE__ */ e(
-          Ee,
+          Ne,
           {
             rotateY: o,
             autoRotate: i,
@@ -6877,7 +7106,7 @@ function fi({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      k,
+      A,
       {
         ex: 330,
         ey: 520,
@@ -6886,17 +7115,17 @@ function fi({ config: t }) {
         visibleAtPhase: 6,
         fixedScale: 1,
         bare: !0,
-        children: /* @__PURE__ */ e(ft, { synced: p, latencyMs: p ? 8 : 342 })
+        children: /* @__PURE__ */ e(vt, { synced: p, latencyMs: p ? 8 : 342 })
       }
     ),
-    /* @__PURE__ */ e(hi, { config: t })
+    /* @__PURE__ */ e($i, { config: t })
   ] });
 }
-function hi({ config: t }) {
-  const n = J.useContext(le), { dispStatus: o, srv1Status: i, srv2Status: r, srv3Status: a, pdbStatus: s, sdbStatus: l, dbSync: h } = t, c = n?.isSelected && n?.isExpandedPos;
+function $i({ config: t }) {
+  const n = j.useContext(ue), { dispStatus: o, srv1Status: i, srv2Status: r, srv3Status: a, pdbStatus: s, sdbStatus: l, dbSync: h } = t, c = n?.isSelected && n?.isExpandedPos;
   return n?.isSelected ? /* @__PURE__ */ d("div", { style: { pointerEvents: "none" }, children: [
     /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 330,
         ey: 260,
@@ -6911,7 +7140,7 @@ function hi({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 165,
         ey: 390,
@@ -6926,7 +7155,7 @@ function hi({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 330,
         ey: 390,
@@ -6941,7 +7170,7 @@ function hi({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 495,
         ey: 390,
@@ -6956,7 +7185,7 @@ function hi({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 200,
         ey: 520,
@@ -6971,7 +7200,7 @@ function hi({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 460,
         ey: 520,
@@ -6986,7 +7215,7 @@ function hi({ config: t }) {
       }
     ),
     !h && /* @__PURE__ */ e(
-      L,
+      W,
       {
         ex: 330,
         ey: 520,
@@ -7002,75 +7231,80 @@ function hi({ config: t }) {
     )
   ] }) : null;
 }
-function Oi({ config: t, ...n }) {
+function Yi({ config: t, ...n }) {
   return /* @__PURE__ */ e(
-    pt,
+    xt,
     {
       name: t.name,
-      status: it(t),
-      connections: pi,
+      status: lt(t),
+      connections: wi,
       ...n,
-      children: /* @__PURE__ */ e(fi, { config: t })
+      children: /* @__PURE__ */ e(Si, { config: t })
     }
   );
 }
 export {
-  Ci as AIOPsDashboard,
-  De as CPU3D,
-  zt as Carousel,
-  qe as CarouselContext,
-  Ke as CarouselItemContext,
-  Ot as ComponentDialog,
-  Pi as ComponentDrillView,
-  Ee as Database3D,
-  Si as DatabaseNode,
-  ye as DriveBay3D,
-  pi as EXCHANGE_CONNECTIONS,
-  Oi as ExchangeService,
-  mi as HOLO_BLUE,
-  yi as HOLO_CYAN,
-  Qe as HOLO_GLASS,
-  Se as HOLO_SURFACE,
-  ei as HistoricalGraphPanel,
-  Bt as HoloBase,
-  Je as Human3D,
-  $i as HumanNode,
-  We as Memory3D,
-  ht as MessageServer3D,
-  Ri as MessageServerNode,
-  bt as NetworkBlock3D,
-  L as NodeCallout,
-  Oe as Platter3D,
-  B as Port3D,
-  Ai as SAPService,
-  si as SAP_CONNECTIONS,
-  w as STATUS_CFG,
-  ae as Server3D,
-  wi as ServerNode,
-  pt as Service,
-  le as ServiceContext,
-  It as ServiceDialog,
-  k as ServiceNode,
-  Mt as SvgConnection,
-  ft as SyncBridge,
-  O as ThreadPool3D,
-  et as WebDispatcher3D,
-  ki as WebDispatcherNode,
-  Li as computeExchangeDialogAlerts,
-  Ii as computeExchangeDialogMetrics,
-  it as computeExchangeServiceStatus,
-  Ti as computeSAPDialogAlerts,
-  Ei as computeSAPDialogMetrics,
-  tt as computeSAPServiceStatus,
-  Me as getDatabaseGraphSeries,
-  ze as getDatabaseSubComponents,
-  mt as getDispatcherGraphSeries,
-  yt as getDispatcherSubComponents,
-  li as getMessageServerGraphSeries,
-  ai as getMessageServerSubComponents,
-  xe as getServerGraphSeries,
-  me as getServerSubComponents,
-  Ge as makeFaceStyles,
-  xi as useCarouselContext,
-  vi as useCarouselItemContext
+  Mi as AIOPsDashboard,
+  ze as CPU3D,
+  Ft as Carousel,
+  et as CarouselContext,
+  tt as CarouselItemContext,
+  Mt as ComponentDialog,
+  Ni as ComponentDrillView,
+  bi as DataProvider,
+  Ne as Database3D,
+  Ii as DatabaseNode,
+  Re as DriveBay3D,
+  wi as EXCHANGE_CONNECTIONS,
+  Yi as ExchangeService,
+  Ci as HOLO_BLUE,
+  Pi as HOLO_CYAN,
+  Ze as HOLO_GLASS,
+  Te as HOLO_SURFACE,
+  oi as HistoricalGraphPanel,
+  Yt as HoloBase,
+  nt as Human3D,
+  Oi as HumanNode,
+  Be as Memory3D,
+  wt as MessageServer3D,
+  Di as MessageServerNode,
+  $t as NetworkBlock3D,
+  W as NodeCallout,
+  Me as Platter3D,
+  F as Port3D,
+  Fi as SAPService,
+  mi as SAP_CONNECTIONS,
+  P as STATUS_CFG,
+  he as Server3D,
+  Ti as ServerNode,
+  xt as Service,
+  ue as ServiceContext,
+  Nt as ServiceDialog,
+  A as ServiceNode,
+  Ht as SvgConnection,
+  vt as SyncBridge,
+  M as ThreadPool3D,
+  ot as WebDispatcher3D,
+  Li as WebDispatcherNode,
+  Ui as computeExchangeDialogAlerts,
+  Hi as computeExchangeDialogMetrics,
+  lt as computeExchangeServiceStatus,
+  Bi as computeSAPDialogAlerts,
+  zi as computeSAPDialogMetrics,
+  at as computeSAPServiceStatus,
+  ui as defaultDataTransform,
+  He as getDatabaseGraphSeries,
+  Fe as getDatabaseSubComponents,
+  Pt as getDispatcherGraphSeries,
+  Rt as getDispatcherSubComponents,
+  yi as getMessageServerGraphSeries,
+  gi as getMessageServerSubComponents,
+  Ce as getServerGraphSeries,
+  Pe as getServerSubComponents,
+  Je as makeFaceStyles,
+  pi as useAIOpsData,
+  fi as useAIOpsDataOptional,
+  Ei as useCarouselContext,
+  Ai as useCarouselItemContext,
+  Wi as useQueryResult
 };