n8n-editor-ui/dist/assets/WorkflowExecutionsPreview-xEMBZ0_X.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.13.4`}}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]=`b7bcd8d3-47c3-4a01-a156-a4f1fac1b7c8`,e._sentryDebugIdIdentifier=`sentry-dbid-b7bcd8d3-47c3-4a01-a156-a4f1fac1b7c8`)})()}catch{}import{o as e}from"./chunk-DxpFCn6T.js";import{$ as t,A as n,C as r,E as i,Ft as a,N as o,S as s,Sn as c,T as l,Wt as u,_ as d,_n as f,at as p,bt as m,j as h,ot as g,rt as _,w as v,yt as y}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as b}from"./_MapCache-CUJwh2qp.js";import{At as x,Ii as S,Qi as C,Qt as w,R as T,Ut as E,Xt as D,Yi as O,Zi as k,Zt as A,gt as j,tn as M}from"./src-wni2AGA3.js";import{t as N}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import{As as ee,Gr as P,Tr as F,en as I,jr as L}from"./users.store-BHWXXawf.js";import{Ps as R,is as z,ms as B,pl as te}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import"./versions.store-CNV-esbv.js";import"./usePageRedirectionHelper-Dxb_B6-R.js";import{t as V}from"./executions.store-CZbPSd3l.js";import{t as H}from"./useInjectWorkflowId-BSmCE6rY.js";import"./dateFormatter-aoRZizgK.js";import{t as ne}from"./useExecutionHelpers-D8SD8Eej.js";import"./TagsDropdown-DD1kUoaA.js";import{t as re}from"./useExecutionDebugging-CgM9Buet.js";import{t as U}from"./AnnotationTagsDropdown.ee-Dib88PNH.js";import{t as ie}from"./WorkflowPreview-DPiXE58r.js";var ae=N(o({__name:`WorkflowExecutionAnnotationPanel.ee`,props:{execution:{}},setup(e){let o=e,p=P(),x=b(),S=a(null),w=a(!1),T=H(),A=s(()=>z(p.getWorkflowById(T.value)?.scopes).workflow),j=s(()=>o.execution?.customData?Object.keys(o.execution?.customData).length:0);function M(e){S.value&&e.relatedTarget===null&&S.value.handleClose()}function N(e){w.value=e}return(a,o)=>{let s=g(`n8n-html`);return e.execution?(t(),v(u(D),{key:0,ref_key:`annotationDropdownRef`,ref:S,trigger:`click`,onVisibleChange:N},{dropdown:y(()=>[r(`div`,{ref:`container`,class:f([`execution-annotation-panel`,a.$style.container]),"data-test-id":`execution-annotation-panel`},[r(`div`,{class:f(a.$style.section)},[r(`div`,{class:f(a.$style.heading)},[h(u(O),{tag:`h3`,size:`small`,color:`text-dark`},{default:y(()=>[n(c(u(x).baseText(`generic.annotationData`)),1)]),_:1})],2),e.execution?.customData&&Object.keys(e.execution?.customData).length>0?(t(),i(`div`,{key:0,class:f(a.$style.metadata)},[(t(!0),i(d,null,_(Object.keys(e.execution?.customData),r=>(t(),i(`div`,{key:r,class:f(a.$style.customDataEntry)},[h(u(k),{class:f(a.$style.key),size:`small`,color:`text-base`},{default:y(()=>[n(c(r),1)]),_:2},1032,[`class`]),h(u(k),{class:f(a.$style.value),size:`small`,color:`text-base`},{default:y(()=>[n(c(e.execution?.customData[r]),1)]),_:2},1032,[`class`])],2))),128))],2)):(t(),i(`div`,{key:1,class:f(a.$style.noResultsContainer),"data-test-id":`execution-annotation-data-empty`},[h(u(k),{color:`text-base`,size:`small`,align:`center`},{default:y(()=>[m(r(`span`,null,null,512),[[s,u(x).baseText(`executionAnnotationView.data.notFound`)]])]),_:1})],2))],2)],2)]),default:y(()=>[h(u(C),{variant:`subtle`,title:u(x).baseText(`executionDetails.additionalActions`),disabled:!A.value.update,icon:`list-checks`,class:f({[a.$style.highlightDataButton]:!0,[a.$style.highlightDataButtonActive]:j.value>0,[a.$style.highlightDataButtonOpen]:w.value}),size:`small`,"data-test-id":`execution-preview-ellipsis-button`,onBlur:M},{default:y(()=>[j.value>0?(t(),v(u(E),{key:0,class:f(a.$style.badge),theme:`primary`},{default:y(()=>[n(c(j.value.toString()),1)]),_:1},8,[`class`])):l(``,!0)]),_:1},8,[`title`,`disabled`,`class`])]),_:1},512)):l(``,!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`}}]]),W={key:1},oe=N(o({__name:`WorkflowExecutionAnnotationTags.ee`,props:{execution:{}},setup(e){let o=e,l=b(),p=I(),{showError:m}=F(),g=V(),S=s(()=>o.execution.annotation?.tags.map(e=>e.id)??[]),w=s(()=>o.execution.annotation?.tags),T=x(),E=a(!1),D=a([]),O=a(!1),k=(e,t)=>{if(e.length!==t.length)return!0;let n=new Set(e);return t.reduce((e,t)=>e||!n.has(t),!1)},A=()=>{D.value=S.value,E.value=!0,T.emit(`focus`)},j=async()=>{if(!o.execution)return;let e=S.value??[],t=D.value;if(!k(e,t)){E.value=!1;return}if(!O.value){O.value=!0;try{await g.annotateExecution(o.execution.id,{tags:t}),t.length>0&&p.track(`User added execution annotation tag`,{tag_ids:t,execution_id:o.execution.id})}catch(e){m(e,`executionAnnotationView.tag.error`)}O.value=!1,E.value=!1}},N=()=>{E.value=!1};return(e,a)=>(t(),i(`div`,{class:f(e.$style.executionDetailsTags)},[r(`span`,{class:f(e.$style.tags),"data-test-id":`annotation-tags-container`},[E.value?(t(),v(U,{key:0,ref:`dropdown`,modelValue:D.value,"onUpdate:modelValue":a[0]||=e=>D.value=e,"create-enabled":!0,"event-bus":u(T),placeholder:u(l).baseText(`executionAnnotationView.chooseOrCreateATag`),class:`tags-edit`,"data-test-id":`workflow-tags-dropdown`,onBlur:j,onEsc:N},null,8,[`modelValue`,`event-bus`,`placeholder`])):S.value.length===0?(t(),i(`div`,W,[h(u(C),{variant:`ghost`,class:f([e.$style.addTagButton,`clickable`]),label:u(l).baseText(`executionAnnotationView.addTag`),size:`xsmall`,outline:!1,"data-test-id":`new-tag-link`,icon:`plus`,onClick:A},null,8,[`class`,`label`])])):(t(),i(`span`,{key:2,class:f([`tags-container`,e.$style.tagsContainer]),"data-test-id":`execution-annotation-tags`,onClick:A},[(t(!0),i(d,null,_(w.value,e=>(t(),i(`span`,{key:e.id,class:`clickable`},[h(u(M),{title:e.name,type:`info`,size:`small`,"disable-transitions":!0},{default:y(()=>[n(c(e.name),1)]),_:2},1032,[`title`])]))),128)),r(`span`,{class:f(e.$style.addTagWrapper)},[h(u(C),{variant:`ghost`,class:f([e.$style.addTagButton,e.$style.addTagButtonIconOnly,`clickable`]),size:`xsmall`,outline:!1,"data-test-id":`new-tag-link`,icon:`plus`,onClick:A},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`}}]]),se=N(o({__name:`VoteButtons`,props:{vote:{}},emits:[`vote-click`],setup(e,{emit:n}){let r=n,a=e=>{r(`vote-click`,e)};return(n,r)=>(t(),i(`div`,{class:f(n.$style.ratingIcon)},[h(u(S),{variant:`ghost`,class:f([n.$style.icon,e.vote===`up`&&n.$style.up]),size:`small`,icon:`thumbs-up`,onClick:r[0]||=e=>a(`up`)},null,8,[`class`]),h(u(S),{variant:`ghost`,class:f([n.$style.icon,e.vote===`down`&&n.$style.down]),size:`small`,icon:`thumbs-down`,onClick:r[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`}}]]),G=[`data-test-id`],ce={class:`retry-button`},K=N(o({__name:`WorkflowExecutionsPreview`,props:{execution:{}},emits:[`deleteCurrentExecution`,`retryExecution`,`stopExecution`],setup(e,{emit:o}){let d=e,m=o,g=j(),_=b(),{showError:x}=F(),E=ne(),O=L(),M=re(),N=P(),I=ee(),R=a(null),U=H(),W=s(()=>z(N.getWorkflowById(U.value)?.scopes).workflow),K=s(()=>g.params.executionId),le=s(()=>g.params.nodeId),q=s(()=>d.execution?E.getUIDetails(d.execution):null),ue=s(()=>d.execution?.status===`success`?{text:_.baseText(`executionsList.debug.button.copyToEditor`),type:`secondary`}:{text:_.baseText(`executionsList.debug.button.debugInEditor`),type:`primary`}),de=s(()=>!!d.execution&&E.isExecutionRetriable(d.execution)),J=s(()=>I.isEnterpriseFeatureEnabled[te.AdvancedExecutionFilters]),fe=s(()=>!!d.execution?.annotation&&(d.execution?.annotation.vote||d.execution?.annotation.tags.length>0)),Y=V(),X=s(()=>Y.activeExecution),Z=s(()=>X.value?.annotation?.vote||null);async function Q(){let e=[fe.value&&_.baseText(`executionDetails.confirmMessage.annotationsNote`),_.baseText(`executionDetails.confirmMessage.message`)].filter(Boolean).join(` `);await O.confirm(e,_.baseText(`executionDetails.confirmMessage.headline`),{type:`warning`,confirmButtonText:_.baseText(`executionDetails.confirmMessage.confirmButtonText`),cancelButtonText:``})===`confirm`&&m(`deleteCurrentExecution`)}function pe(e){d.execution&&m(`retryExecution`,{execution:d.execution,command:e})}function $(){m(`stopExecution`)}function me(e){R.value&&e.relatedTarget===null&&R.value.handleClose()}let he=async e=>{if(!X.value)return;let t=e===Z.value?null:e;try{await Y.annotateExecution(X.value.id,{vote:t})}catch(e){x(e,`executionAnnotationView.vote.error`)}};return(a,o)=>{let s=p(`RouterLink`);return q.value?.name===`new`?(t(),i(`div`,{key:0,class:f(a.$style.newInfo)},[h(u(k),{class:f(a.$style.newMessage),color:`text-light`},{default:y(()=>[n(c(u(_).baseText(`executionDetails.newMessage`)),1)]),_:1},8,[`class`]),h(u(C),{variant:`subtle`,class:`mt-l`,onClick:$},{default:y(()=>[n(c(u(_).baseText(`executionsList.stopExecution`)),1)]),_:1})],2)):q.value?.name===`running`?(t(),i(`div`,{key:1,class:f(a.$style.runningInfo)},[r(`div`,{class:f(a.$style.spinner)},[h(u(T),{type:`ring`})],2),h(u(k),{class:f(a.$style.runningMessage),color:`text-light`},{default:y(()=>[n(c(u(_).baseText(`executionDetails.runningMessage`)),1)]),_:1},8,[`class`]),h(u(C),{variant:`subtle`,"data-test-id":`stop-execution`,class:`mt-l`,disabled:!W.value.execute,onClick:$},{default:y(()=>[n(c(u(_).baseText(`executionsList.stopExecution`)),1)]),_:1},8,[`disabled`])],2)):q.value?(t(),i(`div`,{key:2,class:f(a.$style.previewContainer)},[e.execution?(t(),i(`div`,{key:0,class:f(a.$style.executionDetails),"data-test-id":`execution-preview-details-${K.value}`},[r(`div`,{class:f(a.$style.executionDetailsLeft)},[r(`div`,{class:f(a.$style.executionTitle)},[h(u(k),{size:`large`,color:`text-dark`,bold:!0,"data-test-id":`execution-time`},{default:y(()=>[n(c(q.value?.startTime),1)]),_:1}),J.value&&e.execution?(t(),v(se,{key:0,"data-test-id":`execution-preview-vote-buttons`,vote:Z.value,class:f(a.$style.voteButtons),onVoteClick:he},null,8,[`vote`,`class`])):l(``,!0)],2),r(`div`,{class:f(a.$style.executionDetailsInfo)},[q.value?.name===`running`?(t(),v(u(T),{key:0,size:`small`,class:f([a.$style.spinner,`mr-4xs`])},null,8,[`class`])):l(``,!0),h(u(k),{size:`medium`,class:f([a.$style.status,a.$style[q.value.name]]),"data-test-id":`execution-preview-label`},{default:y(()=>[n(c(q.value.label),1)]),_:1},8,[`class`]),o[1]||=n(` `+c(` `)+` `,-1),q.value?.showTimestamp===!1?(t(),v(u(k),{key:1,color:`text-base`,size:`medium`},{default:y(()=>[n(` | ID#`+c(e.execution.id),1)]),_:1})):q.value.name===`running`?(t(),v(u(k),{key:2,color:`text-base`,size:`medium`},{default:y(()=>[n(c(u(_).baseText(`executionDetails.runningTimeRunning`,{interpolate:{time:q.value?.runningTime}}))+` | ID#`+c(e.execution.id),1)]),_:1})):q.value.name===`waiting`?l(``,!0):(t(),v(u(k),{key:3,color:`text-base`,size:`medium`,"data-test-id":`execution-preview-id`},{default:y(()=>[n(c(u(_).baseText(`executionDetails.runningTimeFinished`,{interpolate:{time:q.value?.runningTime??`unknown`}}))+` | ID#`+c(e.execution.id),1)]),_:1}))],2),e.execution.mode===`retry`?(t(),i(`div`,{key:0,class:f(a.$style.executionDetailsRetry)},[h(u(k),{color:`text-base`,size:`small`},{default:y(()=>[n(c(u(_).baseText(`executionDetails.retry`))+` `,1),h(s,{class:f(a.$style.executionLink),to:{name:u(B).EXECUTION_PREVIEW,params:{workflowId:e.execution.workflowId,executionId:e.execution.retryOf}}},{default:y(()=>[n(` #`+c(e.execution.retryOf),1)]),_:1},8,[`class`,`to`])]),_:1})],2)):l(``,!0),J.value&&e.execution?(t(),v(oe,{key:1,execution:e.execution},null,8,[`execution`])):l(``,!0)],2),r(`div`,{class:f(a.$style.actions)},[h(s,{to:{name:u(B).EXECUTION_DEBUG,params:{name:e.execution.workflowId,executionId:e.execution.id}}},{default:y(()=>[h(u(C),{size:`medium`,variant:`subtle`,class:f(a.$style.debugLink),disabled:!W.value.update},{default:y(()=>[r(`span`,{"data-test-id":`execution-debug-button`,onClick:o[0]||=(...e)=>u(M).handleDebugLinkClick&&u(M).handleDebugLinkClick(...e)},c(ue.value.text),1)]),_:1},8,[`class`,`disabled`])]),_:1},8,[`to`]),de.value?(t(),v(u(D),{key:0,ref:`retryDropdown`,trigger:`click`,onCommand:pe},{dropdown:y(()=>[h(u(w),null,{default:y(()=>[h(u(A),{command:`current-workflow`},{default:y(()=>[n(c(u(_).baseText(`executionsList.retryWithCurrentlySavedWorkflow`)),1)]),_:1}),h(u(A),{command:`original-workflow`},{default:y(()=>[n(c(u(_).baseText(`executionsList.retryWithOriginalWorkflow`)),1)]),_:1})]),_:1})]),default:y(()=>[r(`span`,ce,[h(u(S),{variant:`subtle`,size:`medium`,title:u(_).baseText(`executionsList.retryExecution`),disabled:!W.value.update,icon:`redo-2`,"data-test-id":`execution-preview-retry-button`,onBlur:me},null,8,[`title`,`disabled`])])]),_:1},512)):l(``,!0),J.value&&X.value?(t(),v(ae,{key:1,execution:X.value},null,8,[`execution`])):l(``,!0),h(u(S),{variant:`subtle`,title:u(_).baseText(`executionDetails.deleteExecution`),disabled:!W.value.update,icon:`trash-2`,size:`medium`,"data-test-id":`execution-preview-delete-button`,onClick:Q},null,8,[`title`,`disabled`])],2)],10,G)):l(``,!0),(t(),v(ie,{key:K.value,mode:`execution`,"loader-type":`spinner`,"execution-id":K.value,"execution-mode":e.execution?.mode||``,"node-id":le.value},null,8,[`execution-id`,`execution-mode`,`node-id`]))],2)):l(``,!0)}}}),[[`__cssModules`,{$style:{previewContainer:`_previewContainer_77hfc_125`,executionDetails:`_executionDetails_77hfc_131`,executionDetailsLeft:`_executionDetailsLeft_77hfc_149`,executionTitle:`_executionTitle_77hfc_155`,voteButtons:`_voteButtons_77hfc_161`,spinner:`_spinner_77hfc_165`,running:`_running_77hfc_171`,waiting:`_waiting_77hfc_176`,success:`_success_77hfc_180`,error:`_error_77hfc_184`,newInfo:`_newInfo_77hfc_188`,runningInfo:`_runningInfo_77hfc_189`,newMessage:`_newMessage_77hfc_196`,runningMessage:`_runningMessage_77hfc_197`,debugLink:`_debugLink_77hfc_203`,actions:`_actions_77hfc_208`,highlightDataButton:`_highlightDataButton_77hfc_213`,highlightDataButtonActive:`_highlightDataButtonActive_77hfc_218`,highlightDataButtonOpen:`_highlightDataButtonOpen_77hfc_222`,badge:`_badge_77hfc_228`}}]]);export{K as default};
//# sourceMappingURL=WorkflowExecutionsPreview-xEMBZ0_X.js.map