https://app.clear.ml/chunk-FEKMYE5J.js

1import{a as ne,b as ve}from"./chunk-WLPYJRWP.js";import{b as S,c as Ce}from"./chunk-CDNTKSRT.js";import{c as ie,d as fe}from"./chunk-YV6P7DWV.js";import{a as X,b as Z,c as J,h as he}from"./chunk-DJISOKFC.js";import{c as ee,d as ge}from"./chunk-IS6NYVM2.js";import{a as te,d as _e}from"./chunk-MDM2BX4O.js";import"./chunk-Y5KB2HLX.js";import"./chunk-3245QFOJ.js";import"./chunk-MS4LG26G.js";import{e as ue}from"./chunk-WUQY46XX.js";import{f as I,g as le}from"./chunk-WG5UC7GQ.js";import"./chunk-DKGLJWI4.js";import{c as T,d as de}from"./chunk-KQF6GBXZ.js";import"./chunk-J4H3PIOL.js";import"./chunk-TXGSQK5D.js";import{d as W}from"./chunk-VOK6JB5E.js";import"./chunk-4HGQ6I6X.js";import"./chunk-U5HMTXMF.js";import"./chunk-YJSQHK5X.js";import{f as pe}from"./chunk-UCDH2FPD.js";import{i as K}from"./chunk-7GAYV3L3.js";import"./chunk-FWDKKLTJ.js";import{F as $,H as z,g as Y,n as q}from"./chunk-OKMJK5O3.js";import"./chunk-YE4K5QIV.js";import{c as H,g as Q,i as me}from"./chunk-UIBJVLO3.js";import"./chunk-VD4QE6ER.js";import"./chunk-7K34GDKE.js";import"./chunk-O3AO23VE.js";import"./chunk-YXPM6B6U.js";import{e as j,f as ce}from"./chunk-IXAMAGTW.js";import"./chunk-5G6RYABW.js";import{n as B,w as ae}from"./chunk-NOMO3ERR.js";import{b as V,d as se}from"./chunk-X5ABTCX7.js";import"./chunk-2EX2QP7W.js";import"./chunk-R3HFPUDU.js";import"./chunk-FZGIOLLW.js";import"./chunk-MBNWJ725.js";import"./chunk-5PKUNPXF.js";import"./chunk-I7DFKFDU.js";import"./chunk-ES3I7JXJ.js";import"./chunk-5XA6NXWV.js";import"./chunk-MEDUJNMX.js";import"./chunk-HHBTWF3C.js";import{Cc as R,Ce as L,Nc as f,Oa as E,Oc as C,Pc as c,Qc as l,Rc as s,Sc as d,Vb as a,Xa as g,Ya as _,Zc as P,de as A,ed as h,gd as u,hb as O,kc as F,ne as k,od as G,pd as U,qd as v,rc as w,sd as x,ud as M,vd as D,xd as N,zc as y}from"./chunk-J4S5G7ZA.js";import{e as oe}from"./chunk-RJZPLZKV.js";function Se(i,m){if(i&1&&(l(0,"mat-option",14),D(1),s()),i&2){let e=m.$implicit;c("value",e.value),a(),N(" ",e.label," ")}}function be(i,m){if(i&1&&d(0,"sm-serving-stats",16),i&2){let e=u().$implicit,t=u();M(e.label),x("d-none",t.hiddenCharts().includes(e.label)),c("metricType",e)("currentTimeFrame",t.currentTimeFrame())}}function Ee(i,m){if(i&1&&d(0,"div",17),i&2){let e=u().$implicit;M(e.label)}}function Oe(i,m){i&1&&(w(0,be,1,6)(1,Ee,1,2),y(2,0,Te,null,1),R(0,-1))}var n,Me,Te,re,ze,Fe=oe(()=>{L();he();ae();fe();le();pe();ue();_e();Ce();z();de();ve();ce();me();se();ge();L();z();n=ne.MetricTypeEnum,Me=["charts"],Te=()=>[import("./chunk-E5AWFA6Z.js").then(i=>i.ServingStatsComponent)],re=(i,m)=>m.label;ze=(()=>{class i{constructor(){this.store=E(B),this.charts=k("charts"),this.searchTerm=O(""),this.currentTimeFrame=this.store.selectSignal(S.selectStatsTimeFrame),this.hiddenCharts=this.store.selectSignal(S.selectHiddenCharts),this.selectedCharts=A(()=>this.chartParamOptions.map(e=>e.label).filter(e=>!this.hiddenCharts().includes(e))),this.timeFrameOptions=I,this.chartParamOptions=[{label:"NUMBER OF REQUESTS",value:n.Requests},{label:"REQUESTS PER MINUTE",value:n.RequestsMin},{label:"AVERAGE LATENCY (ms)",value:n.LatencyMs},{label:"CPU COUNT",value:n.CpuCount},{label:"GPU COUNT",value:n.GpuCount},{label:"AVERAGE CPU LOAD (%)",value:n.CpuUtil},{label:"AVERAGE GPU UTILIZATION (%)",value:n.GpuUtil},{label:"MEMORY USAGE (GB)",value:n.RamTotal},{label:"MEMORY FREE (GB)",value:n.RamFree},{label:"GPU MEMORY USAGE (GB)",value:n.GpuRamTotal},{label:"GPU MEMORY FREE (GB)",value:n.GpuRamFree},{label:"NETWORK THROUGHPUT RX (MBps)",value:n.NetworkRx},{label:"NETWORK THROUGHPUT TX (MBps)",value:n.NetworkTx}],this.chartsList=this.chartParamOptions.reduce((e,t)=>(e[t.label]={},e),{})}searchTermChanged(e){this.searchTerm.set(e)}metricSelected(e){let t=this.charts().nativeElement.getElementsByClassName(e)?.[0];t?this.charts().nativeElement.scrollTo({top:t.offsetTop-60,behavior:"smooth"}):this.charts().nativeElement.scrollTo({top:0,behavior:"smooth"})}selectedMetricListChanged(e){this.store.dispatch(T.setChartHidden({hiddenList:this.chartParamOptions.map(t=>t.label).filter(t=>!e.includes(t))}))}timeFrameChange(e){this.store.dispatch(T.setStatsTimeframe({timeFrame:e}))}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275cmp=F({type:i,selectors:[["sm-serving-monitor"]],viewQuery:function(t,r){t&1&&G(r.charts,Me,5),t&2&&U()},decls:19,vars:5,consts:[["drawer",""],["charts",""],["autosize",""],[3,"mode"],["mat-icon-button","","data-id","closeToggleGraph",1,"close","sm",3,"click"],["fontSet","al","fontIcon","al-ico-dialog-x"],[1,"list-container"],[3,"itemSelect","selectedChanged","searchTermChanged","list","checkedList","searchTerm"],[1,"overflow-hidden"],[1,"header"],["mat-flat-button","","smTooltip","Toggle Graphs","data-id","eyeIcon",1,"icon-only",3,"click"],["fontSet","al","fontIcon","al-ico-eye-outline"],["appearance","outline","subscriptSizing","dynamic",1,"time-selector"],["name","time-frame",3,"ngModelChange","ngModel"],[3,"value"],[1,"charts-container"],[1,"overflow-hidden",3,"metricType","currentTimeFrame"],[1,"chart-placeholder",2,"height","364px","width","100%"]],template:function(t,r){if(t&1){let b=P();l(0,"mat-drawer-container",2)(1,"mat-drawer",3,0)(3,"button",4),h("click",function(){g(b);let o=v(2);return _(o.close())}),d(4,"mat-icon",5),s(),l(5,"div",6)(6,"sm-selectable-grouped-filter-list",7),h("itemSelect",function(o){return r.metricSelected(o)})("selectedChanged",function(o){return r.selectedMetricListChanged(o)})("searchTermChanged",function(o){return r.searchTermChanged(o)}),s()()(),l(7,"mat-drawer-content",8)(8,"div",9)(9,"button",10),h("click",function(){g(b);let o=v(2);return _(o.open())}),d(10,"mat-icon",11),s(),l(11,"mat-form-field",12)(12,"mat-select",13),h("ngModelChange",function(o){return r.timeFrameChange(o)}),f(13,Se,2,2,"mat-option",14,re),s()()(),l(15,"div",15,1),f(17,Oe,4,0,null,null,re),s()()()}t&2&&(a(),c("mode","over"),a(5),c("list",r.chartsList)("checkedList",r.selectedCharts())("searchTerm",r.searchTerm()),a(6),c("ngModel",r.currentTimeFrame()),a(),C(r.timeFrameOptions),a(4),C(r.chartParamOptions))},dependencies:[X,J,Z,ie,K,W,te,$,Y,q,j,Q,V,H,ee],styles:["[_nghost-%COMP%]{display:block;height:100%}[_nghost-%COMP%]   sm-selectable-grouped-filter-list[_ngcontent-%COMP%]{padding:24px 16px}mat-drawer-container[_ngcontent-%COMP%]{--mat-sidenav-container-background-color: var(--color-surface-container-lowest);padding-top:24px;width:100%;height:100%}.close[_ngcontent-%COMP%]{cursor:pointer;position:absolute;right:12px;top:6px;z-index:1}.header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;padding:0 24px 12px}.header[_ngcontent-%COMP%]   .time-selector[_ngcontent-%COMP%]{margin-left:auto}.charts-container[_ngcontent-%COMP%]{overflow-y:auto;height:calc(100% - 64px)}"],changeDetection:0})}}return i})()});Fe();export{ze as ServingMonitorComponent};