n8n-editor-ui/dist/assets/EvaluationsRootView-legacy-KmHztpLb.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(["./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","./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","./versions.store-legacy-BoVYiMEK.js","./usePageRedirectionHelper-legacy-dYzA8Va8.js","./usage.store-legacy-D__14DPo.js"],(function(e,t){var s,a,i,l,o,n,r,u,c,d,p,v,_,y,f,m,g,b,x,w,h,k,z,T,E,$,j,W,C,N,I,R,B,S,D,O,L,M,P,A,H,q,V,F,U,Y,K,X;return{setters:[function(e){s=e.$,a=e.A,i=e.C,l=e.E,o=e.Ft,n=e.N,r=e.S,u=e.Sn,c=e.T,d=e.Wt,p=e._,v=e._n,_=e.at,y=e.gt,f=e.it,m=e.j,g=e.w,b=e.yt},function(e){x=e.bt,w=e.x,h=e.xt},function(e){k=e.$i,z=e.Qi,T=e.Ri,E=e.Ut,$=e.Xi,j=e.Zi,W=e._t,C=e.lt},function(e){N=e.t},function(e){},function(e){I=e.$a,R=e.Ar,B=e.E,S=e.Tr,D=e.en,O=e.r,L=e.s},function(e){M=e._,P=e.ms},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){A=e.t},function(e){H=e.t}],execute:function(){(q=document.createElement("style")).textContent="._stepIndicator_1oszv_125{border:1px solid var(--color--text--tint-1);min-width:28px;height:28px;color:var(--color--text--tint-1);font-weight:var(--font-weight--bold);font-size:var(--font-size--2xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}._stepIndicator_1oszv_125._active_1oszv_139{border-color:var(--color--primary);color:var(--color--text--shade-1)}._stepIndicator_1oszv_125._completed_1oszv_143{background-color:var(--color--success);border-color:var(--color--success);color:var(--color--neutral-white)}._stepIndicator_1oszv_125._inactive_1oszv_148{color:var(--color--text--tint-1);border-color:var(--color--text);opacity:.7}._stepHeader_xciv4_125{align-items:center;gap:var(--spacing--xs);cursor:pointer;display:flex;position:relative}._container_1j428_125{background-color:var(--color--background--light-2)}._steps_1j428_129{gap:var(--spacing--md);flex-direction:column;display:flex}._step_1j428_129{overflow:hidden}._stepContent_1j428_139{padding:0 0 0 calc(var(--spacing--xs) + 28px);animation:.2s _slideDown_1j428_1}._bulletPoints_1j428_144{padding-left:var(--spacing--sm)}._bulletPoints_1j428_144 li{margin-bottom:var(--spacing--3xs)}._actionButton_1j428_151{margin-top:var(--spacing--sm);gap:var(--spacing--sm);display:flex}._actionButton_1j428_151 button{font-weight:var(--font-weight--bold)}._actionButtonInline_1j428_160{margin:0}._quotaNote_1j428_164{margin-top:var(--spacing--2xs)}@keyframes _slideDown_1j428_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._evaluationsView_1ydf9_125{justify-content:center;width:100%;height:100%;display:flex}._setupContent_1ydf9_132{gap:var(--spacing--lg);max-width:1024px;margin-top:var(--spacing--2xl);flex-direction:column;padding:0;display:flex}._description_1ydf9_141{max-width:600px;margin-bottom:20px}._config_1ydf9_146{gap:var(--spacing--lg);flex-direction:row;display:flex}._setupDescription_1ydf9_152,._setupDescription_1ydf9_152 ul li{margin-top:var(--spacing--2xs)}\n/*$vite$:1*/",document.head.appendChild(q);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(Z=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[Z]="bc5b7136-02f5-4416-b6b9-1af59a6a146f",t._sentryDebugIdIdentifier="sentry-dbid-bc5b7136-02f5-4416-b6b9-1af59a6a146f")}catch(t){}var t,Z;V=n({__name:"EvaluationsPaywall",setup(e){const t=x(),a=O(),i=async()=>{a.openModalWithData({name:I,data:{customHeading:void 0}})};return(e,a)=>(s(),g(d(T),{"data-test-id":"evaluations-unlicensed",heading:d(t).baseText("evaluations.paywall.title"),description:d(t).baseText("evaluations.paywall.description"),"button-text":d(t).baseText("evaluations.paywall.cta"),onClick:i},null,8,["heading","description","button-text"]))}}),F=n({__name:"StepIndicator",props:{stepNumber:{},isCompleted:{type:Boolean},isActive:{type:Boolean}},setup:e=>(t,i)=>(s(),l("div",{class:v([t.$style.stepIndicator,e.isCompleted&&t.$style.completed,e.isActive&&t.$style.active,!e.isActive&&!e.isCompleted&&t.$style.inactive])},[e.isCompleted?(s(),g(d(k),{key:0,icon:"check",size:"xsmall"})):(s(),l(p,{key:1},[a(u(e.stepNumber),1)],64))],2))}),U=N(F,[["__cssModules",{$style:{stepIndicator:"_stepIndicator_1oszv_125",active:"_active_1oszv_139",completed:"_completed_1oszv_143",inactive:"_inactive_1oszv_148"}}]]),Y=n({__name:"StepHeader",props:{stepNumber:{},title:{},isCompleted:{type:Boolean},isActive:{type:Boolean},isOptional:{type:Boolean}},emits:["click"],setup(e,{emit:t}){const o=t,n=x(),r=e=>{e.target.closest("button")||e.target.closest("a")||e.target.closest("input")||e.target.closest("select")||o("click")};return(t,o)=>(s(),l("div",{class:v(t.$style.stepHeader),onClick:r},[m(U,{"step-number":e.stepNumber,"is-completed":e.isCompleted,"is-active":e.isActive},null,8,["step-number","is-completed","is-active"]),i("div",{class:v(t.$style.titleSlot)},[f(t.$slots,"default",{},(()=>[m(d(j),{size:"medium",color:e.isActive||e.isCompleted?"text-dark":"text-light",tag:"span",bold:""},{default:b((()=>[a(u(e.title),1)])),_:1},8,["color"])]))],2),e.isOptional?(s(),g(d(E),{key:0,style:{"background-color":"var(--color--background)",border:"none"}},{default:b((()=>[a(u(d(n).baseText("evaluations.setupWizard.stepHeader.optional")),1)])),_:1})):c("",!0)],2))}}),K=N(Y,[["__cssModules",{$style:{stepHeader:"_stepHeader_xciv4_125"}}]]),X=N(n({__name:"SetupWizard",emits:["runTest"],setup(e){const t=W(),n=x(),p=L(),_=B(),y=H(),f=A(),w=r((()=>_.testRunsByWorkflowId[p.workflow.id]?.length>0)),k=r((()=>-1===y.workflowsWithEvaluationsLimit||y.workflowsWithEvaluationsCount<y.workflowsWithEvaluationsLimit)),T=r((()=>-1!==y.workflowsWithEvaluationsLimit&&y.workflowsWithEvaluationsCount>=y.workflowsWithEvaluationsLimit&&!w.value)),E=o(0);T.value?E.value=2:_.evaluationTriggerExists&&_.evaluationSetMetricsNodeExist?E.value=3:_.evaluationTriggerExists&&_.evaluationSetOutputsNodeExist?E.value=2:_.evaluationTriggerExists?E.value=1:E.value=0;const C=e=>{E.value=e};function N(e){const s=p.workflow.id||"new";t.push({name:P.WORKFLOW,params:{name:s},query:e?{action:e}:void 0})}function I(){f.goToUpgrade("evaluations","upgrade-evaluations")}return(e,t)=>(s(),l("div",{class:v(e.$style.container),"data-test-id":"evaluation-setup-wizard"},[i("div",{class:v(e.$style.steps)},[i("div",{class:v([e.$style.step,e.$style.completed])},[m(K,{"step-number":1,title:d(n).baseText("evaluations.setupWizard.step1.title"),"is-completed":d(_).evaluationTriggerExists,"is-active":0===E.value,onClick:t[0]||(t[0]=e=>C(0))},null,8,["title","is-completed","is-active"]),0===E.value?(s(),l("div",{key:0,class:v(e.$style.stepContent)},[i("ul",{class:v(e.$style.bulletPoints)},[i("li",null,[m(d(j),{size:"small",color:"text-base"},{default:b((()=>[a(u(d(n).baseText("evaluations.setupWizard.step1.item1")),1)])),_:1})]),i("li",null,[m(d(j),{size:"small",color:"text-base"},{default:b((()=>[a(u(d(n).baseText("evaluations.setupWizard.step1.item2")),1)])),_:1})])],2),i("div",{class:v(e.$style.actionButton)},[m(d(z),{variant:"subtle",size:"small",onClick:t[1]||(t[1]=e=>N("addEvaluationTrigger"))},{default:b((()=>[a(u(d(n).baseText("evaluations.setupWizard.step1.button")),1)])),_:1})],2)],2)):c("",!0)],2),i("div",{class:v([e.$style.step,1===E.value?e.$style.active:""])},[m(K,{"step-number":2,title:d(n).baseText("evaluations.setupWizard.step2.title"),"is-completed":d(_).evaluationSetOutputsNodeExist,"is-active":1===E.value,onClick:t[2]||(t[2]=e=>C(1))},null,8,["title","is-completed","is-active"]),1===E.value?(s(),l("div",{key:0,class:v(e.$style.stepContent)},[i("ul",{class:v(e.$style.bulletPoints)},[i("li",null,[m(d(j),{size:"small",color:"text-base"},{default:b((()=>[a(u(d(n).baseText("evaluations.setupWizard.step2.item1")),1)])),_:1})])],2),i("div",{class:v(e.$style.actionButton)},[m(d(z),{variant:"subtle",size:"small",onClick:t[3]||(t[3]=e=>N("addEvaluationNode"))},{default:b((()=>[a(u(d(n).baseText("evaluations.setupWizard.step2.button")),1)])),_:1})],2)],2)):c("",!0)],2),i("div",{class:v(e.$style.step)},[m(K,{"step-number":3,title:d(n).baseText("evaluations.setupWizard.step3.title"),"is-completed":d(_).evaluationSetMetricsNodeExist,"is-active":2===E.value,"is-optional":!0,onClick:t[4]||(t[4]=e=>C(2))},null,8,["title","is-completed","is-active"]),2===E.value?(s(),l("div",{key:0,class:v(e.$style.stepContent)},[T.value?(s(),g(d($),{key:1,theme:"warning",iconless:""},{default:b((()=>[a(u(d(n).baseText("evaluations.setupWizard.limitReached")),1)])),_:1})):(s(),l("ul",{key:0,class:v(e.$style.bulletPoints)},[i("li",null,[m(d(j),{size:"small",color:"text-base"},{default:b((()=>[a(u(d(n).baseText("evaluations.setupWizard.step3.item1")),1)])),_:1})]),i("li",null,[m(d(j),{size:"small",color:"text-base"},{default:b((()=>[a(u(d(n).baseText("evaluations.setupWizard.step3.item2")),1)])),_:1})])],2)),i("div",{class:v(e.$style.actionButton)},[T.value?(s(),g(d(z),{key:1,size:"small",onClick:I},{default:b((()=>[a(u(d(n).baseText("generic.seePlans")),1)])),_:1})):(s(),g(d(z),{key:0,variant:"subtle",size:"small",onClick:t[5]||(t[5]=e=>N("addEvaluationNode"))},{default:b((()=>[a(u(d(n).baseText("evaluations.setupWizard.step3.button")),1)])),_:1})),m(d(z),{variant:"ghost",size:"small",style:{color:"var(--color--text--tint-1)"},onClick:t[6]||(t[6]=e=>C(3))},{default:b((()=>[a(u(d(n).baseText("evaluations.setupWizard.step3.skip")),1)])),_:1})],2),-1!==d(y).workflowsWithEvaluationsLimit&&k.value?(s(),l("div",{key:2,class:v(e.$style.quotaNote)},[m(d(j),{size:"xsmall",color:"text-base"},{default:b((()=>[m(d(h),{keypath:"evaluations.setupWizard.step3.notice",scope:"global"},{link:b((()=>[i("a",{style:{"text-decoration":"underline",color:"inherit"},onClick:I},u(d(n).baseText("evaluations.setupWizard.step3.notice.link")),1)])),_:1})])),_:1})],2)):c("",!0)],2)):c("",!0)],2),i("div",{class:v(e.$style.step)},[m(K,{"step-number":4,title:d(n).baseText("evaluations.setupWizard.step4.title"),"is-completed":!1,"is-active":3===E.value,onClick:t[9]||(t[9]=e=>C(3))},{default:b((()=>[i("div",{class:v([e.$style.actionButton,e.$style.actionButtonInline])},[d(_).evaluationSetMetricsNodeExist&&!T.value?(s(),g(d(z),{key:0,variant:"subtle",size:"medium",disabled:!d(_).evaluationTriggerExists||!d(_).evaluationSetOutputsNodeExist&&!d(_).evaluationSetMetricsNodeExist,onClick:t[7]||(t[7]=t=>e.$emit("runTest"))},{default:b((()=>[a(u(d(n).baseText("evaluations.setupWizard.step4.button")),1)])),_:1},8,["disabled"])):(s(),g(d(z),{key:1,variant:"subtle",size:"medium",disabled:!d(_).evaluationTriggerExists||!d(_).evaluationSetOutputsNodeExist&&!d(_).evaluationSetMetricsNodeExist,onClick:t[8]||(t[8]=e=>N("executeEvaluation"))},{default:b((()=>[a(u(d(n).baseText("evaluations.setupWizard.step4.altButton")),1)])),_:1},8,["disabled"]))],2)])),_:1},8,["title","is-active"])],2)],2)],2))}}),[["__cssModules",{$style:{container:"_container_1j428_125",steps:"_steps_1j428_129",step:"_step_1j428_129",stepContent:"_stepContent_1j428_139",slideDown:"_slideDown_1j428_1",bulletPoints:"_bulletPoints_1j428_144",actionButton:"_actionButton_1j428_151",actionButtonInline:"_actionButtonInline_1j428_160",quotaNote:"_quotaNote_1j428_164"}}]]),e("default",N(n({__name:"EvaluationsRootView",props:{name:{}},setup(e){const t=e,o=H(),n=B(),p=D(),f=S(),h=x(),k=R(),z=r((()=>0!==o.workflowsWithEvaluationsLimit)),T=r((()=>k.preferences.branchReadOnly)),E=r((()=>Object.values(n.testRunsById??{}).filter((({workflowId:e})=>e===t.name)))),W=r((()=>E.value.length>0)),N=r((()=>!W.value));async function I(){try{await n.startTestRun(t.name)}catch(e){return void f.showError(e,h.baseText("evaluation.listRuns.error.cantStartTestRun"))}try{await n.fetchTestRuns(t.name)}catch(e){f.showError(e,h.baseText("evaluation.listRuns.error.cantFetchTestRuns"))}}const O=r((()=>-1!==o.workflowsWithEvaluationsLimit&&o.workflowsWithEvaluationsCount>=o.workflowsWithEvaluationsLimit&&!W.value)),{isReady:L}=w((async()=>{try{await o.getLicenseInfo(),await n.fetchTestRuns(t.name)}catch(e){f.showError(e,h.baseText("evaluation.listRuns.error.cantFetchTestRuns"))}}),void 0);return y(L,(e=>{e&&(N.value?p.track("User viewed tests tab",{workflow_id:t.name,test_type:"evaluation",view:"setup",trigger_set_up:n.evaluationTriggerExists,output_set_up:n.evaluationSetOutputsNodeExist,metrics_set_up:n.evaluationSetMetricsNodeExist,quota_reached:O.value}):p.track("User viewed tests tab",{workflow_id:t.name,test_type:"evaluation",view:"overview",run_count:E.value.length}))}),{immediate:!0}),(e,t)=>{const o=_("RouterView");return s(),l("div",{class:v(e.$style.evaluationsView)},[d(L)&&N.value?(s(),l("div",{key:0,class:v(e.$style.setupContent)},[i("div",null,[m(d(j),{size:"large",color:"text-dark",tag:"h3",bold:""},{default:b((()=>[a(u(d(h).baseText("evaluations.setupWizard.title")),1)])),_:1}),m(d(j),{tag:"p",size:"small",color:"text-base",class:v(e.$style.description)},{default:b((()=>[a(u(d(h).baseText("evaluations.setupWizard.description"))+" ",1),m(d(C),{size:"small",href:d(M)},{default:b((()=>[a(u(d(h).baseText("evaluations.setupWizard.moreInfo")),1)])),_:1},8,["href"])])),_:1},8,["class"])]),T.value?(s(),g(d($),{key:0,theme:"info",icon:"info"},{default:b((()=>[a(u(d(h).baseText("evaluations.readOnlyNotice")),1)])),_:1})):(s(),l("div",{key:1,class:v(e.$style.config)},[t[0]||(t[0]=i("iframe",{style:{"min-width":"500px"},width:"500",height:"280",src:"https://www.youtube.com/embed/5LlF196PKaE",title:"n8n Evaluation quickstart",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerpolicy:"strict-origin-when-cross-origin",allowfullscreen:""},null,-1)),z.value?(s(),g(X,{key:0,onRunTest:I})):(s(),g(V,{key:1}))],2))],2)):d(L)?(s(),g(o,{key:1})):c("",!0)],2)}}}),[["__cssModules",{$style:{evaluationsView:"_evaluationsView_1ydf9_125",setupContent:"_setupContent_1ydf9_132",description:"_description_1ydf9_141",config:"_config_1ydf9_146",setupDescription:"_setupDescription_1ydf9_152"}}]]))}}}));
//# sourceMappingURL=EvaluationsRootView-legacy-KmHztpLb.js.map