react-aiops 0.1.19 → 0.1.20

package/dist/components/ServiceNode.d.ts

@@ -56,24 +56,29 @@ export interface ServiceNodeProps {
      */
     bare?: boolean;
     /**
-     * Optional alert configuration. When provided, a {@link NodeCallout} is
-     * automatically rendered next to this node using its `ex`/`ey` position
-     * and `componentInfo` for status/title.
+     * Callout configuration for this node.
+     *
+     * Controls the position and (optionally) the content of the
+     * {@link NodeCallout} rendered next to this node.
+     *
+     * - **Position-only** — set `offsetX` / `offsetY` / `align` without
+     *   `msg` to control where auto-generated callouts appear.
+     * - **Explicit message** — set `msg` to provide a fixed diagnostic
+     *   message that takes priority when the node status is the highest
+     *   severity source.
      *
      * @example
      * ```tsx
-     * <ServiceNode
-     *   ex={495} ey={350}
-     *   componentInfo={{ type: "server", name: "SRV-X3", status: "warning", ... }}
-     *   alert={{ msg: "High latency detected.", align: "right" }}
-     * >
-     *   <Server3D ... />
-     * </ServiceNode>
+     * // Position-only (auto-generated message from status / metrics)
+     * <ServerNode alert={{ offsetX: -110, offsetY: -30, align: "left" }} ... />
+     *
+     * // Explicit message + position
+     * <ServerNode alert={{ msg: "High latency", align: "left" }} ... />
      * ```
      */
     alert?: {
-        /** Short diagnostic message shown in the callout body. */
-        msg: string;
+        /** Short diagnostic message shown in the callout body. When omitted, an auto-generated message is used. */
+        msg?: string;
         /** Horizontal offset (px) from the node center to the label. Defaults to `110`. */
         offsetX?: number;
         /** Vertical offset (px) from the node center to the label. Defaults to `-30`. */

package/dist/components/ServiceNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServiceNode.d.ts","sourceRoot":"","sources":["../../src/components/ServiceNode.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,OAAO,KAAK,EAAE,iBAAiB,EAA2C,MAAM,UAAU,CAAC;AAG3F,MAAM,WAAW,gBAAgB;IAC7B,8EAA8E;IAC9E,EAAE,EAAE,MAAM,CAAC;IACX,6EAA6E;IAC7E,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,aAAa,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAI1B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iGAAiG;IACjG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,IAAI,CAAC,GAAG;QACnD,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAIF;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE;QACJ,0DAA0D;QAC1D,GAAG,EAAE,MAAM,CAAC;QACZ,mFAAmF;QACnF,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,iFAAiF;QACjF,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,0DAA0D;QAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;QAC5C,iEAAiE;QACjE,WAAW,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;CACL;AAkKD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,EAAE,EACF,EAAE,EACF,aAAa,EACb,MAAM,EACN,QAAQ,EACR,KAAiB,EACjB,KAAK,EACL,QAAQ,EACR,KAAY,EACZ,aAAa,EACb,cAAkB,EAClB,UAAU,EACV,IAAY,EACZ,KAAK,GACR,EAAE,gBAAgB,2CA6GlB"}
+{"version":3,"file":"ServiceNode.d.ts","sourceRoot":"","sources":["../../src/components/ServiceNode.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,OAAO,KAAK,EAAE,iBAAiB,EAA2C,MAAM,UAAU,CAAC;AAG3F,MAAM,WAAW,gBAAgB;IAC7B,8EAA8E;IAC9E,EAAE,EAAE,MAAM,CAAC;IACX,6EAA6E;IAC7E,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,aAAa,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAI1B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iGAAiG;IACjG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,IAAI,CAAC,GAAG;QACnD,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAIF;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,KAAK,CAAC,EAAE;QACJ,2GAA2G;QAC3G,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,mFAAmF;QACnF,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,iFAAiF;QACjF,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,0DAA0D;QAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;QAC5C,iEAAiE;QACjE,WAAW,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;CACL;AAuKD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,EAAE,EACF,EAAE,EACF,aAAa,EACb,MAAM,EACN,QAAQ,EACR,KAAiB,EACjB,KAAK,EACL,QAAQ,EACR,KAAY,EACZ,aAAa,EACb,cAAkB,EAClB,UAAU,EACV,IAAY,EACZ,KAAK,GACR,EAAE,gBAAgB,2CA4GlB"}

package/dist/index.js

@@ -258,23 +258,23 @@ function Ft({
   let w;
   if (x && x.length > 0)
     w = x.map((b, k) => {
-      const T = b.warnAt ?? 70, $ = b.critAt ?? 85;
+      const A = b.warnAt ?? 70, $ = b.critAt ?? 85;
       return {
         id: b.id,
         label: b.label,
         sublabel: b.sublabel,
         value: b.value,
         unit: b.unit ?? "%",
-        status: We(l, b.value, T, $),
+        status: We(l, b.value, A, $),
         icon: b.icon ?? "cpu",
         delay: k,
         colorOverride: b.color,
-        warnAt: T,
+        warnAt: A,
         critAt: $
       };
     });
   else {
-    const b = p.cpuLoad ?? p.traffic ?? 50, k = p.memLoad ?? p.queueDepth ?? 60, T = p.capacity ?? 72, $ = We(l, b, 70, 85), S = We(l, k, 75, 88), N = We(l, T, 75, 90);
+    const b = p.cpuLoad ?? p.traffic ?? 50, k = p.memLoad ?? p.queueDepth ?? 60, A = p.capacity ?? 72, $ = We(l, b, 70, 85), S = We(l, k, 75, 88), N = We(l, A, 75, 90);
     w = [
       {
         id: "cpu",
@@ -300,7 +300,7 @@ function Ft({
         id: "storage",
         label: "STORAGE",
         sublabel: a === "database" ? "TABLESPACE" : "DISK I/O",
-        value: T,
+        value: A,
         unit: "%",
         status: N,
         icon: "disk",
@@ -922,7 +922,7 @@ function Yt({
   onCloseDrill: w,
   selectedSystemStatus: b = "online",
   selectedSystemDbSync: k = !0,
-  selectedSystemMetrics: T,
+  selectedSystemMetrics: A,
   selectedSystemAlerts: $
 }) {
   const [S, N] = R(0);
@@ -999,7 +999,7 @@ function Yt({
         status: b,
         dbSync: k,
         visible: se && !a,
-        metrics: T,
+        metrics: A,
         alerts: $
       }
     ) }),
@@ -1320,7 +1320,7 @@ function vt({
   _onComponentClick: x,
   _containerWidth: w
 }) {
-  const b = ae(tt), k = ae(it), T = a ?? k.index, $ = s ?? b?.totalSystems ?? 1, S = l ?? b?.carouselRotation ?? 0, N = u ?? b?.viewState ?? "compact", B = c ?? b?.animPhase ?? 0, z = p ?? b?.selectedSystem ?? null, U = f ?? b?.selectedComponent ?? null, le = g ?? b?.rotateY ?? 20, se = h ?? b?.autoRotateComponents ?? !0, I = y ?? b?.componentScale ?? 0.35, H = m ?? b?.drillZoom ?? 3.3, de = v ?? b?.onSelectSystem, ce = x ?? b?.onComponentClick, Y = w ?? b?.containerWidth ?? 950, V = z === t, L = V && (N === "expanded" || N === "expanding" && B >= 1), K = !L, pe = (Y - qt) / 2, me = pt + pe, xe = T / $ * Math.PI * 2 + S, Ye = 420, Ve = 160, fe = me + Math.cos(xe) * Ye, C = 450 + Math.sin(xe) * Ve, ue = Math.round(C), te = !V && (N === "expanding" || N === "expanded"), he = te ? 0 : 1, J = K ? 0.3 + (Math.sin(xe) + 1) * 0.1 : 1, _ = K ? J : I, ve = N === "compact" || N === "collapsing" ? "none" : "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)", De = V && U, _e = De ? H : 1, Tt = U?.ex ?? 330, It = U?.ey ?? 300, { size: Ot = 90, color: Lt = "#00e5ff", widthRatio: Dt = 3 } = i ?? {}, Nt = {
+  const b = ae(tt), k = ae(it), A = a ?? k.index, $ = s ?? b?.totalSystems ?? 1, S = l ?? b?.carouselRotation ?? 0, N = u ?? b?.viewState ?? "compact", B = c ?? b?.animPhase ?? 0, z = p ?? b?.selectedSystem ?? null, U = f ?? b?.selectedComponent ?? null, le = g ?? b?.rotateY ?? 20, se = h ?? b?.autoRotateComponents ?? !0, I = y ?? b?.componentScale ?? 0.35, H = m ?? b?.drillZoom ?? 3.3, de = v ?? b?.onSelectSystem, ce = x ?? b?.onComponentClick, Y = w ?? b?.containerWidth ?? 950, V = z === t, L = V && (N === "expanded" || N === "expanding" && B >= 1), K = !L, pe = (Y - qt) / 2, me = pt + pe, xe = A / $ * Math.PI * 2 + S, Ye = 420, Ve = 160, fe = me + Math.cos(xe) * Ye, C = 450 + Math.sin(xe) * Ve, ue = Math.round(C), te = !V && (N === "expanding" || N === "expanded"), he = te ? 0 : 1, J = K ? 0.3 + (Math.sin(xe) + 1) * 0.1 : 1, _ = K ? J : I, ve = N === "compact" || N === "collapsing" ? "none" : "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)", De = V && U, _e = De ? H : 1, At = U?.ex ?? 330, It = U?.ey ?? 300, { size: Ot = 90, color: Lt = "#00e5ff", widthRatio: Dt = 3 } = i ?? {}, Nt = {
     name: t,
     isSelected: V,
     isExpandedPos: L,
@@ -1352,7 +1352,7 @@ function vt({
         filter: K && Math.sin(xe) < -0.5 ? "brightness(0.5) blur(2px)" : "none",
         zIndex: V ? 500 : te ? 0 : ue,
         transformOrigin: `${me}px ${ft}px`,
-        transform: De ? `translate(${-(Tt - pt) * _e}px, ${-(It - ft) * _e}px) scale(${_e})` : "none"
+        transform: De ? `translate(${-(At - pt) * _e}px, ${-(It - ft) * _e}px) scale(${_e})` : "none"
       },
       children: [
         K && !te && /* @__PURE__ */ e(
@@ -1519,7 +1519,7 @@ function W({
   }
   let k = "translate(0, -50%)";
   u === "left" && (k = "translate(-100%, -50%)"), u === "top" && (k = "translate(-50%, -100%)"), u === "bottom" && (k = "translate(-50%, 0)");
-  const T = u === "left" ? -8 : u === "right" ? 8 : 0, $ = u === "top" ? -8 : u === "bottom" ? 8 : 0;
+  const A = u === "left" ? -8 : u === "right" ? 8 : 0, $ = u === "top" ? -8 : u === "bottom" ? 8 : 0;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -1568,7 +1568,7 @@ function W({
               left: x,
               top: w,
               transform: k,
-              marginLeft: T,
+              marginLeft: A,
               marginTop: $,
               background: "repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.03) 4px), rgba(2, 8, 16, 0.82)",
               border: `1px solid ${h}55`,
@@ -1693,13 +1693,10 @@ function Jt(t, n) {
   return i >= a && i > 0 ? l = {
     severity: o,
     msg: n?.msg ?? `Status: ${o.toUpperCase()}`,
-    internalRef: n?.internalRef,
-    offsetX: n?.offsetX,
-    offsetY: n?.offsetY,
-    align: n?.align
-  } : l = r, { effectiveSeverity: s, callout: l };
+    internalRef: n?.internalRef
+  } : l = { ...r }, n?.offsetX !== void 0 && (l.offsetX = n.offsetX), n?.offsetY !== void 0 && (l.offsetY = n.offsetY), n?.align !== void 0 && (l.align = n.align), { effectiveSeverity: s, callout: l };
 }
-function A({
+function T({
   ex: t,
   ey: n,
   compactOffset: o,
@@ -1725,7 +1722,7 @@ function A({
     compactCy: w,
     groupScale: b,
     effectiveScale: k,
-    transitionValue: T,
+    transitionValue: A,
     onComponentClick: $,
     selectedComponentName: S,
     expandedOffsetX: N
@@ -1754,7 +1751,7 @@ function A({
           transform: `translate(-50%, -50%) scale(${H})`,
           opacity: z,
           zIndex: i,
-          transition: T || "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)",
+          transition: A || "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)",
           pointerEvents: m && z >= 0.5 ? "auto" : "none"
         },
         children: g ? r : /* @__PURE__ */ e(
@@ -2764,7 +2761,7 @@ function zi({
   alert: v
 }) {
   return /* @__PURE__ */ e(
-    A,
+    T,
     {
       ex: t,
       ey: n,
@@ -3162,7 +3159,7 @@ function Bi({
   alert: y
 }) {
   return /* @__PURE__ */ e(
-    A,
+    T,
     {
       ex: t,
       ey: n,
@@ -3310,7 +3307,7 @@ function Fi({
   visibleAtPhase: l
 }) {
   return /* @__PURE__ */ e(
-    A,
+    T,
     {
       ex: t,
       ey: n,
@@ -3955,7 +3952,7 @@ function Ui({
   alert: m
 }) {
   return /* @__PURE__ */ e(
-    A,
+    T,
     {
       ex: t,
       ey: n,
@@ -4618,7 +4615,7 @@ function Hi({
   alert: v
 }) {
   return /* @__PURE__ */ e(
-    A,
+    T,
     {
       ex: t,
       ey: n,
@@ -6166,14 +6163,14 @@ function $i({ config: t, children: n }) {
             }).then((z) => ({ query: S, data: z.trim() }));
           })
         ), k = {};
-        let T = 0;
+        let A = 0;
         for (const S of b)
-          S.status === "fulfilled" ? k[S.value.query] = S.value.data : T++;
+          S.status === "fulfilled" ? k[S.value.query] = S.value.data : A++;
         i((S) => ({ ...S, ...k }));
         const $ = w.queries.length;
         c(
-          T > 0 ? `${T} of ${$} queries failed to refresh` : null
-        ), T < $ && f(/* @__PURE__ */ new Date());
+          A > 0 ? `${A} of ${$} queries failed to refresh` : null
+        ), A < $ && f(/* @__PURE__ */ new Date());
       } catch (b) {
         const k = b instanceof Error ? b.message : "Refresh failed";
         c(k);
@@ -6233,12 +6230,12 @@ function mt({
   dataTransform: u,
   children: c
 }) {
-  const p = vi(), [f] = R(20), [g] = R(!1), [h] = R(!0), [y] = R(0.45), [m] = R(3.3), [v, x] = R("compact"), [w, b] = R(0), [k, T] = R(null), [$, S] = R(null), [N, B] = R(0), z = (C) => {
-    v === "compact" && (T(C), x("expanding"), b(0), setTimeout(() => b(1), 50), setTimeout(() => b(2), 800), setTimeout(() => b(3), 1200), setTimeout(() => b(4), 1600), setTimeout(() => b(5), 2e3), setTimeout(() => {
+  const p = vi(), [f] = R(20), [g] = R(!1), [h] = R(!0), [y] = R(0.45), [m] = R(3.3), [v, x] = R("compact"), [w, b] = R(0), [k, A] = R(null), [$, S] = R(null), [N, B] = R(0), z = (C) => {
+    v === "compact" && (A(C), x("expanding"), b(0), setTimeout(() => b(1), 50), setTimeout(() => b(2), 800), setTimeout(() => b(3), 1200), setTimeout(() => b(4), 1600), setTimeout(() => b(5), 2e3), setTimeout(() => {
       b(6), x("expanded");
     }, 2400));
   }, U = () => {
-    $ ? (S(null), B(0)) : v === "expanded" && (x("collapsing"), b(0), T(null), setTimeout(() => {
+    $ ? (S(null), B(0)) : v === "expanded" && (x("collapsing"), b(0), A(null), setTimeout(() => {
       x((C) => C === "collapsing" ? "compact" : C);
     }, 1e3));
   }, le = (C) => {
@@ -6344,7 +6341,7 @@ function P(t, n, o = 24) {
 function Ct(t) {
   return t === "critical" || t === "offline" ? "#ff2255" : t === "warning" ? "#ff8c00" : "#00e5ff";
 }
-function Ae(t, n, o) {
+function Te(t, n, o) {
   const i = t === "online" ? "online" : t, r = Ct(t), a = o?.cpuLoad ?? 50, s = o?.memLoad ?? 60, l = i === "critical" || i === "warning" && a > 80 ? i : "online", u = 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(ze, { color: r, label: "CPU-0", status: l, load: a }) },
@@ -6358,7 +6355,7 @@ function Ae(t, n, o) {
     { id: "network", label: "NET", status: p, element: /* @__PURE__ */ e(Et, { color: r, label: "NET", status: p }) }
   ];
 }
-function Te(t) {
+function Ae(t) {
   const n = t?.cpuLoad ?? 50, o = t?.memLoad ?? 60;
   return [
     { id: "cpu", label: "CPU-0", unit: "%", color: "#00e5ff", data: P(n, 15) },
@@ -6386,7 +6383,7 @@ function Pt(t, n, o) {
     { id: "https-worker", label: "HTTPS-WORKER", status: "online", element: /* @__PURE__ */ e(M, { color: "#bb55ff", label: "HTTPS-WORKER", status: "online" }) }
   ];
 }
-function At(t) {
+function Tt(t) {
   const n = t?.traffic ?? 50;
   return [
     { id: "traffic", label: "TRAFFIC", unit: "%", color: "#00e5ff", data: P(n, 20) },
@@ -6498,7 +6495,7 @@ function Ci({ config: t }) {
   const n = X.useContext(ye), o = n?.rotateY ?? 20, i = n?.autoRotateComponents ?? !0, { wdStatus: r, msStatus: a, srv1Status: s, srv2Status: l, srv3Status: u, pdbStatus: c, sdbStatus: p, dbSync: f } = t;
   return /* @__PURE__ */ d(Ie, { children: [
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 330,
         ey: 120,
@@ -6510,7 +6507,7 @@ function Ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 220,
         ey: 260,
@@ -6526,7 +6523,7 @@ function Ci({ config: t }) {
           status: r,
           context: { traffic: 78 },
           subComponents: Pt(r),
-          graphSeries: At({ traffic: 78 })
+          graphSeries: Tt({ traffic: 78 })
         },
         children: /* @__PURE__ */ e(
           rt,
@@ -6543,7 +6540,7 @@ function Ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 440,
         ey: 260,
@@ -6577,7 +6574,7 @@ function Ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 165,
         ey: 390,
@@ -6592,8 +6589,8 @@ function Ci({ config: t }) {
           name: "APP-01",
           status: s,
           context: { cpuLoad: 67, memLoad: 72 },
-          subComponents: Ae(s, "APP-01", { cpuLoad: 67, memLoad: 72 }),
-          graphSeries: Te({ cpuLoad: 67, memLoad: 72 })
+          subComponents: Te(s, "APP-01", { cpuLoad: 67, memLoad: 72 }),
+          graphSeries: Ae({ cpuLoad: 67, memLoad: 72 })
         },
         children: /* @__PURE__ */ e(
           ge,
@@ -6610,7 +6607,7 @@ function Ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 330,
         ey: 390,
@@ -6625,8 +6622,8 @@ function Ci({ config: t }) {
           name: "APP-02",
           status: l,
           context: { cpuLoad: 89, memLoad: 91 },
-          subComponents: Ae(l, "APP-02", { cpuLoad: 89, memLoad: 91 }),
-          graphSeries: Te({ cpuLoad: 89, memLoad: 91 })
+          subComponents: Te(l, "APP-02", { cpuLoad: 89, memLoad: 91 }),
+          graphSeries: Ae({ cpuLoad: 89, memLoad: 91 })
         },
         children: /* @__PURE__ */ e(
           ge,
@@ -6643,7 +6640,7 @@ function Ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 495,
         ey: 390,
@@ -6658,8 +6655,8 @@ function Ci({ config: t }) {
           name: "APP-03",
           status: u,
           context: { cpuLoad: 45, memLoad: 63 },
-          subComponents: Ae(u, "APP-03", { cpuLoad: 45, memLoad: 63 }),
-          graphSeries: Te({ cpuLoad: 45, memLoad: 63 })
+          subComponents: Te(u, "APP-03", { cpuLoad: 45, memLoad: 63 }),
+          graphSeries: Ae({ cpuLoad: 45, memLoad: 63 })
         },
         children: /* @__PURE__ */ e(
           ge,
@@ -6676,7 +6673,7 @@ function Ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 200,
         ey: 520,
@@ -6709,7 +6706,7 @@ function Ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 460,
         ey: 520,
@@ -6742,7 +6739,7 @@ function Ci({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 330,
         ey: 520,
@@ -6936,7 +6933,7 @@ function Ki(t) {
     ...!o && !i && t.dbSync ? [{ level: "info", message: "All Systems Nominal" }] : []
   ];
 }
-const Ai = [
+const Ti = [
   { from: [330, 120], to: [330, 260], visibleAtPhase: 3 },
   { from: [330, 260], to: [165, 390], visibleAtPhase: 4 },
   { from: [330, 260], to: [330, 390], visibleAtPhase: 4 },
@@ -6945,11 +6942,11 @@ const Ai = [
   { from: [330, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" },
   { from: [495, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" }
 ];
-function Ti({ config: t }) {
+function Ai({ config: t }) {
   const n = X.useContext(ye), o = n?.rotateY ?? 20, i = n?.autoRotateComponents ?? !0, { dispStatus: r, srv1Status: a, srv2Status: s, srv3Status: l, pdbStatus: u, sdbStatus: c, dbSync: p } = t;
   return /* @__PURE__ */ d(Ie, { children: [
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 330,
         ey: 120,
@@ -6961,7 +6958,7 @@ function Ti({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 330,
         ey: 260,
@@ -6977,7 +6974,7 @@ function Ti({ config: t }) {
           status: r,
           context: { traffic: 78 },
           subComponents: Pt(r),
-          graphSeries: At({ traffic: 78 })
+          graphSeries: Tt({ traffic: 78 })
         },
         children: /* @__PURE__ */ e(
           rt,
@@ -6994,7 +6991,7 @@ function Ti({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 165,
         ey: 390,
@@ -7009,8 +7006,8 @@ function Ti({ config: t }) {
           name: "APP-01",
           status: a,
           context: { cpuLoad: 67, memLoad: 72 },
-          subComponents: Ae(a, "APP-01", { cpuLoad: 67, memLoad: 72 }),
-          graphSeries: Te({ cpuLoad: 67, memLoad: 72 })
+          subComponents: Te(a, "APP-01", { cpuLoad: 67, memLoad: 72 }),
+          graphSeries: Ae({ cpuLoad: 67, memLoad: 72 })
         },
         children: /* @__PURE__ */ e(
           ge,
@@ -7027,7 +7024,7 @@ function Ti({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 330,
         ey: 390,
@@ -7042,8 +7039,8 @@ function Ti({ config: t }) {
           name: "APP-02",
           status: s,
           context: { cpuLoad: 89, memLoad: 91 },
-          subComponents: Ae(s, "APP-02", { cpuLoad: 89, memLoad: 91 }),
-          graphSeries: Te({ cpuLoad: 89, memLoad: 91 })
+          subComponents: Te(s, "APP-02", { cpuLoad: 89, memLoad: 91 }),
+          graphSeries: Ae({ cpuLoad: 89, memLoad: 91 })
         },
         children: /* @__PURE__ */ e(
           ge,
@@ -7060,7 +7057,7 @@ function Ti({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 495,
         ey: 390,
@@ -7075,8 +7072,8 @@ function Ti({ config: t }) {
           name: "APP-03",
           status: l,
           context: { cpuLoad: 45, memLoad: 63 },
-          subComponents: Ae(l, "APP-03", { cpuLoad: 45, memLoad: 63 }),
-          graphSeries: Te({ cpuLoad: 45, memLoad: 63 })
+          subComponents: Te(l, "APP-03", { cpuLoad: 45, memLoad: 63 }),
+          graphSeries: Ae({ cpuLoad: 45, memLoad: 63 })
         },
         children: /* @__PURE__ */ e(
           ge,
@@ -7093,7 +7090,7 @@ function Ti({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 200,
         ey: 520,
@@ -7126,7 +7123,7 @@ function Ti({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 460,
         ey: 520,
@@ -7159,7 +7156,7 @@ function Ti({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      A,
+      T,
       {
         ex: 330,
         ey: 520,
@@ -7290,9 +7287,9 @@ function Gi({ config: t, ...n }) {
     {
       name: t.name,
       status: st(t),
-      connections: Ai,
+      connections: Ti,
       ...n,
-      children: /* @__PURE__ */ e(Ti, { config: t })
+      children: /* @__PURE__ */ e(Ai, { config: t })
     }
   );
 }
@@ -7308,7 +7305,7 @@ export {
   Ne as Database3D,
   Bi as DatabaseNode,
   Pe as DriveBay3D,
-  Ai as EXCHANGE_CONNECTIONS,
+  Ti as EXCHANGE_CONNECTIONS,
   Gi as ExchangeService,
   Ni as HOLO_BLUE,
   Di as HOLO_CYAN,
@@ -7333,7 +7330,7 @@ export {
   vt as Service,
   ye as ServiceContext,
   zt as ServiceDialog,
-  A as ServiceNode,
+  T as ServiceNode,
   Vt as SvgConnection,
   $t as SyncBridge,
   M as ThreadPool3D,
@@ -7348,12 +7345,12 @@ export {
   Si as defaultDataTransform,
   Ue as getDatabaseGraphSeries,
   Fe as getDatabaseSubComponents,
-  At as getDispatcherGraphSeries,
+  Tt as getDispatcherGraphSeries,
   Pt as getDispatcherSubComponents,
   Ri as getMessageServerGraphSeries,
   ki as getMessageServerSubComponents,
-  Te as getServerGraphSeries,
-  Ae as getServerSubComponents,
+  Ae as getServerGraphSeries,
+  Te as getServerSubComponents,
   et as makeFaceStyles,
   xi as useAIOpsData,
   vi as useAIOpsDataOptional,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-aiops",
-    "version": "0.1.19",
+    "version": "0.1.20",
     "type": "module",
     "author": "Busaud",
     "license": "MIT",