n8n-editor-ui/dist/assets/WorkflowExecutionsPreview-DCUtfwRb.js

Workflow Editor UI for n8n

(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.16.1`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`d06cec44-5127-4a79-b08c-139880feb6be`,e._sentryDebugIdIdentifier=`sentry-dbid-d06cec44-5127-4a79-b08c-139880feb6be`)})()}catch{}import"./chunk-CACdhNlC.js";import{$ as e,A as t,C as n,E as r,Ft as i,N as a,S as o,Sn as s,T as c,Wt as l,_ as u,_n as d,at as f,bt as p,gt as m,j as h,ot as g,rt as _,w as v,yt as y}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as b}from"./core-Bz5WjPxS.js";import{Di as x,Ft as S,Ht as C,Ji as w,Mi as T,Ut as E,Wt as D,Xi as O,Zi as k,ct as A,k as j,qt as M,xt as N}from"./src-XqE2yCpG.js";import{t as P}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Ln as ee,Pn as te,fr as F,sr as I,zn as ne}from"./users.store-xP93bV7X.js";import{Bo as L,Qc as re,Qo as R}from"./constants-DuQbSl-q.js";import{t as ie}from"./settings.store-CAFiYCMH.js";import{t as z}from"./executions.store-BkB9JOf7.js";import{t as B}from"./useInjectWorkflowId-BV3E4pXM.js";import{t as ae}from"./dateFormatter-uA6jMwOH.js";import{t as oe}from"./useExecutionHelpers-DaszaQT9.js";import{t as se}from"./useExecutionDebugging-BoEc6fYQ.js";import{t as ce}from"./WorkflowPreview-C5OyFGa3.js";import{t as V}from"./AnnotationTagsDropdown.ee-CEasowxO.js";var le=P(a({__name:`WorkflowExecutionAnnotationPanel.ee`,props:{execution:{}},setup(a){let f=a,m=I(),x=b(),T=i(null),E=i(!1),D=B(),A=o(()=>L(m.getWorkflowById(D.value)?.scopes).workflow),j=o(()=>f.execution?.customData?Object.keys(f.execution?.customData).length:0);function M(e){T.value&&e.relatedTarget===null&&T.value.handleClose()}function N(e){E.value=e}return(i,o)=>{let f=g(`n8n-html`);return a.execution?(e(),v(l(C),{key:0,ref_key:`annotationDropdownRef`,ref:T,trigger:`click`,onVisibleChange:N},{dropdown:y(()=>[n(`div`,{ref:`container`,class:d([`execution-annotation-panel`,i.$style.container]),"data-test-id":`execution-annotation-panel`},[n(`div`,{class:d(i.$style.section)},[n(`div`,{class:d(i.$style.heading)},[h(l(w),{tag:`h3`,size:`small`,color:`text-dark`},{default:y(()=>[t(s(l(x).baseText(`generic.annotationData`)),1)]),_:1})],2),a.execution?.customData&&Object.keys(a.execution?.customData).length>0?(e(),r(`div`,{key:0,class:d(i.$style.metadata)},[(e(!0),r(u,null,_(Object.keys(a.execution?.customData),n=>(e(),r(`div`,{key:n,class:d(i.$style.customDataEntry)},[h(l(O),{class:d(i.$style.key),size:`small`,color:`text-base`},{default:y(()=>[t(s(n),1)]),_:2},1032,[`class`]),h(l(O),{class:d(i.$style.value),size:`small`,color:`text-base`},{default:y(()=>[t(s(a.execution?.customData[n]),1)]),_:2},1032,[`class`])],2))),128))],2)):(e(),r(`div`,{key:1,class:d(i.$style.noResultsContainer),"data-test-id":`execution-annotation-data-empty`},[h(l(O),{color:`text-base`,size:`small`,align:`center`},{default:y(()=>[p(n(`span`,null,null,512),[[f,l(x).baseText(`executionAnnotationView.data.notFound`)]])]),_:1})],2))],2)],2)]),default:y(()=>[h(l(k),{variant:`subtle`,title:l(x).baseText(`executionDetails.additionalActions`),disabled:!A.value.update,icon:`list-checks`,class:d({[i.$style.highlightDataButton]:!0,[i.$style.highlightDataButtonActive]:j.value>0,[i.$style.highlightDataButtonOpen]:E.value}),size:`small`,"data-test-id":`execution-preview-ellipsis-button`,onBlur:M},{default:y(()=>[j.value>0?(e(),v(l(S),{key:0,class:d(i.$style.badge),theme:`primary`},{default:y(()=>[t(s(j.value.toString()),1)]),_:1},8,[`class`])):c(``,!0)]),_:1},8,[`title`,`disabled`,`class`])]),_:1},512)):c(``,!0)}}}),[[`__cssModules`,{$style:{highlightDataButton:`_highlightDataButton_7tc76_125`,highlightDataButtonActive:`_highlightDataButtonActive_7tc76_130`,highlightDataButtonOpen:`_highlightDataButtonOpen_7tc76_134`,badge:`_badge_7tc76_140`,container:`_container_7tc76_144`,section:`_section_7tc76_156`,metadata:`_metadata_7tc76_165`,heading:`_heading_7tc76_169`,controls:`_controls_7tc76_176`,customDataEntry:`_customDataEntry_7tc76_188`,key:`_key_7tc76_195`,noResultsContainer:`_noResultsContainer_7tc76_199`,"execution-annotation-panel":`_execution-annotation-panel_7tc76_204`,"el-skeleton__item":`_el-skeleton__item_7tc76_204`}}]]),H={key:1},ue=P(a({__name:`WorkflowExecutionAnnotationTags.ee`,props:{execution:{}},setup(a){let c=a,f=b(),p=F(),{showError:m}=te(),g=z(),x=o(()=>c.execution.annotation?.tags.map(e=>e.id)??[]),S=o(()=>c.execution.annotation?.tags),C=N(),w=i(!1),T=i([]),E=i(!1),D=(e,t)=>{if(e.length!==t.length)return!0;let n=new Set(e);return t.reduce((e,t)=>e||!n.has(t),!1)},O=()=>{T.value=x.value,w.value=!0,C.emit(`focus`)},A=async()=>{if(!c.execution)return;let e=x.value??[],t=T.value;if(!D(e,t)){w.value=!1;return}if(!E.value){E.value=!0;try{await g.annotateExecution(c.execution.id,{tags:t}),t.length>0&&p.track(`User added execution annotation tag`,{tag_ids:t,execution_id:c.execution.id})}catch(e){m(e,`executionAnnotationView.tag.error`)}E.value=!1,w.value=!1}},j=()=>{w.value=!1};return(i,a)=>(e(),r(`div`,{class:d(i.$style.executionDetailsTags)},[n(`span`,{class:d(i.$style.tags),"data-test-id":`annotation-tags-container`},[w.value?(e(),v(V,{key:0,ref:`dropdown`,modelValue:T.value,"onUpdate:modelValue":a[0]||=e=>T.value=e,"create-enabled":!0,"event-bus":l(C),placeholder:l(f).baseText(`executionAnnotationView.chooseOrCreateATag`),class:`tags-edit`,"data-test-id":`workflow-tags-dropdown`,onBlur:A,onEsc:j},null,8,[`modelValue`,`event-bus`,`placeholder`])):x.value.length===0?(e(),r(`div`,H,[h(l(k),{variant:`ghost`,class:d([i.$style.addTagButton,`clickable`]),label:l(f).baseText(`executionAnnotationView.addTag`),size:`xsmall`,outline:!1,"data-test-id":`new-tag-link`,icon:`plus`,onClick:O},null,8,[`class`,`label`])])):(e(),r(`span`,{key:2,class:d([`tags-container`,i.$style.tagsContainer]),"data-test-id":`execution-annotation-tags`,onClick:O},[(e(!0),r(u,null,_(S.value,n=>(e(),r(`span`,{key:n.id,class:`clickable`},[h(l(M),{title:n.name,type:`info`,size:`small`,"disable-transitions":!0},{default:y(()=>[t(s(n.name),1)]),_:2},1032,[`title`])]))),128)),n(`span`,{class:d(i.$style.addTagWrapper)},[h(l(k),{variant:`ghost`,class:d([i.$style.addTagButton,i.$style.addTagButtonIconOnly,`clickable`]),size:`xsmall`,outline:!1,"data-test-id":`new-tag-link`,icon:`plus`,onClick:O},null,8,[`class`])],2)],2))],2)],2))}}),[[`__cssModules`,{$style:{tags:`_tags_12rjz_125`,addTagButton:`_addTagButton_12rjz_130`,addTagButtonIconOnly:`_addTagButtonIconOnly_12rjz_151`,tagsContainer:`_tagsContainer_12rjz_156`}}]]),de=P(a({__name:`VoteButtons`,props:{vote:{}},emits:[`vote-click`],setup(t,{emit:n}){let i=n,a=e=>{i(`vote-click`,e)};return(n,i)=>(e(),r(`div`,{class:d(n.$style.ratingIcon)},[h(l(T),{variant:`ghost`,class:d([n.$style.icon,t.vote===`up`&&n.$style.up]),size:`small`,icon:`thumbs-up`,onClick:i[0]||=e=>a(`up`)},null,8,[`class`]),h(l(T),{variant:`ghost`,class:d([n.$style.icon,t.vote===`down`&&n.$style.down]),size:`small`,icon:`thumbs-down`,onClick:i[1]||=e=>a(`down`)},null,8,[`class`])],2))}}),[[`__cssModules`,{$style:{ratingIcon:`_ratingIcon_1u7e5_125`,icon:`_icon_1u7e5_129`,up:`_up_1u7e5_132`,down:`_down_1u7e5_132`}}]]),fe=[`data-test-id`],pe={class:`retry-button`},U=P(a({__name:`WorkflowExecutionsPreview`,props:{execution:{}},emits:[`deleteCurrentExecution`,`retryExecution`,`stopExecution`],setup(a,{emit:p}){let g=a,_=p,S=A(),w=b(),{showError:M}=te(),N=oe(),P=ee(),F=se(),V=I(),H=ie(),U=i(null),me=B(),W=o(()=>L(V.getWorkflowById(me.value)?.scopes).workflow),G=o(()=>S.params.executionId),he=o(()=>S.params.nodeId),K=o(()=>g.execution?N.getUIDetails(g.execution):null),ge=o(()=>g.execution?.status===`success`?{text:w.baseText(`executionsList.debug.button.copyToEditor`),type:`secondary`}:{text:w.baseText(`executionsList.debug.button.debugInEditor`),type:`primary`}),_e=o(()=>!!g.execution&&N.isExecutionRetriable(g.execution)),q=o(()=>H.isEnterpriseFeatureEnabled[re.AdvancedExecutionFilters]),ve=o(()=>!!g.execution?.annotation&&(g.execution?.annotation.vote||g.execution?.annotation.tags.length>0)),J=z(),ye=ne(),Y=i(null),X=o(()=>{if(Y.value)return Y.value.name??w.baseText(`executionDetails.versionAutosave`)}),be=o(()=>{if(!Y.value)return;let{date:e,time:t}=ae(Y.value.createdAt);return w.baseText(`executionDetails.versionTooltip`,{interpolate:{date:`${e} ${t}`}})}),Z=o(()=>Y.value?{name:R.WORKFLOW_HISTORY,params:{workflowId:Y.value.workflowId,versionId:Y.value.versionId}}:null),xe=o(()=>!K.value||K.value.showTimestamp===!1?null:K.value.name===`running`?w.baseText(`executionDetails.runningTimeRunning`,{interpolate:{time:K.value.runningTime}}):K.value.name===`waiting`?null:w.baseText(`executionDetails.runningTimeFinished`,{interpolate:{time:K.value.runningTime??`unknown`}}));m(()=>g.execution?.workflowVersionId,async e=>{if(Y.value=null,!(!e||!g.execution?.workflowId))try{let t=await ye.getWorkflowVersion(g.execution.workflowId,e);g.execution?.workflowVersionId===e&&(Y.value=t)}catch{}},{immediate:!0});let Q=o(()=>J.activeExecution),Se=o(()=>Q.value?.annotation?.vote||null);async function Ce(){let e=[ve.value&&w.baseText(`executionDetails.confirmMessage.annotationsNote`),w.baseText(`executionDetails.confirmMessage.message`)].filter(Boolean).join(` `);await P.confirm(e,w.baseText(`executionDetails.confirmMessage.headline`),{type:`warning`,confirmButtonText:w.baseText(`executionDetails.confirmMessage.confirmButtonText`),cancelButtonText:``})===`confirm`&&_(`deleteCurrentExecution`)}function we(e){g.execution&&_(`retryExecution`,{execution:g.execution,command:e})}function $(){_(`stopExecution`)}function Te(e){U.value&&e.relatedTarget===null&&U.value.handleClose()}let Ee=async e=>{if(!Q.value)return;let t=e===Se.value?null:e;try{await J.annotateExecution(Q.value.id,{vote:t})}catch(e){M(e,`executionAnnotationView.vote.error`)}};return(i,o)=>{let p=f(`RouterLink`);return K.value?.name===`new`?(e(),r(`div`,{key:0,class:d(i.$style.newInfo)},[h(l(O),{class:d(i.$style.newMessage),color:`text-light`},{default:y(()=>[t(s(l(w).baseText(`executionDetails.newMessage`)),1)]),_:1},8,[`class`]),h(l(k),{variant:`subtle`,class:`mt-l`,onClick:$},{default:y(()=>[t(s(l(w).baseText(`executionsList.stopExecution`)),1)]),_:1})],2)):K.value?.name===`running`?(e(),r(`div`,{key:1,class:d(i.$style.runningInfo)},[n(`div`,{class:d(i.$style.spinner)},[h(l(j),{type:`ring`})],2),h(l(O),{class:d(i.$style.runningMessage),color:`text-light`},{default:y(()=>[t(s(l(w).baseText(`executionDetails.runningMessage`)),1)]),_:1},8,[`class`]),h(l(k),{variant:`subtle`,"data-test-id":`stop-execution`,class:`mt-l`,disabled:!W.value.execute,onClick:$},{default:y(()=>[t(s(l(w).baseText(`executionsList.stopExecution`)),1)]),_:1},8,[`disabled`])],2)):K.value?(e(),r(`div`,{key:2,class:d(i.$style.previewContainer)},[a.execution?(e(),r(`div`,{key:0,class:d(i.$style.executionDetails),"data-test-id":`execution-preview-details-${G.value}`},[n(`div`,{class:d(i.$style.executionDetailsLeft)},[n(`div`,{class:d(i.$style.executionTitle)},[h(l(O),{size:`large`,color:`text-dark`,bold:!0,"data-test-id":`execution-time`},{default:y(()=>[t(s(K.value?.startTime),1)]),_:1}),q.value&&a.execution?(e(),v(de,{key:0,"data-test-id":`execution-preview-vote-buttons`,vote:Se.value,class:d(i.$style.voteButtons),onVoteClick:Ee},null,8,[`vote`,`class`])):c(``,!0)],2),n(`div`,{class:d(i.$style.executionDetailsInfo)},[K.value?.name===`running`?(e(),v(l(j),{key:0,size:`small`,class:d([i.$style.spinner,`mr-4xs`])},null,8,[`class`])):c(``,!0),h(l(O),{size:`medium`,class:d([i.$style.status,i.$style[K.value.name]]),"data-test-id":`execution-preview-label`},{default:y(()=>[t(s(K.value.label),1)]),_:1},8,[`class`]),o[3]||=t(` `+s(` `)+` `,-1),K.value?.showTimestamp===!1?(e(),v(l(O),{key:1,color:`text-base`,size:`medium`},{default:y(()=>[t(` | ID#`+s(a.execution.id)+` `,1),X.value&&Z.value?(e(),r(u,{key:0},[o[1]||=t(` | `,-1),h(l(O),{color:`text-light`},{default:y(()=>[h(l(x),{content:be.value,placement:`bottom`},{default:y(()=>[h(p,{class:d(i.$style.versionLink),"data-test-id":`execution-preview-version-link`,to:Z.value},{default:y(()=>[t(s(X.value),1)]),_:1},8,[`class`,`to`])]),_:1},8,[`content`])]),_:1})],64)):c(``,!0)]),_:1})):xe.value?(e(),v(l(O),{key:2,color:`text-base`,size:`medium`,"data-test-id":`execution-preview-id`},{default:y(()=>[t(s(xe.value)+` | ID#`+s(a.execution.id)+` `,1),X.value&&Z.value?(e(),r(u,{key:0},[o[2]||=t(` | `,-1),h(l(O),{color:`text-light`},{default:y(()=>[h(l(x),{content:be.value,placement:`bottom`},{default:y(()=>[h(p,{class:d(i.$style.versionLink),"data-test-id":`execution-preview-version-link`,to:Z.value},{default:y(()=>[t(s(X.value),1)]),_:1},8,[`class`,`to`])]),_:1},8,[`content`])]),_:1})],64)):c(``,!0)]),_:1})):c(``,!0)],2),a.execution.mode===`retry`?(e(),r(`div`,{key:0,class:d(i.$style.executionDetailsRetry)},[h(l(O),{color:`text-base`,size:`small`},{default:y(()=>[t(s(l(w).baseText(`executionDetails.retry`))+` `,1),h(p,{class:d(i.$style.executionLink),to:{name:l(R).EXECUTION_PREVIEW,params:{workflowId:a.execution.workflowId,executionId:a.execution.retryOf}}},{default:y(()=>[t(` #`+s(a.execution.retryOf),1)]),_:1},8,[`class`,`to`])]),_:1})],2)):c(``,!0),q.value&&a.execution?(e(),v(ue,{key:1,execution:a.execution},null,8,[`execution`])):c(``,!0)],2),n(`div`,{class:d(i.$style.actions)},[h(p,{to:{name:l(R).EXECUTION_DEBUG,params:{name:a.execution.workflowId,executionId:a.execution.id}}},{default:y(()=>[h(l(k),{size:`medium`,variant:`subtle`,class:d(i.$style.debugLink),disabled:!W.value.update},{default:y(()=>[n(`span`,{"data-test-id":`execution-debug-button`,onClick:o[0]||=(...e)=>l(F).handleDebugLinkClick&&l(F).handleDebugLinkClick(...e)},s(ge.value.text),1)]),_:1},8,[`class`,`disabled`])]),_:1},8,[`to`]),_e.value?(e(),v(l(C),{key:0,ref:`retryDropdown`,trigger:`click`,onCommand:we},{dropdown:y(()=>[h(l(D),null,{default:y(()=>[h(l(E),{command:`current-workflow`},{default:y(()=>[t(s(l(w).baseText(`executionsList.retryWithCurrentlySavedWorkflow`)),1)]),_:1}),h(l(E),{command:`original-workflow`},{default:y(()=>[t(s(l(w).baseText(`executionsList.retryWithOriginalWorkflow`)),1)]),_:1})]),_:1})]),default:y(()=>[n(`span`,pe,[h(l(T),{variant:`subtle`,size:`medium`,title:l(w).baseText(`executionsList.retryExecution`),disabled:!W.value.update,icon:`redo-2`,"data-test-id":`execution-preview-retry-button`,onBlur:Te},null,8,[`title`,`disabled`])])]),_:1},512)):c(``,!0),q.value&&Q.value?(e(),v(le,{key:1,execution:Q.value},null,8,[`execution`])):c(``,!0),h(l(T),{variant:`subtle`,title:l(w).baseText(`executionDetails.deleteExecution`),disabled:!W.value.update,icon:`trash-2`,size:`medium`,"data-test-id":`execution-preview-delete-button`,onClick:Ce},null,8,[`title`,`disabled`])],2)],10,fe)):c(``,!0),(e(),v(ce,{key:G.value,mode:`execution`,"loader-type":`spinner`,"execution-id":G.value,"execution-mode":a.execution?.mode||``,"node-id":he.value},null,8,[`execution-id`,`execution-mode`,`node-id`]))],2)):c(``,!0)}}}),[[`__cssModules`,{$style:{previewContainer:`_previewContainer_qc8ai_125`,executionDetails:`_executionDetails_qc8ai_131`,executionDetailsLeft:`_executionDetailsLeft_qc8ai_149`,executionTitle:`_executionTitle_qc8ai_155`,voteButtons:`_voteButtons_qc8ai_161`,spinner:`_spinner_qc8ai_165`,running:`_running_qc8ai_171`,waiting:`_waiting_qc8ai_176`,success:`_success_qc8ai_180`,error:`_error_qc8ai_184`,newInfo:`_newInfo_qc8ai_188`,runningInfo:`_runningInfo_qc8ai_189`,newMessage:`_newMessage_qc8ai_196`,runningMessage:`_runningMessage_qc8ai_197`,debugLink:`_debugLink_qc8ai_203`,actions:`_actions_qc8ai_208`,highlightDataButton:`_highlightDataButton_qc8ai_213`,highlightDataButtonActive:`_highlightDataButtonActive_qc8ai_218`,highlightDataButtonOpen:`_highlightDataButtonOpen_qc8ai_222`,versionLink:`_versionLink_qc8ai_228`,badge:`_badge_qc8ai_236`}}]]);export{U as default};
//# sourceMappingURL=WorkflowExecutionsPreview-DCUtfwRb.js.map