n8n-editor-ui/dist/assets/WorkerView-legacy-CsAULt4R.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.16.1"}}catch(e){}}(),System.register(["./vue.runtime.esm-bundler-legacy-BW6xDdqj.js","./core-legacy-VD8c7QJ-.js","./src-legacy-B67uuxhB.js","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./users.store-legacy-azRUgFdP.js","./useRootStore-legacy-CC08el-l.js","./settings.store-legacy-I6rZOvfF.js","./usePageRedirectionHelper-legacy-DQM99rgh.js","./useClipboard-legacy-DnQV92ly.js","./pushConnection.store-legacy-idli-hOS.js","./sortByProperty-legacy-BoF0XWr5.js","./usePushConnection-legacy-C0NnkvAv.js","./ConnectionTracker-legacy-DVbKRxO7.js","./usePushConnection-legacy-DxF0xNBG.js","./dist-legacy-Cb1zKq2x.js"],(function(e,t){var a,r,o,s,n,i,l,c,d,u,m,_,p,y,g,f,k,h,b,v,w,x,$,I,M,T,L,A,j,C,z,B,S,R,U,D,H,W,E,P,q,N,F,J,O,G,V,Q,X,K,Y,Z,ee,te,ae,re,oe,se,ne,ie,le,ce;function de(e){return e.reduce(((e,t)=>e+t),0)/e.length}function ue(e){return de(e).toFixed(2)}function me(e,t=2){return Number((e/1024/1024/1024).toFixed(t))}function _e(e,t=2){return Number((e/1024/1024).toFixed(t))}return{setters:[function(e){a=e.$,r=e.A,o=e.C,s=e.E,n=e.Ft,i=e.K,l=e.N,c=e.S,d=e.Sn,u=e.T,m=e.Wt,_=e.X,p=e._,y=e._n,g=e.it,f=e.j,k=e.q,h=e.rt,b=e.w,v=e.yt},function(e){w=e.at},function(e){x=e.Ji,$=e.Pi,I=e.Qi,M=e.Xi,T=e.k,L=e.lt,A=e.wt},function(e){j=e.t},function(e){C=e.Pn,z=e.Rt,B=e.fr},function(e){S=e.t},function(e){R=e.t},function(e){U=e.t},function(e){D=e.t},function(e){H=e.t},function(e){W=e.t},function(e){E=e.n,P=e.t},function(e){q=e.t},function(e){},function(e){N=e.n}],execute:function(){(F=document.createElement("style")).textContent="._container_k0ymr_125{width:100%}._header_k0ymr_129{cursor:pointer;padding-top:var(--spacing--sm);align-items:center;display:flex}._header_k0ymr_129 ._headerText_k0ymr_135{flex-grow:1}._expanded_k0ymr_139{padding:var(--spacing--sm) 0 0 0}._description_k0ymr_143{padding:0 var(--spacing--sm) var(--spacing--sm) var(--spacing--sm);display:flex}._description_k0ymr_143 b{font-weight:var(--font-weight--bold)}._accordionItems_1mb6o_125{width:100%;display:flex;flex-direction:column!important;align-items:flex-start!important}._accordionItem_1mb6o_125{text-align:left;margin-bottom:var(--spacing--4xs);display:block!important}._empty_1mb6o_138{text-align:left;margin-top:var(--spacing--2xs);margin-left:var(--spacing--4xs);display:block!important}._accordionItems_tq3dn_125{width:100%;margin-top:var(--spacing--2xs);display:flex;flex-direction:column!important;align-items:flex-start!important}._accordionItem_tq3dn_125{text-align:left;margin-bottom:var(--spacing--4xs);display:block!important}._clickable_tq3dn_139{cursor:pointer!important}._clickable_tq3dn_139:hover{color:var(--color--primary)}._accordionItems_16rh4_125{width:100%;display:flex;flex-direction:column!important;align-items:flex-start!important}._accordionItem_16rh4_125{text-align:left;margin-bottom:var(--spacing--4xs);display:block!important}._charts_16rh4_138{flex-direction:column;width:100%}._chart_16rh4_138{max-width:100%;max-height:200px;position:relative}table th,table td{text-align:left;font-weight:400}table td{font-variant-numeric:tabular-nums;padding-left:8px}._accordion-content_1lqir_135{padding:var(--spacing--2xs)}._container_znmwg_125{width:100%}._cardLink_znmwg_129{cursor:pointer;align-items:stretch;padding:0;transition:box-shadow .3s}._cardLink_znmwg_129:hover{box-shadow:var(--shadow--card-hover)}._cardHeading_znmwg_139{font-size:var(--font-size--sm);word-break:break-word;padding:var(--spacing--sm) 0 0 var(--spacing--sm)}._stale_znmwg_145{opacity:.5}._cardDescription_znmwg_149{min-height:19px;padding:0 0 var(--spacing--sm) var(--spacing--sm);align-items:center;display:flex}._cardActions_znmwg_156{padding:0 var(--spacing--sm) 0 0;cursor:default;flex-direction:row;justify-content:center;align-self:stretch;align-items:center;display:flex}._workerListHeader_ifjfd_125{margin-bottom:var(--spacing--sm);justify-content:space-between;align-items:center;display:flex}._card_ifjfd_132{margin-bottom:var(--spacing--sm)}._tableLoader_ifjfd_136{width:100%;height:48px;margin-bottom:var(--spacing--2xs)}._actionBox_t24gt_125{margin:var(--spacing--2xl) 0 0}\n/*$vite$:1*/",document.head.appendChild(F);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(pe=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[pe]="a5ab6a7b-212f-42b6-bf1b-f056e365d7f6",t._sentryDebugIdIdentifier="sentry-dbid-a5ab6a7b-212f-42b6-bf1b-f056e365d7f6")}catch(t){}var t,pe;J=l({__name:"WorkerAccordion",props:{icon:{default:"list-checks"},iconColor:{default:"text-dark"},initialExpanded:{type:Boolean,default:!0}},setup(e){const t=n(e.initialExpanded);function r(){t.value=!t.value}return(n,i)=>(a(),s("div",{class:y(["accordion",n.$style.container])},[o("div",{class:y({[n.$style.header]:!0,[n.$style.expanded]:t.value}),onClick:r},[f(m(I),{icon:e.icon,color:e.iconColor,size:"small",class:"mr-2xs"},null,8,["icon","color"]),f(m(M),{class:y(n.$style.headerText),color:"text-base",size:"small",align:"left",bold:""},{default:v((()=>[g(n.$slots,"title")])),_:3},8,["class"]),f(m(I),{icon:t.value?"chevron-up":"chevron-down",bold:""},null,8,["icon"])],2),t.value?(a(),s("div",{key:0,class:y({[n.$style.description]:!0,[n.$style.collapsed]:!t.value})},[g(n.$slots,"content")],2)):u("",!0)],2))}}),O=j(J,[["__cssModules",{$style:{container:"_container_k0ymr_125",header:"_header_k0ymr_129",headerText:"_headerText_k0ymr_135",expanded:"_expanded_k0ymr_139",description:"_description_k0ymr_143"}}]]),G=["href"],V=["href"],Q=j(l({__name:"WorkerJobAccordion",props:{items:{}},setup(e){const t=e,n=w();function i(e){let t=Math.floor(((new Date).getTime()-e.getTime())/1e3);const a=Math.floor(t/3600);t-=3600*a;const r=Math.floor(t/60);return t-=60*r,`${a}h ${r}m ${Math.floor(t)}s`}return(l,c)=>(a(),b(O,{icon:"list-checks","icon-color":"text-dark","initial-expanded":!0},{title:v((()=>[r(d(m(n).baseText("workerList.item.jobListTitle"))+" ("+d(e.items.length)+") ",1)])),content:v((()=>[t.items.length>0?(a(),s("div",{key:0,class:y(l.$style.accordionItems)},[(a(!0),s(p,null,h(t.items,(e=>(a(),s("div",{key:e.executionId,class:y(l.$style.accordionItem)},[o("a",{href:"/workflow/"+e.workflowId+"/executions/"+e.executionId}," Execution "+d(e.executionId)+" - "+d(e.workflowName),9,G),f(m(M),{color:"text-base",size:"small",align:"left"},{default:v((()=>[r(" | Started at: "+d(new Date(e.startedAt)?.toLocaleTimeString())+" | Running for "+d(i(new Date(e.startedAt)))+" "+d(e.retryOf?`| Retry of: ${e.retryOf}`:"")+" | ",1)])),_:2},1024),o("a",{target:"_blank",href:"/workflow/"+e.workflowId}," (Open workflow)",8,V)],2)))),128))],2)):(a(),s("div",{key:1,class:y(l.$style.accordionItems)},[o("span",{class:y(l.$style.empty)},d(m(n).baseText("workerList.item.jobList.empty")),3)],2))])),_:1}))}}),[["__cssModules",{$style:{accordionItems:"_accordionItems_1mb6o_125",accordionItem:"_accordionItem_1mb6o_125",empty:"_empty_1mb6o_138"}}]]),X=["onClick"],K=j(l({__name:"WorkerNetAccordion",props:{items:{}},setup(e){const t=e,n=w(),i=D(),{showMessage:l}=C();return(c,_)=>(a(),b(O,{icon:"list-checks","icon-color":"text-dark","initial-expanded":!1},{title:v((()=>[r(d(m(n).baseText("workerList.item.netListTitle"))+" ("+d(e.items.length)+") ",1)])),content:v((()=>[t.items.length>0?(a(),s("div",{key:0,class:y(c.$style.accordionItems)},[(a(!0),s(p,null,h(t.items,(e=>(a(),s("div",{key:e.address,class:y(c.$style.accordionItem),onClick:t=>function(e){try{i.copy(e),l({title:n.baseText("workerList.item.copyAddressToClipboard"),type:"success"})}catch{}}(e.address)},[r(d(e.family)+": ",1),o("span",{class:y(c.$style.clickable)},d(e.address),3),r(" "+d(e.internal?"(internal)":""),1)],10,X)))),128))],2)):u("",!0)])),_:1}))}}),[["__cssModules",{$style:{accordionItems:"_accordionItems_tq3dn_125",accordionItem:"_accordionItem_tq3dn_125",clickable:"_clickable_tq3dn_139"}}]]),Y=j(l({__name:"WorkerChartsAccordion",props:{workerId:{}},setup(e){const t=e,s=w(),i=(e,t,a=0)=>({datasets:[{label:e,backgroundColor:t,data:a?Array(Math.min(100,a)).fill(0):[]}],labels:Array(Math.min(100,a)).fill("")}),l=E(),c=n(void 0),u=n(void 0),_=n(void 0),p={responsive:!0,maintainAspectRatio:!0,scales:{y:{type:"linear",display:!0,position:"left",min:0,suggestedMax:5}}},g={responsive:!0,maintainAspectRatio:!0,scales:{y:{type:"linear",display:!0,position:"left",min:0,suggestedMax:5}}};g.scales?.y&&(g.scales.y.suggestedMax=100);const k={responsive:!0,maintainAspectRatio:!0,scales:{y:{type:"linear",display:!0,position:"left",min:0,suggestedMax:5}}};k.scales?.y&&(k.scales.y.suggestedMax=100);const h=n(i("Job Count","rgb(255, 111, 92)",100)),x=n(i("Processor Usage","rgb(19, 205, 103)",100)),$=n(i("Memory Usage (%)","rgb(244, 216, 174)",100));return l.$onAction((({name:e,store:a})=>{if("updateWorkerStatus"===e){const e=100-(a.workersHistory[t.workerId]?.length??0),r=i("Job Count","rgb(255, 111, 92)",e),o=i("Processor Usage","rgb(19, 205, 103)",e),s=i("Memory Usage (%)","rgb(244, 216, 174)",e);a.workersHistory[t.workerId]?.forEach((e=>{r.datasets[0].data.push(e.data.runningJobsSummary.length),r.labels?.push(new Date(e.timestamp).toLocaleTimeString()),o.datasets[0].data.push(de(e.data.loadAvg)),o.labels=r.labels,s.labels=r.labels;const t=e.data.isInContainer?e.data.process.memory.constraint:e.data.host.memory.total,a=(t-e.data.process.memory.available)/t*100;s.datasets[0].data.push(a)})),h.value=r,x.value=o,$.value=s}})),(e,t)=>(a(),b(O,{icon:"list-checks","icon-color":"text-dark","initial-expanded":!1},{title:v((()=>[r(d(m(s).baseText("workerList.item.chartsTitle")),1)])),content:v((()=>[o("div",{class:y(e.$style.charts)},[f(m(N),{ref_key:"chartRefJobs",ref:c,type:"line",data:h.value,options:m(p),class:y(e.$style.chart)},null,8,["data","options","class"]),f(m(N),{ref_key:"chartRefCPU",ref:u,type:"line",data:x.value,options:m(g),class:y(e.$style.chart)},null,8,["data","options","class"]),f(m(N),{ref_key:"chartRefMemoryUsage",ref:_,type:"line",data:$.value,options:m(k),class:y(e.$style.chart)},null,8,["data","options","class"])],2)])),_:1}))}}),[["__cssModules",{$style:{accordionItems:"_accordionItems_16rh4_125",accordionItem:"_accordionItem_16rh4_125",charts:"_charts_16rh4_138",chart:"_chart_16rh4_138"}}]]),Z={key:0},ee=j(l({__name:"WorkerMemoryMonitorAccordion",props:{worker:{}},setup(e){const t=e,n=w();return(i,l)=>(a(),b(O,{icon:"list-checks","icon-color":"text-dark","initial-expanded":!1},{title:v((()=>[r(d(m(n).baseText("workerList.item.memoryMonitorTitle")),1)])),content:v((()=>[o("div",{class:y(i.$style["accordion-content"])},[l[7]||(l[7]=o("strong",null,"Host/OS Memory:",-1)),o("table",null,[o("tbody",null,[o("tr",null,[l[0]||(l[0]=o("th",null,"Total (os.totalmem)",-1)),o("td",null,d(m(me)(t.worker.host.memory.total))+"GB",1)]),o("tr",null,[l[1]||(l[1]=o("th",null,"Free (os.freemem)",-1)),o("td",null,d(m(me)(t.worker.host.memory.free))+"GB",1)])])]),l[8]||(l[8]=o("br",null,null,-1)),l[9]||(l[9]=o("strong",null,"Process Memory:",-1)),l[10]||(l[10]=o("br",null,null,-1)),o("table",null,[o("tbody",null,[e.worker.isInContainer?(a(),s("tr",Z,[l[2]||(l[2]=o("th",null,"Constraint: (process.constrainedMemory)",-1)),o("td",null,d(m(_e)(t.worker.process.memory.constraint))+"MB",1)])):u("",!0),o("tr",null,[l[3]||(l[3]=o("th",null,"Available: (process.availableMemory)",-1)),o("td",null,d(m(_e)(t.worker.process.memory.available))+"MB",1)]),o("tr",null,[l[4]||(l[4]=o("th",null,"RSS: (process.memoryUsage().rss)",-1)),o("td",null,d(m(_e)(t.worker.process.memory.rss))+"MB",1)]),o("tr",null,[l[5]||(l[5]=o("th",null,"Heap total: (process.memoryUsage().heapTotal)",-1)),o("td",null,d(m(_e)(t.worker.process.memory.heapTotal))+"MB",1)]),o("tr",null,[l[6]||(l[6]=o("th",null,"Heap used: (process.memoryUsage().heapUsed)",-1)),o("td",null,d(m(_e)(t.worker.process.memory.heapUsed))+"MB",1)])])])],2)])),_:1}))}}),[["__cssModules",{$style:{"accordion-content":"_accordion-content_1lqir_135"}}]]),te=l({__name:"WorkerCard",props:{workerId:{}},setup(e){let t;const s=E(),i=w(),l=e,p=n("0"),g=n(!1),h=c((()=>s.getWorkerStatus(l.workerId))),$=c((()=>W("family",h.value?.interfaces.slice()??[])));function I(e){const t=Math.floor(e/86400);e-=3600*t*24;const a=Math.floor(e/3600);e-=3600*a;const r=Math.floor(e/60);return e-=60*r,`${t}d ${a}h ${r}m ${Math.floor(e)}s`}return _((()=>{t=setInterval((()=>{const e=s.getWorkerLastUpdated(l.workerId);if(!e)return;const t=Math.ceil((Date.now()-e)/1e3);g.value=t>10,p.value=t.toFixed(0)}),500)})),k((()=>{clearInterval(t)})),(e,t)=>h.value?(a(),b(m(A),{key:0,class:y(e.$style.cardLink)},{header:v((()=>[f(m(x),{tag:"h2",bold:"",class:y(g.value?[e.$style.cardHeading,e.$style.stale]:[e.$style.cardHeading]),"data-test-id":"worker-card-name"},{default:v((()=>[r(" Name: "+d(h.value.senderId)+" ("+d(h.value.hostname)+") ",1),t[0]||(t[0]=o("br",null,null,-1)),r(" Average Load: "+d(m(ue)(h.value.loadAvg??[0]))+" | Free memory: "+d(m(me)(h.value.process.memory.available))+"GB / "+d(m(me)(h.value.isInContainer?h.value.process.memory.constraint:h.value.host.memory.total))+"GB "+d(g.value?" (stale)":""),1)])),_:1},8,["class"])])),append:v((()=>[o("div",{ref:"cardActions",class:y(e.$style.cardActions)},null,2)])),default:v((()=>[o("div",{class:y(e.$style.cardDescription)},[f(m(M),{color:"text-light",size:"small",class:y(e.$style.container)},{default:v((()=>[o("span",null,d(m(i).baseText("workerList.item.lastUpdated"))+" "+d(p.value)+"s ago | n8n-Version: "+d(h.value.version)+" | Architecture: "+d(h.value.arch)+" ( "+d(h.value.platform)+") | Uptime: "+d(I(h.value.uptime)),1),t[1]||(t[1]=o("br",null,null,-1)),f(Q,{items:h.value.runningJobsSummary},null,8,["items"]),f(K,{items:$.value},null,8,["items"]),f(Y,{"worker-id":h.value.senderId},null,8,["worker-id"]),f(ee,{worker:h.value},null,8,["worker"])])),_:1},8,["class"])],2)])),_:1},8,["class"])):u("",!0)}}),ae=j(te,[["__cssModules",{$style:{container:"_container_znmwg_125",cardLink:"_cardLink_znmwg_129",cardHeading:"_cardHeading_znmwg_139",stale:"_stale_znmwg_145",cardDescription:"_cardDescription_znmwg_149",cardActions:"_cardActions_znmwg_156"}}]]),re={key:0},oe={key:1},se={key:0},ne={key:1},ie=l({__name:"WorkerList",props:{autoRefreshEnabled:{type:Boolean,default:!0}},setup(e){const t=L(),n=w(),l=P({router:t}),u=z(),g=B(),b=E(),$=S(),I=H(),M=c((()=>b.initialStatusReceived)),A=c((()=>Object.keys(b.workers))),j=c((()=>n.baseText("workerList.pageTitle")));return _((()=>{u.set(j.value),g.track("User viewed worker view",{instance_id:$.instanceId})})),i((()=>{l.initialize(),I.pushConnect(),b.startWorkerStatusPolling()})),k((()=>{b.stopWorkerStatusPolling(),I.pushDisconnect(),l.terminate()})),(e,t)=>(a(),s("div",null,[f(q,{class:"actions"}),o("div",{class:y(e.$style.workerListHeader)},[f(m(x),{tag:"h1",size:"2xlarge"},{default:v((()=>[r(d(j.value),1)])),_:1})],2),M.value?(a(),s("div",oe,[0===A.value.length?(a(),s("div",se,d(m(n).baseText("workerList.empty")),1)):(a(),s("div",ne,[(a(!0),s(p,null,h(A.value,(t=>(a(),s("div",{key:t,class:y(e.$style.card)},[f(ae,{"worker-id":t,"data-test-id":"worker-card"},null,8,["worker-id"])],2)))),128))]))])):(a(),s("div",re,[f(m(T))]))]))}}),le=j(ie,[["__cssModules",{$style:{workerListHeader:"_workerListHeader_ifjfd_125",card:"_card_ifjfd_132",tableLoader:"_tableLoader_ifjfd_136"}}]]),ce=["href"],e("default",j(l({__name:"WorkerView",setup(e){const t=R(),s=U(),n=w(),i=()=>{s.goToUpgrade("worker-view","upgrade-worker-view")};return(e,s)=>m(t).isQueueModeEnabled&&m(t).isWorkerViewAvailable?(a(),b(le,{key:0,"data-test-id":"worker-view-licensed"})):(a(),b(m($),{key:1,"data-test-id":"worker-view-unlicensed",class:y(e.$style.actionBox),description:m(n).baseText("workerList.actionBox.description"),"button-text":m(n).baseText("workerList.actionBox.buttonText"),"onClick:button":i},{heading:v((()=>[o("span",null,d(m(n).baseText("workerList.actionBox.title")),1)])),description:v((()=>[r(d(m(n).baseText("workerList.actionBox.description"))+" ",1),o("a",{href:m(n).baseText("workerList.docs.url"),target:"_blank"},d(m(n).baseText("workerList.actionBox.description.link")),9,ce)])),_:1},8,["class","description","button-text"]))}}),[["__cssModules",{$style:{actionBox:"_actionBox_t24gt_125"}}]]))}}}));
//# sourceMappingURL=WorkerView-legacy-CsAULt4R.js.map