react-aiops 0.0.3 → 0.1.0

package/dist/index.js

@@ -1,11 +1,11 @@
-import { jsxs as d, jsx as e, Fragment as ge } from "react/jsx-runtime";
-import Y, { useState as L, useEffect as xe, createContext as ct, useContext as qe, useRef as J } from "react";
-const pt = {
+import { jsxs as d, jsx as e, Fragment as Ce } from "react/jsx-runtime";
+import J, { createContext as _e, useContext as ve, useState as T, useEffect as Ee, useMemo as Et, useRef as ee } from "react";
+const Tt = {
   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 ft({
+function At({
   name: t,
   status: n,
   dbSync: o = !0,
@@ -146,7 +146,7 @@ function ft({
                 }
               ),
               c.map((p, f) => {
-                const b = pt[p.level];
+                const b = Tt[p.level];
                 return /* @__PURE__ */ d(
                   "div",
                   {
@@ -177,13 +177,13 @@ function ft({
     }
   );
 }
-const x = {
+const w = {
   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)" }
-}, Zt = "#00e5ff", Jt = "#0055cc", ye = "linear-gradient(180deg, #071428 0%, #040c1c 60%, #030810 100%)", Me = "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 Be(t, n, o) {
+}, yi = "#00e5ff", mi = "#0055cc", we = "linear-gradient(180deg, #071428 0%, #040c1c 60%, #030810 100%)", je = "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 Xe(t, n, o) {
   const i = {
     position: "absolute",
     overflow: "hidden",
@@ -233,35 +233,35 @@ function Be(t, n, o) {
     }
   };
 }
-const We = "cubic-bezier(0.34, 1.56, 0.64, 1)", ze = "cubic-bezier(0.16, 1, 0.3, 1)";
-function Ge(t) {
-  return x[t]?.color ?? x.online.color;
+const Ue = "cubic-bezier(0.34, 1.56, 0.64, 1)", Ye = "cubic-bezier(0.16, 1, 0.3, 1)";
+function at(t) {
+  return w[t]?.color ?? w.online.color;
 }
-function ht(t, n, o) {
+function Lt(t, n, o) {
   return t >= o ? "#ff2255" : t >= n ? "#ff8c00" : "#00e5ff";
 }
-function Le(t, n, o, i) {
+function Me(t, n, o, i) {
   return t === "offline" ? "offline" : t === "critical" && n >= i ? "critical" : (t === "critical" || t === "warning") && n >= o ? "warning" : "online";
 }
-function ut({
+function It({
   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 = Ge(l), b = h >= i / 2, g = c >= r / 2, u = {
+  const { type: a, name: s, status: l, ex: h, ey: c, context: p = {} } = t, f = at(l), b = h >= i / 2, g = c >= r / 2, u = {
     position: "fixed",
     ...b ? { right: 28 } : { left: 28 },
     ...g ? { bottom: 110 } : { top: 72 }
-  }, m = b ? 40 : -40, v = g ? 30 : -30, y = p.cpuLoad ?? p.traffic ?? 50, P = p.memLoad ?? p.queueDepth ?? 60, k = p.capacity ?? 72, w = Le(l, y, 70, 85), C = Le(l, P, 75, 88), R = Le(l, k, 75, 90), N = [
+  }, m = b ? 40 : -40, S = g ? 30 : -30, y = p.cpuLoad ?? p.traffic ?? 50, k = p.memLoad ?? p.queueDepth ?? 60, x = p.capacity ?? 72, W = Me(l, y, 70, 85), M = Me(l, k, 75, 88), P = Me(l, x, 75, 90), Y = [
     {
       id: "cpu",
       label: a === "dispatcher" ? "TRAFFIC" : a === "messageServer" ? "QUEUE" : "CPU",
       sublabel: a === "dispatcher" ? "PORT LOAD" : a === "messageServer" ? "QUEUE DEPTH" : "PROCESSOR",
       value: y,
       unit: "%",
-      status: w,
+      status: W,
       icon: "cpu",
       delay: 0
     },
@@ -269,9 +269,9 @@ function ut({
       id: "mem",
       label: "MEMORY",
       sublabel: a === "database" ? "BUFFER POOL" : "HEAP USAGE",
-      value: P,
+      value: k,
       unit: "%",
-      status: C,
+      status: M,
       icon: "mem",
       delay: 1
     },
@@ -279,9 +279,9 @@ function ut({
       id: "storage",
       label: "STORAGE",
       sublabel: a === "database" ? "TABLESPACE" : "DISK I/O",
-      value: k,
+      value: x,
       unit: "%",
-      status: R,
+      status: P,
       icon: "disk",
       delay: 2
     }
@@ -300,14 +300,14 @@ function ut({
         fontFamily: "'Courier New', monospace",
         overflow: "hidden",
         opacity: o ? 1 : 0,
-        transform: o ? "scale(1) translate(0, 0)" : `scale(0.7) translate(${m}px, ${v}px)`,
-        transition: `opacity 0.45s ${ze}, transform 0.55s ${We}`,
+        transform: o ? "scale(1) translate(0, 0)" : `scale(0.7) translate(${m}px, ${S}px)`,
+        transition: `opacity 0.45s ${Ye}, transform 0.55s ${Ue}`,
         pointerEvents: o ? "auto" : "none",
         zIndex: 9999,
         animation: o ? "comp-dialog-border-glow 3s ease-in-out infinite" : "none",
         "--dialog-color": f
       },
-      onClick: (S) => S.stopPropagation(),
+      onClick: (v) => v.stopPropagation(),
       children: [
         /* @__PURE__ */ e(
           "div",
@@ -371,12 +371,12 @@ function ut({
             borderRight: `2px solid ${f}66`,
             borderRadius: "0 0 14px 0"
           }
-        ].map((S, M) => /* @__PURE__ */ e(
+        ].map((v, L) => /* @__PURE__ */ e(
           "div",
           {
-            style: { position: "absolute", width: 18, height: 18, pointerEvents: "none", ...S }
+            style: { position: "absolute", width: 18, height: 18, pointerEvents: "none", ...v }
           },
-          M
+          L
         )),
         /* @__PURE__ */ d(
           "div",
@@ -455,8 +455,8 @@ function ut({
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: (S) => {
-                    S.stopPropagation(), n();
+                  onClick: (v) => {
+                    v.stopPropagation(), n();
                   },
                   style: {
                     width: 34,
@@ -474,11 +474,11 @@ function ut({
                     lineHeight: 1,
                     flexShrink: 0
                   },
-                  onMouseEnter: (S) => {
-                    S.currentTarget.style.background = `${f}22`, S.currentTarget.style.boxShadow = `0 0 12px ${f}44`;
+                  onMouseEnter: (v) => {
+                    v.currentTarget.style.background = `${f}22`, v.currentTarget.style.boxShadow = `0 0 12px ${f}44`;
                   },
-                  onMouseLeave: (S) => {
-                    S.currentTarget.style.background = `linear-gradient(135deg, rgba(0,0,0,0.5) 0%, ${f}08 100%)`, S.currentTarget.style.boxShadow = "none";
+                  onMouseLeave: (v) => {
+                    v.currentTarget.style.background = `linear-gradient(135deg, rgba(0,0,0,0.5) 0%, ${f}08 100%)`, v.currentTarget.style.boxShadow = "none";
                   },
                   children: "×"
                 }
@@ -497,7 +497,7 @@ function ut({
               position: "relative",
               zIndex: 2
             },
-            children: N.map((S) => /* @__PURE__ */ e(bt, { metric: S, visible: o, accentColor: f }, S.id))
+            children: Y.map((v) => /* @__PURE__ */ e(Ot, { metric: v, visible: o, accentColor: f }, v.id))
           }
         ),
         /* @__PURE__ */ d(
@@ -546,12 +546,12 @@ function ut({
     }
   );
 }
-function bt({
+function Ot({
   metric: t,
   visible: n,
   accentColor: o
 }) {
-  const { label: i, sublabel: r, value: a, unit: s, status: l, icon: h, delay: c } = t, p = ht(a, 70, 85), f = Ge(l);
+  const { label: i, sublabel: r, value: a, unit: s, status: l, icon: h, delay: c } = t, p = Lt(a, 70, 85), f = at(l);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -561,7 +561,7 @@ function bt({
         gap: 16,
         opacity: n ? 1 : 0,
         transform: n ? "translateY(0)" : "translateY(12px)",
-        transition: `opacity 0.4s ${ze} ${0.3 + c * 0.12}s, transform 0.5s ${We} ${0.3 + c * 0.12}s`
+        transition: `opacity 0.4s ${Ye} ${0.3 + c * 0.12}s, transform 0.5s ${Ue} ${0.3 + c * 0.12}s`
       },
       children: [
         /* @__PURE__ */ d(
@@ -579,10 +579,10 @@ function bt({
               flexShrink: 0,
               position: "relative",
               overflow: "hidden",
-              animation: n ? `comp-dialog-icon-pop 0.5s ${We} ${0.35 + c * 0.12}s both` : "none"
+              animation: n ? `comp-dialog-icon-pop 0.5s ${Ue} ${0.35 + c * 0.12}s both` : "none"
             },
             children: [
-              /* @__PURE__ */ e(gt, { type: h, color: f }),
+              /* @__PURE__ */ e(Dt, { type: h, color: f }),
               (l === "warning" || l === "critical") && /* @__PURE__ */ e(
                 "div",
                 {
@@ -681,7 +681,7 @@ function bt({
                       background: `linear-gradient(90deg, ${p}66, ${p})`,
                       boxShadow: `0 0 8px ${p}44`,
                       transformOrigin: "left center",
-                      animation: n ? `comp-dialog-metric-fill 0.8s ${ze} ${0.4 + c * 0.12}s both` : "none"
+                      animation: n ? `comp-dialog-metric-fill 0.8s ${Ye} ${0.4 + c * 0.12}s both` : "none"
                     }
                   }
                 ),
@@ -747,7 +747,7 @@ function bt({
     }
   );
 }
-function gt({ type: t, color: n }) {
+function Dt({ 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(
@@ -832,7 +832,14 @@ function gt({ type: t, color: n }) {
     /* @__PURE__ */ e("line", { x1: "18", y1: "12", x2: "21", y2: "12", stroke: n, strokeWidth: "0.8" })
   ] });
 }
-function yt({
+const Qe = _e(null), qe = _e({ index: 0 });
+function xi() {
+  return ve(Qe);
+}
+function vi() {
+  return ve(qe);
+}
+function Wt({
   children: t,
   logoUrl: n,
   viewState: o,
@@ -849,42 +856,55 @@ function yt({
   width: g = 950,
   height: u = 790,
   onSelectSystem: m,
-  onBackgroundClick: v,
+  onBackgroundClick: S,
   onComponentClick: y,
-  onCloseDrill: P,
-  selectedSystemStatus: k = "online",
-  selectedSystemDbSync: w = !0,
-  selectedSystemMetrics: C,
-  selectedSystemAlerts: R
+  onCloseDrill: k,
+  selectedSystemStatus: x = "online",
+  selectedSystemDbSync: W = !0,
+  selectedSystemMetrics: M,
+  selectedSystemAlerts: P
 }) {
-  const [N, S] = L(0);
-  xe(() => {
-    let T;
+  const [Y, v] = T(0);
+  Ee(() => {
+    let O;
     if ((o === "compact" || o === "collapsing") && f) {
-      const F = () => {
-        S((te) => te + b), T = requestAnimationFrame(F);
+      const B = () => {
+        v((ne) => ne + b), O = requestAnimationFrame(B);
       };
-      T = requestAnimationFrame(F);
+      O = requestAnimationFrame(B);
     }
-    return () => cancelAnimationFrame(T);
+    return () => cancelAnimationFrame(O);
   }, [o, f, b]);
-  const ee = Y.Children.toArray(t).length, H = Y.Children.map(t, (T, F) => Y.isValidElement(T) ? Y.cloneElement(T, {
-    _index: F,
-    _totalSystems: ee,
-    _carouselRotation: N,
-    _viewState: o,
-    _animPhase: i,
-    _selectedSystem: r,
-    _selectedComponent: a,
-    _rotateY: l,
-    _autoRotateComponents: h,
-    _componentScale: c,
-    _drillZoom: p,
-    _onSelectSystem: m,
-    _onComponentClick: y,
-    _containerWidth: g
-  }) : T), B = o === "expanded" || o === "expanding" && i >= 4;
-  return /* @__PURE__ */ d(ge, { children: [
+  const L = J.Children.toArray(t), Q = L.length, V = Et(() => ({
+    totalSystems: Q,
+    carouselRotation: Y,
+    viewState: o,
+    animPhase: i,
+    selectedSystem: r,
+    selectedComponent: a,
+    rotateY: l,
+    autoRotateComponents: h,
+    componentScale: c,
+    drillZoom: p,
+    onSelectSystem: m,
+    onComponentClick: y,
+    containerWidth: g
+  }), [
+    Q,
+    Y,
+    o,
+    i,
+    r,
+    a,
+    l,
+    h,
+    c,
+    p,
+    m,
+    y,
+    g
+  ]), te = L.map((O, B) => /* @__PURE__ */ e(qe.Provider, { value: { index: B }, children: O }, B)), ie = o === "expanded" || o === "expanding" && i >= 4;
+  return /* @__PURE__ */ d(Qe.Provider, { value: V, children: [
     /* @__PURE__ */ d("div", { style: { position: "relative", width: g, height: u, margin: "0 auto", flexShrink: 0 }, children: [
       n && (o === "compact" || o === "collapsing") && /* @__PURE__ */ e(
         "img",
@@ -906,24 +926,24 @@ function yt({
           }
         }
       ),
-      H
+      te
     ] }),
-    r && /* @__PURE__ */ e("div", { onClick: (T) => T.stopPropagation(), children: /* @__PURE__ */ e(
-      ft,
+    r && /* @__PURE__ */ e("div", { onClick: (O) => O.stopPropagation(), children: /* @__PURE__ */ e(
+      At,
       {
         name: r,
-        status: k,
-        dbSync: w,
-        visible: B && !a,
-        metrics: C,
-        alerts: R
+        status: x,
+        dbSync: W,
+        visible: ie && !a,
+        metrics: M,
+        alerts: P
       }
     ) }),
-    a && /* @__PURE__ */ e("div", { onClick: (T) => T.stopPropagation(), children: /* @__PURE__ */ e(
-      ut,
+    a && /* @__PURE__ */ e("div", { onClick: (O) => O.stopPropagation(), children: /* @__PURE__ */ e(
+      It,
       {
         component: a,
-        onClose: P,
+        onClose: k,
         visible: s >= 0.3,
         sceneWidth: g,
         sceneHeight: u
@@ -931,7 +951,7 @@ function yt({
     ) })
   ] });
 }
-function mt({
+function zt({
   x1: t,
   y1: n,
   x2: o,
@@ -978,7 +998,7 @@ function mt({
         )
       }
     ),
-    r && /* @__PURE__ */ d(ge, { children: [
+    r && /* @__PURE__ */ d(Ce, { children: [
       /* @__PURE__ */ e("circle", { r: "3", fill: a, opacity: 0.85, children: /* @__PURE__ */ e(
         "animateMotion",
         {
@@ -998,14 +1018,14 @@ function mt({
     ] })
   ] });
 }
-const xt = [
+const Nt = [
   { 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 vt({
+function Mt({
   children: t,
   size: n = 230,
   widthRatio: o = 1,
@@ -1171,7 +1191,7 @@ function vt({
         background: `radial-gradient(ellipse, ${i}88 0%, ${i}33 40%, transparent 72%)`,
         filter: "blur(12px)"
       } }),
-      xt.map((s, l) => /* @__PURE__ */ e("div", { style: {
+      Nt.map((s, l) => /* @__PURE__ */ e("div", { style: {
         position: "absolute",
         width: a * s.scale,
         height: n * s.scale,
@@ -1214,46 +1234,46 @@ function vt({
     }, children: r })
   ] });
 }
-const ne = ct(null), wt = "cubic-bezier(0.34, 1.56, 0.64, 1)", Ye = 330, _e = 340, St = 660;
-function Ke({
+const ae = _e(null), Bt = "cubic-bezier(0.34, 1.56, 0.64, 1)", et = 330, tt = 340, Ft = 660;
+function lt({
   name: t,
   status: n = "online",
   connections: o = [],
   baseConfig: i,
   children: r,
-  _index: a = 0,
-  _totalSystems: s = 1,
-  _carouselRotation: l = 0,
-  _viewState: h = "compact",
-  _animPhase: c = 0,
-  _selectedSystem: p = null,
-  _selectedComponent: f = null,
-  _rotateY: b = 20,
-  _autoRotateComponents: g = !0,
-  _componentScale: u = 0.35,
-  _drillZoom: m = 3.3,
-  _onSelectSystem: v,
+  _index: a,
+  _totalSystems: s,
+  _carouselRotation: l,
+  _viewState: h,
+  _animPhase: c,
+  _selectedSystem: p,
+  _selectedComponent: f,
+  _rotateY: b,
+  _autoRotateComponents: g,
+  _componentScale: u,
+  _drillZoom: m,
+  _onSelectSystem: S,
   _onComponentClick: y,
-  _containerWidth: P = 950
+  _containerWidth: k
 }) {
-  const k = p === t, w = k && (h === "expanded" || h === "expanding" && c >= 1), C = !w, R = (P - St) / 2, N = Ye + R, S = a / s * Math.PI * 2 + l, M = 420, ee = 160, H = N + Math.cos(S) * M, B = 450 + Math.sin(S) * ee, T = Math.round(B), F = !k && (h === "expanding" || h === "expanded"), te = F ? 0 : 1, X = C ? 0.3 + (Math.sin(S) + 1) * 0.1 : 1, me = C ? X : u, D = h === "compact" || h === "collapsing" ? "none" : "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)", we = k && f, oe = we ? m : 1, Te = f?.ex ?? 330, Ae = f?.ey ?? 300, { size: Se = 90, color: at = "#00e5ff", widthRatio: lt = 3 } = i ?? {}, st = {
+  const x = ve(Qe), W = ve(qe), M = a ?? W.index, P = s ?? x?.totalSystems ?? 1, Y = l ?? x?.carouselRotation ?? 0, v = h ?? x?.viewState ?? "compact", L = c ?? x?.animPhase ?? 0, Q = p ?? x?.selectedSystem ?? null, V = f ?? x?.selectedComponent ?? null, te = b ?? x?.rotateY ?? 20, ie = g ?? x?.autoRotateComponents ?? !0, O = u ?? x?.componentScale ?? 0.35, B = m ?? x?.drillZoom ?? 3.3, ne = S ?? x?.onSelectSystem, Se = y ?? x?.onComponentClick, $e = k ?? x?.containerWidth ?? 950, C = Q === t, z = C && (v === "expanded" || v === "expanding" && L >= 1), j = !z, ke = ($e - Ft) / 2, le = et + ke, oe = M / P * Math.PI * 2 + Y, gt = 420, yt = 160, Re = le + Math.cos(oe) * gt, se = 450 + Math.sin(oe) * yt, mt = Math.round(se), ze = !C && (v === "expanding" || v === "expanded"), xt = ze ? 0 : 1, Pe = j ? 0.3 + (Math.sin(oe) + 1) * 0.1 : 1, vt = j ? Pe : O, Te = v === "compact" || v === "collapsing" ? "none" : "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)", Je = C && V, Ne = Je ? B : 1, wt = V?.ex ?? 330, St = V?.ey ?? 300, { size: $t = 90, color: kt = "#00e5ff", widthRatio: Rt = 3 } = i ?? {}, Pt = {
     name: t,
-    isSelected: k,
-    isExpandedPos: w,
-    isCompact: C,
-    animPhase: c,
-    compactCx: H,
-    compactCy: B,
-    groupScale: X,
-    effectiveScale: me,
-    transitionValue: D,
-    rotateY: b,
-    autoRotateComponents: g,
-    onComponentClick: y,
-    selectedComponentName: f?.name ?? null,
-    expandedOffsetX: R
+    isSelected: C,
+    isExpandedPos: z,
+    isCompact: j,
+    animPhase: L,
+    compactCx: Re,
+    compactCy: se,
+    groupScale: Pe,
+    effectiveScale: vt,
+    transitionValue: Te,
+    rotateY: te,
+    autoRotateComponents: ie,
+    onComponentClick: Se,
+    selectedComponentName: V?.name ?? null,
+    expandedOffsetX: ke
   };
-  return /* @__PURE__ */ e(ne.Provider, { value: st, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(ae.Provider, { value: Pt, children: /* @__PURE__ */ d(
     "div",
     {
       style: {
@@ -1263,21 +1283,21 @@ function Ke({
         width: "100%",
         height: "100%",
         pointerEvents: "none",
-        opacity: te,
-        transition: `opacity 0.8s ease, filter 0.5s ease, transform 0.6s ${wt}`,
-        filter: C && Math.sin(S) < -0.5 ? "brightness(0.5) blur(2px)" : "none",
-        zIndex: k ? 500 : F ? 0 : T,
-        transformOrigin: `${N}px ${_e}px`,
-        transform: we ? `translate(${-(Te - Ye) * oe}px, ${-(Ae - _e) * oe}px) scale(${oe})` : "none"
+        opacity: xt,
+        transition: `opacity 0.8s ease, filter 0.5s ease, transform 0.6s ${Bt}`,
+        filter: j && Math.sin(oe) < -0.5 ? "brightness(0.5) blur(2px)" : "none",
+        zIndex: C ? 500 : ze ? 0 : mt,
+        transformOrigin: `${le}px ${tt}px`,
+        transform: Je ? `translate(${-(wt - et) * Ne}px, ${-(St - tt) * Ne}px) scale(${Ne})` : "none"
       },
       children: [
-        C && !F && /* @__PURE__ */ e(
+        j && !ze && /* @__PURE__ */ e(
           "div",
           {
             style: {
               position: "absolute",
-              left: H,
-              top: B,
+              left: Re,
+              top: se,
               width: 160,
               height: 180,
               transform: "translate(-50%, -80%)",
@@ -1285,19 +1305,19 @@ function Ke({
               cursor: "pointer",
               zIndex: 101
             },
-            onClick: (Q) => {
-              Q.stopPropagation(), v?.(t);
+            onClick: (X) => {
+              X.stopPropagation(), ne?.(t);
             }
           }
         ),
-        C && (n === "warning" || n === "critical") && /* @__PURE__ */ e(
+        j && (n === "warning" || n === "critical") && /* @__PURE__ */ e(
           "div",
           {
             style: {
               position: "absolute",
-              left: H,
-              top: B - 200,
-              transform: `translate(-50%, -50%) scale(${X})`,
+              left: Re,
+              top: se - 200,
+              transform: `translate(-50%, -50%) scale(${Pe})`,
               zIndex: 110,
               pointerEvents: "none",
               animation: "holo-led-blink 1.5s infinite",
@@ -1343,13 +1363,13 @@ function Ke({
           {
             style: {
               position: "absolute",
-              left: w ? N : H,
-              top: w ? 48 : B - 180,
-              transform: `translate(-50%, -50%) scale(${w ? 1.2 : X * 1.5})`,
+              left: z ? le : Re,
+              top: z ? 48 : se - 180,
+              transform: `translate(-50%, -50%) scale(${z ? 1.2 : Pe * 1.5})`,
               opacity: 1,
               pointerEvents: "none",
               zIndex: 100,
-              transition: D,
+              transition: Te,
               fontSize: 36,
               fontWeight: 700,
               letterSpacing: "0.18em",
@@ -1369,25 +1389,25 @@ function Ke({
             style: {
               position: "absolute",
               top: 0,
-              left: w ? R : 0,
+              left: z ? ke : 0,
               width: 660,
               height: 640,
               pointerEvents: "none",
               zIndex: 0,
-              transition: D
+              transition: Te
             },
-            children: o.map((Q, dt) => /* @__PURE__ */ e(
-              mt,
+            children: o.map((X, Ct) => /* @__PURE__ */ e(
+              zt,
               {
-                x1: Q.from[0],
-                y1: Q.from[1],
-                x2: Q.to[0],
-                y2: Q.to[1],
-                show: k && c >= (Q.visibleAtPhase ?? 0),
-                color: Q.color,
-                dur: Q.duration
+                x1: X.from[0],
+                y1: X.from[1],
+                x2: X.to[0],
+                y2: X.to[1],
+                show: C && L >= (X.visibleAtPhase ?? 0),
+                color: X.color,
+                dur: X.duration
               },
-              dt
+              Ct
             ))
           }
         ),
@@ -1396,13 +1416,13 @@ function Ke({
           {
             style: {
               position: "absolute",
-              left: w ? N : H,
-              top: w ? 570 : B + 70,
-              transform: `translate(-50%, -50%) scaleX(${w ? 1 : 0.4}) scaleY(${w ? 1 : 0.6}) scale(${w ? 1 : X})`,
-              transition: D,
+              left: z ? le : Re,
+              top: z ? 570 : se + 70,
+              transform: `translate(-50%, -50%) scaleX(${z ? 1 : 0.4}) scaleY(${z ? 1 : 0.6}) scale(${z ? 1 : Pe})`,
+              transition: Te,
               zIndex: 1
             },
-            children: /* @__PURE__ */ e(vt, { size: Se, color: at, widthRatio: lt, children: /* @__PURE__ */ e("div", { className: "base-hotspot" }) })
+            children: /* @__PURE__ */ e(Mt, { size: $t, color: kt, widthRatio: Rt, children: /* @__PURE__ */ e("div", { className: "base-hotspot" }) })
           }
         ),
         r
@@ -1410,7 +1430,7 @@ function Ke({
     }
   ) });
 }
-function I({
+function A({
   ex: t,
   ey: n,
   compactOffset: o,
@@ -1425,21 +1445,21 @@ function I({
   fixedScale: f,
   bare: b = !1
 }) {
-  const g = qe(ne);
+  const g = ve(ae);
   if (!g)
     throw new Error("ServiceNode must be used inside a <Service> component.");
   const {
     isExpandedPos: u,
     animPhase: m,
-    compactCx: v,
+    compactCx: S,
     compactCy: y,
-    groupScale: P,
-    effectiveScale: k,
-    transitionValue: w,
-    onComponentClick: C,
-    selectedComponentName: R,
-    expandedOffsetX: N
-  } = g, M = p === 0 || g.isSelected && m >= p ? 1 : 0, ee = v + o.x, H = y + o.y, B = u ? t + N : ee, T = u ? n : H, F = f !== void 0 ? f : g.isCompact ? P : k, te = !!c && !!R && c.name === R, X = c?.status ? x[c.status]?.color ?? a : a, me = c?.status === "offline" ? "#4a6a8a" : X, ve = c && u && C ? () => C({
+    groupScale: k,
+    effectiveScale: x,
+    transitionValue: W,
+    onComponentClick: M,
+    selectedComponentName: P,
+    expandedOffsetX: Y
+  } = g, L = p === 0 || g.isSelected && m >= p ? 1 : 0, Q = S + o.x, V = y + o.y, te = u ? t + Y : Q, ie = u ? n : V, O = f !== void 0 ? f : g.isCompact ? k : x, B = !!c && !!P && c.name === P, ne = c?.status ? w[c.status]?.color ?? a : a, Se = c?.status === "offline" ? "#4a6a8a" : ne, $e = c && u && M ? () => M({
     type: c.type,
     name: c.name,
     status: c.status,
@@ -1454,32 +1474,32 @@ function I({
     {
       style: {
         position: "absolute",
-        left: B,
-        top: T,
-        transform: `translate(-50%, -50%) scale(${F})`,
-        opacity: M,
+        left: te,
+        top: ie,
+        transform: `translate(-50%, -50%) scale(${O})`,
+        opacity: L,
         zIndex: i,
-        transition: w || "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)",
-        pointerEvents: u && M >= 0.5 ? "auto" : "none"
+        transition: W || "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)",
+        pointerEvents: u && L >= 0.5 ? "auto" : "none"
       },
       children: b ? r : /* @__PURE__ */ e(
-        $t,
+        Ht,
         {
-          statusColor: me,
+          statusColor: Se,
           label: s,
           subLabel: l,
           delay: h,
           showLabels: u,
           isCompact: g.isCompact,
-          onClick: ve,
-          isSelected: te,
+          onClick: $e,
+          isSelected: B,
           children: r
         }
       )
     }
   );
 }
-function $t({
+function Ht({
   children: t,
   statusColor: n,
   label: o,
@@ -1490,7 +1510,7 @@ function $t({
   onClick: l,
   isSelected: h = !1
 }) {
-  const [c, p] = L(!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] = T(!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",
     {
@@ -1519,7 +1539,7 @@ function $t({
               }
             }
           ),
-          /* @__PURE__ */ e("div", { style: s ? { background: "#040c1a", borderRadius: 2 } : void 0, children: s && Y.isValidElement(t) ? Y.cloneElement(t, {
+          /* @__PURE__ */ e("div", { style: s ? { background: "#040c1a", borderRadius: 2 } : void 0, children: s && J.isValidElement(t) ? J.cloneElement(t, {
             _compact: !0
           }) : t })
         ] }),
@@ -1540,7 +1560,7 @@ function $t({
     }
   );
 }
-function Ze({ synced: t, latencyMs: n }) {
+function st({ synced: t, latencyMs: n }) {
   const o = t ? "#00ff88" : "#ff8c00";
   return /* @__PURE__ */ d("div", { className: "sync-bridge", children: [
     /* @__PURE__ */ d("div", { className: "sync-arrows", children: [
@@ -1575,7 +1595,7 @@ function Ze({ synced: t, latencyMs: n }) {
     ] })
   ] });
 }
-function W({
+function D({
   ex: t,
   ey: n,
   status: o,
@@ -1587,20 +1607,20 @@ function W({
   align: h = "right",
   internalRef: c
 }) {
-  const f = qe(ne)?.expandedOffsetX ?? 0;
+  const f = ve(ae)?.expandedOffsetX ?? 0;
   if (o === "online") return null;
-  const b = x[o]?.color ?? x.warning.color, g = Math.abs(a) > Math.abs(s), u = t + f + (g ? Math.sign(a) * 45 : 0), m = n + (g ? 0 : Math.sign(s) * 40), v = t + f + a, y = n + s;
-  let P = "";
+  const b = w[o]?.color ?? w.warning.color, g = Math.abs(a) > Math.abs(s), u = t + f + (g ? Math.sign(a) * 45 : 0), m = n + (g ? 0 : Math.sign(s) * 40), S = t + f + a, y = n + s;
+  let k = "";
   if (g) {
-    const R = u + (v - u) / 2;
-    P = `M ${u} ${m} L ${R} ${m} L ${R} ${y} L ${v} ${y}`;
+    const P = u + (S - u) / 2;
+    k = `M ${u} ${m} L ${P} ${m} L ${P} ${y} L ${S} ${y}`;
   } else {
-    const R = m + (y - m) / 2;
-    P = `M ${u} ${m} L ${u} ${R} L ${v} ${R} L ${v} ${y}`;
+    const P = m + (y - m) / 2;
+    k = `M ${u} ${m} L ${u} ${P} L ${S} ${P} L ${S} ${y}`;
   }
-  let k = "translate(0, -50%)";
-  h === "left" && (k = "translate(-100%, -50%)"), h === "top" && (k = "translate(-50%, -100%)"), h === "bottom" && (k = "translate(-50%, 0)");
-  const w = h === "left" ? -8 : h === "right" ? 8 : 0, C = h === "top" ? -8 : h === "bottom" ? 8 : 0;
+  let x = "translate(0, -50%)";
+  h === "left" && (x = "translate(-100%, -50%)"), h === "top" && (x = "translate(-50%, -100%)"), h === "bottom" && (x = "translate(-50%, 0)");
+  const W = h === "left" ? -8 : h === "right" ? 8 : 0, M = h === "top" ? -8 : h === "bottom" ? 8 : 0;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -1631,7 +1651,7 @@ function W({
             children: /* @__PURE__ */ e(
               "path",
               {
-                d: P,
+                d: k,
                 fill: "none",
                 stroke: b,
                 strokeWidth: "1.5",
@@ -1646,11 +1666,11 @@ function W({
           {
             style: {
               position: "absolute",
-              left: v,
+              left: S,
               top: y,
-              transform: k,
-              marginLeft: w,
-              marginTop: C,
+              transform: x,
+              marginLeft: W,
+              marginTop: M,
               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 ${b}55`,
               borderLeft: `2px solid ${b}`,
@@ -1722,8 +1742,8 @@ function W({
     }
   );
 }
-const q = 140, U = 240, Z = 160, re = Be(q, U, Z);
-function kt({
+const q = 140, F = 240, Z = 160, de = Xe(q, F, Z);
+function Ut({
   cfg: t,
   name: n,
   cpuLoad: o,
@@ -1742,8 +1762,8 @@ function kt({
     {
       style: {
         width: q,
-        height: U,
-        background: a ? ye : Me,
+        height: F,
+        background: a ? we : je,
         position: "relative",
         overflow: "hidden",
         fontFamily: "'Courier New', monospace",
@@ -2134,13 +2154,13 @@ function kt({
     }
   );
 }
-function Rt() {
+function Yt() {
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
         width: q,
-        height: U,
+        height: F,
         background: "linear-gradient(180deg, #040c1a 0%, #030810 100%)",
         position: "relative",
         overflow: "hidden",
@@ -2248,14 +2268,14 @@ function Rt() {
     }
   );
 }
-function Ve({ side: t, color: n }) {
+function it({ side: t, color: n }) {
   const o = t === "right";
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
         width: Z,
-        height: U,
+        height: F,
         background: o ? "linear-gradient(90deg, #040c1c 0%, #071428 60%, #040c1c 100%)" : "linear-gradient(90deg, #040c1c 0%, #071428 40%, #040c1c 100%)",
         position: "relative",
         overflow: "hidden"
@@ -2274,7 +2294,7 @@ function Ve({ side: t, color: n }) {
             }
           }
         ),
-        [8, U - 20].map((i) => /* @__PURE__ */ e(
+        [8, F - 20].map((i) => /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -2296,8 +2316,8 @@ function Ve({ side: t, color: n }) {
           {
             style: {
               position: "absolute",
-              top: U * 0.35,
-              bottom: U * 0.15,
+              top: F * 0.35,
+              bottom: F * 0.15,
               left: o ? 22 : 18,
               right: o ? 18 : 22,
               display: "flex",
@@ -2325,7 +2345,7 @@ function Ve({ side: t, color: n }) {
           {
             style: {
               position: "absolute",
-              top: U * 0.18,
+              top: F * 0.18,
               left: o ? 12 : Z - 78,
               fontSize: 7,
               color: "#1a3050",
@@ -2341,7 +2361,7 @@ function Ve({ side: t, color: n }) {
     }
   );
 }
-function Pt({ cpuLoad: t }) {
+function Vt({ 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);
   return /* @__PURE__ */ d(
     "div",
@@ -2421,7 +2441,7 @@ function Pt({ cpuLoad: t }) {
     }
   );
 }
-function ce({
+function ue({
   rotateX: t = -22,
   rotateY: n = 20,
   rotateZ: o = 0,
@@ -2433,26 +2453,26 @@ function ce({
   memLoad: h = 82,
   _compact: c
 }) {
-  const [p, f] = L(n), b = J(0), g = J(0);
-  xe(() => {
+  const [p, f] = T(n), b = ee(0), g = ee(0);
+  Ee(() => {
     if (!r) {
       f(n);
       return;
     }
-    const m = (v) => {
-      g.current && f((y) => y + (v - g.current) * 0.027), g.current = v, b.current = requestAnimationFrame(m);
+    const m = (S) => {
+      g.current && f((y) => y + (S - g.current) * 0.027), g.current = S, b.current = requestAnimationFrame(m);
     };
     return b.current = requestAnimationFrame(m), () => {
       cancelAnimationFrame(b.current), g.current = 0;
     };
   }, [r, n]);
-  const u = x[a] ?? x.online;
+  const u = w[a] ?? w.online;
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
         width: q * i,
-        height: U * i,
+        height: F * i,
         position: "relative",
         display: "flex",
         alignItems: "center",
@@ -2505,7 +2525,7 @@ function ce({
             style: {
               position: "absolute",
               width: q * 1.4 * i,
-              height: U * 0.8 * i,
+              height: F * 0.8 * i,
               background: `radial-gradient(ellipse, ${u.glow} 0%, transparent 65%)`,
               filter: `blur(${Math.round(45 * i)}px)`,
               pointerEvents: "none",
@@ -2529,15 +2549,15 @@ function ce({
               {
                 style: {
                   width: q,
-                  height: U,
+                  height: F,
                   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: re.front, children: /* @__PURE__ */ e(
-                    kt,
+                  /* @__PURE__ */ e("div", { style: de.front, children: /* @__PURE__ */ e(
+                    Ut,
                     {
                       cfg: u,
                       name: s,
@@ -2547,11 +2567,11 @@ function ce({
                       compact: c
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { style: re.back, children: /* @__PURE__ */ e(Rt, {}) }),
-                  /* @__PURE__ */ e("div", { style: re.left, children: /* @__PURE__ */ e(Ve, { side: "left", color: u.color }) }),
-                  /* @__PURE__ */ e("div", { style: re.right, children: /* @__PURE__ */ e(Ve, { side: "right", color: u.color }) }),
-                  /* @__PURE__ */ e("div", { style: re.top, children: /* @__PURE__ */ e(Pt, { cpuLoad: l }) }),
-                  /* @__PURE__ */ e("div", { style: re.bottom, children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e("div", { style: de.back, children: /* @__PURE__ */ e(Yt, {}) }),
+                  /* @__PURE__ */ e("div", { style: de.left, children: /* @__PURE__ */ e(it, { side: "left", color: u.color }) }),
+                  /* @__PURE__ */ e("div", { style: de.right, children: /* @__PURE__ */ e(it, { side: "right", color: u.color }) }),
+                  /* @__PURE__ */ e("div", { style: de.top, children: /* @__PURE__ */ e(Vt, { cpuLoad: l }) }),
+                  /* @__PURE__ */ e("div", { style: de.bottom, children: /* @__PURE__ */ e(
                     "div",
                     {
                       style: {
@@ -2570,11 +2590,11 @@ function ce({
     }
   );
 }
-const Ne = 12, ie = 55, j = ie * 2, de = 52, Fe = 10, Ie = 3 * de + 2 * Fe, ae = 2 * Math.PI * ie / Ne, Oe = Array.from({ length: Ne }, (t, n) => n / Ne * 360);
-function De(t) {
+const Ve = 12, re = 55, _ = re * 2, he = 52, Ge = 10, Be = 3 * he + 2 * Ge, ce = 2 * Math.PI * re / Ve, Fe = Array.from({ length: Ve }, (t, n) => n / Ve * 360);
+function He(t) {
   return Math.cos(t * Math.PI / 180) * 0.42 + 0.58;
 }
-function Et({
+function _t({
   diskY: t,
   diskIdx: n,
   cfg: o,
@@ -2582,25 +2602,25 @@ function Et({
   capacity: r,
   compact: a
 }) {
-  return /* @__PURE__ */ d(ge, { children: [
-    Oe.map((s, l) => {
-      const h = De(s), c = l === 0, p = Math.round(4 + h * 9), f = Math.round(12 + h * 22), b = Math.round(28 + h * 44), g = Math.round(h * 0.55 * 255).toString(16).padStart(2, "0");
+  return /* @__PURE__ */ d(Ce, { children: [
+    Fe.map((s, l) => {
+      const h = He(s), c = l === 0, p = Math.round(4 + h * 9), f = Math.round(12 + h * 22), b = Math.round(28 + h * 44), g = Math.round(h * 0.55 * 255).toString(16).padStart(2, "0");
       return /* @__PURE__ */ e(
         "div",
         {
           style: {
             position: "absolute",
-            width: ae,
-            height: de,
-            left: (j - ae) / 2,
+            width: ce,
+            height: he,
+            left: (_ - ce) / 2,
             top: t,
-            transform: `rotateY(${s}deg) translateZ(${ie}px)`,
+            transform: `rotateY(${s}deg) translateZ(${re}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},${b})`,
             borderLeft: `1px solid ${o.color}${g}`,
             boxShadow: c ? `inset 0 0 18px ${o.color}28` : "none"
           },
-          children: c && /* @__PURE__ */ d(ge, { children: [
+          children: c && /* @__PURE__ */ d(Ce, { children: [
             /* @__PURE__ */ e(
               "div",
               {
@@ -2653,10 +2673,10 @@ function Et({
       {
         style: {
           position: "absolute",
-          width: j + 4,
-          height: j + 4,
+          width: _ + 4,
+          height: _ + 4,
           left: -2,
-          top: t - ie,
+          top: t - re,
           borderRadius: "50%",
           transform: "rotateX(90deg)",
           backfaceVisibility: "hidden",
@@ -2714,10 +2734,10 @@ function Et({
       {
         style: {
           position: "absolute",
-          width: j + 4,
-          height: j + 4,
+          width: _ + 4,
+          height: _ + 4,
           left: -2,
-          top: t + de - ie,
+          top: t + he - re,
           borderRadius: "50%",
           transform: "rotateX(-90deg)",
           backfaceVisibility: "hidden",
@@ -2741,18 +2761,18 @@ function Et({
         )
       }
     ),
-    i && Oe.map((s, l) => {
-      const h = De(s);
+    i && Fe.map((s, l) => {
+      const h = He(s);
       return /* @__PURE__ */ e(
         "div",
         {
           style: {
             position: "absolute",
-            width: ae + 1.5,
+            width: ce + 1.5,
             height: 6,
-            left: (j - ae - 1.5) / 2,
-            top: t + de - 3,
-            transform: `rotateY(${s}deg) translateZ(${ie + 1.5}px)`,
+            left: (_ - ce - 1.5) / 2,
+            top: t + he - 3,
+            transform: `rotateY(${s}deg) translateZ(${re + 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}`,
@@ -2762,18 +2782,18 @@ function Et({
         `rng${n}${l}`
       );
     }),
-    i && Oe.map((s, l) => {
-      const h = De(s), c = Math.round(2 + h * 4), p = Math.round(5 + h * 10), f = Math.round(12 + h * 20);
+    i && Fe.map((s, l) => {
+      const h = He(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: ae,
-            height: Fe,
-            left: (j - ae) / 2,
-            top: t + de,
-            transform: `rotateY(${s}deg) translateZ(${ie}px)`,
+            width: ce,
+            height: Ge,
+            left: (_ - ce) / 2,
+            top: t + he,
+            transform: `rotateY(${s}deg) translateZ(${re}px)`,
             backfaceVisibility: "hidden",
             background: `rgb(${c},${p},${f})`
           }
@@ -2783,7 +2803,7 @@ function Et({
     })
   ] });
 }
-function ke({
+function Le({
   rotateX: t = -22,
   rotateY: n = -15,
   rotateZ: o = 0,
@@ -2795,8 +2815,8 @@ function ke({
   // connections = 284,
   _compact: l
 }) {
-  const [h, c] = L(n), p = J(0), f = J(0);
-  xe(() => {
+  const [h, c] = T(n), p = ee(0), f = ee(0);
+  Ee(() => {
     if (!r) {
       c(n);
       return;
@@ -2808,13 +2828,13 @@ function ke({
       cancelAnimationFrame(p.current), f.current = 0;
     };
   }, [r, n]);
-  const b = x[a] ?? x.online;
+  const b = w[a] ?? w.online;
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: j * i,
-        height: Ie * i,
+        width: _ * i,
+        height: Be * i,
         position: "relative",
         display: "flex",
         alignItems: "center",
@@ -2874,8 +2894,8 @@ function ke({
           {
             style: {
               position: "absolute",
-              width: j * 2.8 * i,
-              height: Ie * 0.85 * i,
+              width: _ * 2.8 * i,
+              height: Be * 0.85 * i,
               background: `radial-gradient(ellipse, ${b.glow} 0%, transparent 65%)`,
               filter: `blur(${Math.round(50 * i)}px)`,
               pointerEvents: "none",
@@ -2898,17 +2918,17 @@ function ke({
               "div",
               {
                 style: {
-                  width: j,
-                  height: Ie,
+                  width: _,
+                  height: Be,
                   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((g) => /* @__PURE__ */ e(
-                  Et,
+                  _t,
                   {
-                    diskY: g * (de + Fe),
+                    diskY: g * (he + Ge),
                     diskIdx: g,
                     cfg: b,
                     hasRingBelow: g < 2,
@@ -2925,8 +2945,8 @@ function ke({
     }
   );
 }
-const G = 190, _ = 72, pe = 120, le = Be(G, _, pe);
-function Ct({
+const G = 190, H = 72, be = 120, pe = Xe(G, H, be);
+function jt({
   cfg: t,
   name: n,
   traffic: o,
@@ -2939,8 +2959,8 @@ function Ct({
     {
       style: {
         width: G,
-        height: _,
-        background: r ? ye : Me,
+        height: H,
+        background: r ? we : je,
         position: "relative",
         overflow: "hidden",
         fontFamily: "'Courier New', monospace",
@@ -3188,13 +3208,13 @@ function Ct({
     }
   );
 }
-function Tt() {
+function Xt() {
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
         width: G,
-        height: _,
+        height: H,
         background: "linear-gradient(180deg, #040c1a, #030810)",
         position: "relative",
         overflow: "hidden",
@@ -3209,7 +3229,7 @@ function Tt() {
           {
             style: {
               width: 40,
-              height: _ - 16,
+              height: H - 16,
               background: "#020710",
               border: "1px solid #1a2d40",
               borderRadius: 2,
@@ -3265,7 +3285,7 @@ function Tt() {
             style: {
               marginLeft: "auto",
               width: 12,
-              height: _ - 16,
+              height: H - 16,
               background: "#020710",
               border: "1px solid #1a3050",
               borderRadius: 1
@@ -3276,13 +3296,13 @@ function Tt() {
     }
   );
 }
-function je({ side: t, color: n }) {
+function nt({ side: t, color: n }) {
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: pe,
-        height: _,
+        width: be,
+        height: H,
         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"
@@ -3306,8 +3326,8 @@ function je({ side: t, color: n }) {
           {
             style: {
               position: "absolute",
-              top: _ * 0.25,
-              bottom: _ * 0.25,
+              top: H * 0.25,
+              bottom: H * 0.25,
               left: 14,
               right: 14,
               display: "flex",
@@ -3333,14 +3353,14 @@ function je({ side: t, color: n }) {
     }
   );
 }
-function At({ traffic: t }) {
-  const n = Math.floor((pe - 14) / 7);
+function Qt({ traffic: t }) {
+  const n = Math.floor((be - 14) / 7);
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
         width: G,
-        height: pe,
+        height: be,
         background: "linear-gradient(180deg, #0c1c30 0%, #07101e 40%, #040c1a 100%)",
         position: "relative",
         overflow: "hidden"
@@ -3354,7 +3374,7 @@ function At({ traffic: t }) {
               top: 0,
               left: 0,
               right: 0,
-              height: pe * 0.35,
+              height: be * 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%)`
@@ -3392,7 +3412,7 @@ function At({ traffic: t }) {
     }
   );
 }
-function Je({
+function dt({
   rotateX: t = -20,
   rotateY: n = 20,
   rotateZ: o = 0,
@@ -3404,26 +3424,26 @@ function Je({
   activeRoutes: h = 12,
   _compact: c
 }) {
-  const [p, f] = L(n), b = J(0), g = J(0);
-  xe(() => {
+  const [p, f] = T(n), b = ee(0), g = ee(0);
+  Ee(() => {
     if (!r) {
       f(n);
       return;
     }
-    const m = (v) => {
-      g.current && f((y) => y + (v - g.current) * 0.027), g.current = v, b.current = requestAnimationFrame(m);
+    const m = (S) => {
+      g.current && f((y) => y + (S - g.current) * 0.027), g.current = S, b.current = requestAnimationFrame(m);
     };
     return b.current = requestAnimationFrame(m), () => {
       cancelAnimationFrame(b.current), g.current = 0;
     };
   }, [r, n]);
-  const u = x[a] ?? x.online;
+  const u = w[a] ?? w.online;
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
         width: G * i,
-        height: _ * i,
+        height: H * i,
         position: "relative",
         display: "flex",
         alignItems: "center",
@@ -3484,7 +3504,7 @@ function Je({
             style: {
               position: "absolute",
               width: G * 1.3 * i,
-              height: _ * 2 * i,
+              height: H * 2 * i,
               background: `radial-gradient(ellipse, ${u.glow} 0%, transparent 65%)`,
               filter: `blur(${Math.round(40 * i)}px)`,
               pointerEvents: "none",
@@ -3508,15 +3528,15 @@ function Je({
               {
                 style: {
                   width: G,
-                  height: _,
+                  height: H,
                   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: le.front, children: /* @__PURE__ */ e(
-                    Ct,
+                  /* @__PURE__ */ e("div", { style: pe.front, children: /* @__PURE__ */ e(
+                    jt,
                     {
                       cfg: u,
                       name: s,
@@ -3525,11 +3545,11 @@ function Je({
                       compact: c
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { style: le.back, children: /* @__PURE__ */ e(Tt, {}) }),
-                  /* @__PURE__ */ e("div", { style: le.left, children: /* @__PURE__ */ e(je, { side: "left", color: u.color }) }),
-                  /* @__PURE__ */ e("div", { style: le.right, children: /* @__PURE__ */ e(je, { side: "right", color: u.color }) }),
-                  /* @__PURE__ */ e("div", { style: le.top, children: /* @__PURE__ */ e(At, { traffic: l }) }),
-                  /* @__PURE__ */ e("div", { style: le.bottom, children: /* @__PURE__ */ e("div", { style: { width: G, height: pe, background: "#020508" } }) })
+                  /* @__PURE__ */ e("div", { style: pe.back, children: /* @__PURE__ */ e(Xt, {}) }),
+                  /* @__PURE__ */ e("div", { style: pe.left, children: /* @__PURE__ */ e(nt, { side: "left", color: u.color }) }),
+                  /* @__PURE__ */ e("div", { style: pe.right, children: /* @__PURE__ */ e(nt, { side: "right", color: u.color }) }),
+                  /* @__PURE__ */ e("div", { style: pe.top, children: /* @__PURE__ */ e(Qt, { traffic: l }) }),
+                  /* @__PURE__ */ e("div", { style: pe.bottom, children: /* @__PURE__ */ e("div", { style: { width: G, height: be, background: "#020508" } }) })
                 ]
               }
             )
@@ -3539,13 +3559,13 @@ function Je({
     }
   );
 }
-const K = 190, V = 72, fe = 120, se = Be(K, V, fe), Xe = {
+const K = 190, U = 72, ge = 120, fe = Xe(K, U, ge), ot = {
   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 Lt({
+function qt({
   cfg: t,
   name: n,
   queueDepth: o,
@@ -3559,8 +3579,8 @@ function Lt({
     {
       style: {
         width: K,
-        height: V,
-        background: a ? ye : Me,
+        height: U,
+        background: a ? we : je,
         position: "relative",
         overflow: "hidden",
         fontFamily: "'Courier New', monospace",
@@ -3804,13 +3824,13 @@ function Lt({
     }
   );
 }
-function It() {
+function Gt() {
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
         width: K,
-        height: V,
+        height: U,
         background: "linear-gradient(180deg, #040c1a, #030810)",
         position: "relative",
         overflow: "hidden",
@@ -3825,7 +3845,7 @@ function It() {
           {
             style: {
               width: 40,
-              height: V - 16,
+              height: U - 16,
               background: "#020710",
               border: "1px solid #1a2d40",
               borderRadius: 2,
@@ -3881,7 +3901,7 @@ function It() {
             style: {
               marginLeft: "auto",
               width: 12,
-              height: V - 16,
+              height: U - 16,
               background: "#020710",
               border: "1px solid #1a3050",
               borderRadius: 1
@@ -3892,13 +3912,13 @@ function It() {
     }
   );
 }
-function Qe({ side: t, color: n }) {
+function rt({ side: t, color: n }) {
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        width: fe,
-        height: V,
+        width: ge,
+        height: U,
         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"
@@ -3922,8 +3942,8 @@ function Qe({ side: t, color: n }) {
           {
             style: {
               position: "absolute",
-              top: V * 0.25,
-              bottom: V * 0.25,
+              top: U * 0.25,
+              bottom: U * 0.25,
               left: 14,
               right: 14,
               display: "flex",
@@ -3949,14 +3969,14 @@ function Qe({ side: t, color: n }) {
     }
   );
 }
-function Ot({ queueDepth: t, color: n }) {
-  const o = Math.floor((fe - 14) / 7);
+function Kt({ queueDepth: t, color: n }) {
+  const o = Math.floor((ge - 14) / 7);
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
         width: K,
-        height: fe,
+        height: ge,
         background: "linear-gradient(180deg, #0c1c30 0%, #07101e 40%, #040c1a 100%)",
         position: "relative",
         overflow: "hidden"
@@ -3970,7 +3990,7 @@ function Ot({ queueDepth: t, color: n }) {
               top: 0,
               left: 0,
               right: 0,
-              height: fe * 0.35,
+              height: ge * 0.35,
               background: `radial-gradient(ellipse at 50% 0%,
           ${t > 70 ? "rgba(255,34,85,0.14)" : `${n}15`} 0%,
           transparent 70%)`
@@ -4008,7 +4028,7 @@ function Ot({ queueDepth: t, color: n }) {
     }
   );
 }
-function Dt({
+function Zt({
   rotateX: t = -20,
   rotateY: n = 20,
   rotateZ: o = 0,
@@ -4021,26 +4041,26 @@ function Dt({
   instances: c = 3,
   _compact: p
 }) {
-  const [f, b] = L(n), g = J(0), u = J(0);
-  xe(() => {
+  const [f, b] = T(n), g = ee(0), u = ee(0);
+  Ee(() => {
     if (!r) {
       b(n);
       return;
     }
-    const v = (y) => {
-      u.current && b((P) => P + (y - u.current) * 0.027), u.current = y, g.current = requestAnimationFrame(v);
+    const S = (y) => {
+      u.current && b((k) => k + (y - u.current) * 0.027), u.current = y, g.current = requestAnimationFrame(S);
     };
-    return g.current = requestAnimationFrame(v), () => {
+    return g.current = requestAnimationFrame(S), () => {
       cancelAnimationFrame(g.current), u.current = 0;
     };
   }, [r, n]);
-  const m = Xe[a] ?? Xe.online;
+  const m = ot[a] ?? ot.online;
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
         width: K * i,
-        height: V * i,
+        height: U * i,
         position: "relative",
         display: "flex",
         alignItems: "center",
@@ -4101,7 +4121,7 @@ function Dt({
             style: {
               position: "absolute",
               width: K * 1.3 * i,
-              height: V * 2 * i,
+              height: U * 2 * i,
               background: `radial-gradient(ellipse, ${m.glow} 0%, transparent 65%)`,
               filter: `blur(${Math.round(40 * i)}px)`,
               pointerEvents: "none",
@@ -4125,15 +4145,15 @@ function Dt({
               {
                 style: {
                   width: K,
-                  height: V,
+                  height: U,
                   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: se.front, children: /* @__PURE__ */ e(
-                    Lt,
+                  /* @__PURE__ */ e("div", { style: fe.front, children: /* @__PURE__ */ e(
+                    qt,
                     {
                       cfg: m,
                       name: s,
@@ -4143,11 +4163,11 @@ function Dt({
                       compact: p
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { style: se.back, children: /* @__PURE__ */ e(It, {}) }),
-                  /* @__PURE__ */ e("div", { style: se.left, children: /* @__PURE__ */ e(Qe, { side: "left", color: m.color }) }),
-                  /* @__PURE__ */ e("div", { style: se.right, children: /* @__PURE__ */ e(Qe, { side: "right", color: m.color }) }),
-                  /* @__PURE__ */ e("div", { style: se.top, children: /* @__PURE__ */ e(Ot, { queueDepth: l, color: m.color }) }),
-                  /* @__PURE__ */ e("div", { style: se.bottom, children: /* @__PURE__ */ e("div", { style: { width: K, height: fe, background: "#020508" } }) })
+                  /* @__PURE__ */ e("div", { style: fe.back, children: /* @__PURE__ */ e(Gt, {}) }),
+                  /* @__PURE__ */ e("div", { style: fe.left, children: /* @__PURE__ */ e(rt, { side: "left", color: m.color }) }),
+                  /* @__PURE__ */ e("div", { style: fe.right, children: /* @__PURE__ */ e(rt, { side: "right", color: m.color }) }),
+                  /* @__PURE__ */ e("div", { style: fe.top, children: /* @__PURE__ */ e(Kt, { queueDepth: l, color: m.color }) }),
+                  /* @__PURE__ */ e("div", { style: fe.bottom, children: /* @__PURE__ */ e("div", { style: { width: K, height: ge, background: "#020508" } }) })
                 ]
               }
             )
@@ -4157,8 +4177,8 @@ function Dt({
     }
   );
 }
-function et({ status: t = "online", scale: n = 1 }) {
-  const i = (x[t] ?? x.online).color;
+function ct({ status: t = "online", scale: n = 1 }) {
+  const i = (w[t] ?? w.online).color;
   return /* @__PURE__ */ e(
     "div",
     {
@@ -4269,13 +4289,13 @@ function et({ status: t = "online", scale: n = 1 }) {
     }
   );
 }
-function E(t, n, o = 24) {
+function R(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 Wt({ data: t, color: n, height: o = 28 }) {
+function Jt({ 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}`;
@@ -4293,7 +4313,7 @@ function Wt({ data: t, color: n, height: o = 28 }) {
     }
   ) });
 }
-function zt({
+function ei({
   type: t,
   name: n,
   context: o = {},
@@ -4301,7 +4321,7 @@ function zt({
   animPhase: r,
   series: a
 }) {
-  const s = i === "critical" || i === "offline" ? "#ff2255" : i === "warning" ? "#ff8c00" : "#00e5ff", l = a ? a.map((p) => ({ ...p })) : Nt(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 })) : ti(t, o), h = r >= 0.3 ? 0 : -280, c = r >= 0.2 ? 1 : 0;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -4356,7 +4376,7 @@ function zt({
                   p.unit
                 ] })
               ] }),
-              /* @__PURE__ */ e(Wt, { data: p.data, color: p.color, height: 26 })
+              /* @__PURE__ */ e(Jt, { data: p.data, color: p.color, height: 26 })
             ]
           },
           p.id
@@ -4365,43 +4385,43 @@ function zt({
     }
   );
 }
-function Nt(t, n) {
+function ti(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: R(o, 15) },
+      { id: "cpu1", label: "CPU-1", unit: "%", color: "#00e5ff", data: R(o * 0.7, 12) },
+      { id: "heap0", label: "HEAP-0", unit: "%", color: "#8855ee", data: R(i, 18) },
+      { id: "heap1", label: "HEAP-1", unit: "%", color: "#8855ee", data: R(i * 0.85, 14) },
+      { id: "drive1", label: "DRIVE-1 I/O", unit: "%", color: "#ff8c00", data: R(40, 25) },
+      { id: "drive2", label: "DRIVE-2 I/O", unit: "%", color: "#ff8c00", data: R(35, 20) },
+      { id: "drive3", label: "DRIVE-3 I/O", unit: "%", color: "#ff8c00", data: R(30, 22) },
+      { id: "thread", label: "THREAD-POOL", unit: "%", color: "#22aaff", data: R(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: R(o, 20) },
+      { id: "port1", label: "PORT-1", unit: "kbps", color: "#22aaff", data: R(60, 25) },
+      { id: "port2", label: "PORT-2", unit: "kbps", color: "#22aaff", data: R(45, 20) },
+      { id: "port3", label: "PORT-3", unit: "kbps", color: "#22aaff", data: R(70, 30) },
+      { id: "worker", label: "WORKER", unit: "%", color: "#bb55ff", data: R(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: R(40, 20) },
+      { id: "platter1", label: "PLATTER-1 I/O", unit: "%", color: "#ff8c00", data: R(55, 25) },
+      { id: "platter2", label: "PLATTER-2 I/O", unit: "%", color: "#ff8c00", data: R(35, 18) },
+      { id: "connpool", label: "CONN-POOL", unit: "%", color: "#00e5ff", data: R(o, 15) },
+      { id: "cache", label: "QUERY-CACHE", unit: "%", color: "#00ff88", data: R(75, 12) }
     ];
   }
   return [];
 }
-function tt({
+function pt({
   w: t,
   h: n,
   color: o,
@@ -4410,14 +4430,14 @@ function tt({
   delay: a = "0s",
   children: s
 }) {
-  const l = r ? x[r]?.glow ?? "rgba(0,229,255,0.4)" : "rgba(0,229,255,0.4)";
+  const l = r ? w[r]?.glow ?? "rgba(0,229,255,0.4)" : "rgba(0,229,255,0.4)";
   return /* @__PURE__ */ d(
     "div",
     {
       style: {
         width: t,
         height: n,
-        background: ye,
+        background: we,
         position: "relative",
         overflow: "hidden",
         borderRadius: 2,
@@ -4451,8 +4471,8 @@ function tt({
               width: 4,
               height: 4,
               borderRadius: "50%",
-              background: x[r]?.color,
-              boxShadow: `0 0 6px ${x[r]?.color}`,
+              background: w[r]?.color,
+              boxShadow: `0 0 6px ${w[r]?.color}`,
               animation: "holo-led-blink 1.2s infinite"
             }
           }
@@ -4494,7 +4514,7 @@ function tt({
     }
   );
 }
-function Re({
+function Ie({
   color: t = "#00e5ff",
   label: n = "CPU-0",
   status: o = "online",
@@ -4507,7 +4527,7 @@ function Re({
         style: {
           width: 52,
           height: 36,
-          background: ye,
+          background: we,
           position: "relative",
           borderRadius: 2,
           border: `1px solid ${t}55`,
@@ -4578,8 +4598,8 @@ function Re({
                 width: 4,
                 height: 4,
                 borderRadius: "50%",
-                background: x[o]?.color,
-                boxShadow: `0 0 6px ${x[o]?.color}`,
+                background: w[o]?.color,
+                boxShadow: `0 0 6px ${w[o]?.color}`,
                 animation: "holo-led-blink 1.2s infinite"
               }
             }
@@ -4605,7 +4625,7 @@ function Re({
     )
   ] });
 }
-function Pe({
+function Oe({
   color: t = "#00e5ff",
   label: n = "HEAP-0",
   status: o = "online",
@@ -4676,7 +4696,7 @@ function Pe({
                 width: 3,
                 height: 3,
                 borderRadius: "50%",
-                background: x[o]?.color,
+                background: w[o]?.color,
                 animation: "holo-led-blink 1.2s infinite"
               }
             }
@@ -4702,13 +4722,13 @@ function Pe({
     )
   ] });
 }
-function he({
+function ye({
   color: t = "#00e5ff",
   label: n = "DRIVE-1",
   status: o = "online",
   activity: i = !1
 }) {
-  return /* @__PURE__ */ d(tt, { w: 56, h: 22, color: t, label: n, status: o, children: [
+  return /* @__PURE__ */ d(pt, { w: 56, h: 22, color: t, label: n, status: o, children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -4741,7 +4761,7 @@ function he({
     )
   ] });
 }
-function it({
+function ft({
   color: t = "#00e5ff",
   label: n = "NET",
   status: o = "online"
@@ -4752,7 +4772,7 @@ function it({
       style: {
         width: 48,
         height: 28,
-        background: ye,
+        background: we,
         position: "relative",
         borderRadius: 2,
         border: `1px solid ${t}44`,
@@ -4805,14 +4825,14 @@ function it({
     }
   );
 }
-function O({
+function I({
   color: t = "#00e5ff",
   label: n = "THREAD",
   status: o = "online"
 }) {
-  return /* @__PURE__ */ e(tt, { w: 44, h: 28, color: t, label: n, status: o });
+  return /* @__PURE__ */ e(pt, { w: 44, h: 28, color: t, label: n, status: o });
 }
-function $e({
+function Ae({
   color: t = "#ff8c00",
   label: n = "PLATTER-0",
   status: o = "online",
@@ -4870,7 +4890,7 @@ function $e({
                 width: 4,
                 height: 4,
                 borderRadius: "50%",
-                background: x[o]?.color,
+                background: w[o]?.color,
                 animation: "holo-led-blink 1.2s infinite"
               }
             }
@@ -4896,7 +4916,7 @@ function $e({
     )
   ] });
 }
-function z({
+function N({
   color: t = "#00e5ff",
   label: n = "PORT-1",
   status: o = "online"
@@ -4925,7 +4945,7 @@ function z({
               width: 4,
               height: 4,
               borderRadius: "50%",
-              background: o && o !== "online" ? x[o]?.color ?? t : t,
+              background: o && o !== "online" ? w[o]?.color ?? t : t,
               boxShadow: `0 0 4px ${t}`,
               animation: o && o !== "online" && o !== "offline" ? "holo-led-blink 1s infinite" : "none"
             }
@@ -4966,7 +4986,7 @@ function z({
     }
   );
 }
-function Mt(t, n, o, i) {
+function ii(t, n, o, i) {
   const r = o === "online" ? "online" : o;
   return t === "server" ? [
     {
@@ -5070,8 +5090,8 @@ function Mt(t, n, o, i) {
     }
   ] : [];
 }
-const A = "cubic-bezier(0.34, 1.56, 0.64, 1)", Bt = "cubic-bezier(0.16, 1, 0.3, 1)";
-function Ft({ items: t, revealPhase: n }) {
+const E = "cubic-bezier(0.34, 1.56, 0.64, 1)", ni = "cubic-bezier(0.16, 1, 0.3, 1)";
+function oi({ items: t, revealPhase: n }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -5089,7 +5109,7 @@ function Ft({ 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 ${E} ${i * 0.06}s, transform 0.45s ${E} ${i * 0.06}s`
           },
           children: o.element
         },
@@ -5098,21 +5118,21 @@ function Ft({ items: t, revealPhase: n }) {
     }
   );
 }
-function Ht({
+function ri({
   type: t,
   status: n,
   context: o,
   internal: i,
   revealPhase: r
 }) {
-  const a = x[n]?.color ?? x.online.color, s = "#ff8c00";
+  const a = w[n]?.color ?? w.online.color, s = "#ff8c00";
   if (t === "server") {
     const l = o.cpuLoad ?? 50, h = o.memLoad ?? 60, c = [
       {
         key: "cpu0",
         delay: 0,
         el: /* @__PURE__ */ e(
-          Re,
+          Ie,
           {
             color: a,
             label: "CPU-0",
@@ -5126,7 +5146,7 @@ function Ht({
         key: "cpu1",
         delay: 1,
         el: /* @__PURE__ */ e(
-          Re,
+          Ie,
           {
             color: a,
             label: "CPU-1",
@@ -5140,7 +5160,7 @@ function Ht({
         key: "heap0",
         delay: 2,
         el: /* @__PURE__ */ e(
-          Pe,
+          Oe,
           {
             color: "#8855ee",
             label: "HEAP-0",
@@ -5154,7 +5174,7 @@ function Ht({
         key: "heap1",
         delay: 3,
         el: /* @__PURE__ */ e(
-          Pe,
+          Oe,
           {
             color: "#8855ee",
             label: "HEAP-1",
@@ -5167,13 +5187,13 @@ function Ht({
       {
         key: "d1",
         delay: 4,
-        el: /* @__PURE__ */ e(he, { color: a, label: "DRIVE-1", status: i[4]?.status, activity: !0 })
+        el: /* @__PURE__ */ e(ye, { color: a, label: "DRIVE-1", status: i[4]?.status, activity: !0 })
       },
       {
         key: "d2",
         delay: 5,
         el: /* @__PURE__ */ e(
-          he,
+          ye,
           {
             color: a,
             label: "DRIVE-2",
@@ -5186,7 +5206,7 @@ function Ht({
         key: "d3",
         delay: 6,
         el: /* @__PURE__ */ e(
-          he,
+          ye,
           {
             color: a,
             label: "DRIVE-3",
@@ -5198,12 +5218,12 @@ function Ht({
       {
         key: "thread",
         delay: 7,
-        el: /* @__PURE__ */ e(O, { color: a, label: "THREAD-POOL", status: i[7]?.status })
+        el: /* @__PURE__ */ e(I, { color: a, label: "THREAD-POOL", status: i[7]?.status })
       },
       {
         key: "net",
         delay: 8,
-        el: /* @__PURE__ */ e(it, { color: a, label: "NET", status: i[8]?.status })
+        el: /* @__PURE__ */ e(ft, { color: a, label: "NET", status: i[8]?.status })
       }
     ];
     return /* @__PURE__ */ e(
@@ -5223,7 +5243,7 @@ function Ht({
             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 ${E} ${f * 0.06}s, transform 0.45s ${E} ${f * 0.06}s`
             },
             children: b
           },
@@ -5241,9 +5261,9 @@ function Ht({
           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 ${E} ${c * 0.04}s, transform 0.4s ${E} ${c * 0.04}s`
           },
-          children: /* @__PURE__ */ e(z, { color: a, label: `PORT-${c + 1}`, status: p?.status })
+          children: /* @__PURE__ */ e(N, { color: a, label: `PORT-${c + 1}`, status: p?.status })
         },
         `p${c}`
       );
@@ -5267,9 +5287,9 @@ function Ht({
                 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 ${E} 0.3s`
                 },
-                children: /* @__PURE__ */ e(O, { color: a, label: "HTTP-WORKER", status: i[8]?.status })
+                children: /* @__PURE__ */ e(I, { color: a, label: "HTTP-WORKER", status: i[8]?.status })
               }
             ),
             /* @__PURE__ */ e(
@@ -5278,9 +5298,9 @@ function Ht({
                 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 ${E} 0.4s`
                 },
-                children: /* @__PURE__ */ e(O, { color: "#bb55ff", label: "HTTPS-WORKER", status: i[9]?.status })
+                children: /* @__PURE__ */ e(I, { color: "#bb55ff", label: "HTTPS-WORKER", status: i[9]?.status })
               }
             )
           ] })
@@ -5307,9 +5327,9 @@ function Ht({
               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 ${E} ${l * 0.08}s`
               },
-              children: /* @__PURE__ */ e(z, { color: "#bb55ff", label: `INST-${l}`, status: i[l]?.status })
+              children: /* @__PURE__ */ e(N, { color: "#bb55ff", label: `INST-${l}`, status: i[l]?.status })
             },
             l
           )),
@@ -5319,9 +5339,9 @@ function Ht({
               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 ${E} 0.25s`
               },
-              children: /* @__PURE__ */ e(O, { color: "#bb55ff", label: "QUEUE-0", status: i[3]?.status })
+              children: /* @__PURE__ */ e(I, { color: "#bb55ff", label: "QUEUE-0", status: i[3]?.status })
             }
           ),
           [4, 5, 6].map((l) => /* @__PURE__ */ e(
@@ -5330,10 +5350,10 @@ function Ht({
               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 ${E} ${0.35 + (l - 4) * 0.05}s`
               },
               children: /* @__PURE__ */ e(
-                O,
+                I,
                 {
                   color: "#bb55ff",
                   label: `WORKER-${l - 3}`,
@@ -5366,10 +5386,10 @@ function Ht({
               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 ${E} ${h * 0.1}s`
               },
               children: /* @__PURE__ */ e(
-                $e,
+                Ae,
                 {
                   color: s,
                   label: `PLATTER-${h}`,
@@ -5386,9 +5406,9 @@ function Ht({
               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 ${E} 0.3s`
               },
-              children: /* @__PURE__ */ e(O, { color: s, label: "CONN-POOL", status: i[3]?.status })
+              children: /* @__PURE__ */ e(I, { color: s, label: "CONN-POOL", status: i[3]?.status })
             }
           ),
           /* @__PURE__ */ e(
@@ -5397,9 +5417,9 @@ function Ht({
               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 ${E} 0.4s`
               },
-              children: /* @__PURE__ */ e(O, { color: "#00ff88", label: "QUERY-CACHE", status: i[4]?.status })
+              children: /* @__PURE__ */ e(I, { color: "#00ff88", label: "QUERY-CACHE", status: i[4]?.status })
             }
           )
         ]
@@ -5408,7 +5428,7 @@ function Ht({
   }
   return null;
 }
-function ei({
+function wi({
   type: t,
   name: n,
   status: o,
@@ -5418,7 +5438,7 @@ function ei({
   subComponents: s,
   graphSeries: l
 }) {
-  const h = Mt(t, n, o, a), c = x[o]?.color ?? x.online.color, p = r >= 0.1 ? 1 : r * 10, f = r >= 0.2 ? "-50%" : "0%", b = r >= 0.2 ? "50%" : "0%", g = r >= 0.25 ? Math.min(1, (r - 0.25) * 1.5) : 0;
+  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%", b = r >= 0.2 ? "50%" : "0%", g = r >= 0.25 ? Math.min(1, (r - 0.25) * 1.5) : 0;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -5442,13 +5462,13 @@ function ei({
               backdropFilter: "blur(10px)",
               WebkitBackdropFilter: "blur(10px)",
               opacity: p,
-              transition: `opacity 0.4s ${Bt}`
+              transition: `opacity 0.4s ${ni}`
             },
             onClick: i
           }
         ),
         /* @__PURE__ */ e(
-          zt,
+          ei,
           {
             type: t,
             name: n,
@@ -5492,7 +5512,7 @@ function ei({
                           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 ${E}`
                         }
                       }
                     ),
@@ -5507,7 +5527,7 @@ function ei({
                           borderLeft: `2px solid ${c}44`,
                           boxShadow: "-4px 0 32px rgba(0,0,0,0.6)",
                           transform: `translateX(${b})`,
-                          transition: `transform 0.7s ${A}`
+                          transition: `transform 0.7s ${E}`
                         }
                       }
                     )
@@ -5530,7 +5550,7 @@ function ei({
                     display: "flex",
                     flexDirection: "column",
                     opacity: g >= 0.1 ? 1 : 0,
-                    transition: `opacity 0.5s ${A} 0.2s`
+                    transition: `opacity 0.5s ${E} 0.2s`
                   },
                   children: [
                     /* @__PURE__ */ d(
@@ -5618,8 +5638,8 @@ function ei({
                         }
                       }
                     ),
-                    /* @__PURE__ */ e("div", { style: { flex: 1, padding: "8px 0 24px" }, children: s ? /* @__PURE__ */ e(Ft, { items: s, revealPhase: g }) : /* @__PURE__ */ e(
-                      Ht,
+                    /* @__PURE__ */ e("div", { style: { flex: 1, padding: "8px 0 24px" }, children: s ? /* @__PURE__ */ e(oi, { items: s, revealPhase: g }) : /* @__PURE__ */ e(
+                      ri,
                       {
                         type: t,
                         name: n,
@@ -5639,35 +5659,35 @@ function ei({
     }
   );
 }
-function ti({
+function Si({
   brandName: t = "BUSAUD AIOps",
   brandTag: n = "3D MONITOR",
   services: o = [],
   backgroundImage: i,
   children: r
 }) {
-  const [a] = L(20), [s] = L(!1), [l] = L(!0), [h] = L(6e-3), [c] = L(0.45), [p] = L(3.3), [f, b] = L("compact"), [g, u] = L(0), [m, v] = L(null), [y, P] = L(null), [k, w] = L(0), C = (D) => {
-    f === "compact" && (v(D), b("expanding"), u(0), setTimeout(() => u(1), 50), setTimeout(() => u(2), 800), setTimeout(() => u(3), 1200), setTimeout(() => u(4), 1600), setTimeout(() => u(5), 2e3), setTimeout(() => {
+  const [a] = T(20), [s] = T(!1), [l] = T(!0), [h] = T(6e-3), [c] = T(0.45), [p] = T(3.3), [f, b] = T("compact"), [g, u] = T(0), [m, S] = T(null), [y, k] = T(null), [x, W] = T(0), M = (C) => {
+    f === "compact" && (S(C), b("expanding"), u(0), setTimeout(() => u(1), 50), setTimeout(() => u(2), 800), setTimeout(() => u(3), 1200), setTimeout(() => u(4), 1600), setTimeout(() => u(5), 2e3), setTimeout(() => {
       u(6), b("expanded");
     }, 2400));
-  }, R = () => {
-    y ? (P(null), w(0)) : f === "expanded" && (b("collapsing"), u(0), v(null), setTimeout(() => {
-      b((D) => D === "collapsing" ? "compact" : D);
+  }, P = () => {
+    y ? (k(null), W(0)) : f === "expanded" && (b("collapsing"), u(0), S(null), setTimeout(() => {
+      b((C) => C === "collapsing" ? "compact" : C);
     }, 1e3));
-  }, N = (D) => {
-    P(D), w(0);
+  }, Y = (C) => {
+    k(C), W(0);
   };
-  Y.useEffect(() => {
+  J.useEffect(() => {
     if (!y) return;
-    const D = performance.now(), we = 1200, oe = () => {
-      const Ae = performance.now() - D, Se = Math.min(1, Ae / we);
-      w(Se), Se < 1 && requestAnimationFrame(oe);
-    }, Te = requestAnimationFrame(oe);
-    return () => cancelAnimationFrame(Te);
+    const C = performance.now(), z = 1200, j = () => {
+      const le = performance.now() - C, oe = Math.min(1, le / z);
+      W(oe), oe < 1 && requestAnimationFrame(j);
+    }, ke = requestAnimationFrame(j);
+    return () => cancelAnimationFrame(ke);
   }, [y]);
-  const S = () => {
-    P(null), w(0);
-  }, M = o.find((D) => D.name === m), ee = M?.status ?? "online", H = M?.dbSync ?? !0, B = M?.metrics, T = M?.alerts, F = 330, te = 340, X = y ? 1.15 : 1, me = y ? -(y.ex - F) * 0.06 : 0, ve = y ? -(y.ey - te) * 0.06 : 0;
+  const v = () => {
+    k(null), W(0);
+  }, L = o.find((C) => C.name === m), Q = L?.status ?? "online", V = L?.dbSync ?? !0, te = L?.metrics, ie = L?.alerts, O = 330, B = 340, ne = y ? 1.15 : 1, Se = y ? -(y.ex - O) * 0.06 : 0, $e = y ? -(y.ey - B) * 0.06 : 0;
   return /* @__PURE__ */ d("div", { className: "app", children: [
     /* @__PURE__ */ e(
       "div",
@@ -5682,7 +5702,7 @@ function ti({
           backgroundPosition: "center center",
           backgroundRepeat: "no-repeat",
           transition: "transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)",
-          transform: `translate(${me}px, ${ve}px) scale(${X})`,
+          transform: `translate(${Se}px, ${$e}px) scale(${ne})`,
           willChange: "transform"
         }
       }
@@ -5701,29 +5721,29 @@ function ti({
         style: {
           cursor: f === "expanded" ? "zoom-out" : "default"
         },
-        onClick: R,
+        onClick: P,
         children: /* @__PURE__ */ e(
-          yt,
+          Wt,
           {
             viewState: f,
             animPhase: g,
             selectedSystem: m,
             selectedComponent: y,
-            drillAnimPhase: k,
+            drillAnimPhase: x,
             rotateY: a,
             autoRotateComponents: s,
             componentScale: c,
             drillZoom: p,
             autoRotateCarousel: l,
             carouselSpeed: h,
-            onSelectSystem: C,
-            onBackgroundClick: R,
-            onComponentClick: N,
-            onCloseDrill: S,
-            selectedSystemStatus: ee,
-            selectedSystemDbSync: H,
-            selectedSystemMetrics: B,
-            selectedSystemAlerts: T,
+            onSelectSystem: M,
+            onBackgroundClick: P,
+            onComponentClick: Y,
+            onCloseDrill: v,
+            selectedSystemStatus: Q,
+            selectedSystemDbSync: V,
+            selectedSystemMetrics: te,
+            selectedSystemAlerts: ie,
             children: r
           }
         )
@@ -5737,24 +5757,24 @@ function $(t, n, o = 24) {
     return Math.min(100, Math.max(0, t + Math.sin(a * Math.PI * 2) * n + (Math.random() - 0.5) * 10));
   });
 }
-function nt(t) {
+function ht(t) {
   return t === "critical" || t === "offline" ? "#ff2255" : t === "warning" ? "#ff8c00" : "#00e5ff";
 }
-function ue(t, n, o) {
-  const i = t === "online" ? "online" : t, r = nt(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 me(t, n, o) {
+  const i = t === "online" ? "online" : t, r = ht(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(Re, { color: r, label: "CPU-0", status: l, load: a }) },
-    { id: "cpu-1", label: "CPU-1", status: "online", element: /* @__PURE__ */ e(Re, { 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(Pe, { color: "#8855ee", label: "HEAP-0", status: h, usedPercent: s }) },
-    { id: "heap-1", label: "HEAP-1", status: "online", element: /* @__PURE__ */ e(Pe, { color: "#8855ee", label: "HEAP-1", status: "online", usedPercent: s * 0.85 }) },
-    { id: "drive-1", label: "DRIVE-1", status: "online", element: /* @__PURE__ */ e(he, { color: r, label: "DRIVE-1", status: "online", activity: !0 }) },
-    { id: "drive-2", label: "DRIVE-2", status: "online", element: /* @__PURE__ */ e(he, { color: r, label: "DRIVE-2", status: "online", activity: a > 30 }) },
-    { id: "drive-3", label: "DRIVE-3", status: "online", element: /* @__PURE__ */ e(he, { 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(it, { 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(Ie, { color: r, label: "CPU-0", status: l, load: a }) },
+    { id: "cpu-1", label: "CPU-1", status: "online", element: /* @__PURE__ */ e(Ie, { 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(Oe, { color: "#8855ee", label: "HEAP-0", status: h, usedPercent: s }) },
+    { id: "heap-1", label: "HEAP-1", status: "online", element: /* @__PURE__ */ e(Oe, { 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(I, { color: r, label: "THREAD-POOL", status: c }) },
+    { id: "network", label: "NET", status: p, element: /* @__PURE__ */ e(ft, { color: r, label: "NET", status: p }) }
   ];
 }
-function be(t) {
+function xe(t) {
   const n = t?.cpuLoad ?? 50, o = t?.memLoad ?? 60;
   return [
     { id: "cpu", label: "CPU-0", unit: "%", color: "#00e5ff", data: $(n, 15) },
@@ -5767,22 +5787,22 @@ function be(t) {
     { id: "thread", label: "THREAD-POOL", unit: "%", color: "#22aaff", data: $(55, 20) }
   ];
 }
-function ot(t, n, o) {
-  const i = t === "online" ? "online" : t, r = nt(t), a = i === "critical" || i === "offline" ? i : "online", s = i === "warning" ? "warning" : "online", l = i === "critical" ? "critical" : "online";
+function ut(t, n, o) {
+  const i = t === "online" ? "online" : t, r = ht(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(z, { color: r, label: "PORT-1", status: "online" }) },
-    { id: "port-2", label: "PORT-2", status: "online", element: /* @__PURE__ */ e(z, { 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(z, { color: r, label: "PORT-3", status: a }) },
-    { id: "port-4", label: "PORT-4", status: "online", element: /* @__PURE__ */ e(z, { 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(z, { color: r, label: "PORT-5", status: s }) },
-    { id: "port-6", label: "PORT-6", status: "online", element: /* @__PURE__ */ e(z, { color: r, label: "PORT-6", status: "online" }) },
-    { id: "port-7", label: "PORT-7", status: "online", element: /* @__PURE__ */ e(z, { color: r, label: "PORT-7", status: "online" }) },
-    { id: "port-8", label: "PORT-8", status: "online", element: /* @__PURE__ */ e(z, { 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(N, { color: r, label: "PORT-1", status: "online" }) },
+    { id: "port-2", label: "PORT-2", status: "online", element: /* @__PURE__ */ e(N, { 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(N, { color: r, label: "PORT-3", status: a }) },
+    { id: "port-4", label: "PORT-4", status: "online", element: /* @__PURE__ */ e(N, { 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(N, { color: r, label: "PORT-5", status: s }) },
+    { id: "port-6", label: "PORT-6", status: "online", element: /* @__PURE__ */ e(N, { color: r, label: "PORT-6", status: "online" }) },
+    { id: "port-7", label: "PORT-7", status: "online", element: /* @__PURE__ */ e(N, { color: r, label: "PORT-7", status: "online" }) },
+    { id: "port-8", label: "PORT-8", status: "online", element: /* @__PURE__ */ e(N, { 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(I, { color: r, label: "HTTP-WORKER", status: l }) },
+    { id: "https-worker", label: "HTTPS-WORKER", status: "online", element: /* @__PURE__ */ e(I, { color: "#bb55ff", label: "HTTPS-WORKER", status: "online" }) }
   ];
 }
-function rt(t) {
+function bt(t) {
   const n = t?.traffic ?? 50;
   return [
     { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: $(n, 20) },
@@ -5792,19 +5812,19 @@ function rt(t) {
     { id: "worker", label: "WORKER", unit: "%", color: "#bb55ff", data: $(n * 0.9, 15) }
   ];
 }
-function Ut(t, n, o) {
+function ai(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(z, { color: "#bb55ff", label: "INST-0", status: "online" }) },
-    { id: "inst-1", label: "INST-1", status: "online", element: /* @__PURE__ */ e(z, { 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(z, { 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(N, { color: "#bb55ff", label: "INST-0", status: "online" }) },
+    { id: "inst-1", label: "INST-1", status: "online", element: /* @__PURE__ */ e(N, { 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(N, { 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(I, { color: "#bb55ff", label: "QUEUE-0", status: a }) },
+    { id: "worker-1", label: "WORKER-1", status: "online", element: /* @__PURE__ */ e(I, { color: "#bb55ff", label: "WORKER-1", status: "online" }) },
+    { id: "worker-2", label: "WORKER-2", status: "online", element: /* @__PURE__ */ e(I, { 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(I, { color: "#bb55ff", label: "WORKER-3", status: s }) }
   ];
 }
-function Yt(t) {
+function li(t) {
   const n = t?.queueDepth ?? 50;
   return [
     { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: $(n, 20) },
@@ -5814,17 +5834,17 @@ function Yt(t) {
     { id: "worker", label: "WORKER", unit: "%", color: "#bb55ff", data: $(n * 0.9, 15) }
   ];
 }
-function Ee(t, n, o) {
+function De(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($e, { 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($e, { 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($e, { 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(Ae, { 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(Ae, { 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(Ae, { 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(I, { 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(I, { color: "#00ff88", label: "QUERY-CACHE", status: c }) }
   ];
 }
-function Ce(t) {
+function We(t) {
   const n = t?.capacity ?? 70;
   return [
     { id: "platter0", label: "PLATTER-0 I/O", unit: "%", color: "#ff8c00", data: $(40, 20) },
@@ -5834,7 +5854,7 @@ function Ce(t) {
     { id: "cache", label: "QUERY-CACHE", unit: "%", color: "#00ff88", data: $(75, 12) }
   ];
 }
-function He(t) {
+function Ke(t) {
   const n = [
     t.wdStatus,
     t.msStatus,
@@ -5846,8 +5866,8 @@ function He(t) {
   ];
   return n.includes("critical") ? "critical" : n.includes("warning") ? "warning" : n.includes("offline") ? "offline" : "online";
 }
-function ii(t) {
-  const n = He(t), o = n === "critical" || n === "offline", i = n === "warning";
+function $i(t) {
+  const n = Ke(t), o = n === "critical" || n === "offline", i = n === "warning";
   return [
     {
       label: "Uptime",
@@ -5868,8 +5888,8 @@ function ii(t) {
     }
   ];
 }
-function ni(t) {
-  const n = He(t), o = n === "critical" || n === "offline", i = n === "warning";
+function ki(t) {
+  const n = Ke(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" }] : [],
@@ -5877,7 +5897,7 @@ function ni(t) {
     ...!o && !i && t.dbSync ? [{ level: "info", message: "All Systems Nominal" }] : []
   ];
 }
-const _t = [
+const si = [
   { from: [330, 120], to: [220, 260], visibleAtPhase: 3 },
   { from: [330, 120], to: [440, 260], visibleAtPhase: 3 },
   { from: [220, 260], to: [165, 390], visibleAtPhase: 4 },
@@ -5890,11 +5910,11 @@ const _t = [
   { from: [330, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" },
   { from: [495, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" }
 ];
-function Vt({ config: t }) {
-  const n = Y.useContext(ne), 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(ge, { children: [
+function di({ config: t }) {
+  const n = J.useContext(ae), 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(Ce, { children: [
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 330,
         ey: 120,
@@ -5902,11 +5922,11 @@ function Vt({ config: t }) {
         zIndex: 10,
         visibleAtPhase: 2,
         color: "#00e5ff",
-        children: /* @__PURE__ */ e(et, { status: "online", scale: 1.5 })
+        children: /* @__PURE__ */ e(ct, { status: "online", scale: 1.5 })
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 220,
         ey: 260,
@@ -5921,11 +5941,11 @@ function Vt({ config: t }) {
           name: "WEB-DISP",
           status: r,
           context: { traffic: 78 },
-          subComponents: ot(r),
-          graphSeries: rt({ traffic: 78 })
+          subComponents: ut(r),
+          graphSeries: bt({ traffic: 78 })
         },
         children: /* @__PURE__ */ e(
-          Je,
+          dt,
           {
             rotateY: o,
             autoRotate: i,
@@ -5939,7 +5959,7 @@ function Vt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 440,
         ey: 260,
@@ -5954,11 +5974,11 @@ function Vt({ config: t }) {
           name: "MSG-SRV",
           status: a,
           context: { queueDepth: 45 },
-          subComponents: Ut(a),
-          graphSeries: Yt({ queueDepth: 45 })
+          subComponents: ai(a),
+          graphSeries: li({ queueDepth: 45 })
         },
         children: /* @__PURE__ */ e(
-          Dt,
+          Zt,
           {
             rotateY: -o,
             autoRotate: i,
@@ -5973,7 +5993,7 @@ function Vt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 165,
         ey: 390,
@@ -5988,11 +6008,11 @@ function Vt({ config: t }) {
           name: "APP-01",
           status: s,
           context: { cpuLoad: 67, memLoad: 72 },
-          subComponents: ue(s, "APP-01", { cpuLoad: 67, memLoad: 72 }),
-          graphSeries: be({ cpuLoad: 67, memLoad: 72 })
+          subComponents: me(s, "APP-01", { cpuLoad: 67, memLoad: 72 }),
+          graphSeries: xe({ cpuLoad: 67, memLoad: 72 })
         },
         children: /* @__PURE__ */ e(
-          ce,
+          ue,
           {
             rotateY: o,
             autoRotate: i,
@@ -6006,7 +6026,7 @@ function Vt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 330,
         ey: 390,
@@ -6021,11 +6041,11 @@ function Vt({ config: t }) {
           name: "APP-02",
           status: l,
           context: { cpuLoad: 89, memLoad: 91 },
-          subComponents: ue(l, "APP-02", { cpuLoad: 89, memLoad: 91 }),
-          graphSeries: be({ cpuLoad: 89, memLoad: 91 })
+          subComponents: me(l, "APP-02", { cpuLoad: 89, memLoad: 91 }),
+          graphSeries: xe({ cpuLoad: 89, memLoad: 91 })
         },
         children: /* @__PURE__ */ e(
-          ce,
+          ue,
           {
             rotateY: o,
             autoRotate: i,
@@ -6039,7 +6059,7 @@ function Vt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 495,
         ey: 390,
@@ -6054,11 +6074,11 @@ function Vt({ config: t }) {
           name: "APP-03",
           status: h,
           context: { cpuLoad: 45, memLoad: 63 },
-          subComponents: ue(h, "APP-03", { cpuLoad: 45, memLoad: 63 }),
-          graphSeries: be({ cpuLoad: 45, memLoad: 63 })
+          subComponents: me(h, "APP-03", { cpuLoad: 45, memLoad: 63 }),
+          graphSeries: xe({ cpuLoad: 45, memLoad: 63 })
         },
         children: /* @__PURE__ */ e(
-          ce,
+          ue,
           {
             rotateY: o,
             autoRotate: i,
@@ -6072,7 +6092,7 @@ function Vt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 200,
         ey: 520,
@@ -6087,11 +6107,11 @@ function Vt({ config: t }) {
           name: "DB-PRI",
           status: c,
           context: { capacity: 72 },
-          subComponents: Ee(c, "DB-PRI", { capacity: 72 }),
-          graphSeries: Ce({ capacity: 72 })
+          subComponents: De(c, "DB-PRI", { capacity: 72 }),
+          graphSeries: We({ capacity: 72 })
         },
         children: /* @__PURE__ */ e(
-          ke,
+          Le,
           {
             rotateY: -o,
             autoRotate: i,
@@ -6105,7 +6125,7 @@ function Vt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 460,
         ey: 520,
@@ -6120,11 +6140,11 @@ function Vt({ config: t }) {
           name: "DB-STB",
           status: p,
           context: { capacity: 72 },
-          subComponents: Ee(p, "DB-STB", { capacity: 72 }),
-          graphSeries: Ce({ capacity: 72 })
+          subComponents: De(p, "DB-STB", { capacity: 72 }),
+          graphSeries: We({ capacity: 72 })
         },
         children: /* @__PURE__ */ e(
-          ke,
+          Le,
           {
             rotateY: o,
             autoRotate: i,
@@ -6138,7 +6158,7 @@ function Vt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 330,
         ey: 520,
@@ -6147,17 +6167,17 @@ function Vt({ config: t }) {
         visibleAtPhase: 6,
         fixedScale: 1,
         bare: !0,
-        children: /* @__PURE__ */ e(Ze, { synced: f, latencyMs: f ? 8 : 342 })
+        children: /* @__PURE__ */ e(st, { synced: f, latencyMs: f ? 8 : 342 })
       }
     ),
-    /* @__PURE__ */ e(jt, { config: t })
+    /* @__PURE__ */ e(ci, { config: t })
   ] });
 }
-function jt({ config: t }) {
-  const n = Y.useContext(ne), { wdStatus: o, msStatus: i, srv1Status: r, srv2Status: a, srv3Status: s, pdbStatus: l, sdbStatus: h, dbSync: c } = t, p = n?.isSelected && n?.isExpandedPos;
+function ci({ config: t }) {
+  const n = J.useContext(ae), { 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(
-      W,
+      D,
       {
         ex: 220,
         ey: 260,
@@ -6172,7 +6192,7 @@ function jt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      D,
       {
         ex: 440,
         ey: 260,
@@ -6187,7 +6207,7 @@ function jt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      D,
       {
         ex: 165,
         ey: 390,
@@ -6202,7 +6222,7 @@ function jt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      D,
       {
         ex: 330,
         ey: 390,
@@ -6217,7 +6237,7 @@ function jt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      D,
       {
         ex: 495,
         ey: 390,
@@ -6232,7 +6252,7 @@ function jt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      D,
       {
         ex: 200,
         ey: 520,
@@ -6247,7 +6267,7 @@ function jt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      D,
       {
         ex: 460,
         ey: 520,
@@ -6262,7 +6282,7 @@ function jt({ config: t }) {
       }
     ),
     !c && /* @__PURE__ */ e(
-      W,
+      D,
       {
         ex: 330,
         ey: 520,
@@ -6278,19 +6298,19 @@ function jt({ config: t }) {
     )
   ] }) : null;
 }
-function oi({ config: t, ...n }) {
+function Ri({ config: t, ...n }) {
   return /* @__PURE__ */ e(
-    Ke,
+    lt,
     {
       name: t.name,
-      status: He(t),
-      connections: _t,
+      status: Ke(t),
+      connections: si,
       ...n,
-      children: /* @__PURE__ */ e(Vt, { config: t })
+      children: /* @__PURE__ */ e(di, { config: t })
     }
   );
 }
-function Ue(t) {
+function Ze(t) {
   const n = [
     t.dispStatus,
     t.srv1Status,
@@ -6301,8 +6321,8 @@ function Ue(t) {
   ];
   return n.includes("critical") ? "critical" : n.includes("warning") ? "warning" : n.includes("offline") ? "offline" : "online";
 }
-function ri(t) {
-  const n = Ue(t), o = n === "critical" || n === "offline", i = n === "warning";
+function Pi(t) {
+  const n = Ze(t), o = n === "critical" || n === "offline", i = n === "warning";
   return [
     {
       label: "Uptime",
@@ -6323,8 +6343,8 @@ function ri(t) {
     }
   ];
 }
-function ai(t) {
-  const n = Ue(t), o = n === "critical" || n === "offline", i = n === "warning";
+function Ci(t) {
+  const n = Ze(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" }] : [],
@@ -6332,7 +6352,7 @@ function ai(t) {
     ...!o && !i && t.dbSync ? [{ level: "info", message: "All Systems Nominal" }] : []
   ];
 }
-const Xt = [
+const pi = [
   { from: [330, 120], to: [330, 260], visibleAtPhase: 3 },
   { from: [330, 260], to: [165, 390], visibleAtPhase: 4 },
   { from: [330, 260], to: [330, 390], visibleAtPhase: 4 },
@@ -6341,11 +6361,11 @@ const Xt = [
   { from: [330, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" },
   { from: [495, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" }
 ];
-function Qt({ config: t }) {
-  const n = Y.useContext(ne), 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(ge, { children: [
+function fi({ config: t }) {
+  const n = J.useContext(ae), 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(Ce, { children: [
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 330,
         ey: 120,
@@ -6353,11 +6373,11 @@ function Qt({ config: t }) {
         zIndex: 10,
         visibleAtPhase: 2,
         color: "#00e5ff",
-        children: /* @__PURE__ */ e(et, { status: "online", scale: 1.5 })
+        children: /* @__PURE__ */ e(ct, { status: "online", scale: 1.5 })
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 330,
         ey: 260,
@@ -6372,11 +6392,11 @@ function Qt({ config: t }) {
           name: "DISP-01",
           status: r,
           context: { traffic: 78 },
-          subComponents: ot(r),
-          graphSeries: rt({ traffic: 78 })
+          subComponents: ut(r),
+          graphSeries: bt({ traffic: 78 })
         },
         children: /* @__PURE__ */ e(
-          Je,
+          dt,
           {
             rotateY: o,
             autoRotate: i,
@@ -6390,7 +6410,7 @@ function Qt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 165,
         ey: 390,
@@ -6405,11 +6425,11 @@ function Qt({ config: t }) {
           name: "APP-01",
           status: a,
           context: { cpuLoad: 67, memLoad: 72 },
-          subComponents: ue(a, "APP-01", { cpuLoad: 67, memLoad: 72 }),
-          graphSeries: be({ cpuLoad: 67, memLoad: 72 })
+          subComponents: me(a, "APP-01", { cpuLoad: 67, memLoad: 72 }),
+          graphSeries: xe({ cpuLoad: 67, memLoad: 72 })
         },
         children: /* @__PURE__ */ e(
-          ce,
+          ue,
           {
             rotateY: o,
             autoRotate: i,
@@ -6423,7 +6443,7 @@ function Qt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 330,
         ey: 390,
@@ -6438,11 +6458,11 @@ function Qt({ config: t }) {
           name: "APP-02",
           status: s,
           context: { cpuLoad: 89, memLoad: 91 },
-          subComponents: ue(s, "APP-02", { cpuLoad: 89, memLoad: 91 }),
-          graphSeries: be({ cpuLoad: 89, memLoad: 91 })
+          subComponents: me(s, "APP-02", { cpuLoad: 89, memLoad: 91 }),
+          graphSeries: xe({ cpuLoad: 89, memLoad: 91 })
         },
         children: /* @__PURE__ */ e(
-          ce,
+          ue,
           {
             rotateY: o,
             autoRotate: i,
@@ -6456,7 +6476,7 @@ function Qt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 495,
         ey: 390,
@@ -6471,11 +6491,11 @@ function Qt({ config: t }) {
           name: "APP-03",
           status: l,
           context: { cpuLoad: 45, memLoad: 63 },
-          subComponents: ue(l, "APP-03", { cpuLoad: 45, memLoad: 63 }),
-          graphSeries: be({ cpuLoad: 45, memLoad: 63 })
+          subComponents: me(l, "APP-03", { cpuLoad: 45, memLoad: 63 }),
+          graphSeries: xe({ cpuLoad: 45, memLoad: 63 })
         },
         children: /* @__PURE__ */ e(
-          ce,
+          ue,
           {
             rotateY: o,
             autoRotate: i,
@@ -6489,7 +6509,7 @@ function Qt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 200,
         ey: 520,
@@ -6504,11 +6524,11 @@ function Qt({ config: t }) {
           name: "DB-PRI",
           status: h,
           context: { capacity: 72 },
-          subComponents: Ee(h, "DB-PRI", { capacity: 72 }),
-          graphSeries: Ce({ capacity: 72 })
+          subComponents: De(h, "DB-PRI", { capacity: 72 }),
+          graphSeries: We({ capacity: 72 })
         },
         children: /* @__PURE__ */ e(
-          ke,
+          Le,
           {
             rotateY: -o,
             autoRotate: i,
@@ -6522,7 +6542,7 @@ function Qt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 460,
         ey: 520,
@@ -6537,11 +6557,11 @@ function Qt({ config: t }) {
           name: "DB-STB",
           status: c,
           context: { capacity: 72 },
-          subComponents: Ee(c, "DB-STB", { capacity: 72 }),
-          graphSeries: Ce({ capacity: 72 })
+          subComponents: De(c, "DB-STB", { capacity: 72 }),
+          graphSeries: We({ capacity: 72 })
         },
         children: /* @__PURE__ */ e(
-          ke,
+          Le,
           {
             rotateY: o,
             autoRotate: i,
@@ -6555,7 +6575,7 @@ function Qt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      A,
       {
         ex: 330,
         ey: 520,
@@ -6564,17 +6584,17 @@ function Qt({ config: t }) {
         visibleAtPhase: 6,
         fixedScale: 1,
         bare: !0,
-        children: /* @__PURE__ */ e(Ze, { synced: p, latencyMs: p ? 8 : 342 })
+        children: /* @__PURE__ */ e(st, { synced: p, latencyMs: p ? 8 : 342 })
       }
     ),
-    /* @__PURE__ */ e(qt, { config: t })
+    /* @__PURE__ */ e(hi, { config: t })
   ] });
 }
-function qt({ config: t }) {
-  const n = Y.useContext(ne), { dispStatus: o, srv1Status: i, srv2Status: r, srv3Status: a, pdbStatus: s, sdbStatus: l, dbSync: h } = t, c = n?.isSelected && n?.isExpandedPos;
+function hi({ config: t }) {
+  const n = J.useContext(ae), { 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(
-      W,
+      D,
       {
         ex: 330,
         ey: 260,
@@ -6589,7 +6609,7 @@ function qt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      D,
       {
         ex: 165,
         ey: 390,
@@ -6604,7 +6624,7 @@ function qt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      D,
       {
         ex: 330,
         ey: 390,
@@ -6619,7 +6639,7 @@ function qt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      D,
       {
         ex: 495,
         ey: 390,
@@ -6634,7 +6654,7 @@ function qt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      D,
       {
         ex: 200,
         ey: 520,
@@ -6649,7 +6669,7 @@ function qt({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      D,
       {
         ex: 460,
         ey: 520,
@@ -6664,7 +6684,7 @@ function qt({ config: t }) {
       }
     ),
     !h && /* @__PURE__ */ e(
-      W,
+      D,
       {
         ex: 330,
         ey: 520,
@@ -6680,66 +6700,70 @@ function qt({ config: t }) {
     )
   ] }) : null;
 }
-function li({ config: t, ...n }) {
+function Ei({ config: t, ...n }) {
   return /* @__PURE__ */ e(
-    Ke,
+    lt,
     {
       name: t.name,
-      status: Ue(t),
-      connections: Xt,
+      status: Ze(t),
+      connections: pi,
       ...n,
-      children: /* @__PURE__ */ e(Qt, { config: t })
+      children: /* @__PURE__ */ e(fi, { config: t })
     }
   );
 }
 export {
-  ti as AIOPsDashboard,
-  Re as CPU3D,
-  yt as Carousel,
-  ut as ComponentDialog,
-  ei as ComponentDrillView,
-  ke as Database3D,
-  he as DriveBay3D,
-  Xt as EXCHANGE_CONNECTIONS,
-  li as ExchangeService,
-  Jt as HOLO_BLUE,
-  Zt as HOLO_CYAN,
-  Me as HOLO_GLASS,
-  ye as HOLO_SURFACE,
-  zt as HistoricalGraphPanel,
-  vt as HoloBase,
-  et as Human3D,
-  Pe as Memory3D,
-  Dt as MessageServer3D,
-  it as NetworkBlock3D,
-  W as NodeCallout,
-  $e as Platter3D,
-  z as Port3D,
-  oi as SAPService,
-  _t as SAP_CONNECTIONS,
-  x as STATUS_CFG,
-  ce as Server3D,
-  Ke as Service,
-  ne as ServiceContext,
-  ft as ServiceDialog,
-  I as ServiceNode,
-  mt as SvgConnection,
-  Ze as SyncBridge,
-  O as ThreadPool3D,
-  Je as WebDispatcher3D,
-  ai as computeExchangeDialogAlerts,
-  ri as computeExchangeDialogMetrics,
-  Ue as computeExchangeServiceStatus,
-  ni as computeSAPDialogAlerts,
-  ii as computeSAPDialogMetrics,
-  He as computeSAPServiceStatus,
-  Ce as getDatabaseGraphSeries,
-  Ee as getDatabaseSubComponents,
-  rt as getDispatcherGraphSeries,
-  ot as getDispatcherSubComponents,
-  Yt as getMessageServerGraphSeries,
-  Ut as getMessageServerSubComponents,
-  be as getServerGraphSeries,
-  ue as getServerSubComponents,
-  Be as makeFaceStyles
+  Si as AIOPsDashboard,
+  Ie as CPU3D,
+  Wt as Carousel,
+  Qe as CarouselContext,
+  qe as CarouselItemContext,
+  It as ComponentDialog,
+  wi as ComponentDrillView,
+  Le as Database3D,
+  ye as DriveBay3D,
+  pi as EXCHANGE_CONNECTIONS,
+  Ei as ExchangeService,
+  mi as HOLO_BLUE,
+  yi as HOLO_CYAN,
+  je as HOLO_GLASS,
+  we as HOLO_SURFACE,
+  ei as HistoricalGraphPanel,
+  Mt as HoloBase,
+  ct as Human3D,
+  Oe as Memory3D,
+  Zt as MessageServer3D,
+  ft as NetworkBlock3D,
+  D as NodeCallout,
+  Ae as Platter3D,
+  N as Port3D,
+  Ri as SAPService,
+  si as SAP_CONNECTIONS,
+  w as STATUS_CFG,
+  ue as Server3D,
+  lt as Service,
+  ae as ServiceContext,
+  At as ServiceDialog,
+  A as ServiceNode,
+  zt as SvgConnection,
+  st as SyncBridge,
+  I as ThreadPool3D,
+  dt as WebDispatcher3D,
+  Ci as computeExchangeDialogAlerts,
+  Pi as computeExchangeDialogMetrics,
+  Ze as computeExchangeServiceStatus,
+  ki as computeSAPDialogAlerts,
+  $i as computeSAPDialogMetrics,
+  Ke as computeSAPServiceStatus,
+  We as getDatabaseGraphSeries,
+  De as getDatabaseSubComponents,
+  bt as getDispatcherGraphSeries,
+  ut as getDispatcherSubComponents,
+  li as getMessageServerGraphSeries,
+  ai as getMessageServerSubComponents,
+  xe as getServerGraphSeries,
+  me as getServerSubComponents,
+  Xe as makeFaceStyles,
+  xi as useCarouselContext,
+  vi as useCarouselItemContext
 };