n8n-editor-ui/dist/assets/EvaluationsView-legacy-BjpnZlYN.js

Workflow Editor UI for n8n

!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.13.4"}}catch(e){}}(),System.register(["./chunk-legacy-TXBRODOR.js","./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./sanitize-html-legacy-ChR3ikxn.js","./table-legacy-CEZJZvNk.js","./users.store-legacy-OKuN0qAC.js","./constants-legacy-DNCca_FT.js","./merge-legacy-uu1aGqHK.js","./_baseOrderBy-legacy-PsQY_Pvh.js","./dateformat-legacy-BxdD_OP7.js","./useDebounce-legacy-CT3oYGrC.js","./dateFormatter-legacy-CmupnmDm.js","./orderBy-legacy-B1QhOZ6M.js","./AnimatedSpinner-legacy-DJhh4l70.js","./dist-legacy-CCfDmF7R.js","./evaluation.constants-legacy-DaBZA7FL.js"],(function(e,t){var r,a,n,s,o,l,i,c,d,u,p,_,g,y,m,b,f,v,h,w,x,T,k,C,$,R,M,j,S,A,B,E,D,O,H,I,z,L,F,V,W,N,U,X,K,P,Y,q,J,Q,Z;return{setters:[function(e){r=e.o},function(e){a=e.$,n=e.A,s=e.C,o=e.E,l=e.Ft,i=e.H,c=e.N,d=e.O,u=e.S,p=e.Sn,_=e.Wt,g=e._,y=e._n,m=e._t,b=e.dt,f=e.gt,v=e.j,h=e.rt,w=e.w,x=e.yt},function(e){T=e.C,k=e.bt,C=e.xt},function(e){$=e.$i,R=e.Et,M=e.Mi,j=e.Qi,S=e.Tt,A=e.Yi,B=e.Zi,E=e._t},function(e){D=e.t},function(e){},function(e){},function(e){O=e.E,H=e.Tr},function(e){I=e.ms},function(e){},function(e){},function(e){z=e.t},function(e){},function(e){L=e.t},function(e){F=e.t},function(e){V=e.t},function(e){W=e.r},function(e){N=e.n,U=e.r,X=e.t}],execute:function(){(K=document.createElement("style")).textContent="._metricsChartContainer_1i2e2_125{background:var(--color--background--light-3);border-radius:var(--radius--lg);border:1px solid var(--color--foreground)}._metricsChartContainer_1i2e2_125 ._chartHeader_1i2e2_130{padding:var(--spacing--xs)var(--spacing--sm)0}._metricsChartContainer_1i2e2_125 ._chartTitle_1i2e2_133{font-size:var(--font-size--lg);font-weight:var(--font-weight--bold);color:var(--color--text)}._metricsChartContainer_1i2e2_125 ._metricSelect_1i2e2_138{max-width:15rem}._metricsChartContainer_1i2e2_125 ._chartWrapper_1i2e2_141{height:var(--metrics-chart--height,147px);width:100%;padding:var(--spacing--sm);position:relative}._container_1ulnw_125{flex-direction:column;gap:8px;display:flex}._grayText_1ulnw_131{color:var(--color--text--tint-1)}._alertText_1ulnw_135{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;white-space:normal;word-break:break-word;text-transform:none;-webkit-box-orient:vertical;max-width:100%;line-height:1.25;display:-webkit-box;overflow:hidden}._alertText_1ulnw_135:first-letter{text-transform:uppercase}._warningText_1ulnw_153{color:var(--color--warning)}._errorText_1ulnw_157{color:var(--color--text--danger)}._runs_ni2ti_125{gap:var(--spacing--sm);flex-direction:column;flex:1;margin-bottom:20px;display:flex;overflow:auto}._evaluationsView_gyn02_125{width:100%}._content_gyn02_129{justify-content:center;gap:var(--spacing--md);padding-bottom:var(--spacing--md);display:flex}._header_gyn02_136{padding:var(--spacing--md)var(--spacing--lg);background-color:var(--color--background--light-2);z-index:2;justify-content:end;align-items:center;padding-bottom:8px;padding-left:27px;display:flex;position:sticky;top:0;left:0}._wrapper_gyn02_150{padding:0 var(--spacing--lg);padding-left:58px}._runOrStopTestButton_gyn02_155{white-space:nowrap}._runs_gyn02_159{width:100%;max-width:1024px}\n/*$vite$:1*/",document.head.appendChild(K);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(G=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[G]="bd936050-4901-49e1-8777-b94bda3c6735",t._sentryDebugIdIdentifier="sentry-dbid-bd936050-4901-49e1-8777-b94bda3c6735")}catch(t){}var t,G;P=r(z(),1),Y=D(c({__name:"MetricsChart",props:{selectedMetric:{},runs:{}},emits:["update:selectedMetric"],setup(e,{emit:t}){const r=t,n=e,l=function(){const e={primary:T("--color--primary",document.body).value,textBase:T("--color--text",document.body).value,backgroundXLight:T("--color--background--light-3",document.body).value,foregroundLight:T("--color--foreground--tint-1",document.body).value,foregroundBase:T("--color--foreground",document.body).value,foregroundDark:T("--color--foreground--shade-1",document.body).value};return{generateChartData:function(t,r){return{datasets:[{data:t,parsing:{xAxisKey:"id",yAxisKey:`metrics.${r}`},borderColor:e.primary,backgroundColor:e.backgroundXLight,borderWidth:1,pointRadius:2,pointHoverRadius:4,pointBackgroundColor:e.backgroundXLight,pointHoverBackgroundColor:e.backgroundXLight}]}},generateChartOptions:function({metric:t,data:r}){return{responsive:!0,maintainAspectRatio:!1,animation:!1,devicePixelRatio:2,interaction:{mode:"index",intersect:!1},scales:{y:{border:{display:!1},grid:{color:e.foregroundBase},ticks:{padding:8,color:e.textBase}},x:{border:{display:!1},grid:{display:!1},ticks:{color:e.textBase,callback:(e,t)=>`#${r[t].index}`}}},plugins:{tooltip:{backgroundColor:e.backgroundXLight,titleColor:e.textBase,titleFont:{weight:"600"},bodyColor:e.textBase,bodySpacing:4,padding:12,borderColor:e.foregroundBase,borderWidth:1,displayColors:!0,callbacks:{title:e=>(0,P.default)(e[0].raw.runAt,"yyyy-mm-dd HH:MM"),label:e=>`${t}: ${e.parsed.y.toFixed(2)}`,labelColor:()=>({borderColor:"rgba(29, 21, 21, 0)",backgroundColor:e.primary,borderWidth:0,borderRadius:5})}},legend:{display:!1}}}}}}(),i=u((()=>n.runs.reduce(((e,t)=>{const r=Object.keys(t.metrics??{});return[...new Set([...e,...r])]}),[]))),c=u((()=>n.runs.filter((e=>void 0!==e.metrics?.[n.selectedMetric])))),d=u((()=>l.generateChartData(c.value,n.selectedMetric))),p=u((()=>l.generateChartOptions({metric:n.selectedMetric,data:c.value})));return m((()=>{n.runs.length>0&&!n.selectedMetric&&r("update:selectedMetric",i.value[0])})),(t,n)=>(a(),o("div",{class:y(t.$style.metricsChartContainer)},[s("div",{class:y(t.$style.chartHeader)},[v(_(S),{"model-value":e.selectedMetric,class:y(t.$style.metricSelect),placeholder:"Select metric",size:"small","onUpdate:modelValue":n[0]||(n[0]=e=>r("update:selectedMetric",e))},{default:x((()=>[(a(!0),o(g,null,h(i.value,(e=>(a(),w(_(R),{key:e,label:e,value:e},null,8,["label","value"])))),128))])),_:1},8,["model-value","class"])],2),s("div",{class:y(t.$style.chartWrapper)},[(a(),w(_(W),{key:e.selectedMetric,data:d.value,options:p.value,class:y(t.$style.metricsChart)},null,8,["data","options","class"]))],2)],2))}}),[["__cssModules",{$style:{metricsChartContainer:"_metricsChartContainer_1i2e2_125",chartHeader:"_chartHeader_1i2e2_130",chartTitle:"_chartTitle_1i2e2_133",metricSelect:"_metricSelect_1i2e2_138",chartWrapper:"_chartWrapper_1i2e2_141"}}]]),q={style:{display:"inline-flex",gap:"12px","text-transform":"capitalize","align-items":"center"}},J=D(c({__name:"TestRunsTable",props:{runs:{},columns:{}},emits:["rowClick"],setup(e,{emit:t}){const r=t,l=e,i=k(),c=u((()=>l.columns.map((e=>"id"===e.prop?{...e,width:100}:"runAt"===e.prop?{...e,width:150}:e)))),m=u((()=>l.runs.map((({status:e,finalResult:t,errorDetails:r,...a})=>("completed"===e&&t&&["error","warning"].includes(t)&&(e="warning"),{...a,status:e,finalResult:t,errorDetails:r})))));return(t,l)=>(a(),o("div",{class:y(t.$style.container)},[v(_(A),{size:"large",bold:!0,class:y(t.$style.runsTableHeading),color:"text-base"},{default:x((()=>[n(p(_(i).baseText("evaluation.listRuns.pastRuns.total",{adjustToNumber:e.runs.length}))+" ("+p(e.runs.length)+") ",1)])),_:1},8,["class"]),v(U,{data:m.value,columns:c.value,"default-sort":{prop:"runAt",order:"descending"},onRowClick:l[0]||(l[0]=e=>"error"!==e.status?r("rowClick",e):void 0)},{id:x((({row:e})=>[n("#"+p(e.index),1)])),status:x((({row:e})=>[s("div",q,["running"===e.status?(a(),w(_(B),{key:0,color:"secondary"},{default:x((()=>[v(V)])),_:1})):(a(),w(_($),{key:1,icon:_(N)[e.status].icon,color:_(N)[e.status].color},null,8,["icon","color"])),"warning"===e.status?(a(),w(_(B),{key:2,color:"warning",class:y([t.$style.alertText,t.$style.warningText])},{default:x((()=>[n(p(_(i).baseText("evaluation.runDetail.error.partialCasesFailed")),1)])),_:1},8,["class"])):"error"===e.status?(a(),w(_(M),{key:3,placement:"top","show-after":300},{content:x((()=>[v(_(C),{keypath:`${_(X)(e.errorCode)}`,scope:"global"},d({_:2},[_(i).exists(`${_(X)(e.errorCode)}.description`)?{name:"description",fn:x((()=>[n(p(_(i).baseText(`${_(X)(e.errorCode)}.description`)&&". ")+" "+p(_(i).baseText(`${_(X)(e.errorCode)}.description`)),1)])),key:"0"}:void 0]),1032,["keypath"])])),default:x((()=>[v(_(B),{class:y([t.$style.alertText,t.$style.errorText])},{default:x((()=>[v(_(C),{keypath:`${_(X)(e.errorCode)}`,scope:"global"},d({_:2},[_(i).exists(`${_(X)(e.errorCode)}.description`)?{name:"description",fn:x((()=>[s("p",{class:y(t.$style.grayText)},p(_(i).baseText(`${_(X)(e.errorCode)}.description`)),3)])),key:"0"}:void 0]),1032,["keypath"])])),_:2},1032,["class"])])),_:2},1024)):(a(),o(g,{key:4},[n(p(e.status),1)],64))])])),_:1},8,["data","columns"])],2))}}),[["__cssModules",{$style:{container:"_container_1ulnw_125",grayText:"_grayText_1ulnw_131",alertText:"_alertText_1ulnw_135",warningText:"_warningText_1ulnw_153",errorText:"_errorText_1ulnw_157"}}]]),Q=D(c({__name:"RunsSection",props:i({runs:{},workflowId:{}},{selectedMetric:{required:!0},selectedMetricModifiers:{}}),emits:["update:selectedMetric"],setup(e){const t=e,r=k(),n=E(),s=b(e,"selectedMetric"),l=u((()=>[...t.runs.reduce(((e,t)=>(Object.keys(t.metrics??{}).forEach((t=>e.add(t))),e)),new Set)])),i=u((()=>l.value.map((e=>({prop:`metrics.${e}`,label:e,sortable:!0,showHeaderTooltip:!0,sortMethod:(t,r)=>(t.metrics?.[e]??0)-(r.metrics?.[e]??0),formatter:t=>void 0!==t.metrics?.[e]?t.metrics?.[e].toFixed(2):""}))))),c=u((()=>[{prop:"id",label:r.baseText("evaluation.listRuns.runNumber"),showOverflowTooltip:!0},{prop:"runAt",label:"Run at",sortable:!0,showOverflowTooltip:!0,formatter:e=>{const{date:t,time:r}=L(e.runAt);return[t,r].join(", ")},sortMethod:(e,t)=>new Date(e.runAt??e.createdAt).getTime()-new Date(t.runAt??t.createdAt).getTime()},{prop:"status",label:r.baseText("evaluation.listRuns.status"),sortable:!0},...i.value])),d=e=>{n.push({name:I.EVALUATION_RUNS_DETAIL,params:{runId:e.id}})};return(t,r)=>(a(),o("div",{class:y(t.$style.runs)},[v(Y,{"selected-metric":s.value,"onUpdate:selectedMetric":r[0]||(r[0]=e=>s.value=e),runs:e.runs},null,8,["selected-metric","runs"]),v(J,{class:y(t.$style.runsTable),runs:e.runs,columns:c.value,selectable:!0,"data-test-id":"past-runs-table",onRowClick:d},null,8,["class","runs","columns"])],2))}}),[["__cssModules",{$style:{runs:"_runs_ni2ti_125"}}]]),Z=r(F(),1),e("default",D(c({__name:"EvaluationsView",props:{name:{}},setup(e){const t=e,r=k(),n=H(),i=O(),c=l(""),d=l(!1),p=u((()=>b.value.find((e=>"running"===e.status))));async function g(){try{await i.startTestRun(t.name)}catch(e){n.showError(e,r.baseText("evaluation.listRuns.error.cantStartTestRun"))}try{await i.fetchTestRuns(t.name)}catch(e){n.showError(e,r.baseText("evaluation.listRuns.error.cantFetchTestRuns"))}}async function m(){if(p.value)try{d.value=!0,await i.cancelTestRun(p.value.workflowId,p.value.id)}catch(e){n.showError(e,r.baseText("evaluation.listRuns.error.cantStopTestRun")),d.value=!1}}const b=u((()=>(0,Z.default)(Object.values(i.testRunsById??{}).filter((({workflowId:e})=>e===t.name)),(e=>new Date(e.runAt)),["asc"]).map(((e,t)=>({...e,index:t+1})))));return f(p,(e=>{e||(d.value=!1)})),(e,n)=>(a(),o("div",{class:y(e.$style.evaluationsView)},[s("div",{class:y(e.$style.header)},[p.value?(a(),w(_(j),{key:0,variant:"subtle",disabled:d.value,class:y(e.$style.runOrStopTestButton),size:"small","data-test-id":"stop-test-button",label:_(r).baseText("evaluation.stopTest"),onClick:m},null,8,["disabled","class","label"])):(a(),w(_(j),{key:1,variant:"solid",class:y(e.$style.runOrStopTestButton),size:"small","data-test-id":"run-test-button",label:_(r).baseText("evaluation.runTest"),onClick:g},null,8,["class","label"]))],2),s("div",{class:y(e.$style.wrapper)},[s("div",{class:y(e.$style.content)},[v(Q,{"selected-metric":c.value,"onUpdate:selectedMetric":n[0]||(n[0]=e=>c.value=e),class:y(e.$style.runs),runs:b.value,"workflow-id":t.name},null,8,["selected-metric","class","runs","workflow-id"])],2)],2)],2))}}),[["__cssModules",{$style:{evaluationsView:"_evaluationsView_gyn02_125",content:"_content_gyn02_129",header:"_header_gyn02_136",wrapper:"_wrapper_gyn02_150",runOrStopTestButton:"_runOrStopTestButton_gyn02_155",runs:"_runs_gyn02_159"}}]]))}}}));
//# sourceMappingURL=EvaluationsView-legacy-BjpnZlYN.js.map