react-aiops 0.1.13 → 0.1.14

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,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGlD,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;AAED;;;;;;GAMG;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,2CAkIlB"}
+{"version":3,"file":"ServiceNode.d.ts","sourceRoot":"","sources":["../../src/components/ServiceNode.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGlD,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;AAED;;;;;;GAMG;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,2CAmIlB"}

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as e, Fragment as Me } from "react/jsx-runtime";
-import q, { createContext as tt, useContext as ge, useState as R, useEffect as ke, useMemo as Tt, useRef as ie, useCallback as Ge } from "react";
+import q, { createContext as tt, useContext as ye, useState as R, useEffect as Re, useMemo as Tt, useRef as ie, useCallback as Ge } from "react";
 const Ht = {
   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: "⚠️" },
@@ -896,10 +896,10 @@ function jt({ type: t, color: n }) {
 }
 const ut = tt(null), bt = tt({ index: 0 });
 function Ni() {
-  return ge(ut);
+  return ye(ut);
 }
 function Wi() {
-  return ge(bt);
+  return ye(bt);
 }
 function Xt({
   children: t,
@@ -928,7 +928,7 @@ function Xt({
   selectedSystemAlerts: P
 }) {
   const [O, I] = R(0);
-  ke(() => {
+  Re(() => {
     let N;
     if ((o === "compact" || o === "collapsing") && f) {
       const U = () => {
@@ -971,7 +971,7 @@ function Xt({
       y,
       u
     ]
-  ), ye = z.map((N, U) => /* @__PURE__ */ e(bt.Provider, { value: { index: U }, children: N }, U)), me = o === "expanded" || o === "expanding" && i >= 4;
+  ), me = z.map((N, U) => /* @__PURE__ */ e(bt.Provider, { value: { index: U }, children: N }, U)), xe = o === "expanded" || o === "expanding" && i >= 4;
   return /* @__PURE__ */ c(ut.Provider, { value: Z, children: [
     /* @__PURE__ */ c("div", { style: { position: "relative", width: u, height: b, margin: "0 auto", flexShrink: 0 }, children: [
       n && (o === "compact" || o === "collapsing") && /* @__PURE__ */ e(
@@ -994,7 +994,7 @@ function Xt({
           }
         }
       ),
-      ye
+      me
     ] }),
     r && /* @__PURE__ */ e("div", { onClick: (N) => N.stopPropagation(), children: /* @__PURE__ */ e(
       Ut,
@@ -1002,7 +1002,7 @@ function Xt({
         name: r,
         status: x,
         dbSync: C,
-        visible: me && !a,
+        visible: xe && !a,
         metrics: k,
         alerts: P
       }
@@ -1302,7 +1302,7 @@ function Gt({
     }, children: r })
   ] });
 }
-const Re = tt(null), Kt = "cubic-bezier(0.34, 1.56, 0.64, 1)", $t = 330, kt = 340, Zt = 660;
+const Ce = tt(null), Kt = "cubic-bezier(0.34, 1.56, 0.64, 1)", $t = 330, kt = 340, Zt = 660;
 function Lt({
   name: t,
   status: n = "online",
@@ -1325,25 +1325,25 @@ function Lt({
   _onComponentUpdate: S,
   _containerWidth: y
 }) {
-  const x = ge(ut), C = ge(bt), k = a ?? C.index, P = s ?? x?.totalSystems ?? 1, O = l ?? x?.carouselRotation ?? 0, I = h ?? x?.viewState ?? "compact", z = d ?? x?.animPhase ?? 0, K = p ?? x?.selectedSystem ?? null, Z = f ?? x?.selectedComponent ?? null, ye = g ?? x?.rotateY ?? 20, me = u ?? x?.autoRotateComponents ?? !0, N = b ?? x?.componentScale ?? 0.35, U = m ?? x?.drillZoom ?? 3.3, ne = w ?? x?.onSelectSystem, Be = v ?? x?.onComponentClick, oe = S ?? x?.onComponentUpdate, Fe = y ?? x?.containerWidth ?? 950, J = K === t, B = J && (I === "expanded" || I === "expanding" && z >= 1), _ = !B, se = (Fe - Zt) / 2, de = $t + se, Ce = k / P * Math.PI * 2 + O, it = 420, nt = 160, xe = de + Math.cos(Ce) * it, ce = 450 + Math.sin(Ce) * nt, ot = Math.round(ce), T = !J && (I === "expanding" || I === "expanded"), j = T ? 0 : 1, re = _ ? 0.3 + (Math.sin(Ce) + 1) * 0.1 : 1, ee = _ ? re : N, ae = I === "compact" || I === "collapsing" ? "none" : "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)", ve = J && Z, le = ve ? U : 1, pe = Z?.ex ?? 330, F = Z?.ey ?? 300, { size: rt = 90, color: at = "#00e5ff", widthRatio: Ye = 3 } = i ?? {}, we = {
+  const x = ye(ut), C = ye(bt), k = a ?? C.index, P = s ?? x?.totalSystems ?? 1, O = l ?? x?.carouselRotation ?? 0, I = h ?? x?.viewState ?? "compact", z = d ?? x?.animPhase ?? 0, K = p ?? x?.selectedSystem ?? null, Z = f ?? x?.selectedComponent ?? null, me = g ?? x?.rotateY ?? 20, xe = u ?? x?.autoRotateComponents ?? !0, N = b ?? x?.componentScale ?? 0.35, U = m ?? x?.drillZoom ?? 3.3, ne = w ?? x?.onSelectSystem, Be = v ?? x?.onComponentClick, oe = S ?? x?.onComponentUpdate, Fe = y ?? x?.containerWidth ?? 950, J = K === t, B = J && (I === "expanded" || I === "expanding" && z >= 1), _ = !B, se = (Fe - Zt) / 2, de = $t + se, ce = k / P * Math.PI * 2 + O, it = 420, nt = 160, ve = de + Math.cos(ce) * it, pe = 450 + Math.sin(ce) * nt, ot = Math.round(pe), T = !J && (I === "expanding" || I === "expanded"), j = T ? 0 : 1, re = _ ? 0.3 + (Math.sin(ce) + 1) * 0.1 : 1, ee = _ ? re : N, ae = I === "compact" || I === "collapsing" ? "none" : "all 1s cubic-bezier(0.34, 1.56, 0.64, 1)", we = J && Z, le = we ? U : 1, fe = Z?.ex ?? 330, F = Z?.ey ?? 300, { size: rt = 90, color: at = "#00e5ff", widthRatio: Ye = 3 } = i ?? {}, Se = {
     name: t,
     isSelected: J,
     isExpandedPos: B,
     isCompact: _,
     animPhase: z,
-    compactCx: xe,
-    compactCy: ce,
+    compactCx: ve,
+    compactCy: pe,
     groupScale: re,
     effectiveScale: ee,
     transitionValue: ae,
-    rotateY: ye,
-    autoRotateComponents: me,
+    rotateY: me,
+    autoRotateComponents: xe,
     onComponentClick: Be,
     onComponentUpdate: oe,
     selectedComponentName: Z?.name ?? null,
     expandedOffsetX: se
   };
-  return /* @__PURE__ */ e(Re.Provider, { value: we, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ e(Ce.Provider, { value: Se, children: /* @__PURE__ */ c(
     "div",
     {
       style: {
@@ -1355,10 +1355,10 @@ function Lt({
         pointerEvents: "none",
         opacity: j,
         transition: `opacity 0.8s ease, filter 0.5s ease, transform 0.6s ${Kt}`,
-        filter: _ && Math.sin(Ce) < -0.5 ? "brightness(0.5) blur(2px)" : "none",
+        filter: _ && Math.sin(ce) < -0.5 ? "brightness(0.5) blur(2px)" : "none",
         zIndex: J ? 500 : T ? 0 : ot,
         transformOrigin: `${de}px ${kt}px`,
-        transform: ve ? `translate(${-(pe - $t) * le}px, ${-(F - kt) * le}px) scale(${le})` : "none"
+        transform: we ? `translate(${-(fe - $t) * le}px, ${-(F - kt) * le}px) scale(${le})` : "none"
       },
       children: [
         _ && !T && /* @__PURE__ */ e(
@@ -1366,8 +1366,8 @@ function Lt({
           {
             style: {
               position: "absolute",
-              left: xe,
-              top: ce,
+              left: ve,
+              top: pe,
               width: 160,
               height: 180,
               transform: "translate(-50%, -80%)",
@@ -1385,8 +1385,8 @@ function Lt({
           {
             style: {
               position: "absolute",
-              left: xe,
-              top: ce - 200,
+              left: ve,
+              top: pe - 200,
               transform: `translate(-50%, -50%) scale(${re})`,
               zIndex: 110,
               pointerEvents: "none",
@@ -1433,8 +1433,8 @@ function Lt({
           {
             style: {
               position: "absolute",
-              left: B ? de : xe,
-              top: B ? 48 : ce - 180,
+              left: B ? de : ve,
+              top: B ? 48 : pe - 180,
               transform: `translate(-50%, -50%) scale(${B ? 1.2 : re * 1.5})`,
               opacity: 1,
               pointerEvents: "none",
@@ -1486,8 +1486,8 @@ function Lt({
           {
             style: {
               position: "absolute",
-              left: B ? de : xe,
-              top: B ? 570 : ce + 70,
+              left: B ? de : ve,
+              top: B ? 570 : pe + 70,
               transform: `translate(-50%, -50%) scaleX(${B ? 1 : 0.4}) scaleY(${B ? 1 : 0.6}) scale(${B ? 1 : re})`,
               transition: ae,
               zIndex: 1
@@ -1513,7 +1513,7 @@ function W({
   internalRef: d,
   forceShow: p = !1
 }) {
-  const f = ge(Re), g = f?.expandedOffsetX ?? 0;
+  const f = ye(Ce), g = f?.expandedOffsetX ?? 0;
   if (o === "online" && !p) return null;
   const u = l && !!f?.isExpandedPos, b = o === "online" ? $.warning.color : $[o]?.color ?? $.warning.color, m = Math.abs(a) > Math.abs(s), w = t + g + (m ? Math.sign(a) * 45 : 0), v = n + (m ? 0 : Math.sign(s) * 40), S = t + g + a, y = n + s;
   let x = "";
@@ -1664,7 +1664,7 @@ function A({
   bare: g = !1,
   alert: u
 }) {
-  const b = ge(Re);
+  const b = ye(Ce);
   if (!b)
     throw new Error("ServiceNode must be used inside a <Service> component.");
   const {
@@ -1679,7 +1679,7 @@ function A({
     onComponentUpdate: P,
     selectedComponentName: O,
     expandedOffsetX: I
-  } = b, K = p === 0 || b.isSelected && w >= p ? 1 : 0, Z = v + o.x, ye = S + o.y, me = m ? t + I : Z, N = m ? n : ye, U = f !== void 0 ? f : b.isCompact ? y : x, ne = !!d && !!O && d.name === O, Be = d?.status ? $[d.status]?.color ?? a : a, oe = d?.status === "offline" ? "#4a6a8a" : Be, Fe = d && m && k ? () => k({
+  } = b, K = p === 0 || b.isSelected && w >= p ? 1 : 0, Z = v + o.x, me = S + o.y, xe = m ? t + I : Z, N = m ? n : me, U = f !== void 0 ? f : b.isCompact ? y : x, ne = !!d && !!O && d.name === O, Be = d?.status ? $[d.status]?.color ?? a : a, oe = d?.status === "offline" ? "#4a6a8a" : Be, Fe = d && m && k ? () => k({
     type: d.type,
     name: d.name,
     status: d.status,
@@ -1690,7 +1690,7 @@ function A({
     subComponents: d.subComponents,
     graphSeries: d.graphSeries
   }) : void 0, J = JSON.stringify(d?.context ?? {}), B = JSON.stringify(d?.dialogMetrics ?? []);
-  ke(() => {
+  Re(() => {
     !ne || !d || !P || P({
       type: d.type,
       name: d.name,
@@ -1703,16 +1703,14 @@ function A({
       graphSeries: d.graphSeries
     });
   }, [ne, d?.status, J, B]);
-  const _ = d?.status === "warning" || d?.status === "critical" || !!u;
-  u && d?.status === "online" && $.warning.color;
-  const se = d?.status ?? "online", de = d?.name ?? s ?? "";
+  const _ = d?.status === "warning" || d?.status === "critical" || !!u, se = u && d?.status === "online" ? $.warning.color : oe, de = d?.status ?? "online", ce = d?.name ?? s ?? "";
   return /* @__PURE__ */ c(Me, { children: [
     /* @__PURE__ */ e(
       "div",
       {
         style: {
           position: "absolute",
-          left: me,
+          left: xe,
           top: N,
           transform: `translate(-50%, -50%) scale(${U})`,
           opacity: K,
@@ -1724,6 +1722,7 @@ function A({
           Jt,
           {
             statusColor: oe,
+            alertColor: se,
             label: s,
             subLabel: l,
             delay: h,
@@ -1742,8 +1741,8 @@ function A({
       {
         ex: t,
         ey: n,
-        status: se,
-        title: de,
+        status: de,
+        title: ce,
         msg: u.msg,
         offsetX: u.offsetX ?? 110,
         offsetY: u.offsetY ?? -30,
@@ -1758,44 +1757,45 @@ function A({
 function Jt({
   children: t,
   statusColor: n,
-  label: o,
-  subLabel: i,
-  delay: r = "0s",
-  showLabels: a = !0,
-  isCompact: s = !1,
-  onClick: l,
-  isSelected: h = !1,
-  isAlerting: d = !1
+  alertColor: o,
+  label: i,
+  subLabel: r,
+  delay: a = "0s",
+  showLabels: s = !0,
+  isCompact: l = !1,
+  onClick: h,
+  isSelected: d = !1,
+  isAlerting: p = !1
 }) {
-  const [p, f] = R(!1), g = h ? `brightness(1.5) drop-shadow(0 0 24px ${n}cc) drop-shadow(0 0 8px ${n}88)` : p && l ? `brightness(1.2) drop-shadow(0 0 12px ${n}77)` : "";
+  const f = o ?? n, [g, u] = R(!1), b = d ? `brightness(1.5) drop-shadow(0 0 24px ${n}cc) drop-shadow(0 0 8px ${n}88)` : g && h ? `brightness(1.2) drop-shadow(0 0 12px ${n}77)` : "";
   return /* @__PURE__ */ c(
     "div",
     {
-      className: `float-node${l ? " float-node--interactive" : ""}`,
-      onClick: (u) => {
-        l && (u.stopPropagation(), l());
+      className: `float-node${h ? " float-node--interactive" : ""}`,
+      onClick: (m) => {
+        h && (m.stopPropagation(), h());
       },
       style: {
-        cursor: l ? "pointer" : void 0,
+        cursor: h ? "pointer" : void 0,
         transition: "filter 0.3s ease",
-        filter: g
+        filter: b
       },
-      onMouseEnter: () => f(!0),
-      onMouseLeave: () => f(!1),
-      role: l ? "button" : void 0,
-      title: l ? "Click to inspect internal components" : void 0,
+      onMouseEnter: () => u(!0),
+      onMouseLeave: () => u(!1),
+      role: h ? "button" : void 0,
+      title: h ? "Click to inspect internal components" : void 0,
       children: [
-        d && /* @__PURE__ */ e(
+        p && /* @__PURE__ */ e(
           "div",
           {
             className: "node-alert-glow",
             style: {
-              "--pulse-color": alertGlowColor,
-              boxShadow: `0 0 20px ${alertGlowColor}, 0 0 40px ${alertGlowColor}66`
+              "--pulse-color": f,
+              boxShadow: `0 0 20px ${f}, 0 0 40px ${f}66`
             }
           }
         ),
-        /* @__PURE__ */ c("div", { className: "float-body", style: { animationDelay: r }, children: [
+        /* @__PURE__ */ c("div", { className: "float-body", style: { animationDelay: a }, children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -1806,7 +1806,7 @@ function Jt({
               }
             }
           ),
-          /* @__PURE__ */ e("div", { style: s ? { background: "#040c1a", borderRadius: 2 } : void 0, children: s && q.isValidElement(t) ? q.cloneElement(t, {
+          /* @__PURE__ */ e("div", { style: l ? { background: "#040c1a", borderRadius: 2 } : void 0, children: l && q.isValidElement(t) ? q.cloneElement(t, {
             _compact: !0
           }) : t })
         ] }),
@@ -1814,12 +1814,12 @@ function Jt({
           "div",
           {
             style: {
-              opacity: a ? 1 : 0,
+              opacity: s ? 1 : 0,
               transition: "opacity 0.5s ease"
             },
             children: [
-              o && /* @__PURE__ */ e("div", { className: "node-tag", style: { color: n + "cc" }, children: o }),
-              i && /* @__PURE__ */ e("div", { className: "node-subtag", style: { color: n + "77" }, children: i })
+              i && /* @__PURE__ */ e("div", { className: "node-tag", style: { color: n + "cc" }, children: i }),
+              r && /* @__PURE__ */ e("div", { className: "node-subtag", style: { color: n + "77" }, children: r })
             ]
           }
         )
@@ -1862,7 +1862,7 @@ function It({ synced: t, latencyMs: n }) {
     ] })
   ] });
 }
-const fe = 140, X = 240, be = 160, Pe = ht(fe, X, be);
+const he = 140, X = 240, ge = 160, Pe = ht(he, X, ge);
 function ei({
   cfg: t,
   name: n,
@@ -1882,7 +1882,7 @@ function ei({
     "div",
     {
       style: {
-        width: fe,
+        width: he,
         height: X,
         background: a ? ze : ft,
         position: "relative",
@@ -2280,7 +2280,7 @@ function ti() {
     "div",
     {
       style: {
-        width: fe,
+        width: he,
         height: X,
         background: "linear-gradient(180deg, #040c1a 0%, #030810 100%)",
         position: "relative",
@@ -2399,7 +2399,7 @@ function Rt({
     "div",
     {
       style: {
-        width: be,
+        width: ge,
         height: X,
         background: i ? "linear-gradient(90deg, #040c1c 0%, #071428 60%, #040c1c 100%)" : "linear-gradient(90deg, #040c1c 0%, #071428 40%, #040c1c 100%)",
         position: "relative",
@@ -2425,7 +2425,7 @@ function Rt({
             style: {
               position: "absolute",
               top: r,
-              left: i ? 10 : be - 18,
+              left: i ? 10 : ge - 18,
               width: 8,
               height: 8,
               borderRadius: 1,
@@ -2471,7 +2471,7 @@ function Rt({
             style: {
               position: "absolute",
               top: X * 0.18,
-              left: i ? 12 : be - 78,
+              left: i ? 12 : ge - 78,
               fontSize: 7,
               color: "#1a3050",
               letterSpacing: "0.2em",
@@ -2490,13 +2490,13 @@ function Rt({
   );
 }
 function ii({ 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((be - 18) / 7);
+  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((ge - 18) / 7);
   return /* @__PURE__ */ c(
     "div",
     {
       style: {
-        width: fe,
-        height: be,
+        width: he,
+        height: ge,
         background: "linear-gradient(180deg, #0c1c30 0%, #070f1e 40%, #040c1a 100%)",
         position: "relative",
         overflow: "hidden"
@@ -2510,7 +2510,7 @@ function ii({ cpuLoad: t }) {
               top: 0,
               left: 0,
               right: 0,
-              height: be * 0.4,
+              height: ge * 0.4,
               background: `radial-gradient(ellipse at 50% 0%, ${o} 0%, transparent 70%)`
             }
           }
@@ -2569,7 +2569,7 @@ function ii({ cpuLoad: t }) {
     }
   );
 }
-function $e({
+function ke({
   rotateX: t = -22,
   rotateY: n = 20,
   rotateZ: o = 0,
@@ -2583,7 +2583,7 @@ function $e({
   _compact: p
 }) {
   const [f, g] = R(n), u = ie(0), b = ie(0);
-  ke(() => {
+  Re(() => {
     if (!r) {
       g(n);
       return;
@@ -2600,7 +2600,7 @@ function $e({
     "div",
     {
       style: {
-        width: fe * i,
+        width: he * i,
         height: X * i,
         position: "relative",
         display: "flex",
@@ -2653,7 +2653,7 @@ function $e({
           {
             style: {
               position: "absolute",
-              width: fe * 1.4 * i,
+              width: he * 1.4 * i,
               height: X * 0.8 * i,
               background: `radial-gradient(ellipse, ${m.glow} 0%, transparent 65%)`,
               filter: `blur(${Math.round(45 * i)}px)`,
@@ -2677,7 +2677,7 @@ function $e({
               "div",
               {
                 style: {
-                  width: fe,
+                  width: he,
                   height: X,
                   position: "relative",
                   transformStyle: "preserve-3d",
@@ -2705,8 +2705,8 @@ function $e({
                     "div",
                     {
                       style: {
-                        width: fe,
-                        height: be,
+                        width: he,
+                        height: ge,
                         background: "linear-gradient(180deg, #030710, #020508)"
                       }
                     }
@@ -2761,11 +2761,11 @@ function Mi({
         graphSeries: m
       },
       alert: w,
-      children: /* @__PURE__ */ e($e, { status: a, cpuLoad: p, memLoad: f, brandLabel: g })
+      children: /* @__PURE__ */ e(ke, { status: a, cpuLoad: p, memLoad: f, brandLabel: g })
     }
   );
 }
-const pt = 12, Se = 55, te = Se * 2, Oe = 52, gt = 10, lt = 3 * Oe + 2 * gt, Ee = 2 * Math.PI * Se / pt, st = Array.from({ length: pt }, (t, n) => n / pt * 360);
+const pt = 12, $e = 55, te = $e * 2, Oe = 52, gt = 10, lt = 3 * Oe + 2 * gt, Ee = 2 * Math.PI * $e / pt, st = Array.from({ length: pt }, (t, n) => n / pt * 360);
 function dt(t) {
   return Math.cos(t * Math.PI / 180) * 0.42 + 0.58;
 }
@@ -2789,7 +2789,7 @@ function ni({
             height: Oe,
             left: (te - Ee) / 2,
             top: t,
-            transform: `rotateY(${s}deg) translateZ(${Se}px)`,
+            transform: `rotateY(${s}deg) translateZ(${$e}px)`,
             backfaceVisibility: "hidden",
             background: d ? a ? "linear-gradient(180deg, rgb(0,28,62), rgb(0,18,44))" : "linear-gradient(180deg, rgba(0,28,62,0.70), rgba(0,18,44,0.76))" : `rgb(${p},${f},${g})`,
             borderLeft: `1px solid ${o.color}${u}`,
@@ -2851,7 +2851,7 @@ function ni({
           width: te + 4,
           height: te + 4,
           left: -2,
-          top: t - Se,
+          top: t - $e,
           borderRadius: "50%",
           transform: "rotateX(90deg)",
           backfaceVisibility: "hidden",
@@ -2912,7 +2912,7 @@ function ni({
           width: te + 4,
           height: te + 4,
           left: -2,
-          top: t + Oe - Se,
+          top: t + Oe - $e,
           borderRadius: "50%",
           transform: "rotateX(-90deg)",
           backfaceVisibility: "hidden",
@@ -2947,7 +2947,7 @@ function ni({
             height: 6,
             left: (te - Ee - 1.5) / 2,
             top: t + Oe - 3,
-            transform: `rotateY(${s}deg) translateZ(${Se + 1.5}px)`,
+            transform: `rotateY(${s}deg) translateZ(${$e + 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}`,
@@ -2968,7 +2968,7 @@ function ni({
             height: gt,
             left: (te - Ee) / 2,
             top: t + Oe,
-            transform: `rotateY(${s}deg) translateZ(${Se}px)`,
+            transform: `rotateY(${s}deg) translateZ(${$e}px)`,
             backfaceVisibility: "hidden",
             background: `rgb(${d},${p},${f})`
           }
@@ -2991,7 +2991,7 @@ function Ue({
   _compact: l
 }) {
   const [h, d] = R(n), p = ie(0), f = ie(0);
-  ke(() => {
+  Re(() => {
     if (!r) {
       d(n);
       return;
@@ -3298,7 +3298,7 @@ function Bi({
     }
   );
 }
-const he = 190, Q = 72, Le = 120, Ae = ht(he, Q, Le);
+const ue = 190, Q = 72, Le = 120, Ae = ht(ue, Q, Le);
 function oi({
   cfg: t,
   name: n,
@@ -3311,7 +3311,7 @@ function oi({
     "div",
     {
       style: {
-        width: he,
+        width: ue,
         height: Q,
         background: r ? ze : ft,
         position: "relative",
@@ -3566,7 +3566,7 @@ function ri() {
     "div",
     {
       style: {
-        width: he,
+        width: ue,
         height: Q,
         background: "linear-gradient(180deg, #040c1a, #030810)",
         position: "relative",
@@ -3712,7 +3712,7 @@ function ai({ traffic: t }) {
     "div",
     {
       style: {
-        width: he,
+        width: ue,
         height: Le,
         background: "linear-gradient(180deg, #0c1c30 0%, #07101e 40%, #040c1a 100%)",
         position: "relative",
@@ -3778,7 +3778,7 @@ function mt({
   _compact: d
 }) {
   const [p, f] = R(n), g = ie(0), u = ie(0);
-  ke(() => {
+  Re(() => {
     if (!r) {
       f(n);
       return;
@@ -3795,7 +3795,7 @@ function mt({
     "div",
     {
       style: {
-        width: he * i,
+        width: ue * i,
         height: Q * i,
         position: "relative",
         display: "flex",
@@ -3856,7 +3856,7 @@ function mt({
           {
             style: {
               position: "absolute",
-              width: he * 1.3 * i,
+              width: ue * 1.3 * i,
               height: Q * 2 * i,
               background: `radial-gradient(ellipse, ${b.glow} 0%, transparent 65%)`,
               filter: `blur(${Math.round(40 * i)}px)`,
@@ -3880,7 +3880,7 @@ function mt({
               "div",
               {
                 style: {
-                  width: he,
+                  width: ue,
                   height: Q,
                   position: "relative",
                   transformStyle: "preserve-3d",
@@ -3902,7 +3902,7 @@ function mt({
                   /* @__PURE__ */ e("div", { style: Ae.left, children: /* @__PURE__ */ e(Ct, { side: "left", color: b.color }) }),
                   /* @__PURE__ */ e("div", { style: Ae.right, children: /* @__PURE__ */ e(Ct, { side: "right", color: b.color }) }),
                   /* @__PURE__ */ e("div", { style: Ae.top, children: /* @__PURE__ */ e(ai, { traffic: l }) }),
-                  /* @__PURE__ */ e("div", { style: Ae.bottom, children: /* @__PURE__ */ e("div", { style: { width: he, height: Le, background: "#020508" } }) })
+                  /* @__PURE__ */ e("div", { style: Ae.bottom, children: /* @__PURE__ */ e("div", { style: { width: ue, height: Le, background: "#020508" } }) })
                 ]
               }
             )
@@ -3956,7 +3956,7 @@ function Fi({
     }
   );
 }
-const ue = 190, G = 72, Ie = 120, Te = ht(ue, G, Ie), Pt = {
+const be = 190, G = 72, Ie = 120, Te = ht(be, G, Ie), Pt = {
   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)" },
@@ -3975,7 +3975,7 @@ function li({
     "div",
     {
       style: {
-        width: ue,
+        width: be,
         height: G,
         background: a ? ze : ft,
         position: "relative",
@@ -4226,7 +4226,7 @@ function si() {
     "div",
     {
       style: {
-        width: ue,
+        width: be,
         height: G,
         background: "linear-gradient(180deg, #040c1a, #030810)",
         position: "relative",
@@ -4372,7 +4372,7 @@ function di({ queueDepth: t, color: n }) {
     "div",
     {
       style: {
-        width: ue,
+        width: be,
         height: Ie,
         background: "linear-gradient(180deg, #0c1c30 0%, #07101e 40%, #040c1a 100%)",
         position: "relative",
@@ -4439,7 +4439,7 @@ function Dt({
   _compact: p
 }) {
   const [f, g] = R(n), u = ie(0), b = ie(0);
-  ke(() => {
+  Re(() => {
     if (!r) {
       g(n);
       return;
@@ -4456,7 +4456,7 @@ function Dt({
     "div",
     {
       style: {
-        width: ue * i,
+        width: be * i,
         height: G * i,
         position: "relative",
         display: "flex",
@@ -4517,7 +4517,7 @@ function Dt({
           {
             style: {
               position: "absolute",
-              width: ue * 1.3 * i,
+              width: be * 1.3 * i,
               height: G * 2 * i,
               background: `radial-gradient(ellipse, ${m.glow} 0%, transparent 65%)`,
               filter: `blur(${Math.round(40 * i)}px)`,
@@ -4541,7 +4541,7 @@ function Dt({
               "div",
               {
                 style: {
-                  width: ue,
+                  width: be,
                   height: G,
                   position: "relative",
                   transformStyle: "preserve-3d",
@@ -4564,7 +4564,7 @@ function Dt({
                   /* @__PURE__ */ e("div", { style: Te.left, children: /* @__PURE__ */ e(Et, { side: "left", color: m.color }) }),
                   /* @__PURE__ */ e("div", { style: Te.right, children: /* @__PURE__ */ e(Et, { side: "right", color: m.color }) }),
                   /* @__PURE__ */ e("div", { style: Te.top, children: /* @__PURE__ */ e(di, { queueDepth: l, color: m.color }) }),
-                  /* @__PURE__ */ e("div", { style: Te.bottom, children: /* @__PURE__ */ e("div", { style: { width: ue, height: Ie, background: "#020508" } }) })
+                  /* @__PURE__ */ e("div", { style: Te.bottom, children: /* @__PURE__ */ e("div", { style: { width: be, height: Ie, background: "#020508" } }) })
                 ]
               }
             )
@@ -6090,13 +6090,13 @@ function yi({ onSubmit: t }) {
 }
 const xt = tt(null);
 function mi() {
-  const t = ge(xt);
+  const t = ye(xt);
   if (!t)
     throw new Error("useAIOpsData must be used within an AIOPsDashboard with dataEndpoint configured");
   return t;
 }
 function xi() {
-  return ge(xt);
+  return ye(xt);
 }
 function Yi(t) {
   const { data: n } = mi();
@@ -6158,7 +6158,7 @@ function Si({ config: t, children: n }) {
       }
     }
   }, []);
-  ke(() => {
+  Re(() => {
     if (!r) return;
     b();
     const v = g.current.refreshInterval ?? 6e4, S = window.setInterval(b, v);
@@ -6219,7 +6219,7 @@ function At({
     }, 1e3));
   }, Z = Ge((T) => {
     P(T), I(0);
-  }, []), ye = Ge((T) => {
+  }, []), me = Ge((T) => {
     P(T);
   }, []);
   q.useEffect(() => {
@@ -6230,7 +6230,7 @@ function At({
     }, ee = requestAnimationFrame(re);
     return () => cancelAnimationFrame(ee);
   }, [k]);
-  const me = () => {
+  const xe = () => {
     P(null), I(0);
   }, N = h ?? wi, U = p?.data, { enhancedChildren: ne, liveAlerts: Be } = Tt(() => {
     const T = {};
@@ -6240,28 +6240,28 @@ function At({
       if (!q.isValidElement(ee)) return ee;
       const V = ee.props.name;
       if (!V || !l[V]) return ee;
-      const ae = l[V], ve = {}, le = {};
-      for (const [pe, F] of Object.entries(ae)) {
+      const ae = l[V], we = {}, le = {};
+      for (const [fe, F] of Object.entries(ae)) {
         const rt = typeof F == "string" ? F : F.query, at = typeof F == "object" && F.transform ? F.transform : N, Ye = U[rt];
         if (Ye === void 0) continue;
-        const we = at(Ye);
-        if (ve[pe] = we, typeof F == "object" && F.alert && typeof we == "number") {
-          const { prop: H, warnAt: Ve = 70, critAt: St = 85, label: Ft } = F.alert, _e = Ft ?? pe, je = Math.round(we);
-          if (we >= St) {
+        const Se = at(Ye);
+        if (we[fe] = Se, typeof F == "object" && F.alert && typeof Se == "number") {
+          const { prop: H, warnAt: Ve = 70, critAt: St = 85, label: Ft } = F.alert, _e = Ft ?? fe, je = Math.round(Se);
+          if (Se >= St) {
             const He = le[H];
             (!He || He.severity < 2) && (le[H] = {
               msg: `${_e} critical — ${je}%`,
-              internalRef: pe,
+              internalRef: fe,
               severity: 2
             }), j[V] || (j[V] = []), j[V].push({
               level: "critical",
               message: `${_e} at ${je}% — exceeds critical threshold (${St}%)`
             });
-          } else if (we >= Ve) {
+          } else if (Se >= Ve) {
             const He = le[H];
             (!He || He.severity < 1) && (le[H] = {
               msg: `${_e} elevated — ${je}%`,
-              internalRef: pe,
+              internalRef: fe,
               severity: 1
             }), j[V] || (j[V] = []), j[V].push({
               level: "warning",
@@ -6270,11 +6270,11 @@ function At({
           }
         }
       }
-      for (const [pe, F] of Object.entries(le))
-        ve[pe] = { msg: F.msg, internalRef: F.internalRef };
-      return Object.keys(ve).length > 0 ? q.cloneElement(ee, ve) : ee;
+      for (const [fe, F] of Object.entries(le))
+        we[fe] = { msg: F.msg, internalRef: F.internalRef };
+      return Object.keys(we).length > 0 ? q.cloneElement(ee, we) : ee;
     }), liveAlerts: j };
-  }, [d, U, l, N]), oe = o.find((T) => T.name === x), Fe = oe?.status ?? "online", J = oe?.dbSync ?? !0, B = oe?.metrics, _ = Be[x ?? ""] ?? [], se = oe?.alerts ?? [], de = _.length > 0 ? [..._, ...se.filter((T) => T.level !== "info")] : se, Ce = p?.lastRefreshError ?? null, it = 330, nt = 340, xe = k ? 1.15 : 1, ce = k ? -(k.ex - it) * 0.06 : 0, ot = k ? -(k.ey - nt) * 0.06 : 0;
+  }, [d, U, l, N]), oe = o.find((T) => T.name === x), Fe = oe?.status ?? "online", J = oe?.dbSync ?? !0, B = oe?.metrics, _ = Be[x ?? ""] ?? [], se = oe?.alerts ?? [], de = _.length > 0 ? [..._, ...se.filter((T) => T.level !== "info")] : se, ce = p?.lastRefreshError ?? null, it = 330, nt = 340, ve = k ? 1.15 : 1, pe = k ? -(k.ex - it) * 0.06 : 0, ot = k ? -(k.ey - nt) * 0.06 : 0;
   return /* @__PURE__ */ c("div", { className: "app", style: s ? { fontFamily: s } : void 0, children: [
     /* @__PURE__ */ e(
       "div",
@@ -6289,7 +6289,7 @@ function At({
           backgroundPosition: "center center",
           backgroundRepeat: "no-repeat",
           transition: "transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)",
-          transform: `translate(${ce}px, ${ot}px) scale(${xe})`,
+          transform: `translate(${pe}px, ${ot}px) scale(${ve})`,
           willChange: "transform"
         }
       }
@@ -6300,7 +6300,7 @@ function At({
         /* @__PURE__ */ e("span", { className: "brand-text", children: t })
       ] }),
       /* @__PURE__ */ c("div", { className: "hdr-right", children: [
-        Ce && /* @__PURE__ */ c("div", { className: "hdr-refresh-error", children: [
+        ce && /* @__PURE__ */ c("div", { className: "hdr-refresh-error", children: [
           /* @__PURE__ */ e("span", { className: "refresh-error-dot" }),
           /* @__PURE__ */ e("span", { className: "refresh-error-text", children: "DATA REFRESH FAILED" })
         ] }),
@@ -6333,8 +6333,8 @@ function At({
             onSelectSystem: z,
             onBackgroundClick: K,
             onComponentClick: Z,
-            onComponentUpdate: ye,
-            onCloseDrill: me,
+            onComponentUpdate: me,
+            onCloseDrill: xe,
             selectedSystemStatus: Fe,
             selectedSystemDbSync: J,
             selectedSystemMetrics: B,
@@ -6506,7 +6506,7 @@ const Ri = [
   { from: [495, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" }
 ];
 function Ci({ config: t }) {
-  const n = q.useContext(Re), o = n?.rotateY ?? 20, i = n?.autoRotateComponents ?? !0, { wdStatus: r, msStatus: a, srv1Status: s, srv2Status: l, srv3Status: h, pdbStatus: d, sdbStatus: p, dbSync: f } = t;
+  const n = q.useContext(Ce), o = n?.rotateY ?? 20, i = n?.autoRotateComponents ?? !0, { wdStatus: r, msStatus: a, srv1Status: s, srv2Status: l, srv3Status: h, pdbStatus: d, sdbStatus: p, dbSync: f } = t;
   return /* @__PURE__ */ c(Me, { children: [
     /* @__PURE__ */ e(
       A,
@@ -6607,7 +6607,7 @@ function Ci({ config: t }) {
           graphSeries: We({ cpuLoad: 67, memLoad: 72 })
         },
         children: /* @__PURE__ */ e(
-          $e,
+          ke,
           {
             rotateY: o,
             autoRotate: i,
@@ -6640,7 +6640,7 @@ function Ci({ config: t }) {
           graphSeries: We({ cpuLoad: 89, memLoad: 91 })
         },
         children: /* @__PURE__ */ e(
-          $e,
+          ke,
           {
             rotateY: o,
             autoRotate: i,
@@ -6673,7 +6673,7 @@ function Ci({ config: t }) {
           graphSeries: We({ cpuLoad: 45, memLoad: 63 })
         },
         children: /* @__PURE__ */ e(
-          $e,
+          ke,
           {
             rotateY: o,
             autoRotate: i,
@@ -6769,7 +6769,7 @@ function Ci({ config: t }) {
   ] });
 }
 function Pi({ config: t }) {
-  const n = q.useContext(Re), { wdStatus: o, msStatus: i, srv1Status: r, srv2Status: a, srv3Status: s, pdbStatus: l, sdbStatus: h, dbSync: d } = t, p = n?.isSelected && n?.isExpandedPos;
+  const n = q.useContext(Ce), { wdStatus: o, msStatus: i, srv1Status: r, srv2Status: a, srv3Status: s, pdbStatus: l, sdbStatus: h, dbSync: d } = t, p = n?.isSelected && n?.isExpandedPos;
   return n?.isSelected ? /* @__PURE__ */ c("div", { style: { pointerEvents: "none" }, children: [
     /* @__PURE__ */ e(
       W,
@@ -6957,7 +6957,7 @@ const Ei = [
   { from: [495, 390], to: [200, 520], visibleAtPhase: 5, color: "#ff8c00" }
 ];
 function Ai({ config: t }) {
-  const n = q.useContext(Re), o = n?.rotateY ?? 20, i = n?.autoRotateComponents ?? !0, { dispStatus: r, srv1Status: a, srv2Status: s, srv3Status: l, pdbStatus: h, sdbStatus: d, dbSync: p } = t;
+  const n = q.useContext(Ce), o = n?.rotateY ?? 20, i = n?.autoRotateComponents ?? !0, { dispStatus: r, srv1Status: a, srv2Status: s, srv3Status: l, pdbStatus: h, sdbStatus: d, dbSync: p } = t;
   return /* @__PURE__ */ c(Me, { children: [
     /* @__PURE__ */ e(
       A,
@@ -7024,7 +7024,7 @@ function Ai({ config: t }) {
           graphSeries: We({ cpuLoad: 67, memLoad: 72 })
         },
         children: /* @__PURE__ */ e(
-          $e,
+          ke,
           {
             rotateY: o,
             autoRotate: i,
@@ -7057,7 +7057,7 @@ function Ai({ config: t }) {
           graphSeries: We({ cpuLoad: 89, memLoad: 91 })
         },
         children: /* @__PURE__ */ e(
-          $e,
+          ke,
           {
             rotateY: o,
             autoRotate: i,
@@ -7090,7 +7090,7 @@ function Ai({ config: t }) {
           graphSeries: We({ cpuLoad: 45, memLoad: 63 })
         },
         children: /* @__PURE__ */ e(
-          $e,
+          ke,
           {
             rotateY: o,
             autoRotate: i,
@@ -7186,7 +7186,7 @@ function Ai({ config: t }) {
   ] });
 }
 function Ti({ config: t }) {
-  const n = q.useContext(Re), { dispStatus: o, srv1Status: i, srv2Status: r, srv3Status: a, pdbStatus: s, sdbStatus: l, dbSync: h } = t, d = n?.isSelected && n?.isExpandedPos;
+  const n = q.useContext(Ce), { dispStatus: o, srv1Status: i, srv2Status: r, srv3Status: a, pdbStatus: s, sdbStatus: l, dbSync: h } = t, d = n?.isSelected && n?.isExpandedPos;
   return n?.isSelected ? /* @__PURE__ */ c("div", { style: { pointerEvents: "none" }, children: [
     /* @__PURE__ */ e(
       W,
@@ -7339,10 +7339,10 @@ export {
   Xi as SAPService,
   Ri as SAP_CONNECTIONS,
   $ as STATUS_CFG,
-  $e as Server3D,
+  ke as Server3D,
   Mi as ServerNode,
   Lt as Service,
-  Re as ServiceContext,
+  Ce as ServiceContext,
   Ut as ServiceDialog,
   A as ServiceNode,
   qt as SvgConnection,

package/package.json

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