1"use strict";(globalThis.webpackChunk_mlflow_mlflow=globalThis.webpackChunk_mlflow_mlflow||[]).push([[9454],{49454(e,t,n){n.d(t,{ToolUsageChart:()=>j});var r=n(15032),o=n(51477),a=n(10587),l=n(74343),i=n(5460),c=n(68077),s=n(60633),u=n(57455),d=n(55368),f=n(95305),m=n(57877),g=n(8098),v=n(81924),p=n(55871),h=n(71974),y=n(19135);var b=n(63074),O=n(24213),w=n(88322),E=n(63968);var P={name:"1f1m9i6",styles:"display:flex;justify-content:space-between;align-items:flex-start"};const j=()=>{const{theme:e}=(0,a.u)(),t=(0,l.A)(),n=(0,O.zZ)(),j=(0,O.IT)(),T=(0,O.gy)(),{getOpacity:S,handleLegendMouseEnter:N,handleLegendMouseLeave:A}=(0,h.pH)(),{getChartColor:M}=(0,h.yC)(),{chartData:k,toolNames:D,isLoading:x,error:C,hasData:I}=function({enabled:e=!0}={}){const{experimentIds:t,startTimeMs:n,endTimeMs:r,timeIntervalSeconds:a,timeBuckets:l}=(0,y.W0)(),i=(0,o.useMemo)(()=>[(0,v.jm)(v.Mm.TYPE,v.du.TOOL)],[]),{data:c,isLoading:s,error:u}=(0,p.o)({experimentIds:t,startTimeMs:n,endTimeMs:r,viewType:v.mW.SPANS,metricName:v.Ub.SPAN_COUNT,aggregations:[{aggregation_type:v.DF.COUNT}],filters:i,dimensions:[v.it.SPAN_NAME],timeIntervalSeconds:a,enabled:e}),{chartData:d,toolNames:f}=(0,o.useMemo)(()=>{var e;const t=null!==(e=null===c||void 0===c?void 0:c.data_points)&&void 0!==e?e:[],n=new Set,r=new Map;for(const a of t){var o,i,s;const e=null===(o=a.dimensions)||void 0===o?void 0:o[v.it.SPAN_NAME],t=null===(i=a.dimensions)||void 0===i?void 0:i[v.Ad],l=(null===(s=a.values)||void 0===s?void 0:s[v.DF.COUNT])||0;if(!e||!t)continue;n.add(e);const c=new Date(t).getTime();let u=r.get(c);u||(u=new Map,r.set(c,u)),u.set(e,l)}const u=Array.from(n).sort();return{chartData:l.map(e=>{const t=r.get(e),n={timestamp:(0,h.fq)(e,a)};for(const r of u)n[r]=(null===t||void 0===t?void 0:t.get(r))||0;return n}),toolNames:u}},[null===c||void 0===c?void 0:c.data_points,l,a]);return{chartData:d,toolNames:f,isLoading:s,error:u,hasData:f.length>0}}(),{displayedItems:Y,isAllSelected:_,selectorLabel:z,handleSelectAllToggle:L,handleItemToggle:B}=(0,b.n)(D,{allSelected:t.formatMessage({id:"6Wa6vB",defaultMessage:"All tools"}),noneSelected:t.formatMessage({id:"aVIoIw",defaultMessage:"No tools selected"})}),U=(0,o.useCallback)((e,t)=>[(0,h.B4)(e),t],[]);return x?(0,E.Y)(O.lh,{}):C?(0,E.Y)(O.nN,{}):(0,E.FD)(O.h,{componentId:"mlflow.charts.tool_usage",children:[(0,E.FD)("div",{css:P,children:[(0,E.Y)(O.XQ,{icon:(0,E.Y)(a.ck,{}),title:(0,E.Y)(i.A,{id:"/C16tY",defaultMessage:"Tool Usage Over Time"})}),I&&(0,E.Y)(w.d,{componentId:"mlflow.charts.tool_usage.tool_selector",itemNames:D,displayedItems:Y,isAllSelected:_,selectorLabel:z,onSelectAllToggle:L,onItemToggle:B})]}),(0,E.Y)("div",{css:(0,r.AH)({height:300,marginTop:e.spacing.sm},""),children:I&&Y.length>0?(0,E.Y)(c.u,{width:"100%",height:"100%",children:(0,E.FD)(s.E,{data:k,margin:{top:10,right:10,left:10,bottom:0},children:[(0,E.Y)(u.W,{dataKey:"timestamp",...n}),(0,E.Y)(d.h,{...j}),(0,E.Y)(f.m,{content:(0,E.Y)(O.Vn,{formatter:U,componentId:"mlflow.overview.usage.traces.view_traces_link"}),cursor:{fill:e.colors.actionTertiaryBackgroundHover},wrapperStyle:{pointerEvents:"auto"}}),Y.map(e=>{const t=D.indexOf(e);return(0,E.Y)(m.yP,{dataKey:e,stackId:"tools",fill:M(t),fillOpacity:S(e)},e)}),(0,E.Y)(g.s,{verticalAlign:"bottom",iconType:"square",onMouseEnter:N,onMouseLeave:A,...T})]})}):(0,E.Y)(O.iE,{})})]})}},60633(e,t,n){n.d(t,{E:()=>i});var r=n(51477),o=n(46029),a=n(384),l=["axis","item"],i=(0,r.forwardRef)((e,t)=>r.createElement(a.P,{chartName:"BarChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:l,tooltipPayloadSearcher:o.uN,c
1ategoricalChartProps:e,ref:t}))},8098(e,t,n){n.d(t,{s:()=>Y});var r=n(51477),o=n(19252),a=n(75797),l=n(81735),i=n(65056),c=n(14642),s=n(63529),u=n(74985);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(null,arguments)}function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function m(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 r=n.call(e,t||"default");if("object"!=typeof r)return r;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}var g=32,v={align:"center",iconSize:14,inactiveColor:"#ccc",layout:"horizontal",verticalAlign:"middle"};function p(e){var t,{data:n,iconType:o,inactiveColor:a}=e,l=16,i=g/6,s=g/3,u=n.inactive?a:n.color,d=null!==o&&void 0!==o?o:n.type;if("none"===d)return null;if("plainline"===d)return r.createElement("line",{strokeWidth:4,fill:"none",stroke:u,strokeDasharray:null===(t=n.payload)||void 0===t?void 0:t.strokeDasharray,x1:0,y1:l,x2:g,y2:l,className:"recharts-legend-icon"});if("line"===d)return r.createElement("path",{strokeWidth:4,fill:"none",stroke:u,d:"M0,".concat(l,"h").concat(s,"\n A").concat(i,",").concat(i,",0,1,1,").concat(2*s,",").concat(l,"\n H").concat(g,"M").concat(2*s,",").concat(l,"\n A").concat(i,",").concat(i,",0,1,1,").concat(s,",").concat(l),className:"recharts-legend-icon"});if("rect"===d)return r.createElement("path",{stroke:"none",fill:u,d:"M0,".concat(4,"h").concat(g,"v").concat(24,"h").concat(-32,"z"),className:"recharts-legend-icon"});if(r.isValidElement(n.legendIcon)){var v=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach(function(t){m(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},n);return delete v.legendIcon,r.cloneElement(n.legendIcon,v)}return r.createElement(c.i,{fill:u,cx:l,cy:l,size:g,sizeType:"diameter",type:d})}function h(e){var{payload:t,iconSize:n,layout:o,formatter:a,inactiveColor:c,iconType:u}=e,f={x:0,y:0,width:g,height:g},m={display:"horizontal"===o?"inline-block":"block",marginRight:10},v={display:"inline-block",verticalAlign:"middle",marginRight:4};return t.map((t,o)=>{var g=t.formatter||a,h=(0,l.$)({"recharts-legend-item":!0,["legend-item-".concat(o)]:!0,inactive:t.inactive});if("none"===t.type)return null;var y=t.inactive?c:t.color,b=g?g(t.value,t,o):t.value;return r.createElement("li",d({className:h,style:m,key:"legend-item-".concat(o)},(0,s.XC)(e,t,o)),r.createElement(i.u,{width:n,height:n,viewBox:f,style:v,"aria-label":"".concat(b," legend icon")},r.createElement(p,{data:t,iconType:u,inactiveColor:c})),r.createElement("span",{className:"recharts-legend-item-text",style:{color:y}},b))})}var y=e=>{var t=(0,u.e)(e,v),{payload:n,layout:o,align:a}=t;if(!n||!n.length)return null;var l={padding:0,margin:0,textAlign:"horizontal"===o?a:"left"};return r.createElement("ul",{className:"recharts-default-legend",style:l},r.createElement(h,d({},t,{payload:n})))},b=n(92740),O=n(27321),w=n(23593);var E=n(12592),P=n(18470),j=n(37124),T=["contextPayload"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},S.apply(null,arguments)}function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};
1t%2?N(Object(n),!0).forEach(function(t){M(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function M(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 r=n.call(e,t||"default");if("object"!=typeof r)return r;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 k(e){return e.value}function D(e){var{contextPayload:t}=e,n=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,T),o=(0,b.s)(t,e.payloadUniqBy,k),a=A(A({},n),{},{payload:o});return r.isValidElement(e.content)?r.cloneElement(e.content,a):"function"===typeof e.content?r.createElement(e.content,a):r.createElement(y,a)}function x(e){var t=(0,O.j)();return(0,r.useEffect)(()=>{t((0,j.h1)(e))},[t,e]),null}function C(e){var t=(0,O.j)();return(0,r.useEffect)(()=>(t((0,j.hx)(e)),()=>{t((0,j.hx)({width:0,height:0}))}),[t,e]),null}var I={align:"center",iconSize:14,inactiveColor:"#ccc",itemSorter:"value",layout:"horizontal",verticalAlign:"bottom"};function Y(e){var t=(0,u.e)(e,I),n=(0,O.G)(w.g0),l=(0,a.M)(),i=(0,P.Kp)(),{width:c,height:s,wrapperStyle:d,portal:f}=t,[m,g]=(0,E.V)([n]),v=(0,P.yi)(),p=(0,P.rY)();if(null==v||null==p)return null;var h=v-((null===i||void 0===i?void 0:i.left)||0)-((null===i||void 0===i?void 0:i.right)||0),y=function(e,t,n,r){return"vertical"===e&&null!=t?{height:t}:"horizontal"===e?{width:n||r}:null}(t.layout,s,c,h),b=f?d:A(A({position:"absolute",width:(null===y||void 0===y?void 0:y.width)||c||"auto",height:(null===y||void 0===y?void 0:y.height)||s||"auto"},function(e,t,n,r,o,a){var l,i,{layout:c,align:s,verticalAlign:u}=t;return e&&(void 0!==e.left&&null!==e.left||void 0!==e.right&&null!==e.right)||(l="center"===s&&"vertical"===c?{left:((r||0)-a.width)/2}:"right"===s?{right:n&&n.right||0}:{left:n&&n.left||0}),e&&(void 0!==e.top&&null!==e.top||void 0!==e.bottom&&null!==e.bottom)||(i="middle"===u?{top:((o||0)-a.height)/2}:"bottom"===u?{bottom:n&&n.bottom||0}:{top:n&&n.top||0}),A(A({},l),i)}(d,t,i,v,p,m)),d),j=null!==f&&void 0!==f?f:l;if(null==j||null==n)return null;var T=r.createElement("div",{className:"recharts-legend-wrapper",style:b,ref:g},r.createElement(x,{layout:t.layout,align:t.align,verticalAlign:t.verticalAlign,itemSorter:t.itemSorter}),!f&&r.createElement(C,{width:m.width,height:m.height}),r.createElement(D,S({},t,y,{margin:i,chartWidth:v,chartHeight:p,contextPayload:n})));return(0,o.createPortal)(T,j)}Y.displayName="Legend"}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.