https://ezioqwarks-mlfloweq-server.hf.space/static-files/static/js/7406.6ad65c50.chunk.js

1"use strict";(globalThis.webpackChunk_mlflow_mlflow=globalThis.webpackChunk_mlflow_mlflow||[]).push([[7406],{24213(e,t,n){n.d(t,{IT:()=>C,Id:()=>w,OM:()=>Y,R3:()=>A,T4:()=>R,Vn:()=>M,WW:()=>L,XQ:()=>h,dC:()=>E,gy:()=>D,h:()=>H,iE:()=>S,lh:()=>T,nN:()=>k,t4:()=>I,tz:()=>m,zZ:()=>O});var i=n(15032),r=n(51477),o=n(77753),l=n(10587),a=n(5460),s=n(39521),c=n(19135),d=n(19740),u=n(67593),p=n(33972),v=n(63968);const m=200;var g={name:"lugakg",styles:"font-weight:normal"};const h=({icon:e,title:t,value:n,subtitle:r})=>{const{theme:o}=(0,l.u)();return(0,v.FD)("div",{css:(0,i.AH)({marginBottom:o.spacing.lg},""),children:[(0,v.FD)("div",{css:(0,i.AH)({display:"flex",alignItems:"center",gap:o.spacing.xs},""),children:[(0,v.Y)("span",{css:(0,i.AH)({color:o.colors.textSecondary,display:"flex"},""),children:e}),(0,v.Y)(l.T.Text,{bold:!0,size:"lg",children:t})]}),void 0!==n&&(0,v.FD)(l.T.Title,{level:3,css:(0,i.AH)({margin:0,marginTop:o.spacing.sm},""),children:[n,r&&(0,v.FD)(v.FK,{children:[" ",(0,v.Y)(l.T.Text,{color:"secondary",css:g,children:r})]})]})]})},f=({children:e,height:t=280})=>{const{theme:n}=(0,l.u)();return(0,v.Y)("div",{css:(0,i.AH)({border:`1px solid ${n.colors.border}`,borderRadius:n.borders.borderRadiusMd,padding:n.spacing.lg,height:t,display:"flex",alignItems:"center",justifyContent:"center"},""),children:e})};var y={name:"1u1zie3",styles:"width:120px"},x={name:"m0jwvv",styles:"width:80px"},b={name:"82a6rk",styles:"flex:1"};const T=({height:e=280})=>{const{theme:t}=(0,l.u)();return(0,v.FD)("div",{css:(0,i.AH)({border:`1px solid ${t.colors.border}`,borderRadius:t.borders.borderRadiusMd,padding:t.spacing.lg,height:e,display:"flex",flexDirection:"column",gap:t.spacing.md},""),children:[(0,v.Y)(o.TitleSkeleton,{css:y}),(0,v.Y)(o.TitleSkeleton,{css:x}),(0,v.Y)("div",{css:b,children:(0,v.Y)(o.TableSkeleton,{lines:4})})]})},k=({height:e,message:t})=>(0,v.Y)(f,{height:e,children:(0,v.Y)(l.T.Text,{color:"error",children:t||(0,v.Y)(a.A,{id:"cp/h86",defaultMessage:"Failed to load chart data"})})}),S=({height:e,message:t})=>(0,v.Y)("div",{css:(0,i.AH)({height:e||"100%",display:"flex",alignItems:"center",justifyContent:"center"},""),children:(0,v.Y)(l.T.Text,{color:"secondary",children:t||(0,v.Y)(a.A,{id:"zwktEP",defaultMessage:"No data available for the selected time range"})})});function A(e,t,n){const i=d.Ay.getExperimentPageTabRoute(e,u.fM.Traces),r=new URLSearchParams,{startTimeLabel:o,startTime:l,endTime:a}=null!==t&&void 0!==t?t:{};return o&&r.set("startTimeLabel",o),l&&r.set("startTime",l),a&&r.set("endTime",a),null===n||void 0===n||n.forEach(e=>r.append("filter",e)),`${i}?${r.toString()}`}function w(e,t,n,i){return A(e,{startTimeLabel:"CUSTOM",startTime:new Date(t).toISOString(),endTime:new Date(t+1e3*n).toISOString()},i)}function I(e){return[p.w8.ASSESSMENT,p.dD.IS_NOT_NULL,"",e].join("::")}function Y(e,t){return[p.w8.ASSESSMENT,p.tl.EQUALS,t,e].join("::")}function E(e){return[p.Gq,p.tl.EQUALS,e].join("::")}function L(e){return[p.RC,p.tl.EQUALS,e].join("::")}function M({active:e,payload:t,label:n,formatter:o,linkConfig:d,componentId:u}){var p,m,g,h;const{theme:f}=(0,l.u)(),y=(0,s.Zp)(),{hideTooltipLinks:x,tooltipLinkUrlBuilder:b,tooltipLinkText:T,tracesNavigationFilters:k}=null!==(p=(0,r.useContext)(c.J0))&&void 0!==p?p:{};if(!e||null===t||void 0===t||!t.length)return null;const S=null===(m=t[0])||void 0===m?void 0:m.payload,A=void 0!==(null===d||void 0===d?void 0:d.onLinkClick),I=(null===d||void 0===d?void 0:d.experimentId)&&(null===d||void 0===d?void 0:d.timeIntervalSeconds)&&void 0!==(null===S||void 0===S?void 0:S.timestampMs),Y=!x&&d&&(A||I);return(0,v.FD)("div",{onMouseMove:e=>e.stopPropagation(),css:(0,i.AH)({backgroundColor:`${f.colors.backgroundPrimary}80`,backdropFilter:"blur(2px)",border:`1px solid ${f.colors.border}`,borderRadius:f.borders.borderRadiusMd,fontSize:f.typography.fontSizeSm,padding:f.spacing.sm,pointerEvents:"auto",marginLeft:-20,marginRight:-20},""),children:[n&&(0,v.Y)("div",{css:(0,i.AH)({fontWeight:500,marginBottom:f.spacing.xs},""),children:n}),(0,v.Y)("div",{css:(0,i.AH)({maxHeight:120,overflowY:"auto",overflowX:"hidden"},""),children:t.map((e,t)=>{const[n,r]=o(e.value,e.name);return(0,v.FD)("div",{css:(0,i.AH)({display:"flex",alignItems:"center",gap:f.spacing.xs,paddingTop:f.spacing.xs,paddingBottom:f.spacing.xs},""),children:[(0,v.Y)("span",{css:(0,i.AH)({width:f.spacing.sm,height:f.spacing.sm,borderRadius:"50%",backgroundColor:e.color,flexShrink:0},"")}),(0,v.FD)("span",{css:(0,i.AH)({color:e.color},""),children:[r,":"]}),(0,v.Y)("span",{children:n})]},t)})}),Y&&(0,v.Y)("div",{css:(0,i.AH)({borderTop:`1px solid ${f.colors.border}`,marginTop:f.spacing.xs,paddingTop:f.spacing.xs},""),children:(0,v.Y)(l.T.Link,{componentId:null!==u&&void 0!==u?u:"mlflow.overview.usage.traces.view_traces_link",onClick:()=>{var e;if(A)null===(e=d.onLinkClick)||void 0===e||e.call(d,n,S);else if(I){var t,i,r,o,l,a;const e=b?b(null!==(t=d.experimentId)&&void 0!==t?t:"",null!==(i=S.timestampMs)&&void 0!==i?i:0,null!==(r=d.timeIntervalSeconds)&&void 0!==r?r:0):w(null!==(o=d.experimentId)&&void 0!==o?o:"",null!==(l=S.timestampMs)&&void 0!==l?l:0,null!==(a=d.timeIntervalSeconds)&&void 0!==a?a:0,k);y(e)}},css:(0,i.AH)({cursor:"pointer",display:"flex",alignItems:"center",gap:f.spacing.xs},""),children:null!==(g=null!==(h=null===d||void 0===d?void 0:d.linkText)&&void 0!==h?h:T)&&void 0!==g?g:(0,v.Y)(a.A,{id:"c+3yBY",defaultMessage:"View traces for this period"})})})]})}function O(){const{theme:e}=(0,l.u)();return{tick:{fontSize:10,fill:e.colors.textSecondary,dy:e.spacing.sm}

1,axisLine:!1,tickLine:!1,interval:"preserveStartEnd"}}function C(){const{theme:e}=(0,l.u)();return{tick:{fontSize:10,fill:e.colors.textSecondary},axisLine:!1,tickLine:!1,width:40}}function D(e){var t;const{theme:n}=(0,l.u)();return{formatter:e=>(0,v.Y)("span",{css:(0,i.AH)({color:n.colors.textPrimary,fontSize:n.typography.fontSizeSm,cursor:"pointer"},""),children:e}),wrapperStyle:{maxHeight:null!==(t=null===e||void 0===e?void 0:e.maxHeight)&&void 0!==t?t:60,overflowY:"auto",overflowX:"hidden",paddingTop:n.spacing.xs}}}const H=({children:e,componentId:t,...n})=>{const{theme:o}=(0,l.u)(),a=(0,l.g)({componentType:l.D.Card,componentId:t,analyticsEvents:[l.f.OnClick]}),s=(0,r.useCallback)(e=>{t&&(null===a||void 0===a||a.onClick(e))},[t,a]);return(0,v.Y)("div",{css:(0,i.AH)({border:`1px solid ${o.colors.border}`,borderRadius:o.borders.borderRadiusMd,padding:o.spacing.lg,backgroundColor:o.colors.backgroundPrimary},""),onClick:s,...n,children:e})};function R(){const{theme:e}=(0,l.u)();return{strokeOpacity:.3,fill:e.colors.blue200,fillOpacity:.3}}},67406(e,t,n){n.d(t,{TraceLatencyChart:()=>T});var i=n(15032),r=n(51477),o=n(10587),l=n(5460),a=n(68077),s=n(54426),c=n(57455),d=n(55368),u=n(95305),p=n(82124),v=n(35773),m=n(8098),g=n(39848),h=n(55871),f=n(71974),y=n(19135);var x=n(24213),b=n(63968);const T=()=>{const{theme:e}=(0,o.u)(),t=(0,x.zZ)(),n=(0,x.IT)(),T=(0,x.gy)(),{getOpacity:k,handleLegendMouseEnter:S,handleLegendMouseLeave:A}=(0,f.pH)(),{experimentIds:w,timeIntervalSeconds:I}=(0,y.W0)(),{chartData:Y,avgLatency:E,isLoading:L,error:M,hasData:O}=function({enabled:e=!0}={}){var t,n,i;const{experimentIds:o,startTimeMs:l,endTimeMs:a,timeIntervalSeconds:s,timeBuckets:c,filters:d}=(0,y.W0)(),{data:u,isLoading:p,error:v}=(0,h.o)({experimentIds:o,startTimeMs:l,endTimeMs:a,viewType:g.mW.TRACES,metricName:g.po.LATENCY,aggregations:[{aggregation_type:g.DF.PERCENTILE,percentile_value:g.a9},{aggregation_type:g.DF.PERCENTILE,percentile_value:g.CX},{aggregation_type:g.DF.PERCENTILE,percentile_value:g.Jq}],timeIntervalSeconds:s,filters:d,enabled:e}),{data:m,isLoading:x,error:b}=(0,h.o)({experimentIds:o,startTimeMs:l,endTimeMs:a,viewType:g.mW.TRACES,metricName:g.po.LATENCY,aggregations:[{aggregation_type:g.DF.AVG}],filters:d,enabled:e}),T=(0,r.useMemo)(()=>(null===u||void 0===u?void 0:u.data_points)||[],[null===u||void 0===u?void 0:u.data_points]),k=p||x,S=v||b,A=null===m||void 0===m||null===(t=m.data_points)||void 0===t||null===(n=t[0])||void 0===n||null===(i=n.values)||void 0===i?void 0:i[g.DF.AVG],w=(0,r.useCallback)(e=>{var t,n,i;return{p50:(null===(t=e.values)||void 0===t?void 0:t[(0,g.re)(g.a9)])||0,p90:(null===(n=e.values)||void 0===n?void 0:n[(0,g.re)(g.CX)])||0,p99:(null===(i=e.values)||void 0===i?void 0:i[(0,g.re)(g.Jq)])||0}},[]),I=(0,f.NM)(T,w);return{chartData:(0,r.useMemo)(()=>c.map(e=>{const t=I.get(e);return{name:(0,f.fq)(e,s),p50:(null===t||void 0===t?void 0:t.p50)||0,p90:(null===t||void 0===t?void 0:t.p90)||0,p99:(null===t||void 0===t?void 0:t.p99)||0,timestampMs:e}}),[c,I,s]),avgLatency:A,isLoading:k,error:S,hasData:T.length>0}}(),C=(0,r.useCallback)((e,t)=>[(0,f.YL)(e),t],[]),D={p50:e.colors.blue300,p90:e.colors.blue500,p99:e.colors.yellow500};return L?(0,b.Y)(x.lh,{}):M?(0,b.Y)(x.nN,{}):(0,b.FD)(x.h,{componentId:"mlflow.charts.trace_latency",children:[(0,b.Y)(x.XQ,{icon:(0,b.Y)(o.ae,{}),title:(0,b.Y)(l.A,{id:"C83vFj",defaultMessage:"Latency"}),value:void 0!==E?(0,f.YL)(E):void 0}),(0,b.Y)("div",{css:(0,i.AH)({height:x.tz,marginTop:e.spacing.sm},""),children:O?(0,b.Y)(a.u,{width:"100%",height:"100%",children:(0,b.FD)(s.b,{data:Y,margin:{top:10,right:30,left:10,bottom:0},children:[(0,b.Y)(c.W,{dataKey:"name",...t}),(0,b.Y)(d.h,{...n}),(0,b.Y)(u.m,{content:(0,b.Y)(x.Vn,{formatter:C,componentId:"mlflow.overview.usage.latency.view_traces_link",linkConfig:{experimentId:w[0],timeIntervalSeconds:I}}),cursor:{stroke:e.colors.actionTertiaryBackgroundHover},wrapperStyle:{pointerEvents:"auto"}}),(0,b.Y)(p.N1,{type:"monotone",dataKey:"p50",stroke:D.p50,strokeWidth:2,dot:(0,f.vx)(D.p50),name:"p50",strokeOpacity:k("p50")}),(0,b.Y)(p.N1,{type:"monotone",dataKey:"p90",stroke:D.p90,strokeWidth:2,dot:(0,f.vx)(D.p90),name:"p90",strokeOpacity:k("p90")}),(0,b.Y)(p.N1,{type:"monotone",dataKey:"p99",stroke:D.p99,strokeWidth:2,dot:(0,f.vx)(D.p99),name:"p99",strokeOpacity:k("p99")}),void 0!==E&&(0,b.Y)(v.e_,{y:E,stroke:e.colors.textSecondary,strokeDasharray:"4 4",label:{value:`AVG (${(0,f.YL)(E)})`,position:"insideTopRight",fill:e.colors.textSecondary,fontSize:10}}),(0,b.Y)(m.s,{verticalAlign:"bottom",iconType:"plainline",onMouseEnter:S,onMouseLeave:A,...T})]})}):(0,b.Y)(x.iE,{})})]})}},35773(e,t,n){n.d(t,{e_:()=>L});var i=n(51477),r=n(81735),o=n(43905),l=n(7925),a=n(55749),s=n(40941),c=n(18470),d=n(37695),u=n(27321),p=n(21318),v=n(62273),m=n(87003),g=n(54195),h=n(74985),f=n(76873),y=n(9117),x=n(840),b=n(42793);function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?T(Object(n),!0).forEach(function(t){S(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function S(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},A.apply(null,arguments)}var w=(e,t,n,i,r,o,l)=>{var{x:s,y:c,segment:d,ifOverflow:u}=l,p=(0,a.vh)(s);return(0,a.vh)(c)?((e,t,n,i,r,o)=>{var{x:l,width:a}=o,s=r.map(e,{position:n});if(!(0,x.H)(s))return null;if("discard"===t&&!r.isInRange(s))return null;var c=[{x:l+a,y:s},{x:l,y:s}];return"left"===i?c.reverse():c})(c,u,i,o,t,n):p?((e,t,n,i,r,o)=>{var{y:l,height:a}=o,s=r.map(e,{position:n});if(!(0,x.H)(s))return null;if("discard"===t&&!r.isInRange(s))return null;var c=[{x:s,y:l+a},{x:s,y:l}];return"top"===i?c.reverse():c})(s,u,i,r,e,n):null!=d&&2===d.length?((e,t,n,i)=>{var r=[i.mapWithFallback(e[0],{position:n,fallback:"rangeMin"}),i.mapWithFallback(e[1],{position:n,fallback:"rangeMax"})];return"discard"===t&&r.some(e=>!i.isInRange(e))?null:r})(d,u,i,new b.z({x:e,y:t})):null};function I(e){var t=(0,u.j)();return(0,i.useEffect)(()=>(t((0,d.cG)(e)),()=>{t((0,d.hj)(e))})),null}function Y(e){var{xAxisId:t,yAxisId:n,shape:a,className:d,ifOverflow:h}=e,y=(0,v.r)(),b=(0,m.Y)(),T=(0,u.G)(e=>(0,p.Rl)(e,t)),S=(0,u.G)(e=>(0,p.sf)(e,n)),I=(0,u.G)(e=>(0,p.iV)(e,"xAxis",t,y)),Y=(0,u.G)(e=>(0,p.iV)(e,"yAxis",n,y)),E=(0,c.sk)();if(!b||!E||null==T||null==S||null==I||null==Y)return null;var L=w(I,Y,E,e.position,T.orientation,S.orientation,e);if(!L)return null;var M=L[0],O=L[1];if(null==M||null==O)return null;var{x:C,y:D}=M,{x:H,y:R}=O,j=k(k({clipPath:"hidden"===h?"url(#".concat(b,")"):void 0},(0,g.a)(e)),{},{x1:C,y1:D,x2:H,y2:R}),N=(0,s.vh)({x1:C,y1:D,x2:H,y2:R});return i.createElement(f.g,{zIndex:e.zIndex},i.createElement(o.W,{className:(0,r.$)("recharts-reference-line",d)},((e,t)=>{var n;if(i.isValidElement(e))n=i.cloneElement(e,t);else if("function"===typeof e)n=e(t);else{if(!(0,x.H)(t.x1)||!(0,x.H)(t.y1)||!(0,x.H)(t.x2)||!(0,x.H)(t.y2))return null;n=i.createElement("line",A({},t,{className:"recharts-reference-line-line"}))}return n})(a,j),i.createElement(l.zJ,A({},N,{lowerWidth:N.width,upperWidth:N.width}),i.createElement(l._I,{label:e.label}),e.children)))}var E={ifOverflow:"discard",xAxisId:0,yAxisId:0,fill:"none",label:!1,stroke:"#ccc",fillOpacity:1,strokeWidth:1,position:"middle",zIndex:y.I.line};function L(e){var t=(0,h.e)(e,E);return i.createElement(i.Fragment,null,i.createElement(I,{yAxisId:t.yAxisId,xAxisId:t.xAxisId,ifOverflow:t.ifOverflow,x:t.x,y:t.y,segment:t.segment}),i.createElement(Y,t))}L.displayName="ReferenceLine"},54426(e,t,n){n.d(t,{b:()=>a});var i=n(51477),r=n(46029),o=n(384),l=["axis"],a=(0,i.forwardRef)((e,t)=>i.createElement(o.P,{chartName:"LineChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:l,tooltipPayloadSearcher:r.uN,categoricalChartProps:e,ref:t}))},42793(e,t,n){n.d(t,{z:()=>i});class i{constructor(e){var{x:t,y:n}=e;this.xAxisScale=t,this.yAxisScale=n}map(e,t){var n,i,{position:r}=t;return{x:null!==(n=this.xAxisScale.map(e.x,{position:r}))&&void 0!==n?n:0,y:null!==(i=this.yAxisScale.map(e.y,{position:r}))&&void 0!==i?i:0}}mapWithFallback(e,t){var n,i,r,o,{position:l,fallback:a}=t;return r="rangeMin"===a?this.yAxisScale.rangeMin():"rangeMax"===a?this.yAxisScale.rangeMax():0,o="rangeMin"===a?this.xAxisScale.rangeMin():"rangeMax"===a?this.xAxisScale.rangeMax():0,{x:null!==(n=this.xAxisScale.map(e.x,{position:l}))&&void 0!==n?n:o,y:null!==(i=this.yAxisScale.map(e.y,{position:l}))&&void 0!==i?i:r}}isInRange(e){var{x:t,y:n}=e,i=null==t||this.xAxisScale.isInRange(t),r=null==n||this.yAxisScale.isInRange(n);return i&&r}}}}]);