n8n-editor-ui
Version:
Workflow Editor UI for n8n
2 lines • 30 kB
JavaScript
(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]=`3d7f207e-139e-47ca-97e8-e9a91ba6f15e`,e._sentryDebugIdIdentifier=`sentry-dbid-3d7f207e-139e-47ca-97e8-e9a91ba6f15e`)})()}catch{}import{o as e}from"./chunk-CACdhNlC.js";import{$ as t,A as n,C as r,E as i,Ft as a,N as o,O as s,Rt as c,S as l,Sn as u,T as d,Wt as f,X as p,_ as m,_n as h,bt as g,gt as _,h as v,j as y,n as b,ot as x,p as S,q as C,rt as w,w as T,yt as E}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as D,ot as O,t as ee}from"./core-Bz5WjPxS.js";import{Di as k,J as A,Ji as j,N as te,P as M,Qi as ne,Xi as N,Y as re,Zi as ie,k as ae,lt as oe,tt as se,xt as P}from"./src-XqE2yCpG.js";import{t as F}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Bn as I,Br as L,C as ce,Et as le,Mr as ue,Tt as de,aa as R,f as z,fr as fe,gr as pe,qi as me,r as he,s as ge,u as B,w as _e}from"./users.store-xP93bV7X.js";import{Pt as ve,Qo as ye,an as be,dc as V,eo as H,zs as xe}from"./constants-DuQbSl-q.js";import{D as Se}from"./useRootStore-XEREVjMN.js";import{t as Ce}from"./CopyInput-Diu7JJOl.js";import{a as U,i as W,o as we,r as G,t as K}from"./RunData-sLmjeCkz.js";import{t as q}from"./NDVEmptyState-D9AiDj1V.js";import{n as Te,t as Ee}from"./usePinnedData-DYpKK5t1.js";import{f as De}from"./canvas.eventBus-P-77EomI.js";import{t as J}from"./NodeIcon-T2UcO71E.js";import{n as Oe}from"./VirtualSchema-DSU3xfmx.js";import{r as ke}from"./useRunWorkflow-Cii0mAex.js";import{t as Ae}from"./useInjectWorkflowId-BV3E4pXM.js";import{n as Y}from"./dateFormatter-uA6jMwOH.js";import{n as X,o as je,r as Me,s as Z,t as Ne,u as Q}from"./useLogsTreeExpand-Rhs2RNBK.js";import{t as Pe}from"./useExecutionData-C2wMaLhv.js";import{n as Fe,t as Ie}from"./RunDataParsedAiContent-CGPqqyeV.js";var Le=[`data-node-name`,`data-node-placement`,`onClick`],$=function(e){return e.top=`outputSub`,e.right=`outputMain`,e.left=`inputMain`,e}($||{}),Re=F(o({__name:`NDVFloatingNodes`,props:{rootNode:{}},emits:[`switchSelectedNode`],setup(e,{expose:a,emit:o}){let s=e,c=ge(),g=R(),_=_e(),v=o,b=l(()=>!0);function x(e){let t=O.value[e][0];t&&v(`switchSelectedNode`,t.node.name)}function S(e){if(e.shiftKey&&e.altKey&&(e.ctrlKey||e.metaKey)){let t={ArrowUp:$.top,ArrowRight:$.right,ArrowLeft:$.left}[e.key]||null;t&&x(t)}}function D(e){return e.map(e=>{let t=g?.value?.getNodeByName(e)??null;if(t){let e=_.getNodeType(t.type);if(e)return{node:t,nodeType:e}}return null}).filter(e=>e!==null)}let O=l(()=>{let e=c.workflowObject,t=s.rootNode.name;return{[$.top]:D(e.getChildNodes(t,`ALL_NON_MAIN`)),[$.right]:D(e.getChildNodes(t,H.Main,1)).reverse(),[$.left]:D(e.getParentNodes(t,H.Main,1)).reverse()}}),ee=[$.top,$.right,$.left],A={[$.top]:`bottom`,[$.right]:`left`,[$.left]:`right`};return p(()=>{document.addEventListener(`keydown`,S,!0)}),C(()=>{document.removeEventListener(`keydown`,S,!0)}),a({moveNodeDirection:x}),(e,a)=>(t(),i(`aside`,{class:h([e.$style.floatingNodes,{[e.$style.v2]:b.value}]),"data-test-id":`floating-nodes`},[(t(),i(m,null,w(ee,a=>r(`ul`,{key:a,class:h([e.$style.nodesList,e.$style[a]])},[(t(!0),i(m,null,w(O.value[a],({node:o,nodeType:s})=>(t(),i(m,null,[o&&s?(t(),T(f(k),{key:o.name,placement:A[a],teleported:!1,offset:b.value?16:60},{content:E(()=>[n(u(o.name),1)]),default:E(()=>[r(`li`,{class:h(e.$style.connectedNode),"data-test-id":`floating-node`,"data-node-name":o.name,"data-node-placement":a,onClick:e=>v(`switchSelectedNode`,o.name)},[y(J,{"node-type":s,"node-name":o.name,"tooltip-position":A[a],size:b.value?24:35,circle:``},null,8,[`node-type`,`node-name`,`tooltip-position`,`size`])],10,Le)]),_:2},1032,[`placement`,`offset`])):d(``,!0)],64))),256))],2)),64))],2))}}),[[`__cssModules`,{$style:{floatingNodes:`_floatingNodes_10z2d_125`,nodesList:`_nodesList_10z2d_135`,inputSub:`_inputSub_10z2d_149`,outputSub:`_outputSub_10z2d_149`,outputMain:`_outputMain_10z2d_162`,inputMain:`_inputMain_10z2d_162`,connectedNode:`_connectedNode_10z2d_175`,v2:`_v2_10z2d_216`}}]]),ze=F(o({__name:`RunInfo`,props:{taskData:{},hasStaleData:{type:Boolean},hasPinData:{type:Boolean}},setup(e){let a=D(),o=e,s=l(()=>o.taskData),c=l(()=>o.taskData?.error?`danger`:`success`),p=l(()=>{if(!s.value)return null;let{date:e,time:t}=Y(s.value.startTime);return{executionTime:s.value.executionTime,startTime:`${e} at ${t}`}});return(o,l)=>{let m=x(`n8n-html`);return e.hasStaleData?(t(),T(f(A),{key:0,theme:`warning-light`,type:`tooltip`,"tooltip-placement":`right`,"data-test-id":`node-run-info-stale`},{default:E(()=>[g(r(`span`,null,null,512),[[m,f(a).baseText(e.hasPinData?`ndv.output.staleDataWarning.pinData`:`ndv.output.staleDataWarning.regular`)]])]),_:1})):p.value?(t(),i(`div`,{key:1,class:h(o.$style.tooltipRow)},[e.taskData?.executionStatus===`canceled`?d(``,!0):(t(),T(f(A),{key:0,type:`note`,theme:c.value,"data-test-id":`node-run-status-${c.value}`,size:`large`},null,8,[`theme`,`data-test-id`])),y(f(A),{type:`tooltip`,theme:`info`,"data-test-id":`node-run-info`,"tooltip-placement":`right`},{default:E(()=>[r(`div`,null,[y(f(N),{bold:!0,size:`small`},{default:E(()=>[n(u(s.value?.error?f(a).baseText(`runData.executionStatus.failed`):s.value?.executionStatus===`canceled`?f(a).baseText(`runData.executionStatus.canceled`):f(a).baseText(`runData.executionStatus.success`)),1)]),_:1}),l[0]||=r(`br`,null,null,-1),y(f(N),{bold:!0,size:`small`},{default:E(()=>[n(u(f(a).baseText(`runData.startTime`)+`:`),1)]),_:1}),n(` `+u(p.value.startTime),1),l[1]||=r(`br`,null,null,-1),y(f(N),{bold:!0,size:`small`},{default:E(()=>[n(u(f(a).baseText(`runData.executionTime`)+`:`),1)]),_:1}),n(` `+u(p.value.executionTime)+` `+u(f(a).baseText(`runData.ms`)),1)])]),_:1})],2)):d(``,!0)}}}),[[`__cssModules`,{$style:{tooltipRow:`_tooltipRow_pdesz_125`}}]]),Be=e(De(),1),Ve=e(I(),1),He=F(o({__name:`AiRunContentBlock`,props:{runData:{},error:{}},setup(e){let n=e,o=D(),s=a(O()),c=a(`rendered`),m=a(0),b=a(!1),S=l(()=>(m.value/(1024*1024)).toFixed(1)),C=l(()=>z(n.runData.data??[],n.runData.type)),w=l(()=>C.value.some(e=>e.parsedContent?.parsed===!0));function O(){return!{input:[H.AiDocument,H.AiTextSplitter],output:[H.AiDocument,H.AiEmbedding,H.AiTextSplitter,H.AiVectorStore]}[n.runData.inOut].includes(n.runData.type)}function ee(){s.value=!s.value}function k(e){c.value=e}function A(){b.value=m.value<V}function j(){b.value=!1,m.value=new Blob([JSON.stringify(n.runData.data)]).size,A()}function M(){b.value=!0}function N(){let e=n.runData.inOut===`input`?`input_data`:`output_data`;(0,Ve.saveAs)(new Blob([JSON.stringify(n.runData.data,null,2)],{type:`application/json`}),`${e}.json`)}return p(()=>{j()}),_(()=>n.runData.data,()=>{j()}),(n,a)=>{let l=x(`n8n-html`);return t(),i(`div`,{class:h(n.$style.block)},[r(`header`,{class:h(n.$style.blockHeader),onClick:ee},[r(`button`,{class:h(n.$style.blockToggle)},[y(f(ne),{icon:s.value?`chevron-down`:`chevron-right`,size:`large`},null,8,[`icon`])],2),r(`p`,{class:h(n.$style.blockTitle)},u(f(Be.default)(e.runData.inOut)),3),w.value&&!e.error&&s.value?(t(),T(f(te),{key:0,size:`small`,"model-value":c.value,class:h(n.$style.rawSwitch),options:[{label:`Rendered`,value:`rendered`},{label:`JSON`,value:`json`}],"onUpdate:modelValue":k},null,8,[`model-value`,`class`])):d(``,!0)],2),r(`main`,{class:h({[n.$style.blockContent]:!0,[n.$style.blockContentExpanded]:s.value})},[e.error?(t(),T(W,{key:0,error:e.error,class:h(n.$style.error),"show-details":``},null,8,[`error`,`class`])):b.value?(t(),T(Ie,{key:1,data:e.runData.data,type:e.runData.type,content:C.value,"render-type":c.value},null,8,[`data`,`type`,`content`,`render-type`])):(t(),i(`section`,{key:2,class:h(n.$style.warning)},[y(q,{title:f(o).baseText(`ndv.tooMuchData.title`,{interpolate:{size:S.value}}),class:h(n.$style.warningState)},{default:E(()=>[g(r(`span`,null,null,512),[[l,f(o).baseText(`ndv.tooMuchData.message`)]])]),_:1},8,[`title`,`class`]),r(`div`,{class:h(n.$style.warningActions)},[y(f(ie),{variant:`outline`,size:`small`,label:f(o).baseText(`runData.downloadBinaryData`),onClick:v(N,[`stop`])},null,8,[`label`]),y(f(ie),{size:`small`,label:f(o).baseText(`ndv.tooMuchData.showDataAnyway`),onClick:v(M,[`stop`])},null,8,[`label`])],2)],2))],2)],2)}}}),[[`__cssModules`,{$style:{block:`_block_eo7zm_125`,blockContent:`_blockContent_eo7zm_132`,blockContentExpanded:`_blockContentExpanded_eo7zm_136`,rawSwitch:`_rawSwitch_eo7zm_140`,blockHeader:`_blockHeader_eo7zm_150`,blockTitle:`_blockTitle_eo7zm_163`,blockToggle:`_blockToggle_eo7zm_170`,error:`_error_eo7zm_178`,warning:`_warning_eo7zm_182`,warningState:`_warningState_eo7zm_191`,warningActions:`_warningActions_eo7zm_195`}}]]),Ue={key:0},We={key:1},Ge={key:2},Ke=F(o({__name:`RunDataAiContent`,props:{inputData:{}},setup(e){let a=e,o=l(()=>a.inputData.runData?Fe(a.inputData.runData):void 0),s=_e(),c=D(),p=l(()=>Q(_.value?.data??[]));function g(e){let t=a.inputData.node,n=s.getNodeType(t?.type??``);return{startTimeMs:e.metadata.startTime,executionTimeMs:e.metadata.executionTime,node:n,type:e.inOut,connectionType:e.type,subExecution:e.metadata?.subExecution}}let _=l(()=>o.value?.find(e=>e.inOut===`output`)),v=l(()=>{if(_.value!==void 0)return g(_.value)}),b=l(()=>a.inputData.runData?.error);return(a,s)=>(t(),i(`div`,{class:h(a.$style.container)},[r(`header`,{class:h(a.$style.header)},[v.value?.node?(t(),T(J,{key:0,class:h(a.$style.nodeIcon),"node-type":v.value.node,size:20},null,8,[`class`,`node-type`])):d(``,!0),r(`div`,{class:h(a.$style.headerWrap)},[r(`p`,{class:h(a.$style.title)},u(e.inputData.node.name),3),r(`ul`,{class:h(a.$style.meta)},[v.value?.startTimeMs?(t(),i(`li`,Ue,u(v.value?.executionTimeMs)+`ms`,1)):d(``,!0),v.value?.startTimeMs?(t(),i(`li`,We,[y(f(k),null,{content:E(()=>[n(u(new Date(v.value?.startTimeMs).toLocaleString()),1)]),default:E(()=>[n(` `+u(f(c).baseText(`runData.aiContentBlock.startedAt`,{interpolate:{startTime:new Date(v.value?.startTimeMs).toLocaleTimeString()}})),1)]),_:1})])):d(``,!0),v.value?(t(),i(`li`,Ge,[y(G,{"task-metadata":v.value,"display-mode":`ai`,inline:!0},null,8,[`task-metadata`])])):d(``,!0),(p.value?.totalTokens??0)>0?(t(),i(`li`,{key:3,class:h(a.$style.tokensUsage)},[n(u(f(c).baseText(`runData.aiContentBlock.tokens`,{interpolate:{count:f(B)(p.value,`total`)}}))+` `,1),y(f(A),{type:`tooltip`,theme:`info-light`,"tooltip-placement":`right`},{default:E(()=>[y(je,{"consumed-tokens":p.value},null,8,[`consumed-tokens`])]),_:1})],2)):d(``,!0)],2)],2)],2),(t(!0),i(m,null,w(o.value??[],(e,n)=>(t(),i(`main`,{key:n,class:h(a.$style.content)},[y(He,{"run-data":e,error:e.inOut===`output`?b.value:void 0},null,8,[`run-data`,`error`])],2))),128))],2))}}),[[`__cssModules`,{$style:{container:`_container_1ddvo_2`,nodeIcon:`_nodeIcon_1ddvo_5`,header:`_header_1ddvo_8`,headerWrap:`_headerWrap_1ddvo_14`,title:`_title_1ddvo_18`,meta:`_meta_1ddvo_25`,tokensUsage:`_tokensUsage_1ddvo_41`}}]]),qe=F(o({__name:`RunDataAi`,props:{node:{},runIndex:{default:0}},setup(e){let a=D(),{entries:o,execution:s,latestNodeNameById:d,loadSubExecution:p}=X({filter:l(()=>({rootNodeId:e.node.id,rootNodeRunIndex:e.runIndex}))}),{flatLogEntries:g,toggleExpanded:v}=Ne(o,p),b=c();function x(t){b.value=t?.node.id===e.node.id?void 0:t}return _(o,e=>{(!b.value||Z(b.value.id,e)===void 0)&&(b.value=e[0]?.children[0])},{immediate:!0}),(o,c)=>(t(),i(`div`,{class:h(o.$style.container)},[f(g).length>0?(t(),i(m,{key:0},[y(Me,{class:h(o.$style.tree),"is-compact":``,"is-read-only":``,"flat-log-entries":f(g),"should-show-token-count-column":!1,"latest-node-info":f(d),selected:b.value,"can-open-ndv":!1,execution:f(s),onToggleExpanded:f(v),onSelect:x},null,8,[`class`,`flat-log-entries`,`latest-node-info`,`selected`,`execution`,`onToggleExpanded`]),r(`div`,{class:h(o.$style.runData)},[b.value?(t(),T(Ke,{key:0,"input-data":b.value},null,8,[`input-data`])):(t(),i(`div`,{key:1,class:h(o.$style.empty)},[y(f(N),{size:`large`},{default:E(()=>[n(u(f(a).baseText(`ndv.output.ai.empty`,{interpolate:{node:e.node.name}})),1)]),_:1})],2))],2)],64)):(t(),i(`div`,{key:1,class:h(o.$style.noData)},u(f(a).baseText(`ndv.output.ai.waiting`)),3))],2))}}),[[`__cssModules`,{$style:{noData:`_noData_ueqto_125`,empty:`_empty_ueqto_133`,tree:`_tree_ueqto_137`,runData:`_runData_ueqto_144`,container:`_container_ueqto_150`}}]]),Je={key:0,"data-test-id":`ndv-output-waiting`},Ye=F(o({__name:`OutputPanel`,props:{workflowObject:{},runIndex:{},isReadOnly:{type:Boolean},linkedRuns:{type:Boolean},canLinkRuns:{type:Boolean},pushRef:{},blockUI:{type:Boolean,default:!1},isProductionExecutionPreview:{type:Boolean,default:!1},isPaneActive:{type:Boolean,default:!1},displayMode:{}},emits:[`linkRun`,`unlinkRun`,`runChange`,`activatePane`,`tableMounted`,`itemHover`,`search`,`openSettings`,`execute`,`displayModeChange`],setup(e,{emit:o}){let c={REGULAR:`regular`,LOGS:`logs`},v=e,b=o,C=Ae(),w=pe(),ee=_e(),k=ge(),A=le(),j=fe(),M=D(),{activeNode:re}=Se(w),{dirtinessByName:ie}=ke(),oe=he(),{isSubNodeType:se}=Te({node:re}),P=Ee(re,{runIndex:v.runIndex,displayMode:v.displayMode}),F=a(c.REGULAR),I=a([{label:M.baseText(`ndv.output.outType.regular`),value:c.REGULAR},{label:M.baseText(`ndv.output.outType.logs`),value:c.LOGS}]),ue=a(),de=a(null),R=l(()=>w.activeNode??void 0),{hasNodeRun:z,workflowExecution:me,workflowRunData:B}=Pe({node:R}),{canReveal:ve,isDynamicCredentials:ye,revealData:be}=we(),V=l(()=>!!R.value&&ee.isTriggerNode(R.value.type)),Ce=l(()=>{if(De.value||!B.value)return!1;if(R.value){let e=v.workflowObject.getParentNodes(R.value.name,`ALL_NON_MAIN`).map(k.getWorkflowResultDataByNodeName);return e&&Array.isArray(e)&&e.length>0}return!1}),W=l(()=>!!(B.value&&R.value&&B.value[R.value.name]?.[v.runIndex]?.error)),G=l(()=>W.value&&Ce.value?c.LOGS:c.REGULAR),De=l(()=>J.value&&!!R.value&&A.executingNode.isNodeExecuting(R.value.name)),J=l(()=>k.isWorkflowRunning),Y=l(()=>{if(!R.value||me.value===null)return null;let e=B.value;return!e?.hasOwnProperty(R.value.name)||e[R.value.name].length<=v.runIndex?null:e[R.value.name][v.runIndex]}),X=l(()=>{if(R.value===null)return 0;let e=B.value;return e===null||R.value&&!e.hasOwnProperty(R.value.name)?0:R.value&&e[R.value.name].length?e[R.value.name].length:0}),je=l(()=>R.value?ie.value[R.value.name]===L.PARAMETERS_UPDATED:!1),Me=l(()=>w.outputPanelEditMode),Z=l(()=>P.isValidNodeType.value&&!v.isReadOnly),Ne=l(()=>{if(!R.value||X.value===0||W.value||P.hasData.value)return;let e=v.workflowObject.getParentNodes(R.value.name,H.AiTool,1),t=e.filter(e=>!!B.value?.[e]?.[v.runIndex]);if(e.length>0&&t.length===0&&!J.value)return M.baseText(`ndv.output.noToolUsedInfo`)}),Q=l(()=>!0),Fe=()=>{ue.value&&(ue.value.enterEditMode({origin:`insertTestDataLink`}),j.track(`User clicked ndv link`,{workflow_id:C.value,push_ref:v.pushRef,node_type:R.value?.type,pane:`output`,type:`insert-test-data`}))},Ie=()=>{b(`linkRun`)},Le=()=>{b(`unlinkRun`)},$=()=>{b(`openSettings`),j.track(`User clicked ndv link`,{node_type:R.value?.type,workflow_id:C.value,push_ref:v.pushRef,pane:`output`,type:`settings`})},Re=()=>{oe.openModal(xe)},Be=e=>{b(`runChange`,e)};p(()=>{F.value=G.value}),_(G,(e,t)=>{e===c.LOGS&&t===c.REGULAR&&z.value&&(F.value=G.value)});let Ve=()=>{b(`activatePane`)};function He(e){de.value=e}return(a,o)=>{let c=x(`n8n-html`);return t(),T(K,{ref_key:`runDataRef`,ref:ue,class:h([a.$style.runData,{[a.$style.runDataV2]:Q.value}]),node:R.value,"workflow-object":e.workflowObject,"run-index":e.runIndex,"linked-runs":e.linkedRuns,"can-link-runs":e.canLinkRuns,"no-data-in-branch-message":f(M).baseText(`ndv.output.noOutputDataInBranch`),"is-executing":De.value,"executing-message":f(M).baseText(`ndv.output.executing`),"push-ref":e.pushRef,"block-u-i":e.blockUI,"is-production-execution-preview":e.isProductionExecutionPreview,"search-shortcut":e.isPaneActive?`/`:void 0,"hide-pagination":F.value===`logs`,"pane-type":`output`,"data-output-type":F.value,"callout-message":Ne.value,"display-mode":e.displayMode,"disable-ai-content":!0,"collapsing-table-column-name":de.value,"data-test-id":`ndv-output-panel`,onActivatePane:Ve,onRunChange:Be,onLinkRun:Ie,onUnlinkRun:Le,onTableMounted:o[3]||=e=>b(`tableMounted`,e),onItemHover:o[4]||=e=>b(`itemHover`,e),onSearch:o[5]||=e=>b(`search`,e),onDisplayModeChange:o[6]||=e=>b(`displayModeChange`,e),onCollapsingTableColumnChanged:He},s({header:E(()=>[r(`div`,{class:h([a.$style.titleSection,{[a.$style.titleSectionV2]:Q.value}])},[Ce.value?(t(),T(f(te),{key:0,modelValue:F.value,"onUpdate:modelValue":o[0]||=e=>F.value=e,"data-test-id":`ai-output-mode-select`,options:I.value},null,8,[`modelValue`,`options`])):(t(),i(`span`,{key:1,class:h([a.$style.title,{[a.$style.titleV2]:Q.value}])},u(f(M).baseText(Me.value.enabled?`ndv.output.edit`:`ndv.output`)),3)),f(z)&&!f(P).hasData.value&&(X.value===1||X.value>0&&je.value)?g((t(),T(ze,{key:2,"task-data":Y.value,"has-stale-data":je.value,"has-pin-data":f(P).hasData.value},null,8,[`task-data`,`has-stale-data`,`has-pin-data`])),[[S,!Me.value.enabled]]):d(``,!0)],2)]),"node-not-run":E(()=>[Q.value?(t(),i(m,{key:0},[e.isReadOnly?(t(),T(q,{key:0,title:f(M).baseText(V.value?`ndv.output.noOutputData.trigger.title`:`ndv.output.noOutputData.v2.title`)},null,8,[`title`])):(t(),T(q,{key:1,title:f(M).baseText(V.value?`ndv.output.noOutputData.trigger.title`:`ndv.output.noOutputData.v2.title`)},s({default:E(()=>[!Z.value||f(se)?(t(),T(f(O),{key:0,tag:`span`,keypath:f(se)?`ndv.output.runNodeHintSubNode`:`ndv.output.noOutputData.v2.description`,scope:`global`},{link:E(()=>[y(Oe,{"hide-icon":``,transparent:``,type:`secondary`,"node-name":f(re)?.name??``,label:f(M).baseText(V.value?`ndv.output.noOutputData.trigger.action`:`ndv.output.noOutputData.v2.action`),"telemetry-source":`inputs`,onExecute:o[1]||=e=>b(`execute`)},null,8,[`node-name`,`label`]),o[8]||=r(`br`,null,null,-1)]),_:1},8,[`keypath`])):(t(),i(m,{key:1},[y(Oe,{"hide-icon":``,transparent:``,type:`secondary`,"node-name":f(re)?.name??``,label:f(M).baseText(V.value?`ndv.output.noOutputData.trigger.action`:`ndv.output.noOutputData.v2.action`),"telemetry-source":`inputs`,onExecute:o[2]||=e=>b(`execute`)},null,8,[`node-name`,`label`]),o[9]||=r(`br`,null,null,-1),n(` `+u(f(M).baseText(`generic.or`))+` `,1),y(f(N),{tag:`a`,size:`medium`,color:`primary`,onClick:Fe},{default:E(()=>[n(u(f(M).baseText(`ndv.output.insertTestData`)),1)]),_:1})],64))]),_:2},[V.value?{name:`icon`,fn:E(()=>[o[7]||=r(`svg`,{width:`16`,viewBox:`0 0 14 18`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},[r(`path`,{d:`M10.9062 2.40625L8.5 8.03125H12C12.4062 8.03125 12.7812 8.28125 12.9375 8.65625C13.0625 9.0625 12.9688 9.5 12.6562 9.78125L4.65625 16.7812C4.28125 17.0625 3.78125 17.0938 3.40625 16.8125C3.03125 16.5625 2.875 16.0625 3.0625 15.625L5.46875 10H2C1.5625 10 1.1875 9.75 1.0625 9.375C0.90625 8.96875 1 8.53125 1.3125 8.25L9.3125 1.25C9.6875 0.96875 10.1875 0.9375 10.5625 1.21875C10.9375 1.46875 11.0938 1.96875 10.9062 2.40625Z`,fill:`currentColor`})],-1)]),key:`0`}:{name:`icon`,fn:E(()=>[y(f(ne),{icon:`arrow-right-from-line`,size:`xlarge`})]),key:`1`}]),1032,[`title`]))],64)):(t(),i(m,{key:1},[J.value&&!V.value?(t(),i(`div`,Je,[r(`div`,{class:h(a.$style.spinner)},[y(f(ae),{type:`ring`})],2),y(f(N),null,{default:E(()=>[n(u(f(M).baseText(`ndv.output.waitingToRun`)),1)]),_:1})])):d(``,!0),J.value?d(``,!0):(t(),T(f(N),{key:1,"data-test-id":`ndv-output-run-node-hint`},{default:E(()=>[f(se)?(t(),i(m,{key:0},[n(u(f(M).baseText(`ndv.output.runNodeHintSubNode`)),1)],64)):(t(),i(m,{key:1},[n(u(f(M).baseText(`ndv.output.runNodeHint`))+` `,1),Z.value?(t(),i(`span`,{key:0,onClick:Fe},[o[10]||=r(`br`,null,null,-1),n(` `+u(f(M).baseText(`generic.or`))+` `,1),y(f(N),{tag:`a`,size:`medium`,color:`primary`},{default:E(()=>[n(u(f(M).baseText(`ndv.output.insertTestData`)),1)]),_:1})])):d(``,!0)],64))]),_:1}))],64))]),"node-waiting":E(()=>[y(q,{title:f(M).baseText(`ndv.output.waitNodeWaiting.title`),wide:``},{default:E(()=>[g(r(`span`,null,null,512),[[c,f(ce)(R.value,e.workflowObject,Y.value?.metadata)]])]),_:1},8,[`title`])]),"no-output-data":E(()=>[y(q,{title:f(M).baseText(`ndv.output.noOutputData.title`)},{default:E(()=>[n(u(f(M).baseText(`ndv.output.noOutputData.message`))+` `,1),r(`a`,{onClick:$},u(f(M).baseText(`ndv.output.noOutputData.message.settings`)),1),n(` `+u(f(M).baseText(`ndv.output.noOutputData.message.settingsOption`)),1)]),_:1},8,[`title`])]),"recovered-artificial-output-data":E(()=>[y(q,{title:f(M).baseText(`executionDetails.executionFailed.recoveredNodeTitle`)},{default:E(()=>[n(u(f(M).baseText(`executionDetails.executionFailed.recoveredNodeMessage`)),1)]),_:1},8,[`title`])]),"data-redacted":E(()=>[y(U,{title:f(M).baseText(`ndv.output.redacted.title`),"is-dynamic-credentials":f(ye),"can-reveal":f(ve),onOpenSettings:Re,onReveal:f(be)},null,8,[`title`,`is-dynamic-credentials`,`can-reveal`,`onReveal`])]),"redacted-error":E(()=>[y(U,{title:f(M).baseText(`ndv.output.redacted.title`),"is-dynamic-credentials":f(ye),"can-reveal":f(ve),onOpenSettings:Re,onReveal:f(be)},null,8,[`title`,`is-dynamic-credentials`,`can-reveal`,`onReveal`])]),_:2},[F.value===`logs`&&R.value?{name:`content`,fn:E(()=>[y(qe,{node:R.value,"run-index":e.runIndex,"workflow-object":e.workflowObject},null,8,[`node`,`run-index`,`workflow-object`])]),key:`0`}:void 0,!f(P).hasData.value&&X.value>1?{name:`run-info`,fn:E(()=>[y(ze,{"task-data":Y.value},null,8,[`task-data`])]),key:`1`}:void 0]),1032,[`class`,`node`,`workflow-object`,`run-index`,`linked-runs`,`can-link-runs`,`no-data-in-branch-message`,`is-executing`,`executing-message`,`push-ref`,`block-u-i`,`is-production-execution-preview`,`search-shortcut`,`hide-pagination`,`data-output-type`,`callout-message`,`display-mode`,`collapsing-table-column-name`])}}}),[[`__cssModules`,{$style:{runData:`_runData_14t5v_130`,runDataV2:`_runDataV2_14t5v_134`,outputTypeSelect:`_outputTypeSelect_14t5v_138`,titleSection:`_titleSection_14t5v_143`,titleSectionV2:`_titleSectionV2_14t5v_151`,title:`_title_14t5v_143`,titleV2:`_titleV2_14t5v_163`,noOutputData:`_noOutputData_14t5v_168`,link:`_link_14t5v_178`,spinner:`_spinner_14t5v_185`}}]]),Xe={key:`empty`},Ze={key:0},Qe={key:`default`},$e={key:0,class:`mb-xl`},et=[`textContent`],tt=F(o({__name:`TriggerPanel`,props:{nodeName:{},pushRef:{default:``}},emits:[`activate`,`execute`],setup(e,{emit:o}){let s=e,c=o,p=Ae(),m=_e(),_=he(),v=ge(),S=R(),C=pe(),w=oe(),O=de(),k=D(),A=fe(),te=P(),ne=a(null),F=l(()=>S?.value?.getNodeByName(s.nodeName)??null),I=l(()=>F.value?m.getNodeType(F.value.type,F.value.typeVersion):null),L=l(()=>{let e=I.value?.triggerPanel;if(ue(e))return e}),ce=l(()=>{let e=L.value?.hideContent;if(typeof e==`boolean`)return e;if(F.value){let t=v.workflowObject.expression.getSimpleParameterValue(F.value,e,`internal`,{});if(typeof t==`boolean`)return t}return!1}),le=l(()=>!!(F.value?.issues&&(F.value.issues.parameters??F.value.issues.credentials))),z=l(()=>I.value?me(I.value):``),B=l(()=>!!(F.value&&F.value.type===`@n8n/n8n-nodes-langchain.chatTrigger`&&F.value.parameters.mode!==`webhook`)),V=l(()=>!!(F.value&&F.value.type===`n8n-nodes-base.webhook`)),H=ee(async()=>{if(!F.value||!I.value?.webhooks?.length)return;let e=await O.getWebhookExpressionValue(I.value.webhooks[0],`httpMethod`,!1);return Array.isArray(e)?e.join(`, `):e},void 0),Se=ee(async()=>{if(!(!F.value||!I.value?.webhooks?.length))return await O.getWebhookUrl(I.value.webhooks[0],F.value,`test`)},void 0),U=l(()=>!!I.value?.webhooks?.length),W=l(()=>!!I.value?.polling),we=l(()=>{if(!F.value||F.value.disabled||!U.value||!v.executionWaitingForWebhook)return!1;let e=v.executedNode,t=e===s.nodeName,n=e?v.workflowObject.getParentNodes(e).includes(s.nodeName):!1;return!e||t||n}),G=l(()=>v.isWorkflowRunning),K=l(()=>{let e=v.executedNode;return G.value&&W.value&&s.nodeName===e}),q=l(()=>S?.value?.active??!1),Te=l(()=>I.value?.name===`n8n-nodes-base.formTrigger`?k.baseText(`ndv.trigger.webhookNode.formTrigger.listening`):k.baseText(`ndv.trigger.webhookNode.listening`)),Ee=l(()=>{switch(I.value?.name){case ve:return k.baseText(`ndv.trigger.webhookBasedNode.chatTrigger.serviceHint`);case be:return k.baseText(`ndv.trigger.webhookBasedNode.formTrigger.serviceHint`);default:return k.baseText(`ndv.trigger.webhookBasedNode.serviceHint`,{interpolate:{service:z.value}})}}),De=l(()=>K.value?k.baseText(`ndv.trigger.pollingNode.fetchingEvent`):L.value?.header?L.value.header:U.value?k.baseText(`ndv.trigger.webhookBasedNode.action`,{interpolate:{name:z.value}}):``),ke=l(()=>K.value?k.baseText(`ndv.trigger.pollingNode.fetchingHint`,{interpolate:{name:z.value}}):``),Y=l(()=>{if(L.value?.executionsHelp){if(typeof L.value.executionsHelp==`string`)return L.value.executionsHelp;if(!q.value&&L.value.executionsHelp.inactive)return L.value.executionsHelp.inactive;if(q.value&&L.value.executionsHelp.active)return L.value.executionsHelp.active}return U.value?q.value?k.baseText(`ndv.trigger.webhookBasedNode.executionsHelp.active`,{interpolate:{service:z.value}}):k.baseText(`ndv.trigger.webhookBasedNode.executionsHelp.inactive`,{interpolate:{service:z.value}}):W.value?q.value?k.baseText(`ndv.trigger.pollingNode.executionsHelp.active`,{interpolate:{service:z.value}}):k.baseText(`ndv.trigger.pollingNode.executionsHelp.inactive`,{interpolate:{service:z.value}}):``}),X=l(()=>{if(K.value||!L.value)return``;if(L.value.activationHint){if(typeof L.value.activationHint==`string`)return L.value.activationHint;if(!q.value&&typeof L.value.activationHint.inactive==`string`)return L.value.activationHint.inactive;if(q.value&&typeof L.value.activationHint.active==`string`)return L.value.activationHint.active}return U.value?q.value?k.baseText(`ndv.trigger.webhookBasedNode.activationHint.active`,{interpolate:{service:z.value}}):k.baseText(`ndv.trigger.webhookBasedNode.activationHint.inactive`,{interpolate:{service:z.value}}):W.value?q.value?k.baseText(`ndv.trigger.pollingNode.activationHint.active`,{interpolate:{service:z.value}}):k.baseText(`ndv.trigger.pollingNode.activationHint.inactive`,{interpolate:{service:z.value}}):``}),je=()=>{ne.value&&te.emit(`expand`)},Me=()=>{A.track(`User clicked ndv link`,{workflow_id:p.value,push_ref:s.pushRef,pane:`input`,type:`open-chat`}),window.open(Se.value,`_blank`,`noreferrer`)},Z=e=>{if(!e.target)return;let t=e.target;t.localName===`a`&&t.dataset?.key&&(e.stopPropagation(),e.preventDefault(),t.dataset.key===`activate`?c(`activate`):t.dataset.key===`executions`?(A.track(`User clicked ndv link`,{workflow_id:p.value,push_ref:s.pushRef,pane:`input`,type:`open-executions-log`}),C.unsetActiveNodeName(),w.push({name:ye.EXECUTIONS})):t.dataset.key===`settings`&&_.openModal(xe))},Ne=()=>{A.track(`User copied webhook URL`,{pane:`inputs`,type:`test url`})},Q=()=>{c(`execute`)};return(a,o)=>{let s=x(`n8n-html`);return t(),i(`div`,{class:h(a.$style.container)},[y(b,{name:`fade`,mode:`out-in`},{default:E(()=>[le.value||ce.value?(t(),i(`div`,Xe)):we.value?(t(),i(`div`,{key:`listening`,class:h(a.$style.action),"data-test-id":`trigger-listening`},[y(f(M),null,{default:E(()=>[y(J,{"node-type":I.value,size:40},null,8,[`node-type`])]),_:1}),V.value?(t(),i(`div`,{key:0,class:h(a.$style.action)},[y(f(N),{tag:`div`,size:`large`,color:`text-dark`,class:`mb-2xs`,bold:``},{default:E(()=>[n(u(f(k).baseText(`ndv.trigger.webhookNode.listening`)),1)]),_:1}),r(`div`,{class:h([a.$style.shake,`mb-xs`])},[y(f(N),null,{default:E(()=>[n(u(f(k).baseText(`ndv.trigger.webhookNode.requestHint`,{interpolate:{type:f(H)??``}})),1)]),_:1})],2),y(Ce,{value:f(Se),"toast-title":f(k).baseText(`ndv.trigger.copiedTestUrl`),class:`mb-2xl`,size:`medium`,collapse:!0,"copy-button-text":f(k).baseText(`generic.clickToCopy`),onCopy:Ne},null,8,[`value`,`toast-title`,`copy-button-text`]),y(Oe,{"data-test-id":`trigger-execute-button`,"node-name":e.nodeName,size:`medium`,"telemetry-source":`inputs`,onExecute:Q},null,8,[`node-name`])],2)):(t(),i(`div`,{key:1,class:h(a.$style.action)},[y(f(N),{tag:`div`,size:`large`,color:`text-dark`,class:`mb-2xs`,bold:``},{default:E(()=>[n(u(Te.value),1)]),_:1}),r(`div`,{class:h([a.$style.shake,`mb-xs`])},[y(f(N),{tag:`div`},{default:E(()=>[n(u(Ee.value),1)]),_:1})],2),B.value?(t(),i(`div`,Ze,[y(f(ie),{class:`mb-xl`,onClick:o[0]||=e=>Me()},{default:E(()=>[n(u(f(k).baseText(`ndv.trigger.chatTrigger.openChat`)),1)]),_:1})])):d(``,!0),y(Oe,{"data-test-id":`trigger-execute-button`,"node-name":e.nodeName,size:`medium`,"telemetry-source":`inputs`,onExecute:Q},null,8,[`node-name`])],2))],2)):(t(),i(`div`,Qe,[K.value?(t(),i(`div`,$e,[y(f(ae),{type:`ring`})])):d(``,!0),r(`div`,{class:h(a.$style.action)},[r(`div`,{"data-test-id":`trigger-header`,class:h(a.$style.header)},[De.value?(t(),T(f(j),{key:0,tag:`h1`,bold:``},{default:E(()=>[n(u(De.value),1)]),_:1})):d(``,!0),ke.value?(t(),T(f(N),{key:1},{default:E(()=>[r(`span`,{textContent:u(ke.value)},null,8,et)]),_:1})):d(``,!0)],2),y(Oe,{"data-test-id":`trigger-execute-button`,"node-name":e.nodeName,size:`medium`,"telemetry-source":`inputs`,onExecute:Q},null,8,[`node-name`])],2),X.value?(t(),T(f(N),{key:1,size:`small`,onClick:Z},{default:E(()=>[g(r(`span`,null,null,512),[[s,X.value]]),o[1]||=n(`\xA0 `,-1)]),_:1})):d(``,!0),X.value&&Y.value?(t(),T(f(se),{key:2,size:`small`,onClick:je},{default:E(()=>[n(u(f(k).baseText(`ndv.trigger.moreInfo`)),1)]),_:1})):d(``,!0),Y.value?(t(),T(f(re),{key:3,ref_key:`help`,ref:ne,class:h(a.$style.accordion),title:f(k).baseText(`ndv.trigger.executionsHint.question`),description:Y.value,"event-bus":f(te),"onClick:body":Z},null,8,[`class`,`title`,`description`,`event-bus`])):d(``,!0)]))]),_:1})],2)}}}),[[`__cssModules`,{$style:{container:`_container_ffjde_125`,header:`_header_ffjde_142`,action:`_action_ffjde_149`,shake:`_shake_ffjde_158`,accordion:`_accordion_ffjde_179`}}],[`__scopeId`,`data-v-a90f8008`]]);export{Ye as n,Re as r,tt as t};
//# sourceMappingURL=TriggerPanel-vEbUDcme.js.map