".concat(e,": ").concat(m[e],"
")})).join(""),P='');u.innerHTML="".concat(M,'
\n \n ').concat(P).concat(E,': ').concat(hs(p)," ").concat(c,'\n
\n ').concat(A,"
")}},Ds=n(2061),ks=n.n(Ds),Ss=function(e){var n=(0,t.useState)({width:0,height:0}),o=(0,r.Z)(n,2),i=o[0],a=o[1];return(0,t.useEffect)((function(){var t=new ResizeObserver((function(e){var t=e[0].contentRect,n=t.width,r=t.height;a({width:n,height:r})}));return e&&t.observe(e),function(){e&&t.unobserve(e)}}),[]),i};!function(e){e.xRange="xRange",e.yRange="yRange",e.data="data"}(ds||(ds={}));var Cs=function(e){var n=e.data,o=e.series,i=e.metrics,a=void 0===i?[]:i,u=e.period,l=e.yaxis,s=e.unit,c=e.setPeriod,d=e.container,f=(0,t.useRef)(null),p=(0,t.useState)(!1),h=(0,r.Z)(p,2),m=h[0],v=h[1],g=(0,t.useState)({min:u.start,max:u.end}),y=(0,r.Z)(g,2),b=y[0],x=y[1],Z=(0,t.useState)(),w=(0,r.Z)(Z,2),D=w[0],k=w[1],S=Ss(d),C=document.createElement("div");C.className="u-tooltip";var _={seriesIdx:null,dataIdx:void 0},E={left:0,top:0},M=(0,t.useCallback)(ks()((function(e){var t=e.min,n=e.max;c({from:new Date(1e3*t),to:new Date(1e3*n)})}),500),[]),A=function(e){var t=e.u,n=e.min,r=e.max,o=1e3*(r-n);o'+(n?e:Zk(e,!0))+""+(n?e:Zk(e,!0))+"\n".concat(e,"\n")}},{key:"html",value:function(e){return e}},{key:"heading",value:function(e,t,n,r){if(this.options.headerIds){var o=this.options.headerPrefix+r.slug(n);return"
\n":"
\n"}},{key:"list",value:function(e,t,n){var r=t?"ol":"ul";return"<"+r+(t&&1!==n?' start="'+n+'"':"")+">\n"+e+"\n"}},{key:"listitem",value:function(e){return"
".concat(e,"
\n")}},{key:"table",value:function(e,t){return t&&(t="".concat(t,"")),"".concat(e,"")}},{key:"br",value:function(){return this.options.xhtml?"":"
"}},{key:"del",value:function(e){return"
"+Zk(l.message+"",!0)+"";throw l}}Gk.options=Gk.setOptions=function(e){var t;return Fk(Gk.defaults,e),t=Gk.defaults,hk=t,Gk},Gk.getDefaults=pk,Gk.defaults=hk,Gk.use=function(){for(var e=arguments.length,t=new Array(e),n=0;n
"+Zk(r.message+"",!0)+"";throw r}},Gk.Parser=Xk,Gk.parser=Xk.parse,Gk.Renderer=Yk,Gk.TextRenderer=Uk,Gk.Lexer=Vk,Gk.lexer=Vk.lex,Gk.Tokenizer=zk,Gk.Slugger=qk,Gk.parse=Gk;Gk.options,Gk.setOptions,Gk.use,Gk.walkTokens,Gk.parseInline,Xk.parse,Vk.lex;var Kk,Qk,Jk,eS,tS,nS,rS,oS,iS=function(e){var n=e.title,o=e.description,i=e.unit,a=e.expr,u=e.showLegend,l=e.filename,s=e.alias,c=ao().time.period,d=uo(),f=(0,t.useRef)(null),p=(0,t.useState)(!0),h=(0,r.Z)(p,2),m=h[0],v=h[1],g=(0,t.useState)({enable:!1,value:c.step||1}),y=(0,r.Z)(g,2),b=y[0],x=y[1],Z=(0,t.useState)({limits:{enable:!1,range:{1:[0,0]}}}),w=(0,r.Z)(Z,2),D=w[0],k=w[1],S=(0,t.useMemo)((function(){return Array.isArray(a)&&a.every((function(e){return e}))}),[a]),C=Hv({predefinedQuery:S?a:[],display:"chart",visible:m,customStep:b}),_=C.isLoading,E=C.graphData,M=C.error,A=function(e){var t=vn({},D);t.limits.range=e,k(t)};return(0,t.useEffect)((function(){var e=new IntersectionObserver((function(e){e.forEach((function(e){return v(e.isIntersecting)}))}),{threshold:.1});return f.current&&e.observe(f.current),function(){f.current&&e.unobserve(f.current)}}),[]),S?(0,ie.BX)(fi,{border:"1px solid",borderRadius:"2px",borderColor:"divider",width:"100%",height:"100%",ref:f,children:[(0,ie.BX)(fi,{px:2,py:1,display:"flex",flexWrap:"wrap",width:"100%",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid",borderColor:"divider",children:[(0,ie.tZ)(xd,{arrow:!0,componentsProps:{tooltip:{sx:{maxWidth:"100%"}}},title:(0,ie.BX)(fi,{sx:{p:1},children:[o&&(0,ie.BX)(fi,{mb:2,children:[(0,ie.tZ)(cv,{fontWeight:"500",sx:{mb:.5,textDecoration:"underline"},children:"Description:"}),(0,ie.tZ)("div",{className:"panelDescription",dangerouslySetInnerHTML:{__html:Gk.parse(o)}})]}),(0,ie.BX)(fi,{children:[(0,ie.tZ)(cv,{fontWeight:"500",sx:{mb:.5,textDecoration:"underline"},children:"Queries:"}),(0,ie.tZ)("div",{children:a.map((function(e,t){return(0,ie.tZ)(fi,{mb:.5,children:e},"".concat(t,"_").concat(e))}))})]})]}),children:(0,ie.tZ)(fk.Z,{color:"info",sx:{mr:1}})}),(0,ie.tZ)(cv,{component:"div",variant:"subtitle1",fontWeight:500,sx:{mr:2,py:1,flexGrow:"1"},children:n||""}),(0,ie.tZ)(fi,{mr:2,py:1,children:(0,ie.tZ)(Rv,{defaultStep:c.step,customStepEnable:b.enable,setStep:function(e){return x(vn(vn({},b),{},{value:e}))},toggleEnableStep:function(){return x(vn(vn({},b),{},{enable:!b.enable}))}})}),(0,ie.tZ)(cg,{yaxis:D,setYaxisLimits:A,toggleEnableLimits:function(){var e=vn({},D);e.limits.enable=!e.limits.enable,k(e)}})]}),(0,ie.BX)(fi,{px:2,pb:2,children:[_&&(0,ie.tZ)(Ag,{isLoading:!0,height:"500px"}),M&&(0,ie.tZ)(_t,{color:"error",severity:"error",sx:{whiteSpace:"pre-wrap",mt:2},children:M}),E&&(0,ie.tZ)(Ed,{data:E,period:c,customStep:b,query:a,yaxis:D,unit:i,alias:s,showLegend:u,setYaxisLimits:A,setPeriod:function(e){var t=e.from,n=e.to;d({type:"SET_PERIOD",payload:{from:t,to:n}})}})]})]}):(0,ie.BX)(_t,{color:"error",severity:"error",sx:{m:4},children:[(0,ie.tZ)("code",{children:'"expr"'})," not found. Check the configuration file ",(0,ie.tZ)("b",{children:l}),"."]})},aS={position:"absolute",top:0,bottom:0,width:"10px",opacity:0,cursor:"ew-resize"},uS=function(e){var n=e.index,o=e.title,i=e.panels,a=e.filename,u=Ss(document.body),l=(0,t.useMemo)((function(){return u.width/12}),[u]),s=(0,t.useState)([]),c=(0,r.Z)(s,2),d=c[0],f=c[1];(0,t.useEffect)((function(){f(i.map((function(e){return e.width||12})))}),[i]);var p=(0,t.useState)({start:0,target:0,enable:!1}),h=(0,r.Z)(p,2),m=h[0],v=h[1],g=function(e){if(m.enable){var t=m.start,n=Math.ceil((t-e.clientX)/l);if(!(Math.abs(n)>=12)){var r=d.map((function(e,t){return e-(t===m.target?n:0)}));f(r)}}},y=function(){v(vn(vn({},m),{},{enable:!1}))};return(0,t.useEffect)((function(){return window.addEventListener("mousemove",g),window.addEventListener("mouseup",y),function(){window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",y)}}),[m]),(0,ie.BX)(KD,{defaultExpanded:!n,sx:{boxShadow:"none"},children:[(0,ie.tZ)(ik,{sx:{px:3,bgcolor:"rgba(227, 242, 253, 0.6)"},"aria-controls":"panel".concat(n,"-content"),id:"panel".concat(n,"-header"),expandIcon:(0,ie.tZ)(dk.Z,{}),children:(0,ie.BX)(fi,{display:"flex",alignItems:"center",width:"100%",children:[o&&(0,ie.tZ)(cv,{variant:"h6",fontWeight:"bold",sx:{mr:2},children:o}),i&&(0,ie.BX)(cv,{variant:"body2",fontStyle:"italic",children:["(",i.length," panels)"]})]})}),(0,ie.tZ)(ck,{sx:{display:"grid",gridGap:"10px"},children:(0,ie.tZ)(rb,{container:!0,spacing:2,children:Array.isArray(i)&&i.length?i.map((function(e,t){return(0,ie.tZ)(rb,{item:!0,xs:d[t],sx:{transition:"200ms"},children:(0,ie.BX)(fi,{position:"relative",height:"100%",children:[(0,ie.tZ)(iS,{title:e.title,description:e.description,unit:e.unit,expr:e.expr,alias:e.alias,filename:a,showLegend:e.showLegend}),(0,ie.tZ)("button",{style:vn(vn({},aS),{},{right:0}),onMouseDown:function(e){return function(e,t){v({start:e.clientX,target:t,enable:!0})}(e,t)}})]})},t)})):(0,ie.BX)(_t,{color:"error",severity:"error",sx:{m:4},children:[(0,ie.tZ)("code",{children:'"panels"'})," not found. Check the configuration file ",(0,ie.tZ)("b",{children:a}),"."]})})})]})},lS=function(){var e=(0,t.useState)(),n=(0,r.Z)(e,2),o=n[0],i=n[1],a=(0,t.useState)(0),u=(0,r.Z)(a,2),l=u[0],s=u[1],c=(0,t.useMemo)((function(){return br()(o,[l,"filename"],"")}),[o,l]),d=(0,t.useMemo)((function(){return br()(o,[l,"rows"],[])}),[o,l]);return(0,t.useEffect)((function(){RD().then((function(e){return e.length&&i(e)}))}),[]),(0,ie.BX)(ie.HY,{children:[!o&&(0,ie.tZ)(_t,{color:"info",severity:"info",sx:{m:4},children:"Dashboards not found"}),o&&(0,ie.BX)(ie.HY,{children:[(0,ie.tZ)(fi,{sx:{borderBottom:1,borderColor:"divider"},children:(0,ie.tZ)(Jn,{value:l,onChange:function(e,t){return s(t)},"aria-label":"dashboard-tabs",children:o&&o.map((function(e,t){return(0,ie.tZ)(ur,{label:e.title||e.filename,id:"tab-".concat(t),"aria-controls":"tabpanel-".concat(t)},t)}))})}),(0,ie.tZ)(fi,{children:Array.isArray(d)&&d.length?d.map((function(e,t){return(0,ie.tZ)(uS,{index:t,filename:c,title:e.title,panels:e.panels},"".concat(l,"_").concat(t))})):(0,ie.BX)(_t,{color:"error",severity:"error",sx:{m:4},children:[(0,ie.tZ)("code",{children:'"rows"'})," not found. Check the configuration file ",(0,ie.tZ)("b",{children:c}),"."]})})]})]})},sS=function(e,t){var n=t.match?"&match[]=".concat(t.match):"";return"".concat(e,"/api/v1/status/tsdb?topN=").concat(t.topN,"&date=").concat(t.date).concat(n)},cS=jv(),dS=zv().serverURL,fS={totalSeries:0,totalLabelValuePairs:0,seriesCountByMetricName:[],seriesCountByLabelValuePair:[],labelValueCountByLabelName:[]},pS=(0,ht.Z)((0,ie.tZ)("path",{d:"M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"}),"LastPage"),hS=(0,ht.Z)((0,ie.tZ)("path",{d:"M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"}),"FirstPage"),mS=["backIconButtonProps","count","getItemAriaLabel","nextIconButtonProps","onPageChange","page","rowsPerPage","showFirstButton","showLastButton"],vS=t.forwardRef((function(e,t){var n=e.backIconButtonProps,r=e.count,i=e.getItemAriaLabel,a=e.nextIconButtonProps,u=e.onPageChange,l=e.page,s=e.rowsPerPage,c=e.showFirstButton,d=e.showLastButton,f=(0,X.Z)(e,mS),p=Ot();return(0,ie.BX)("div",(0,o.Z)({ref:t},f,{children:[c&&(0,ie.tZ)(pt,{onClick:function(e){u(e,0)},disabled:0===l,"aria-label":i("first",l),title:i("first",l),children:"rtl"===p.direction?Kk||(Kk=(0,ie.tZ)(pS,{})):Qk||(Qk=(0,ie.tZ)(hS,{}))}),(0,ie.tZ)(pt,(0,o.Z)({onClick:function(e){u(e,l-1)},disabled:0===l,color:"inherit","aria-label":i("previous",l),title:i("previous",l)},n,{children:"rtl"===p.direction?Jk||(Jk=(0,ie.tZ)(An,{})):eS||(eS=(0,ie.tZ)(Mn,{}))})),(0,ie.tZ)(pt,(0,o.Z)({onClick:function(e){u(e,l+1)},disabled:-1!==r&&l>=Math.ceil(r/s)-1,color:"inherit","aria-label":i("next",l),title:i("next",l)},a,{children:"rtl"===p.direction?tS||(tS=(0,ie.tZ)(Mn,{})):nS||(nS=(0,ie.tZ)(An,{}))})),d&&(0,ie.tZ)(pt,{onClick:function(e){u(e,Math.max(0,Math.ceil(r/s)-1))},disabled:l>=Math.ceil(r/s)-1,"aria-label":i("last",l),title:i("last",l),children:"rtl"===p.direction?rS||(rS=(0,ie.tZ)(hS,{})):oS||(oS=(0,ie.tZ)(pS,{}))})]}))})),gS=vS;function yS(e){return(0,ne.Z)("MuiTablePagination",e)}var bS,xS=(0,re.Z)("MuiTablePagination",["root","toolbar","spacer","selectLabel","selectRoot","select","selectIcon","input","menuItem","displayedRows","actions"]),ZS=["ActionsComponent","backIconButtonProps","className","colSpan","component","count","getItemAriaLabel","labelDisplayedRows","labelRowsPerPage","nextIconButtonProps","onPageChange","onRowsPerPageChange","page","rowsPerPage","rowsPerPageOptions","SelectProps","showFirstButton","showLastButton"],wS=(0,J.ZP)(Xd,{name:"MuiTablePagination",slot:"Root",overridesResolver:function(e,t){return t.root}})((function(e){var t=e.theme;return{overflow:"auto",color:t.palette.text.primary,fontSize:t.typography.pxToRem(14),"&:last-child":{padding:0}}})),DS=(0,J.ZP)(Qg,{name:"MuiTablePagination",slot:"Toolbar",overridesResolver:function(e,t){return(0,o.Z)((0,q.Z)({},"& .".concat(xS.actions),t.actions),t.toolbar)}})((function(e){var t,n=e.theme;return t={minHeight:52,paddingRight:2},(0,q.Z)(t,"".concat(n.breakpoints.up("xs")," and (orientation: landscape)"),{minHeight:52}),(0,q.Z)(t,n.breakpoints.up("sm"),{minHeight:52,paddingRight:2}),(0,q.Z)(t,"& .".concat(xS.actions),{flexShrink:0,marginLeft:20}),t})),kS=(0,J.ZP)("div",{name:"MuiTablePagination",slot:"Spacer",overridesResolver:function(e,t){return t.spacer}})({flex:"1 1 100%"}),SS=(0,J.ZP)("p",{name:"MuiTablePagination",slot:"SelectLabel",overridesResolver:function(e,t){return t.selectLabel}})((function(e){var t=e.theme;return(0,o.Z)({},t.typography.body2,{flexShrink:0})})),CS=(0,J.ZP)(Bm,{name:"MuiTablePagination",slot:"Select",overridesResolver:function(e,t){var n;return(0,o.Z)((n={},(0,q.Z)(n,"& .".concat(xS.selectIcon),t.selectIcon),(0,q.Z)(n,"& .".concat(xS.select),t.select),n),t.input,t.selectRoot)}})((0,q.Z)({color:"inherit",fontSize:"inherit",flexShrink:0,marginRight:32,marginLeft:8},"& .".concat(xS.select),{paddingLeft:8,paddingRight:24,textAlign:"right",textAlignLast:"right"})),_S=(0,J.ZP)(Jm,{name:"MuiTablePagination",slot:"MenuItem",overridesResolver:function(e,t){return t.menuItem}})({}),ES=(0,J.ZP)("p",{name:"MuiTablePagination",slot:"DisplayedRows",overridesResolver:function(e,t){return t.displayedRows}})((function(e){var t=e.theme;return(0,o.Z)({},t.typography.body2,{flexShrink:0})}));function MS(e){var t=e.from,n=e.to,r=e.count;return"".concat(t,"\u2013").concat(n," of ").concat(-1!==r?r:"more than ".concat(n))}function AS(e){return"Go to ".concat(e," page")}var PS=t.forwardRef((function(e,n){var r,i=(0,ee.Z)({props:e,name:"MuiTablePagination"}),a=i.ActionsComponent,u=void 0===a?gS:a,l=i.backIconButtonProps,s=i.className,c=i.colSpan,d=i.component,f=void 0===d?Xd:d,p=i.count,h=i.getItemAriaLabel,m=void 0===h?AS:h,v=i.labelDisplayedRows,g=void 0===v?MS:v,y=i.labelRowsPerPage,b=void 0===y?"Rows per page:":y,x=i.nextIconButtonProps,Z=i.onPageChange,w=i.onRowsPerPageChange,D=i.page,k=i.rowsPerPage,S=i.rowsPerPageOptions,C=void 0===S?[10,25,50,100]:S,_=i.SelectProps,E=void 0===_?{}:_,M=i.showFirstButton,A=void 0!==M&&M,P=i.showLastButton,T=void 0!==P&&P,R=(0,X.Z)(i,ZS),F=i,O=function(e){var t=e.classes;return(0,K.Z)({root:["root"],toolbar:["toolbar"],spacer:["spacer"],selectLabel:["selectLabel"],select:["select"],input:["input"],selectIcon:["selectIcon"],menuItem:["menuItem"],displayedRows:["displayedRows"],actions:["actions"]},yS,t)}(F),B=E.native?"option":_S;f!==Xd&&"td"!==f||(r=c||1e3);var I=(0,ld.Z)(E.id),L=(0,ld.Z)(E.labelId);return(0,ie.tZ)(wS,(0,o.Z)({colSpan:r,ref:n,as:f,ownerState:F,className:(0,G.Z)(O.root,s)},R,{children:(0,ie.BX)(DS,{className:O.toolbar,children:[(0,ie.tZ)(kS,{className:O.spacer}),C.length>1&&(0,ie.tZ)(SS,{className:O.selectLabel,id:L,children:b}),C.length>1&&(0,ie.tZ)(CS,(0,o.Z)({variant:"standard",input:bS||(bS=(0,ie.tZ)(qf,{})),value:k,onChange:w,id:I,labelId:L},E,{classes:(0,o.Z)({},E.classes,{root:(0,G.Z)(O.input,O.selectRoot,(E.classes||{}).root),select:(0,G.Z)(O.select,(E.classes||{}).select),icon:(0,G.Z)(O.selectIcon,(E.classes||{}).icon)}),children:C.map((function(e){return(0,t.createElement)(B,(0,o.Z)({},!Ps(B)&&{ownerState:F},{className:O.menuItem,key:e.label?e.label:e,value:e.value?e.value:e}),e.label?e.label:e)}))})),(0,ie.tZ)(ES,{className:O.displayedRows,children:g({from:0===p?0:D*k+1,to:-1===p?(D+1)*k:-1===k?p:Math.min(p,(D+1)*k),count:-1===p?-1:p,page:D})}),(0,ie.tZ)(u,{className:O.actions,backIconButtonProps:l,count:p,nextIconButtonProps:x,onPageChange:Z,page:D,rowsPerPage:k,showFirstButton:A,showLastButton:T,getItemAriaLabel:m})]})}))})),TS=PS,RS={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};function FS(e){var t=e.order,n=e.orderBy,r=e.onRequestSort,o=e.headerCells;return(0,ie.tZ)(lf,{children:(0,ie.tZ)(hf,{children:o.map((function(e){return(0,ie.tZ)(Xd,{align:e.numeric?"right":"left",sortDirection:n===e.id&&t,children:(0,ie.BX)(wf,{active:n===e.id,direction:n===e.id?t:"asc",onClick:(o=e.id,function(e){r(e,o)}),children:[e.label,n===e.id?(0,ie.tZ)(fi,{component:"span",sx:RS,children:"desc"===t?"sorted descending":"sorted ascending"}):null]})},e.id);var o}))})})}function OS(e,t,n){return t[n]
".concat(e,": ").concat(m[e],"
")})).join(""),R='');u.innerHTML="".concat(P,'
\n \n ').concat(R).concat(A,': ').concat(hs(p)," ").concat(c,'\n
\n ').concat(T,"
")}},Ds=n(2061),ks=n.n(Ds),Ss=function(e){var n=(0,t.useState)({width:0,height:0}),o=(0,r.Z)(n,2),i=o[0],a=o[1];return(0,t.useEffect)((function(){var t=new ResizeObserver((function(e){var t=e[0].contentRect,n=t.width,r=t.height;a({width:n,height:r})}));return e&&t.observe(e),function(){e&&t.unobserve(e)}}),[]),i};!function(e){e.xRange="xRange",e.yRange="yRange",e.data="data"}(ds||(ds={}));var Cs=function(e){var n=e.data,o=e.series,i=e.metrics,a=void 0===i?[]:i,u=e.period,l=e.yaxis,s=e.unit,c=e.setPeriod,d=e.container,f=(0,t.useRef)(null),p=(0,t.useState)(!1),h=(0,r.Z)(p,2),m=h[0],v=h[1],g=(0,t.useState)({min:u.start,max:u.end}),y=(0,r.Z)(g,2),b=y[0],x=y[1],Z=(0,t.useState)(),w=(0,r.Z)(Z,2),D=w[0],k=w[1],S=Ss(d),C=document.createElement("div");C.className="u-tooltip";var _={seriesIdx:null,dataIdx:void 0},E={left:0,top:0},M=(0,t.useCallback)(ks()((function(e){var t=e.min,n=e.max;c({from:new Date(1e3*t),to:new Date(1e3*n)})}),500),[]),A=function(e){var t=e.u,n=e.min,r=e.max,o=1e3*(r-n);o'+(n?e:Zk(e,!0))+""+(n?e:Zk(e,!0))+"\n".concat(e,"\n")}},{key:"html",value:function(e){return e}},{key:"heading",value:function(e,t,n,r){if(this.options.headerIds){var o=this.options.headerPrefix+r.slug(n);return"
\n":"
\n"}},{key:"list",value:function(e,t,n){var r=t?"ol":"ul";return"<"+r+(t&&1!==n?' start="'+n+'"':"")+">\n"+e+"\n"}},{key:"listitem",value:function(e){return"
".concat(e,"
\n")}},{key:"table",value:function(e,t){return t&&(t="".concat(t,"")),"".concat(e,"")}},{key:"br",value:function(){return this.options.xhtml?"":"
"}},{key:"del",value:function(e){return"
"+Zk(l.message+"",!0)+"";throw l}}Gk.options=Gk.setOptions=function(e){var t;return Fk(Gk.defaults,e),t=Gk.defaults,hk=t,Gk},Gk.getDefaults=pk,Gk.defaults=hk,Gk.use=function(){for(var e=arguments.length,t=new Array(e),n=0;n
"+Zk(r.message+"",!0)+"";throw r}},Gk.Parser=Xk,Gk.parser=Xk.parse,Gk.Renderer=Yk,Gk.TextRenderer=Uk,Gk.Lexer=Vk,Gk.lexer=Vk.lex,Gk.Tokenizer=zk,Gk.Slugger=qk,Gk.parse=Gk;Gk.options,Gk.setOptions,Gk.use,Gk.walkTokens,Gk.parseInline,Xk.parse,Vk.lex;var Kk,Qk,Jk,eS,tS,nS,rS,oS,iS=function(e){var n=e.title,o=e.description,i=e.unit,a=e.expr,u=e.showLegend,l=e.filename,s=e.alias,c=ao().time.period,d=uo(),f=(0,t.useRef)(null),p=(0,t.useState)(!0),h=(0,r.Z)(p,2),m=h[0],v=h[1],g=(0,t.useState)({enable:!1,value:c.step||1}),y=(0,r.Z)(g,2),b=y[0],x=y[1],Z=(0,t.useState)({limits:{enable:!1,range:{1:[0,0]}}}),w=(0,r.Z)(Z,2),D=w[0],k=w[1],S=(0,t.useMemo)((function(){return Array.isArray(a)&&a.every((function(e){return e}))}),[a]),C=Yv({predefinedQuery:S?a:[],display:"chart",visible:m,customStep:b}),_=C.isLoading,E=C.graphData,M=C.error,A=function(e){var t=vn({},D);t.limits.range=e,k(t)};return(0,t.useEffect)((function(){var e=new IntersectionObserver((function(e){e.forEach((function(e){return v(e.isIntersecting)}))}),{threshold:.1});return f.current&&e.observe(f.current),function(){f.current&&e.unobserve(f.current)}}),[]),S?(0,ie.BX)(fi,{border:"1px solid",borderRadius:"2px",borderColor:"divider",width:"100%",height:"100%",ref:f,children:[(0,ie.BX)(fi,{px:2,py:1,display:"flex",flexWrap:"wrap",width:"100%",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid",borderColor:"divider",children:[(0,ie.tZ)(xd,{arrow:!0,componentsProps:{tooltip:{sx:{maxWidth:"100%"}}},title:(0,ie.BX)(fi,{sx:{p:1},children:[o&&(0,ie.BX)(fi,{mb:2,children:[(0,ie.tZ)(cv,{fontWeight:"500",sx:{mb:.5,textDecoration:"underline"},children:"Description:"}),(0,ie.tZ)("div",{className:"panelDescription",dangerouslySetInnerHTML:{__html:Gk.parse(o)}})]}),(0,ie.BX)(fi,{children:[(0,ie.tZ)(cv,{fontWeight:"500",sx:{mb:.5,textDecoration:"underline"},children:"Queries:"}),(0,ie.tZ)("div",{children:a.map((function(e,t){return(0,ie.tZ)(fi,{mb:.5,children:e},"".concat(t,"_").concat(e))}))})]})]}),children:(0,ie.tZ)(fk.Z,{color:"info",sx:{mr:1}})}),(0,ie.tZ)(cv,{component:"div",variant:"subtitle1",fontWeight:500,sx:{mr:2,py:1,flexGrow:"1"},children:n||""}),(0,ie.tZ)(fi,{mr:2,py:1,children:(0,ie.tZ)(Rv,{defaultStep:c.step,customStepEnable:b.enable,setStep:function(e){return x(vn(vn({},b),{},{value:e}))},toggleEnableStep:function(){return x(vn(vn({},b),{},{enable:!b.enable}))}})}),(0,ie.tZ)(cg,{yaxis:D,setYaxisLimits:A,toggleEnableLimits:function(){var e=vn({},D);e.limits.enable=!e.limits.enable,k(e)}})]}),(0,ie.BX)(fi,{px:2,pb:2,children:[_&&(0,ie.tZ)(Ag,{isLoading:!0,height:"500px"}),M&&(0,ie.tZ)(_t,{color:"error",severity:"error",sx:{whiteSpace:"pre-wrap",mt:2},children:M}),E&&(0,ie.tZ)(Ed,{data:E,period:c,customStep:b,query:a,yaxis:D,unit:i,alias:s,showLegend:u,setYaxisLimits:A,setPeriod:function(e){var t=e.from,n=e.to;d({type:"SET_PERIOD",payload:{from:t,to:n}})}})]})]}):(0,ie.BX)(_t,{color:"error",severity:"error",sx:{m:4},children:[(0,ie.tZ)("code",{children:'"expr"'})," not found. Check the configuration file ",(0,ie.tZ)("b",{children:l}),"."]})},aS={position:"absolute",top:0,bottom:0,width:"10px",opacity:0,cursor:"ew-resize"},uS=function(e){var n=e.index,o=e.title,i=e.panels,a=e.filename,u=Ss(document.body),l=(0,t.useMemo)((function(){return u.width/12}),[u]),s=(0,t.useState)([]),c=(0,r.Z)(s,2),d=c[0],f=c[1];(0,t.useEffect)((function(){f(i.map((function(e){return e.width||12})))}),[i]);var p=(0,t.useState)({start:0,target:0,enable:!1}),h=(0,r.Z)(p,2),m=h[0],v=h[1],g=function(e){if(m.enable){var t=m.start,n=Math.ceil((t-e.clientX)/l);if(!(Math.abs(n)>=12)){var r=d.map((function(e,t){return e-(t===m.target?n:0)}));f(r)}}},y=function(){v(vn(vn({},m),{},{enable:!1}))};return(0,t.useEffect)((function(){return window.addEventListener("mousemove",g),window.addEventListener("mouseup",y),function(){window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",y)}}),[m]),(0,ie.BX)(KD,{defaultExpanded:!n,sx:{boxShadow:"none"},children:[(0,ie.tZ)(ik,{sx:{px:3,bgcolor:"rgba(227, 242, 253, 0.6)"},"aria-controls":"panel".concat(n,"-content"),id:"panel".concat(n,"-header"),expandIcon:(0,ie.tZ)(dk.Z,{}),children:(0,ie.BX)(fi,{display:"flex",alignItems:"center",width:"100%",children:[o&&(0,ie.tZ)(cv,{variant:"h6",fontWeight:"bold",sx:{mr:2},children:o}),i&&(0,ie.BX)(cv,{variant:"body2",fontStyle:"italic",children:["(",i.length," panels)"]})]})}),(0,ie.tZ)(ck,{sx:{display:"grid",gridGap:"10px"},children:(0,ie.tZ)(rb,{container:!0,spacing:2,children:Array.isArray(i)&&i.length?i.map((function(e,t){return(0,ie.tZ)(rb,{item:!0,xs:d[t],sx:{transition:"200ms"},children:(0,ie.BX)(fi,{position:"relative",height:"100%",children:[(0,ie.tZ)(iS,{title:e.title,description:e.description,unit:e.unit,expr:e.expr,alias:e.alias,filename:a,showLegend:e.showLegend}),(0,ie.tZ)("button",{style:vn(vn({},aS),{},{right:0}),onMouseDown:function(e){return function(e,t){v({start:e.clientX,target:t,enable:!0})}(e,t)}})]})},t)})):(0,ie.BX)(_t,{color:"error",severity:"error",sx:{m:4},children:[(0,ie.tZ)("code",{children:'"panels"'})," not found. Check the configuration file ",(0,ie.tZ)("b",{children:a}),"."]})})})]})},lS=function(){var e=(0,t.useState)(),n=(0,r.Z)(e,2),o=n[0],i=n[1],a=(0,t.useState)(0),u=(0,r.Z)(a,2),l=u[0],s=u[1],c=(0,t.useMemo)((function(){return br()(o,[l,"filename"],"")}),[o,l]),d=(0,t.useMemo)((function(){return br()(o,[l,"rows"],[])}),[o,l]);return(0,t.useEffect)((function(){RD().then((function(e){return e.length&&i(e)}))}),[]),(0,ie.BX)(ie.HY,{children:[!o&&(0,ie.tZ)(_t,{color:"info",severity:"info",sx:{m:4},children:"Dashboards not found"}),o&&(0,ie.BX)(ie.HY,{children:[(0,ie.tZ)(fi,{sx:{borderBottom:1,borderColor:"divider"},children:(0,ie.tZ)(Jn,{value:l,onChange:function(e,t){return s(t)},"aria-label":"dashboard-tabs",children:o&&o.map((function(e,t){return(0,ie.tZ)(ur,{label:e.title||e.filename,id:"tab-".concat(t),"aria-controls":"tabpanel-".concat(t)},t)}))})}),(0,ie.tZ)(fi,{children:Array.isArray(d)&&d.length?d.map((function(e,t){return(0,ie.tZ)(uS,{index:t,filename:c,title:e.title,panels:e.panels},"".concat(l,"_").concat(t))})):(0,ie.BX)(_t,{color:"error",severity:"error",sx:{m:4},children:[(0,ie.tZ)("code",{children:'"rows"'})," not found. Check the configuration file ",(0,ie.tZ)("b",{children:c}),"."]})})]})]})},sS=function(e,t){var n=t.match?"&match[]=".concat(t.match):"";return"".concat(e,"/api/v1/status/tsdb?topN=").concat(t.topN,"&date=").concat(t.date).concat(n)},cS=jv(),dS=zv().serverURL,fS={totalSeries:0,totalLabelValuePairs:0,seriesCountByMetricName:[],seriesCountByLabelValuePair:[],labelValueCountByLabelName:[]},pS=(0,ht.Z)((0,ie.tZ)("path",{d:"M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"}),"LastPage"),hS=(0,ht.Z)((0,ie.tZ)("path",{d:"M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"}),"FirstPage"),mS=["backIconButtonProps","count","getItemAriaLabel","nextIconButtonProps","onPageChange","page","rowsPerPage","showFirstButton","showLastButton"],vS=t.forwardRef((function(e,t){var n=e.backIconButtonProps,r=e.count,i=e.getItemAriaLabel,a=e.nextIconButtonProps,u=e.onPageChange,l=e.page,s=e.rowsPerPage,c=e.showFirstButton,d=e.showLastButton,f=(0,X.Z)(e,mS),p=Ot();return(0,ie.BX)("div",(0,o.Z)({ref:t},f,{children:[c&&(0,ie.tZ)(pt,{onClick:function(e){u(e,0)},disabled:0===l,"aria-label":i("first",l),title:i("first",l),children:"rtl"===p.direction?Kk||(Kk=(0,ie.tZ)(pS,{})):Qk||(Qk=(0,ie.tZ)(hS,{}))}),(0,ie.tZ)(pt,(0,o.Z)({onClick:function(e){u(e,l-1)},disabled:0===l,color:"inherit","aria-label":i("previous",l),title:i("previous",l)},n,{children:"rtl"===p.direction?Jk||(Jk=(0,ie.tZ)(An,{})):eS||(eS=(0,ie.tZ)(Mn,{}))})),(0,ie.tZ)(pt,(0,o.Z)({onClick:function(e){u(e,l+1)},disabled:-1!==r&&l>=Math.ceil(r/s)-1,color:"inherit","aria-label":i("next",l),title:i("next",l)},a,{children:"rtl"===p.direction?tS||(tS=(0,ie.tZ)(Mn,{})):nS||(nS=(0,ie.tZ)(An,{}))})),d&&(0,ie.tZ)(pt,{onClick:function(e){u(e,Math.max(0,Math.ceil(r/s)-1))},disabled:l>=Math.ceil(r/s)-1,"aria-label":i("last",l),title:i("last",l),children:"rtl"===p.direction?rS||(rS=(0,ie.tZ)(hS,{})):oS||(oS=(0,ie.tZ)(pS,{}))})]}))})),gS=vS;function yS(e){return(0,ne.Z)("MuiTablePagination",e)}var bS,xS=(0,re.Z)("MuiTablePagination",["root","toolbar","spacer","selectLabel","selectRoot","select","selectIcon","input","menuItem","displayedRows","actions"]),ZS=["ActionsComponent","backIconButtonProps","className","colSpan","component","count","getItemAriaLabel","labelDisplayedRows","labelRowsPerPage","nextIconButtonProps","onPageChange","onRowsPerPageChange","page","rowsPerPage","rowsPerPageOptions","SelectProps","showFirstButton","showLastButton"],wS=(0,J.ZP)(Xd,{name:"MuiTablePagination",slot:"Root",overridesResolver:function(e,t){return t.root}})((function(e){var t=e.theme;return{overflow:"auto",color:t.palette.text.primary,fontSize:t.typography.pxToRem(14),"&:last-child":{padding:0}}})),DS=(0,J.ZP)(Qg,{name:"MuiTablePagination",slot:"Toolbar",overridesResolver:function(e,t){return(0,o.Z)((0,q.Z)({},"& .".concat(xS.actions),t.actions),t.toolbar)}})((function(e){var t,n=e.theme;return t={minHeight:52,paddingRight:2},(0,q.Z)(t,"".concat(n.breakpoints.up("xs")," and (orientation: landscape)"),{minHeight:52}),(0,q.Z)(t,n.breakpoints.up("sm"),{minHeight:52,paddingRight:2}),(0,q.Z)(t,"& .".concat(xS.actions),{flexShrink:0,marginLeft:20}),t})),kS=(0,J.ZP)("div",{name:"MuiTablePagination",slot:"Spacer",overridesResolver:function(e,t){return t.spacer}})({flex:"1 1 100%"}),SS=(0,J.ZP)("p",{name:"MuiTablePagination",slot:"SelectLabel",overridesResolver:function(e,t){return t.selectLabel}})((function(e){var t=e.theme;return(0,o.Z)({},t.typography.body2,{flexShrink:0})})),CS=(0,J.ZP)(Bm,{name:"MuiTablePagination",slot:"Select",overridesResolver:function(e,t){var n;return(0,o.Z)((n={},(0,q.Z)(n,"& .".concat(xS.selectIcon),t.selectIcon),(0,q.Z)(n,"& .".concat(xS.select),t.select),n),t.input,t.selectRoot)}})((0,q.Z)({color:"inherit",fontSize:"inherit",flexShrink:0,marginRight:32,marginLeft:8},"& .".concat(xS.select),{paddingLeft:8,paddingRight:24,textAlign:"right",textAlignLast:"right"})),_S=(0,J.ZP)(Jm,{name:"MuiTablePagination",slot:"MenuItem",overridesResolver:function(e,t){return t.menuItem}})({}),ES=(0,J.ZP)("p",{name:"MuiTablePagination",slot:"DisplayedRows",overridesResolver:function(e,t){return t.displayedRows}})((function(e){var t=e.theme;return(0,o.Z)({},t.typography.body2,{flexShrink:0})}));function MS(e){var t=e.from,n=e.to,r=e.count;return"".concat(t,"\u2013").concat(n," of ").concat(-1!==r?r:"more than ".concat(n))}function AS(e){return"Go to ".concat(e," page")}var PS=t.forwardRef((function(e,n){var r,i=(0,ee.Z)({props:e,name:"MuiTablePagination"}),a=i.ActionsComponent,u=void 0===a?gS:a,l=i.backIconButtonProps,s=i.className,c=i.colSpan,d=i.component,f=void 0===d?Xd:d,p=i.count,h=i.getItemAriaLabel,m=void 0===h?AS:h,v=i.labelDisplayedRows,g=void 0===v?MS:v,y=i.labelRowsPerPage,b=void 0===y?"Rows per page:":y,x=i.nextIconButtonProps,Z=i.onPageChange,w=i.onRowsPerPageChange,D=i.page,k=i.rowsPerPage,S=i.rowsPerPageOptions,C=void 0===S?[10,25,50,100]:S,_=i.SelectProps,E=void 0===_?{}:_,M=i.showFirstButton,A=void 0!==M&&M,P=i.showLastButton,T=void 0!==P&&P,R=(0,X.Z)(i,ZS),F=i,O=function(e){var t=e.classes;return(0,K.Z)({root:["root"],toolbar:["toolbar"],spacer:["spacer"],selectLabel:["selectLabel"],select:["select"],input:["input"],selectIcon:["selectIcon"],menuItem:["menuItem"],displayedRows:["displayedRows"],actions:["actions"]},yS,t)}(F),B=E.native?"option":_S;f!==Xd&&"td"!==f||(r=c||1e3);var I=(0,ld.Z)(E.id),L=(0,ld.Z)(E.labelId);return(0,ie.tZ)(wS,(0,o.Z)({colSpan:r,ref:n,as:f,ownerState:F,className:(0,G.Z)(O.root,s)},R,{children:(0,ie.BX)(DS,{className:O.toolbar,children:[(0,ie.tZ)(kS,{className:O.spacer}),C.length>1&&(0,ie.tZ)(SS,{className:O.selectLabel,id:L,children:b}),C.length>1&&(0,ie.tZ)(CS,(0,o.Z)({variant:"standard",input:bS||(bS=(0,ie.tZ)(qf,{})),value:k,onChange:w,id:I,labelId:L},E,{classes:(0,o.Z)({},E.classes,{root:(0,G.Z)(O.input,O.selectRoot,(E.classes||{}).root),select:(0,G.Z)(O.select,(E.classes||{}).select),icon:(0,G.Z)(O.selectIcon,(E.classes||{}).icon)}),children:C.map((function(e){return(0,t.createElement)(B,(0,o.Z)({},!Ps(B)&&{ownerState:F},{className:O.menuItem,key:e.label?e.label:e,value:e.value?e.value:e}),e.label?e.label:e)}))})),(0,ie.tZ)(ES,{className:O.displayedRows,children:g({from:0===p?0:D*k+1,to:-1===p?(D+1)*k:-1===k?p:Math.min(p,(D+1)*k),count:-1===p?-1:p,page:D})}),(0,ie.tZ)(u,{className:O.actions,backIconButtonProps:l,count:p,nextIconButtonProps:x,onPageChange:Z,page:D,rowsPerPage:k,showFirstButton:A,showLastButton:T,getItemAriaLabel:m})]})}))})),TS=PS,RS={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};function FS(e){var t=e.order,n=e.orderBy,r=e.onRequestSort,o=e.headerCells;return(0,ie.tZ)(lf,{children:(0,ie.tZ)(hf,{children:o.map((function(e){return(0,ie.tZ)(Xd,{align:e.numeric?"right":"left",sortDirection:n===e.id&&t,children:(0,ie.BX)(wf,{active:n===e.id,direction:n===e.id?t:"asc",onClick:(o=e.id,function(e){r(e,o)}),children:[e.label,n===e.id?(0,ie.tZ)(fi,{component:"span",sx:RS,children:"desc"===t?"sorted descending":"sorted ascending"}):null]})},e.id);var o}))})})}function OS(e,t,n){return t[n]
{groups.map((group) =>
- Query {group}
- "{query[group - 1]}":
+ Query {group}
+ ("{query[group - 1]}")
{labels.filter(l => l.group === group).map((legendItem: LegendItem) =>
diff --git a/app/vmui/packages/vmui/src/components/Legend/legend.css b/app/vmui/packages/vmui/src/components/Legend/legend.css
index 8946c717d..b9e2721a3 100644
--- a/app/vmui/packages/vmui/src/components/Legend/legend.css
+++ b/app/vmui/packages/vmui/src/components/Legend/legend.css
@@ -8,19 +8,21 @@
.legendGroup {
margin: 0 12px 24px 0;
+ padding: 10px 6px;
}
.legendGroupTitle {
- display: grid;
- grid-template-columns: 43px auto;
+ display: flex;
align-items: center;
- padding: 10px;
+ padding: 0 10px 5px;
+ margin-bottom: 5px;
font-size: 11px;
+ border-bottom: 1px solid #ECEBE6;
}
.legendGroupQuery {
- grid-column: 1/3;
- opacity: 0.6;
+ font-weight: bold;
+ margin-right: 4px;
}
.legendGroupLine {
@@ -97,4 +99,4 @@
font-size: 10px;
color: #0a0a0a;
word-wrap: break-word;
-}
\ No newline at end of file
+}
diff --git a/app/vmui/packages/vmui/src/hooks/useFetchQuery.ts b/app/vmui/packages/vmui/src/hooks/useFetchQuery.ts
index 14ccfbc44..3a581f90c 100644
--- a/app/vmui/packages/vmui/src/hooks/useFetchQuery.ts
+++ b/app/vmui/packages/vmui/src/hooks/useFetchQuery.ts
@@ -5,7 +5,7 @@ import {InstantMetricResult, MetricBase, MetricResult} from "../api/types";
import {isValidHttpUrl} from "../utils/url";
import {ErrorTypes} from "../types";
import {getAppModeEnable, getAppModeParams} from "../utils/app-mode";
-import throttle from "lodash.throttle";
+import debounce from "lodash.debounce";
import {DisplayType} from "../components/CustomPanel/Configurator/DisplayTypeSwitch";
import {CustomStep} from "../state/graph/reducer";
import usePrevious from "./usePrevious";
@@ -43,11 +43,9 @@ export const useFetchQuery = ({predefinedQuery, visible, display, customStep}: F
}
}, [error]);
- const fetchData = async (fetchUrl: string[] | undefined, fetchQueue: AbortController[], displayType: DisplayType) => {
- if (!fetchUrl?.length) return;
+ const fetchData = async (fetchUrl: string[], fetchQueue: AbortController[], displayType: DisplayType) => {
const controller = new AbortController();
setFetchQueue([...fetchQueue, controller]);
- setIsLoading(true);
try {
const responses = await Promise.all(fetchUrl.map(url => fetch(url, {signal: controller.signal})));
const tempData = [];
@@ -74,7 +72,7 @@ export const useFetchQuery = ({predefinedQuery, visible, display, customStep}: F
setIsLoading(false);
};
- const throttledFetchData = useCallback(throttle(fetchData, 1000), []);
+ const throttledFetchData = useCallback(debounce(fetchData, 600), []);
const fetchUrl = useMemo(() => {
const server = appModeEnable ? appServerUrl : serverUrl;
@@ -100,7 +98,8 @@ export const useFetchQuery = ({predefinedQuery, visible, display, customStep}: F
const prevFetchUrl = usePrevious(fetchUrl);
useEffect(() => {
- if (!visible || (fetchUrl && prevFetchUrl && arrayEquals(fetchUrl, prevFetchUrl))) return;
+ if (!visible || (fetchUrl && prevFetchUrl && arrayEquals(fetchUrl, prevFetchUrl)) || !fetchUrl?.length) return;
+ setIsLoading(true);
throttledFetchData(fetchUrl, fetchQueue, (display || displayType));
}, [fetchUrl, visible]);
diff --git a/app/vmui/packages/vmui/src/state/common/reducer.ts b/app/vmui/packages/vmui/src/state/common/reducer.ts
index f2ed94ed5..0c9141f66 100644
--- a/app/vmui/packages/vmui/src/state/common/reducer.ts
+++ b/app/vmui/packages/vmui/src/state/common/reducer.ts
@@ -117,7 +117,7 @@ export function reducer(state: AppState, action: Action): AppState {
...state.time,
duration: action.payload,
period: getTimeperiodForDuration(action.payload, dateFromSeconds(state.time.period.end)),
- relativeTime: ""
+ relativeTime: "none"
}
};
case "SET_RELATIVE_TIME":
@@ -136,7 +136,7 @@ export function reducer(state: AppState, action: Action): AppState {
time: {
...state.time,
period: getTimeperiodForDuration(state.time.duration, action.payload),
- relativeTime: ""
+ relativeTime: "none"
}
};
case "SET_FROM":
@@ -152,7 +152,7 @@ export function reducer(state: AppState, action: Action): AppState {
...state.time,
duration: durationFrom,
period: getTimeperiodForDuration(durationFrom, dayjs(state.time.period.end*1000).toDate()),
- relativeTime: ""
+ relativeTime: "none"
}
};
case "SET_PERIOD":
@@ -168,7 +168,7 @@ export function reducer(state: AppState, action: Action): AppState {
...state.time,
duration: durationPeriod,
period: getTimeperiodForDuration(durationPeriod, action.payload.to),
- relativeTime: ""
+ relativeTime: "none"
}
};
case "TOGGLE_AUTOREFRESH":
diff --git a/app/vmui/packages/vmui/src/types/index.ts b/app/vmui/packages/vmui/src/types/index.ts
index 341aca2d8..51835cca1 100644
--- a/app/vmui/packages/vmui/src/types/index.ts
+++ b/app/vmui/packages/vmui/src/types/index.ts
@@ -67,4 +67,5 @@ export interface RelativeTimeOption {
duration: string,
until: () => Date,
title: string,
+ isDefault?: boolean,
}
diff --git a/app/vmui/packages/vmui/src/utils/metric.ts b/app/vmui/packages/vmui/src/utils/metric.ts
index 14a95a138..c791c07d5 100644
--- a/app/vmui/packages/vmui/src/utils/metric.ts
+++ b/app/vmui/packages/vmui/src/utils/metric.ts
@@ -2,10 +2,10 @@ import {MetricBase} from "../api/types";
export const getNameForMetric = (result: MetricBase, alias?: string): string => {
const { __name__, ...freeFormFields } = result.metric;
- const name = alias || __name__ || `Query ${result.group} result`;
+ const name = alias || __name__ || "";
if (Object.keys(result.metric).length === 0) {
- return name; // a bit better than just {} for case of aggregation functions
+ return name || `Result ${result.group}`; // a bit better than just {} for case of aggregation functions
}
return `${name} {${Object.entries(freeFormFields).map(e => `${e[0]}: ${e[1]}`).join(", ")}}`;
diff --git a/app/vmui/packages/vmui/src/utils/time.ts b/app/vmui/packages/vmui/src/utils/time.ts
index 713ba4052..be561473c 100644
--- a/app/vmui/packages/vmui/src/utils/time.ts
+++ b/app/vmui/packages/vmui/src/utils/time.ts
@@ -111,7 +111,7 @@ export const dateFromSeconds = (epochTimeInSeconds: number): Date => new Date(ep
export const relativeTimeOptions: RelativeTimeOption[] = [
{title: "Last 5 minutes", duration: "5m"},
{title: "Last 15 minutes", duration: "15m"},
- {title: "Last 30 minutes", duration: "30m"},
+ {title: "Last 30 minutes", duration: "30m", isDefault: true},
{title: "Last 1 hour", duration: "1h"},
{title: "Last 3 hours", duration: "3h"},
{title: "Last 6 hours", duration: "6h"},
@@ -133,10 +133,11 @@ export const relativeTimeOptions: RelativeTimeOption[] = [
export const getRelativeTime = ({relativeTimeId, defaultDuration, defaultEndInput}:
{ relativeTimeId?: string, defaultDuration: string, defaultEndInput: Date }) => {
- const id = relativeTimeId || getQueryStringValue("g0.relative_time", "") as string;
+ const defaultId = relativeTimeOptions.find(t => t.isDefault)?.id;
+ const id = relativeTimeId || getQueryStringValue("g0.relative_time", defaultId) as string;
const target = relativeTimeOptions.find(d => d.id === id);
return {
- relativeTimeId: id,
+ relativeTimeId: target ? id : "none",
duration: target ? target.duration : defaultDuration,
endInput: target ? target.until() : defaultEndInput
};
diff --git a/app/vmui/packages/vmui/src/utils/uplot/tooltip.ts b/app/vmui/packages/vmui/src/utils/uplot/tooltip.ts
index 280c41732..a37f2871f 100644
--- a/app/vmui/packages/vmui/src/utils/uplot/tooltip.ts
+++ b/app/vmui/packages/vmui/src/utils/uplot/tooltip.ts
@@ -21,7 +21,9 @@ export const setTooltip = ({u, tooltipIdx, metrics, series, tooltip, tooltipOffs
tooltip.style.display = "grid";
tooltip.style.top = `${tooltipOffset.top + top + 10 - (overflowY ? tooltipHeight + 10 : 0)}px`;
tooltip.style.left = `${tooltipOffset.left + lft + 10 - (overflowX ? tooltipWidth + 20 : 0)}px`;
- const name = (selectedSeries.label || "").replace(/{.+}/gmi, "");
+ const metricName = (selectedSeries.label || "").replace(/{.+}/gmi, "").trim();
+ const groupName = `Query ${selectedSeries.scale}`;
+ const name = metricName || groupName;
const date = dayjs(new Date(dataTime * 1000)).format("YYYY-MM-DD HH:mm:ss:SSS (Z)");
const info = Object.keys(metric).filter(k => k !== "__name__").map(k => `
${k}: ${metric[k]}
`).join("");
const marker = ``;
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
index bb05db067..aa74d1461 100644
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -19,6 +19,7 @@ The following tip changes can be tested by building VictoriaMetrics components f
* FEATURE: support query tracing, which allows determining bottlenecks during query processing. See [these docs](https://docs.victoriametrics.com/Single-server-VictoriaMetrics.html#query-tracing) and [this feature request](https://github.com/VictoriaMetrics/VictoriaMetrics/issues/1403).
* FEATURE: [vmui](https://docs.victoriametrics.com/#vmui): add `cardinality` tab, which can help identifying the source of [high cardinality](https://docs.victoriametrics.com/FAQ.html#what-is-high-cardinality) and [high churn rate](https://docs.victoriametrics.com/FAQ.html#what-is-high-churn-rate) issues. See [this feature request](https://github.com/VictoriaMetrics/VictoriaMetrics/issues/2233) and [these docs](https://docs.victoriametrics.com/#cardinality-explorer).
+* FEATURE: [vmui](https://docs.victoriametrics.com/#vmui): small UX enhancements according to [this feature request](https://github.com/VictoriaMetrics/VictoriaMetrics/issues/2638).
* FEATURE: allow overriding default limits for in-memory cache `indexdb/tagFilters` via flag `-storage.cacheSizeIndexDBTagFilters`. See [this issue](https://github.com/VictoriaMetrics/VictoriaMetrics/issues/2663).
* FEATURE: add support of `lowercase` and `uppercase` relabeling actions in the same way as [Prometheus 2.36.0 does](https://github.com/prometheus/prometheus/releases/tag/v2.36.0). See [this issue](https://github.com/VictoriaMetrics/VictoriaMetrics/issues/2664).
* FEATURE: add ability to change the `indexdb` rotation timezone offset via `-retentionTimezoneOffset` command-line flag. Previously it was performed at 4am UTC time. This could lead to performance degradation in the middle of the day when VictoriaMetrics runs in time zones located too far from UTC. Thanks to @cnych for [the pull request](https://github.com/VictoriaMetrics/VictoriaMetrics/pull/2574).
@@ -39,6 +40,8 @@ The following tip changes can be tested by building VictoriaMetrics components f
* BUGFIX: [vmalert](https://docs.victoriametrics.com/vmalert.html): properly apply `alert_relabel_configs` relabeling rules to `-notifier.config` according to [these docs](https://docs.victoriametrics.com/vmalert.html#notifier-configuration-file). Thanks to @spectvtor for [the bugfix](https://github.com/VictoriaMetrics/VictoriaMetrics/pull/2633).
* BUGFIX: [vmalert](https://docs.victoriametrics.com/vmalert.html): properly add `Content-Encoding: snappy` request header when `vmalert` sends [evaluated recording rules' data](https://docs.victoriametrics.com/vmalert.html#recording-rules) to `-remoteWrite.url`. This header is needed by some remote storage systems in order to properly decode snappy-encoded request body. See [this pull request](https://github.com/VictoriaMetrics/VictoriaMetrics/pull/2685). Thanks to @manji-0 for th fix.
* BUGFIX: deny [background merge](https://valyala.medium.com/how-victoriametrics-makes-instant-snapshots-for-multi-terabyte-time-series-data-e1f3fb0e0282) when the storage enters read-only mode, e.g. when free disk space becomes lower than `-storage.minFreeDiskSpaceBytes`. Background merge needs additional disk space, so it could result in `no space left on device` errors. See [this issue](https://github.com/VictoriaMetrics/VictoriaMetrics/issues/2603).
+* BUGFIX: [vmui](https://docs.victoriametrics.com/#vmui): properly apply the selected time range when auto-refresh is enabled. See [this issue](https://github.com/VictoriaMetrics/VictoriaMetrics/issues/2693).
+* BUGFIX: [vmui](https://docs.victoriametrics.com/#vmui): properly update the url with vmui state when new query is entered. See [this issue](https://github.com/VictoriaMetrics/VictoriaMetrics/issues/2692).
## [v1.77.2](https://github.com/VictoriaMetrics/VictoriaMetrics/releases/tag/v1.77.2)