react-dashstream 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.js +91 -84
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes status-change-pulse{0%{opacity:0;transform:scale(.6)}10%{opacity:1;transform:scale(1.15)}25%{opacity:.1;transform:scale(.95)}40%{opacity:.9;transform:scale(1.1)}60%{opacity:.15;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.app{display:grid;grid-template-rows:52px 1fr;width:100%;height:100vh;overflow:hidden;position:relative;background:#020810;color:#c8dff0;font-family:Segoe UI,system-ui
|
|
1
|
+
@keyframes status-change-pulse{0%{opacity:0;transform:scale(.6)}10%{opacity:1;transform:scale(1.15)}25%{opacity:.1;transform:scale(.95)}40%{opacity:.9;transform:scale(1.1)}60%{opacity:.15;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.app{display:grid;grid-template-rows:52px 1fr;width:100%;height:100vh;overflow:hidden;position:relative;background:#020810;color:#c8dff0;font-family:var(--aiops-font-family, "Segoe UI", system-ui, -apple-system, sans-serif);-webkit-font-smoothing:antialiased}.app-header{display:flex;align-items:center;gap:18px;padding:0 24px;border-bottom:1px solid rgba(0,229,255,.08);background:#020810eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:10}.hdr-brand{display:flex;align-items:center;gap:8px}.brand-pulse{width:7px;height:7px;border-radius:50%;background:#00e5ff;box-shadow:0 0 8px #00e5ff,0 0 18px #00e5ff80;animation:holo-led-blink 2s linear infinite}.brand-text{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#00e5ff;opacity:.7}.hdr-right{display:flex;align-items:center;gap:8px;margin-left:auto}.hdr-tag{font-size:9px;letter-spacing:.2em;color:#00e5ff59;border:1px solid rgba(0,229,255,.15);padding:3px 8px;border-radius:2px}.scene{display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:0;position:relative;z-index:1;gap:0;background:transparent}.float-node{display:flex;flex-direction:column;align-items:center;position:relative}.float-node--interactive:before{content:"";position:absolute;inset:-40px -35px -15px}.float-body{position:relative;animation:holo-float 4s ease-in-out infinite}.scan-line{position:absolute;top:0;left:0;right:0;height:1.5px;animation:holo-scan 3.5s linear infinite;pointer-events:none;z-index:10}.node-tag{font-size:24px;letter-spacing:.2em;text-transform:uppercase;font-family:var(--aiops-font-family, "Courier New", monospace);margin-top:14px;text-align:center;text-shadow:0 0 6px currentColor}.node-subtag{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-family:var(--aiops-font-family, "Courier New", monospace);margin-top:4px;text-align:center}.sync-bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:110px;gap:6px;flex-shrink:0;font-family:var(--aiops-font-family, "Courier New", monospace)}.sync-arrows{display:flex;align-items:center;width:100%;gap:4px}.sync-line{flex:1;height:2px;border-radius:1px;animation:holo-beam-pulse 1.8s ease-in-out infinite}.sync-status{font-size:8px;letter-spacing:.18em;text-transform:uppercase;text-align:center}.sync-latency{font-size:6.5px;letter-spacing:.1em;text-align:center;font-family:var(--aiops-font-family, "Courier New", monospace)}.base-ring{position:absolute;top:50%;left:50%;border-style:solid;border-radius:50%;transform:translate(-50%,-50%) scaleY(.22);animation:holo-ring-pulse 2.5s ease-in-out infinite}.base-hotspot{position:absolute;top:50%;left:50%;width:8%;height:8%;border-radius:50%;transform:translate(-50%,-50%) scaleY(.22);background:radial-gradient(circle,#ffffff 0%,#ff8c00 35%,transparent 70%);box-shadow:0 0 20px #ff8c00,0 0 40px #ff8c0080}@keyframes refresh-error-pulse{0%,to{opacity:1;box-shadow:0 0 6px #f25,0 0 14px #f256}50%{opacity:.5;box-shadow:0 0 3px #f25}}.hdr-refresh-error{display:flex;align-items:center;gap:7px;padding:3px 10px;border:1px solid rgba(255,34,85,.35);border-radius:3px;background:#ff22550f;animation:refresh-error-pulse 2s ease-in-out infinite}.refresh-error-dot{width:6px;height:6px;border-radius:50%;background:#f25;box-shadow:0 0 6px #f25;flex-shrink:0}.refresh-error-text{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#f25;white-space:nowrap;font-family:var(--aiops-font-family, "Courier New", monospace)}@keyframes cred-panel-glow{0%,to{border-color:#00e5ff2e;box-shadow:0 0 40px #00e5ff14,0 20px 80px #000c,inset 0 0 60px #00000080}50%{border-color:#00e5ff59;box-shadow:0 0 60px #00e5ff26,0 20px 80px #000c,inset 0 0 60px #00000080}}@keyframes cred-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cred-panel-enter{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cred-icon-pop{0%{opacity:0;transform:scale(.4) translateY(10px)}60%{opacity:1;transform:scale(1.1) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cred-scanline-sweep{0%{top:-2px;opacity:0}5%{opacity:.7}90%{opacity:.4}to{top:100%;opacity:0}}@keyframes cred-btn-shine{0%{left:-100%}to{left:200%}}.cred-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#020810e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:cred-fade-in .4s ease-out}.cred-panel{position:relative;width:380px;padding:40px 36px 32px;border:1px solid rgba(0,229,255,.18);border-radius:6px;background:linear-gradient(170deg,#061226f7,#030a16fa);animation:cred-panel-enter .5s ease-out,cred-panel-glow 4s ease-in-out infinite;overflow:hidden}.cred-scanline{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,229,255,.5) 50%,transparent 100%);animation:cred-scanline-sweep 4s linear infinite;pointer-events:none;z-index:2}.cred-corner{position:absolute;width:18px;height:18px;pointer-events:none;z-index:3}.cred-corner:before,.cred-corner:after{content:"";position:absolute;background:#00e5ff73}.cred-corner:before{top:0;left:0;width:18px;height:1px}.cred-corner:after{top:0;left:0;width:1px;height:18px}.cred-corner--tl{top:-1px;left:-1px}.cred-corner--tr{top:-1px;right:-1px;transform:scaleX(-1)}.cred-corner--bl{bottom:-1px;left:-1px;transform:scaleY(-1)}.cred-corner--br{bottom:-1px;right:-1px;transform:scale(-1)}.cred-icon{display:flex;justify-content:center;margin-bottom:18px;animation:cred-icon-pop .6s ease-out .15s both}.cred-title{text-align:center;font-size:13px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#00e5ff;margin-bottom:6px}.cred-subtitle{text-align:center;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#00e5ff59;margin-bottom:28px;font-family:var(--aiops-font-family, "Courier New", monospace)}.cred-field{margin-bottom:18px}.cred-label{display:block;font-size:8px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#00e5ff8c;margin-bottom:6px;font-family:var(--aiops-font-family, "Courier New", monospace)}.cred-input{width:100%;padding:10px 14px;border:1px solid rgba(0,229,255,.15);border-radius:4px;background:#000a19b3;color:#c8dff0;font-size:13px;font-family:var(--aiops-font-family, "Courier New", monospace);letter-spacing:.04em;outline:none;transition:border-color .25s,box-shadow .25s;box-sizing:border-box}.cred-input::placeholder{color:#c8dff02e;letter-spacing:.06em}.cred-btn{position:relative;display:block;width:100%;margin-top:26px;padding:12px 0;border:1px solid rgba(0,229,255,.3);border-radius:4px;background:#00e5ff0f;color:#00e5ff;font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;font-family:inherit;transition:background .25s,box-shadow .25s,opacity .25s;overflow:hidden}.cred-btn-glow{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,229,255,.08),transparent);pointer-events:none;animation:cred-btn-shine 3s ease-in-out infinite}.cred-footer{margin-top:20px;text-align:center;font-size:7px;letter-spacing:.2em;text-transform:uppercase;color:#c8dff02e;font-family:var(--aiops-font-family, "Courier New", monospace)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--aiops-font-family, "Segoe UI", system-ui, -apple-system, sans-serif);background-color:#020810;color:#c8dff0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1e508c66;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#22d3ee4d}*{scrollbar-width:thin;scrollbar-color:rgba(30,80,140,.4) transparent}@keyframes holo-ring-pulse{0%,to{transform:scaleY(.22) scale(1)}50%{transform:scaleY(.22) scale(.965)}}@keyframes holo-beam-pulse{0%{opacity:.75;filter:brightness(1)}40%{opacity:1;filter:brightness(1.35)}70%{opacity:.55;filter:brightness(.7)}to{opacity:.75;filter:brightness(1)}}@keyframes holo-scan{0%{top:-3px;opacity:0}6%{opacity:1}90%{opacity:.6}to{top:110%;opacity:0}}@keyframes holo-led-blink{0%,88%,to{opacity:1}93%{opacity:.15}}@keyframes holo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes holo-base-spin{0%{transform:translate(-50%) scaleY(.22) rotate(0)}to{transform:translate(-50%) scaleY(.22) rotate(360deg)}}@keyframes component-drill-pulse{0%,to{box-shadow:0 0 #f253}50%{box-shadow:0 0 12px 2px #ff225526}}@keyframes comp-dialog-border-glow{0%,to{border-color:var(--dialog-color, #00e5ff)33;box-shadow:0 0 30px var(--dialog-color, #00e5ff) 18,0 12px 60px #000000bf,inset 0 0 40px #0006}50%{border-color:var(--dialog-color, #00e5ff)66;box-shadow:0 0 50px var(--dialog-color, #00e5ff) 30,0 12px 60px #000000bf,inset 0 0 40px #0006}}@keyframes comp-dialog-icon-pop{0%{opacity:0;transform:scale(.3) translateY(14px)}60%{opacity:1;transform:scale(1.08) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes comp-dialog-metric-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
|
package/dist/index.js
CHANGED
|
@@ -53,7 +53,7 @@ function qt({
|
|
|
53
53
|
borderRadius: 8,
|
|
54
54
|
padding: 24,
|
|
55
55
|
color: "#fff",
|
|
56
|
-
fontFamily: "'Courier New', monospace",
|
|
56
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)",
|
|
57
57
|
opacity: i ? 1 : 0,
|
|
58
58
|
transform: `translateX(${i ? 0 : 20}px)`,
|
|
59
59
|
transition: "all 0.6s cubic-bezier(0.16, 1, 0.3, 1)",
|
|
@@ -319,7 +319,7 @@ function Kt({
|
|
|
319
319
|
WebkitBackdropFilter: "blur(20px)",
|
|
320
320
|
border: `1.5px solid ${f}44`,
|
|
321
321
|
borderRadius: 14,
|
|
322
|
-
fontFamily: "'Courier New', monospace",
|
|
322
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)",
|
|
323
323
|
overflow: "hidden",
|
|
324
324
|
opacity: o ? 1 : 0,
|
|
325
325
|
transform: o ? "scale(1) translate(0, 0)" : `scale(0.7) translate(${m}px, ${k}px)`,
|
|
@@ -683,7 +683,7 @@ function Gt({
|
|
|
683
683
|
fontWeight: 700,
|
|
684
684
|
color: h,
|
|
685
685
|
textShadow: `0 0 8px ${h}44`,
|
|
686
|
-
fontFamily: "'Courier New', monospace",
|
|
686
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)",
|
|
687
687
|
transition: "color 0.6s ease, text-shadow 0.6s ease"
|
|
688
688
|
},
|
|
689
689
|
children: [
|
|
@@ -1310,7 +1310,7 @@ function ii({
|
|
|
1310
1310
|
letterSpacing: "0.38em",
|
|
1311
1311
|
textTransform: "uppercase",
|
|
1312
1312
|
color: `${i}88`,
|
|
1313
|
-
fontFamily: "'Courier New', monospace",
|
|
1313
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)",
|
|
1314
1314
|
marginTop: 8,
|
|
1315
1315
|
flexShrink: 0,
|
|
1316
1316
|
textShadow: `0 0 8px ${i}55`
|
|
@@ -1476,7 +1476,7 @@ function At({
|
|
|
1476
1476
|
textTransform: "uppercase",
|
|
1477
1477
|
color: "#00e5ff",
|
|
1478
1478
|
textShadow: "0 0 12px #00e5ff, 0 0 30px #00e5ffaa, 0 0 60px #00e5ff55",
|
|
1479
|
-
fontFamily: "'Courier New', monospace",
|
|
1479
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)",
|
|
1480
1480
|
textAlign: "center",
|
|
1481
1481
|
whiteSpace: "nowrap"
|
|
1482
1482
|
},
|
|
@@ -1614,7 +1614,7 @@ function U({
|
|
|
1614
1614
|
padding: "6px 10px",
|
|
1615
1615
|
borderRadius: "0 4px 4px 0",
|
|
1616
1616
|
color: "#fff",
|
|
1617
|
-
fontFamily: "'Courier New', monospace",
|
|
1617
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)",
|
|
1618
1618
|
width: 140,
|
|
1619
1619
|
boxShadow: `0 4px 12px rgba(0,0,0,0.4), 0 0 8px ${h}22 inset`
|
|
1620
1620
|
},
|
|
@@ -2021,7 +2021,7 @@ function pi({
|
|
|
2021
2021
|
background: a ? Ue : dt,
|
|
2022
2022
|
position: "relative",
|
|
2023
2023
|
overflow: "hidden",
|
|
2024
|
-
fontFamily: "'Courier New', monospace",
|
|
2024
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)",
|
|
2025
2025
|
border: `1px solid ${t.color}18`,
|
|
2026
2026
|
boxShadow: `inset 0 0 30px ${t.color}08`
|
|
2027
2027
|
},
|
|
@@ -2611,7 +2611,7 @@ function $t({
|
|
|
2611
2611
|
letterSpacing: "0.2em",
|
|
2612
2612
|
textTransform: "uppercase",
|
|
2613
2613
|
whiteSpace: "nowrap",
|
|
2614
|
-
fontFamily: "'Courier New', monospace"
|
|
2614
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)"
|
|
2615
2615
|
},
|
|
2616
2616
|
children: [
|
|
2617
2617
|
o,
|
|
@@ -2693,7 +2693,7 @@ function ui({ cpuLoad: t }) {
|
|
|
2693
2693
|
color: "#1a3050",
|
|
2694
2694
|
letterSpacing: "0.12em",
|
|
2695
2695
|
textTransform: "uppercase",
|
|
2696
|
-
fontFamily: "'Courier New', monospace"
|
|
2696
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)"
|
|
2697
2697
|
},
|
|
2698
2698
|
children: r.l
|
|
2699
2699
|
},
|
|
@@ -3318,7 +3318,7 @@ function ht({ status: t = "online", scale: n = 1 }) {
|
|
|
3318
3318
|
display: "flex",
|
|
3319
3319
|
flexDirection: "column",
|
|
3320
3320
|
alignItems: "center",
|
|
3321
|
-
fontFamily: "'Courier New', monospace",
|
|
3321
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)",
|
|
3322
3322
|
userSelect: "none",
|
|
3323
3323
|
transform: `scale(${n})`,
|
|
3324
3324
|
transformOrigin: "center center"
|
|
@@ -3452,7 +3452,7 @@ function bi({
|
|
|
3452
3452
|
background: r ? Ue : dt,
|
|
3453
3453
|
position: "relative",
|
|
3454
3454
|
overflow: "hidden",
|
|
3455
|
-
fontFamily: "'Courier New', monospace",
|
|
3455
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)",
|
|
3456
3456
|
border: `1px solid ${t.color}18`,
|
|
3457
3457
|
boxShadow: `inset 0 0 30px ${t.color}08`
|
|
3458
3458
|
},
|
|
@@ -4117,7 +4117,7 @@ function mi({
|
|
|
4117
4117
|
background: a ? Ue : dt,
|
|
4118
4118
|
position: "relative",
|
|
4119
4119
|
overflow: "hidden",
|
|
4120
|
-
fontFamily: "'Courier New', monospace",
|
|
4120
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)",
|
|
4121
4121
|
border: `1px solid ${s}18`,
|
|
4122
4122
|
boxShadow: `inset 0 0 30px ${s}08`
|
|
4123
4123
|
},
|
|
@@ -4831,8 +4831,8 @@ function $i({
|
|
|
4831
4831
|
background: `linear-gradient(180deg, ${s}11 0%, transparent 100%)`
|
|
4832
4832
|
},
|
|
4833
4833
|
children: [
|
|
4834
|
-
/* @__PURE__ */ e("div", { style: { fontSize: 10, color: s + "cc", letterSpacing: "0.12em", fontFamily: "'Courier New', monospace" }, children: "HISTORICAL" }),
|
|
4835
|
-
/* @__PURE__ */ c("div", { style: { fontSize: 12, fontWeight: 700, color: "#fff", letterSpacing: "0.06em", marginTop: 2, fontFamily: "'Courier New', monospace" }, children: [
|
|
4834
|
+
/* @__PURE__ */ e("div", { style: { fontSize: 10, color: s + "cc", letterSpacing: "0.12em", fontFamily: "var(--aiops-font-family, 'Courier New', monospace)" }, children: "HISTORICAL" }),
|
|
4835
|
+
/* @__PURE__ */ c("div", { style: { fontSize: 12, fontWeight: 700, color: "#fff", letterSpacing: "0.06em", marginTop: 2, fontFamily: "var(--aiops-font-family, 'Courier New', monospace)" }, children: [
|
|
4836
4836
|
n,
|
|
4837
4837
|
" · Sub-components"
|
|
4838
4838
|
] })
|
|
@@ -4852,8 +4852,8 @@ function $i({
|
|
|
4852
4852
|
},
|
|
4853
4853
|
children: [
|
|
4854
4854
|
/* @__PURE__ */ c("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 6 }, children: [
|
|
4855
|
-
/* @__PURE__ */ e("span", { style: { fontSize: 9, fontWeight: 600, color: p.color, letterSpacing: "0.08em", fontFamily: "'Courier New', monospace" }, children: p.label }),
|
|
4856
|
-
/* @__PURE__ */ c("span", { style: { fontSize: 8, color: p.color + "99", fontFamily: "'Courier New', monospace" }, children: [
|
|
4855
|
+
/* @__PURE__ */ e("span", { style: { fontSize: 9, fontWeight: 600, color: p.color, letterSpacing: "0.08em", fontFamily: "var(--aiops-font-family, 'Courier New', monospace)" }, children: p.label }),
|
|
4856
|
+
/* @__PURE__ */ c("span", { style: { fontSize: 8, color: p.color + "99", fontFamily: "var(--aiops-font-family, 'Courier New', monospace)" }, children: [
|
|
4857
4857
|
Math.round(p.data[p.data.length - 1] ?? 0),
|
|
4858
4858
|
p.unit
|
|
4859
4859
|
] })
|
|
@@ -4925,7 +4925,7 @@ function Dt({
|
|
|
4925
4925
|
borderRadius: 2,
|
|
4926
4926
|
border: `1px solid ${o}44`,
|
|
4927
4927
|
boxShadow: `0 0 8px ${o}22, inset 0 1px 0 ${o}22`,
|
|
4928
|
-
fontFamily: "'Courier New', monospace"
|
|
4928
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)"
|
|
4929
4929
|
},
|
|
4930
4930
|
children: [
|
|
4931
4931
|
s,
|
|
@@ -6070,7 +6070,7 @@ function en({
|
|
|
6070
6070
|
fontWeight: 700,
|
|
6071
6071
|
color: "#fff",
|
|
6072
6072
|
letterSpacing: "0.1em",
|
|
6073
|
-
fontFamily: "'Courier New', monospace"
|
|
6073
|
+
fontFamily: "var(--aiops-font-family, 'Courier New', monospace)"
|
|
6074
6074
|
},
|
|
6075
6075
|
children: [
|
|
6076
6076
|
n,
|
|
@@ -6413,76 +6413,83 @@ function Et({
|
|
|
6413
6413
|
}
|
|
6414
6414
|
return Object.keys(_).length > 0 ? X.cloneElement(x, _) : x;
|
|
6415
6415
|
}), [p, Y, l, Z]), fe = f?.lastRefreshError ?? null, ue = 330, he = 340, Fe = w ? 1.15 : 1, Ce = w ? -(w.ex - ue) * 0.06 : 0, re = w ? -(w.ey - he) * 0.06 : 0;
|
|
6416
|
-
return /* @__PURE__ */ c(
|
|
6417
|
-
|
|
6418
|
-
|
|
6419
|
-
|
|
6420
|
-
|
|
6421
|
-
|
|
6422
|
-
|
|
6423
|
-
|
|
6424
|
-
|
|
6425
|
-
|
|
6426
|
-
|
|
6427
|
-
|
|
6428
|
-
|
|
6429
|
-
|
|
6430
|
-
|
|
6431
|
-
|
|
6432
|
-
|
|
6433
|
-
|
|
6434
|
-
|
|
6435
|
-
|
|
6436
|
-
|
|
6437
|
-
|
|
6438
|
-
|
|
6439
|
-
|
|
6440
|
-
|
|
6441
|
-
|
|
6442
|
-
|
|
6443
|
-
|
|
6416
|
+
return /* @__PURE__ */ c(
|
|
6417
|
+
"div",
|
|
6418
|
+
{
|
|
6419
|
+
className: "app",
|
|
6420
|
+
style: s ? { "--aiops-font-family": s } : void 0,
|
|
6421
|
+
children: [
|
|
6422
|
+
/* @__PURE__ */ e(
|
|
6423
|
+
"div",
|
|
6424
|
+
{
|
|
6425
|
+
style: {
|
|
6426
|
+
position: "fixed",
|
|
6427
|
+
inset: 0,
|
|
6428
|
+
zIndex: 0,
|
|
6429
|
+
background: "#020810",
|
|
6430
|
+
backgroundImage: `url(${i})`,
|
|
6431
|
+
backgroundSize: "cover",
|
|
6432
|
+
backgroundPosition: "center center",
|
|
6433
|
+
backgroundRepeat: "no-repeat",
|
|
6434
|
+
transition: "transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)",
|
|
6435
|
+
transform: `translate(${Ce}px, ${re}px) scale(${Fe})`,
|
|
6436
|
+
willChange: "transform"
|
|
6437
|
+
}
|
|
6438
|
+
}
|
|
6439
|
+
),
|
|
6440
|
+
/* @__PURE__ */ c("header", { className: "app-header", children: [
|
|
6441
|
+
/* @__PURE__ */ c("div", { className: "hdr-brand", children: [
|
|
6442
|
+
/* @__PURE__ */ e("span", { className: "brand-pulse" }),
|
|
6443
|
+
/* @__PURE__ */ e("span", { className: "brand-text", children: t })
|
|
6444
|
+
] }),
|
|
6445
|
+
/* @__PURE__ */ c("div", { className: "hdr-right", children: [
|
|
6446
|
+
fe && /* @__PURE__ */ c("div", { className: "hdr-refresh-error", children: [
|
|
6447
|
+
/* @__PURE__ */ e("span", { className: "refresh-error-dot" }),
|
|
6448
|
+
/* @__PURE__ */ e("span", { className: "refresh-error-text", children: "DATA REFRESH FAILED" })
|
|
6449
|
+
] }),
|
|
6450
|
+
/* @__PURE__ */ e("span", { className: "hdr-tag", children: n })
|
|
6451
|
+
] })
|
|
6444
6452
|
] }),
|
|
6445
|
-
/* @__PURE__ */ e(
|
|
6446
|
-
|
|
6447
|
-
] }),
|
|
6448
|
-
/* @__PURE__ */ e(
|
|
6449
|
-
"main",
|
|
6450
|
-
{
|
|
6451
|
-
className: "scene",
|
|
6452
|
-
style: {
|
|
6453
|
-
cursor: v === "expanded" ? "zoom-out" : "default"
|
|
6454
|
-
},
|
|
6455
|
-
onClick: se,
|
|
6456
|
-
children: /* @__PURE__ */ e(
|
|
6457
|
-
Jt,
|
|
6453
|
+
/* @__PURE__ */ e(
|
|
6454
|
+
"main",
|
|
6458
6455
|
{
|
|
6459
|
-
|
|
6460
|
-
|
|
6461
|
-
|
|
6462
|
-
|
|
6463
|
-
|
|
6464
|
-
|
|
6465
|
-
|
|
6466
|
-
|
|
6467
|
-
|
|
6468
|
-
|
|
6469
|
-
|
|
6470
|
-
|
|
6471
|
-
|
|
6472
|
-
|
|
6473
|
-
|
|
6474
|
-
|
|
6475
|
-
|
|
6476
|
-
|
|
6477
|
-
|
|
6478
|
-
|
|
6479
|
-
|
|
6480
|
-
|
|
6456
|
+
className: "scene",
|
|
6457
|
+
style: {
|
|
6458
|
+
cursor: v === "expanded" ? "zoom-out" : "default"
|
|
6459
|
+
},
|
|
6460
|
+
onClick: se,
|
|
6461
|
+
children: /* @__PURE__ */ e(
|
|
6462
|
+
Jt,
|
|
6463
|
+
{
|
|
6464
|
+
viewState: v,
|
|
6465
|
+
animPhase: g,
|
|
6466
|
+
selectedSystem: A,
|
|
6467
|
+
selectedComponent: w,
|
|
6468
|
+
drillAnimPhase: H,
|
|
6469
|
+
rotateY: b,
|
|
6470
|
+
autoRotateComponents: h,
|
|
6471
|
+
componentScale: m,
|
|
6472
|
+
drillZoom: k,
|
|
6473
|
+
autoRotateCarousel: y,
|
|
6474
|
+
carouselSpeed: a,
|
|
6475
|
+
logoUrl: r,
|
|
6476
|
+
onSelectSystem: pe,
|
|
6477
|
+
onBackgroundClick: se,
|
|
6478
|
+
onComponentClick: ve,
|
|
6479
|
+
onComponentDataUpdate: we,
|
|
6480
|
+
onCloseDrill: Se,
|
|
6481
|
+
selectedSystemStatus: S,
|
|
6482
|
+
selectedSystemDbSync: P,
|
|
6483
|
+
selectedSystemMetrics: z,
|
|
6484
|
+
selectedSystemAlerts: M,
|
|
6485
|
+
children: oe
|
|
6486
|
+
}
|
|
6487
|
+
)
|
|
6481
6488
|
}
|
|
6482
6489
|
)
|
|
6483
|
-
|
|
6484
|
-
|
|
6485
|
-
|
|
6490
|
+
]
|
|
6491
|
+
}
|
|
6492
|
+
);
|
|
6486
6493
|
}
|
|
6487
6494
|
function T(t, n, o = 24) {
|
|
6488
6495
|
return Array.from({ length: o }, (i, r) => {
|