openclaw/dist/control-ui/assets/sparkline-tile-CaHeaFDQ.css

Multi-channel AI gateway with extensible messaging integrations

.gateway-cpu-tooltip{--cpu-main:var(--accent-2);--cpu-workers:var(--info);--cpu-other:var(--muted);--openclaw-tooltip-max-width:min(300px, calc(100vw - 16px));--openclaw-tooltip-padding:12px}.gateway-cpu-trigger{border-radius:var(--radius-sm);text-align:start;width:100%;min-width:0;font:inherit;background:0 0;border:0;padding:0;display:block}.gateway-cpu-trigger .gateway-vital{height:100%}.gateway-cpu-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gateway-cpu-detail{min-width:min(240px,100vw - 48px);font-size:11px;line-height:1.4}.gateway-cpu-detail dl{margin:8px 0}.gateway-cpu-detail dl>div{justify-content:space-between;gap:12px;padding-block:3px;display:flex}.gateway-cpu-detail dd{font-family:var(--mono);margin:0}.gateway-cpu-detail__total{border-bottom:1px solid var(--border)}.gateway-cpu-detail__host{border-top:1px solid var(--border);margin-top:3px}.gateway-cpu-detail__thread{padding-left:8px}.gateway-cpu-key{border-radius:2px;width:7px;height:7px;margin-inline-end:6px;display:inline-block}.gateway-cpu-key--main{background:var(--cpu-main)}.gateway-cpu-key--workers{background:var(--cpu-workers)}.gateway-cpu-key--other{background:var(--cpu-other)}.sparkline-tile__secondary{color:var(--muted);white-space:nowrap;font-size:10px;line-height:12px}.sparkline-tile__stack{opacity:.8}.gateway-vital--cpu .sparkline-tile__chart svg{height:28px}.gateway-vitals{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.gateway-vital{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;color:var(--accent-2);flex-direction:column;padding:8px 10px 0;display:flex;position:relative;overflow:hidden}.gateway-vital[data-degraded]{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.sparkline-tile__label{color:var(--muted);letter-spacing:.08em;white-space:nowrap;text-transform:uppercase;font-size:9.5px;overflow:hidden}.gateway-vital--disk .sparkline-tile__head{gap:2px;display:grid}.gateway-vital--disk .sparkline-tile__label{letter-spacing:normal;white-space:normal;text-transform:none;overflow-wrap:anywhere}.sparkline-tile__sub{color:var(--muted);white-space:nowrap;font-size:10px;overflow:hidden}.sparkline-tile__value{color:var(--text);margin:3px 0 2px;font-size:16px;line-height:1.2}.sparkline-tile__age{color:var(--muted);margin-left:4px;font-size:10px}.sparkline-tile__chart{margin:auto -10px 0;position:relative}.sparkline-tile__chart svg{width:100%;height:40px;display:block}.sparkline-tile__chart polyline{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px color-mix(in srgb, currentColor 45%, transparent))}.sparkline-tile__hairline{background:color-mix(in srgb, currentColor 40%, transparent);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.sparkline-tile__dot{pointer-events:none;background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-50%,-50%)}.sparkline-tile__dot--now{box-shadow:0 0 6px 1px color-mix(in srgb, currentColor 60%, transparent);animation:2s ease-in-out infinite sparkline-tile-pulse}@media (prefers-reduced-motion:reduce){.sparkline-tile__dot--now{animation:none}}@keyframes sparkline-tile-pulse{50%{box-shadow:0 0 2px 0 color-mix(in srgb, currentColor 30%, transparent)}}@media (width<=560px){.gateway-vitals{grid-template-columns:minmax(0,1fr)}}