n8n-editor-ui/dist/assets/NodeView-legacy-B87Jddq8.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","./get-legacy-CLCnFf3e.js","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./users.store-legacy-azRUgFdP.js","./ParameterInputList-legacy-BQq1pmzT.js","./constants-legacy-2_ytuuS3.js","./useRootStore-legacy-CC08el-l.js","./useClipboard-legacy-DnQV92ly.js","./chatPanel.store-legacy-BsMvrm8R.js","./RunData-legacy-uXrM29gn.js","./canvas.utils-legacy-DBwbAhDp.js","./canvas.eventBus-legacy-DR7gyyyi.js","./useCanvasOperations-legacy-B8cM-OAy.js","./setupPanel.store-legacy-CxgQYJWF.js","./nodeTransforms-legacy-BzsOh7r-.js","./CredentialIcon-legacy-B7DgooOp.js","./NodeIcon-legacy-CCBkNBDS.js","./VirtualSchema-legacy-CUc7u758.js","./useTelemetryContext-legacy-DXxvic2t.js","./useRunWorkflow-legacy-DKBAJ9Cs.js","./useInjectWorkflowId-legacy-piYT0WDS.js","./collaboration.store-legacy-CFKDVv2B.js","./KeyboardShortcutTooltip-legacy-Dj9i12D0.js","./sourceControl.eventBus-legacy-D6Lya4Yv.js","./CanvasRunWorkflowButton-legacy-BcDUvuIf.js","./useCanvasMapping-legacy-ESpJuxNZ.js","./useKeybindings-legacy-i79qEe1h.js","./useExpressionResolveCtx-legacy-DqYbcufM.js","./chatHubPanel.store-legacy-BByMzy6Y.js","./useExecutionData-legacy-BRqVMvCP.js","./emptyStateBuilderPrompt.store-legacy-BeIEEd3Z.js"],(function(e,t){var a,o,n,l,s,r,i,d,c,u,p,v,m,_,f,y,g,h,b,w,x,k,N,C,j,T,I,E,P,O,W,S,A,D,$,V,z,F,B,U,M,R,L,H,G,q,K,X,Y,J,Z,Q,ee,te,ae,oe,ne,le,se,re,ie,de,ce,ue,pe,ve,me,_e,fe,ye,ge,he,be,we,xe,ke,Ne,Ce,je,Te,Ie,Ee,Pe,Oe,We,Se,Ae,De,$e,Ve,ze,Fe,Be,Ue,Me,Re,Le,He,Ge,qe,Ke,Xe,Ye,Je,Ze,Qe,et,tt,at,ot,nt,lt,st,rt,it,dt,ct,ut,pt,vt,mt,_t,ft,yt,gt,ht,bt,wt,xt,kt,Nt,Ct,jt,Tt,It,Et,Pt,Ot,Wt,St,At,Dt,$t,Vt,zt,Ft,Bt,Ut,Mt,Rt,Lt,Ht,Gt,qt,Kt,Xt,Yt,Jt,Zt,Qt,ea,ta,aa,oa,na,la,sa,ra,ia,da,ca,ua,pa,va,ma,_a,fa,ya,ga,ha,ba,wa,xa,ka,Na,Ca,ja,Ta,Ia,Ea,Pa,Oa,Wa,Sa,Aa,Da,$a,Va,za,Fa,Ba,Ua,Ma,Ra,La,Ha,Ga,qa,Ka,Xa,Ya,Ja,Za,Qa,eo,to,ao,oo,no,lo,so,ro,io;return{setters:[function(e){a=e.$,o=e.A,n=e.At,l=e.Bt,s=e.C,r=e.E,i=e.Ft,d=e.H,c=e.I,u=e.M,p=e.N,v=e.Nt,m=e.O,_=e.S,f=e.Sn,y=e.T,g=e.U,h=e.W,b=e.Wt,w=e.X,x=e.Z,k=e._,N=e._n,C=e.c,j=e.dt,T=e.gt,I=e.h,E=e.it,P=e.j,O=e.n,W=e.pt,S=e.q,A=e.rt,D=e.tt,$=e.v,V=e.w,z=e.yn,F=e.yt},function(e){B=e.J,U=e.V,M=e.Y,R=e.at,L=e.o,H=e.t},function(e){G=e.A,q=e.Di,K=e.E,X=e.Et,Y=e.J,J=e.Mi,Z=e.N,Q=e.Nt,ee=e.Pt,te=e.Qi,ae=e.Tt,oe=e.Xi,ne=e.Yi,le=e.Zi,se=e.ct,re=e.h,ie=e.ji,de=e.lt,ce=e.st,ue=e.t,pe=e.xt},function(e){ve=e.d},function(e){me=e.t},function(e){_e=e.$r,fe=e.Et,ye=e.Ht,ge=e.In,he=e.Ln,be=e.Nt,we=e.On,xe=e.Ot,ke=e.Pn,Ne=e.Rn,Ce=e.Rt,je=e.Vr,Te=e._a,Ie=e.aa,Ee=e.ai,Pe=e.ba,Oe=e.cr,We=e.d,Se=e.ea,Ae=e.fr,De=e.gr,$e=e.it,Ve=e.jt,ze=e.lr,Fe=e.nn,Be=e.nr,Ue=e.oi,Me=e.r,Re=e.s,Le=e.sn,He=e.sr,Ge=e.t,qe=e.ur,Ke=e.w,Xe=e.wn,Ye=e.zr,Je=e.zt},function(e){Ze=e.D,Qe=e.F,et=e.N,tt=e.P,at=e.a,ot=e.c,nt=e.f,lt=e.g,st=e.s,rt=e.u,it=e.v,dt=e.x,ct=e.y},function(e){ut=e.$o,pt=e.Bo,vt=e.F,mt=e.Pt,_t=e.Qo,ft=e.Ra,yt=e.Vn,gt=e.Zo,ht=e.ar,bt=e.bc,e.bn,e.bo,wt=e.cl,xt=e.ds,kt=e.el,Nt=e.eo,Ct=e.ft,jt=e.ga,Tt=e.ja,It=e.k,Et=e.mo,Pt=e.mt,Ot=e.na,Wt=e.po,St=e.ra,At=e.so,e.vo,e.ys,Dt=e.zs},function(e){$t=e.D},function(e){Vt=e.t},function(e){zt=e.t},function(e){Ft=e.l},function(e){Bt=e.c,Ut=e.l},function(e){Mt=e.n,Rt=e.t},function(e){Lt=e.n,Ht=e.r,Gt=e.t},function(e){qt=e.t},function(e){Kt=e.o},function(e){Xt=e.t},function(e){Yt=e.t},function(e){Jt=e.n},function(e){Zt=e.t},function(e){Qt=e.n,ea=e.t},function(e){ta=e.t},function(e){aa=e.n,oa=e.t},function(e){na=e.t},function(e){la=e.t},function(e){sa=e.a,ra=e.c,ia=e.d,da=e.f,ca=e.i,ua=e.l,pa=e.m,va=e.n,ma=e.o,_a=e.p,fa=e.r,ya=e.s,ga=e.t,ha=e.u},function(e){ba=e.i,wa=e.n,xa=e.o,ka=e.t},function(e){Na=e.t},function(e){Ca=e.t},function(e){ja=e.t},function(e){Ta=e.t},function(e){Ia=e.t}],execute:function(){(Ea=document.createElement("style")).textContent='._wrapper_gh0gb_125{width:100%;height:100%;display:flex;position:relative;overflow:hidden}._canvas_gh0gb_133{background-color:var(--canvas--color--background);justify-content:stretch;align-items:stretch;width:100%;height:100%;display:block;position:relative}._container_1fw0v_125{padding-top:var(--spacing--xs);align-items:center;display:flex;position:relative}._container_1fw0v_125:after{content:"";height:var(--border-width);background-color:var(--color--foreground);z-index:1;position:absolute;bottom:1px;left:0;right:0}._close-button_1fw0v_142{right:var(--spacing--xs);padding:var(--spacing--4xs);cursor:pointer;color:var(--color--text--tint-1);border-radius:var(--radius);z-index:2;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}._close-button_1fw0v_142:hover{color:var(--color--text)}._card_8jtb5_125{gap:var(--spacing--xs);background-color:var(--color--background--light-3);border:var(--border);border-radius:var(--radius);flex-direction:column;width:100%;display:flex}._card_8jtb5_125._no-footer_8jtb5_134{padding-bottom:var(--spacing--xs)}._header_8jtb5_138{align-items:center;gap:var(--spacing--2xs);cursor:pointer;user-select:none;padding:var(--spacing--xs) var(--spacing--xs) 0;display:flex}._header_8jtb5_138 ._header-extra_8jtb5_146{display:flex}._header_8jtb5_138 ._chevron_8jtb5_149{display:none}._header_8jtb5_138:hover ._chevron_8jtb5_149{display:block}._header_8jtb5_138:hover ._header-extra_8jtb5_146{display:none}._card_8jtb5_125:not(._collapsed_8jtb5_158) ._header_8jtb5_138{margin-bottom:var(--spacing--5xs)}._card-title_8jtb5_162{font-weight:var(--font-weight--medium);flex:1}._complete-icon_8jtb5_167{color:var(--color--success)}._header_8jtb5_138 ._complete-icon_8jtb5_167{width:var(--spacing--sm);justify-content:center;display:flex}._loading-icon_8jtb5_176{color:var(--color--text--tint-1);width:var(--spacing--sm);justify-content:center;display:flex}._footer_8jtb5_183{padding:0 var(--spacing--xs) var(--spacing--xs);justify-content:flex-end;align-items:center;display:flex}._footer-complete-check_8jtb5_190{align-items:center;gap:var(--spacing--4xs);display:flex}._card_8jtb5_125._collapsed_8jtb5_158 ._header_8jtb5_138{padding:var(--spacing--xs)}._card_8jtb5_125._collapsed_8jtb5_158 ._card-title_8jtb5_162{color:var(--color--text);white-space:nowrap;text-overflow:ellipsis;transition:color .1s;overflow:hidden}._card_8jtb5_125._collapsed_8jtb5_158:hover ._card-title_8jtb5_162{color:var(--color--text--shade-1)}._card_8jtb5_125._completed_8jtb5_210{border-color:var(--color--success)}._card_8jtb5_125._completed_8jtb5_210 ._footer_8jtb5_183{justify-content:space-between}._callout_8jtb5_217{margin:0 var(--spacing--xs)}._callout-grid_8jtb5_221{grid-template-rows:1fr;display:grid}._callout-inner_8jtb5_226{min-height:0;overflow:hidden}.callout-fade-enter-active[data-v-26cde070],.callout-fade-leave-active[data-v-26cde070]{transition:grid-template-rows .2s,opacity .2s}.callout-fade-enter-from[data-v-26cde070],.callout-fade-leave-to[data-v-26cde070]{opacity:0;grid-template-rows:0fr}._content_1wopc_125{gap:var(--spacing--xs);padding:0 var(--spacing--xs);flex-direction:column;display:flex}._parentBody_5jazh_125{padding:0 var(--spacing--xs) var(--spacing--xs)}._sections_5jazh_129{border-bottom:var(--border);flex-direction:column;display:flex}._section_5jazh_129{border-top:var(--border);padding:var(--spacing--sm)}._sectionHeader_5jazh_140{align-items:center;gap:var(--spacing--2xs);cursor:pointer;user-select:none;display:flex}._sectionHeader_5jazh_140 ._sectionChevron_5jazh_147{display:none}._sectionHeader_5jazh_140:hover ._sectionChevron_5jazh_147{display:block}._sectionTitle_5jazh_154{font-weight:var(--font-weight--medium);flex:1}._sectionCheck_5jazh_159{color:var(--color--success)}._sectionContent_5jazh_163{padding-top:var(--spacing--xs)}._container_cicgv_125,._card-list_cicgv_126{gap:var(--spacing--2xs);flex-direction:column;flex:1;width:100%;display:flex}._empty-state_cicgv_134{justify-content:center;align-items:center;gap:var(--spacing--2xs);flex-direction:column;width:100%;height:100%;display:flex}._empty-text_cicgv_144{flex-direction:column;align-items:center;display:flex}._complete-message_cicgv_150{text-align:center;color:var(--color--text--tint-1);font-size:var(--font-size--sm);padding:var(--spacing--sm)}._container_3n09a_125{background-color:var(--color--background--light-2);width:100%;height:100%;top:calc(-1 * var(--spacing--5xs));flex-direction:column;justify-content:center;display:flex;position:relative}._content_3n09a_136{padding:var(--spacing--xs);gap:var(--spacing--sm);flex-direction:column;flex:1;display:flex;overflow-x:hidden;overflow-y:auto}._footer_3n09a_146{align-items:center;gap:var(--spacing--2xs);padding:var(--spacing--xs);background-color:var(--color--background--light-2);border-top:var(--border);margin-top:auto;display:flex}._toggle-label_3n09a_156{align-items:center;gap:var(--spacing--2xs);cursor:pointer;user-select:none;display:flex}._component_1ef46_125{height:100%;overflow:auto}._multipleNodes_1ef46_130{min-height:100%;padding:var(--spacing--3xl) var(--spacing--md);justify-content:start;align-items:center;gap:var(--spacing--md);flex-direction:column;display:flex}._multipleNodesActions_1ef46_140{align-self:stretch;list-style-type:none}._multipleNodesAction_1ef46_140{margin-top:-1px}._multipleNodesAction_1ef46_140 button{border-color:var(--border-color--light);border-radius:0;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}._multipleNodesAction_1ef46_140 button:disabled{border-color:var(--border-color--light)}._multipleNodesAction_1ef46_140:first-of-type button{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}._multipleNodesAction_1ef46_140:last-of-type button{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}._multipleNodesAction_1ef46_140 button:hover{z-index:1}._component_1p4tv_125{padding:var(--spacing--2xs);align-items:center;gap:var(--spacing--2xs);border-bottom:var(--border);display:flex}._breadcrumbs_1p4tv_133{align-items:center;gap:var(--spacing--4xs);flex-grow:1;flex-shrink:1;display:flex}._content_1jm1d_125{flex-direction:column;width:100%;height:100%;display:flex}._content_1jm1d_125._emptyContent_1jm1d_131{text-align:center;justify-content:center;align-items:center}._isNdvInFocusPanelEnabled_1jm1d_136 ._content_1jm1d_125._emptyContent_1jm1d_131{flex-direction:column-reverse}._content_1jm1d_125._emptyContent_1jm1d_131 ._emptyText_1jm1d_139{margin:0 var(--spacing--xl);gap:var(--spacing--2xs);flex-direction:column;display:flex}._content_1jm1d_125._emptyContent_1jm1d_131 ._focusParameterWrapper_1jm1d_145{justify-content:center;align-items:center;gap:var(--spacing--2xs);margin-block:var(--spacing--md);display:flex}._content_1jm1d_125._emptyContent_1jm1d_131 ._focusParameterWrapper_1jm1d_145 ._iconWrapper_1jm1d_152{display:inline-block;position:relative}._content_1jm1d_125._emptyContent_1jm1d_131 ._focusParameterWrapper_1jm1d_145 ._pointerIcon_1jm1d_156{pointer-events:none;position:absolute;top:100%;left:50%;transform:translate(-20%,-30%)}._content_1jm1d_125._emptyContent_1jm1d_131 ._focusParameterWrapper_1jm1d_145 [class*=_disabled_]{cursor:default!important}._content_1jm1d_125 ._tabHeader_1jm1d_166{border-bottom:1px solid var(--color--foreground);padding:var(--spacing--2xs);justify-content:space-between;align-items:center;display:flex}._content_1jm1d_125 ._tabHeader_1jm1d_166 ._tabHeaderText_1jm1d_173{gap:var(--spacing--4xs);align-items:baseline;display:flex}._content_1jm1d_125 ._tabHeader_1jm1d_166 ._buttonWrapper_1jm1d_178{gap:var(--spacing--2xs);align-items:center;display:flex}._content_1jm1d_125 ._parameterDetailsWrapper_1jm1d_183{gap:var(--spacing--2xs);height:100%;padding:var(--spacing--2xs);flex-direction:column;display:flex}._content_1jm1d_125 ._parameterDetailsWrapper_1jm1d_183 ._parameterOptionsWrapper_1jm1d_190{justify-content:space-between;display:flex}._content_1jm1d_125 ._parameterDetailsWrapper_1jm1d_183 ._noExecutionDataTip_1jm1d_194{align-content:center}._content_1jm1d_125 ._parameterDetailsWrapper_1jm1d_183 ._editorContainer_1jm1d_197{flex-grow:1;height:0}._content_1jm1d_125 ._parameterDetailsWrapper_1jm1d_183 ._editorContainer_1jm1d_197 ._editor_1jm1d_197{width:100%;height:100%;font-size:var(--font-size--2xs);align-items:normal;display:flex}._content_1jm1d_125 ._parameterDetailsWrapper_1jm1d_183 ._editorContainer_1jm1d_197 ._editor_1jm1d_197 .cm-editor{background-color:var(--code--color--background);width:100%}._delayedShow_1jm1d_213{opacity:0;transition:opacity .1s none;animation:.1s .1s forwards _triggerShow_1jm1d_1}@keyframes _triggerShow_1jm1d_1{to{opacity:1}}._closeButton_1jm1d_224{cursor:pointer}._heightFull_1jm1d_228{height:100%}._forceHover_1jm1d_232{color:var(--button--color--text--secondary--hover-active-focus);border-color:var(--button--border-color--secondary--hover-active-focus)}._wrapper_1ek2u_125{border-left:1px solid var(--color--foreground);background:var(--color--background--light-3);flex-flow:row;flex-grow:0;flex-shrink:0;height:100%;display:flex;overflow:hidden}._container_1ek2u_137{flex-direction:column;height:100%;display:flex}._setup-panel-wrapper_1ek2u_143{flex-direction:column;width:100%;height:calc(100% - 36px);display:flex}._wrapper_1uyi2_125{width:100%;display:flex}._executionButtons_1uyi2_130{justify-content:center;align-items:center;gap:var(--spacing--xs);left:50%;bottom:var(--spacing--sm);width:auto;display:flex;position:absolute;transform:translate(-50%)}@media screen and (max-width:991px){._executionButtons_1uyi2_130{left:auto;right:var(--spacing--sm);transform:none}}._executionButtons_1uyi2_130 ._chatButton_1uyi2_148{align-self:stretch}._setupCredentialsButtonWrapper_1uyi2_152{left:var(--spacing--sm);top:var(--spacing--sm);position:absolute}._readOnlyEnvironmentNotification_1uyi2_158{position:absolute;bottom:16px;left:50%;transform:translate(-50%)}._canvasCenterPill_1uyi2_165{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}\n/*$vite$:1*/',document.head.appendChild(Ea);try{co="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(uo=(new co.Error).stack)&&(co._sentryDebugIds=co._sentryDebugIds||{},co._sentryDebugIds[uo]="8ef0aa80-2d9e-4d37-9211-6d6e9d9d3282",co._sentryDebugIdIdentifier="sentry-dbid-8ef0aa80-2d9e-4d37-9211-6d6e9d9d3282")}catch(co){}var co,uo;Pa=p({inheritAttrs:!1,__name:"WorkflowCanvas",props:{id:{default:"canvas"},workflow:{},workflowObject:{},fallbackNodes:{default:()=>[]},showFallbackNodes:{type:Boolean,default:!0},eventBus:{default:()=>pe()},readOnly:{type:Boolean},executing:{type:Boolean},suppressInteraction:{type:Boolean,default:!1},initialViewport:{}},setup(e,{expose:t}){const o=e,n=W("canvas"),d=C(),{onNodesInitialized:c,viewport:u,viewportRef:p,getNodes:v,fitBounds:m}=we(o.id),f=l(o,"workflow"),h=l(o,"workflowObject"),{nodes:w,connections:x}=ka({nodes:_((()=>o.showFallbackNodes?[...o.workflow.nodes,...o.fallbackNodes]:o.workflow.nodes)),connections:_((()=>o.workflow.connections)),workflowObject:h}),k=i(!1),{off:j}=c((()=>{k.value||(o.initialViewport||o.eventBus.emit("fitView"),k.value=!0,j())})),T=U(w,200),I=U(x,200);return t({executeContextMenuAction:(e,t)=>n.value?.executeContextMenuAction(e,t),ensureNodesAreVisible:e=>{const t=p.value;if(!t)return;const a=v.value.filter((t=>e.includes(t.id)));if(0===a.length)return;const n=c((()=>{const l=u.value,s=t.clientWidth,r=t.clientHeight,i=Xe(a),d=i.x*l.zoom+l.x,c=i.y*l.zoom+l.y,p=i.width*l.zoom,v=i.height*l.zoom;if(!(d>=0&&c>=0&&d+p<=s&&c+v<=r)){const e={x:-l.x/l.zoom,y:-l.y/l.zoom,width:s/l.zoom,height:r/l.zoom},t=Math.min(e.x,i.x),a=Math.min(e.y,i.y),o=Math.max(e.x+e.width,i.x+i.width),n=Math.max(e.y+e.height,i.y+i.height);m({x:t,y:a,width:o-t,height:n-a},{padding:.15,duration:100})}o.eventBus.emit("nodes:select",{ids:e}),n.off()}))}}),(t,o)=>(a(),r("div",{class:N(b(d).wrapper),"data-test-id":"canvas-wrapper"},[s("div",{id:"canvas",class:N(b(d).canvas)},[f.value?(a(),V(wa,g({key:0,id:e.id,ref:"canvas",nodes:e.executing?b(T):b(w),connections:e.executing?b(I):b(x),"event-bus":e.eventBus,"read-only":e.readOnly,executing:e.executing,"suppress-interaction":e.suppressInteraction,"initial-viewport":e.initialViewport},t.$attrs),null,16,["id","nodes","connections","event-bus","read-only","executing","suppress-interaction","initial-viewport"])):y("",!0)],2),E(t.$slots,"default")],2))}}),Oa=me(Pa,[["__cssModules",{$style:{wrapper:"_wrapper_gh0gb_125",canvas:"_canvas_gh0gb_133"}}]]),Wa=me(p({__name:"FocusSidebarTabs",props:{modelValue:{default:"setup"},tabLabels:{default:()=>({})}},emits:["update:modelValue"],setup(e,{emit:t}){const o=R(),n=ye(),l=e,i=t,d=_((()=>[{label:l.tabLabels?.setup??o.baseText("setupPanel.tabs.setup"),value:"setup"},{label:l.tabLabels?.focus??o.baseText("setupPanel.tabs.focus"),value:"focus"}])),c=e=>{i("update:modelValue",e)};return(t,o)=>(a(),r("div",{class:N(t.$style.container),"data-test-id":"setup-panel-tabs"},[P(b(K),{"model-value":e.modelValue,options:d.value,size:"small","onUpdate:modelValue":c},null,8,["model-value","options"]),s("button",{"data-test-id":"setup-panel-close",class:N(t.$style["close-button"]),onClick:o[0]||(o[0]=e=>b(n).closeFocusPanel())},[P(b(te),{icon:"x",size:"small"})],2)],2))}}),[["__cssModules",{$style:{container:"_container_1fw0v_125","close-button":"_close-button_1fw0v_142"}}]]),Sa=["data-test-id"],Aa=["data-test-id"],Da=p({__name:"SetupCard",props:d({isComplete:{type:Boolean},loading:{type:Boolean,default:!1},cardTestId:{},title:{},showFooter:{type:Boolean,default:!0},executableNode:{default:null},isTrigger:{type:Boolean,default:!1},isTestingCredential:{type:Boolean,default:!1},highlightNodeIds:{default:()=>[]},telemetryPayload:{default:()=>({})}},{expanded:{type:Boolean,default:!1},expandedModifiers:{}}),emits:["update:expanded"],setup(e,{expose:t}){const n=e,l=j(e,"expanded"),d=R(),c=Ae(),u=qt(),p=Ie(),v=i(!1),m=()=>{v.value=!0},g=()=>{l.value=!l.value},h=()=>{n.highlightNodeIds.length>0&&u.setHighlightedNodes(n.highlightNodeIds)},w=()=>{n.highlightNodeIds.length>0&&u.clearHighlightedNodes()},x=_((()=>n.executableNode??null)),{isExecuting:C,isButtonDisabled:I,label:W,buttonIcon:A,tooltipItems:D,execute:$,isInListeningState:z,listeningHint:B}=ma(x),{webhookUrls:U}=sa(x),M=_((()=>!("@n8n/n8n-nodes-langchain.chatTrigger"===n.executableNode?.type&&z.value||!n.executableNode))),L=_((()=>n.isTrigger&&z.value)),H=async()=>{await $(),m()};return S((()=>{u.clearHighlightedNodes()})),T((()=>n.isComplete),(e=>{e&&v.value&&(c.track("User completed setup step",{template_id:p?.value?.meta?.templateId,workflow_id:p?.value?.workflowId,...n.telemetryPayload}),v.value=!1)})),t({markInteracted:m}),(t,n)=>(a(),r("div",{"data-test-id":e.cardTestId,class:N([t.$style.card,{[t.$style.collapsed]:!l.value,[t.$style.completed]:e.isComplete,[t.$style["no-footer"]]:!e.showFooter&&l.value}]),onMouseenter:h,onMouseleave:w},[s("header",{"data-test-id":`${e.cardTestId}-header`,class:N(t.$style.header),onClick:g},[l.value||!e.loading||e.isComplete?!l.value&&e.isComplete?(a(),V(b(te),{key:1,"data-test-id":`${e.cardTestId}-complete-icon`,icon:"check",class:N(t.$style["complete-icon"]),size:"medium"},null,8,["data-test-id","class"])):E(t.$slots,"icon",{key:2},void 0,!0):(a(),V(b(te),{key:0,"data-test-id":`${e.cardTestId}-loading-icon`,icon:"spinner",spin:!0,class:N(t.$style["loading-icon"]),size:"medium"},null,8,["data-test-id","class"])),P(b(oe),{class:N(t.$style["card-title"]),size:"medium",color:"text-dark"},{default:F((()=>[o(f(e.title),1)])),_:1},8,["class"]),s("div",{class:N(t.$style["header-extra"])},[E(t.$slots,"header-extra",{},void 0,!0)],2),P(b(te),{class:N(t.$style.chevron),icon:l.value?"chevrons-down-up":"chevrons-up-down",size:"large",color:"text-light"},null,8,["class","icon"])],10,Aa),l.value?(a(),r(k,{key:0},[E(t.$slots,"card-description",{},void 0,!0),P(O,{name:"callout-fade"},{default:F((()=>[L.value?(a(),r("div",{key:0,class:N(t.$style["callout-grid"])},[s("div",{class:N(t.$style["callout-inner"])},[P(b(ne),{"data-test-id":"trigger-listening-callout",theme:"secondary",class:N(t.$style.callout)},{default:F((()=>[o(f(b(B)),1)])),_:1},8,["class"])],2)],2)):y("",!0)])),_:1}),e.isTrigger&&b(z)&&b(U).length>0?(a(),V(ia,{key:0,urls:b(U)},null,8,["urls"])):y("",!0),E(t.$slots,"default",{},void 0,!0),e.showFooter?(a(),r("footer",{key:1,class:N(t.$style.footer)},[e.isComplete?(a(),r("div",{key:0,class:N(t.$style["footer-complete-check"])},[P(b(te),{icon:"check",class:N(t.$style["complete-icon"]),size:"large"},null,8,["class"]),P(b(oe),{size:"medium",color:"success"},{default:F((()=>[o(f(b(d).baseText("generic.complete")),1)])),_:1})],2)):y("",!0),E(t.$slots,"footer-actions",{},void 0,!0),M.value?(a(),V(da,{key:1,label:b(W),icon:b(A),disabled:b(I)||e.isTestingCredential,loading:b(C),"tooltip-items":b(D),onClick:H},null,8,["label","icon","disabled","loading","tooltip-items"])):y("",!0)],2)):y("",!0)],64)):y("",!0)],42,Sa))}}),$a=me(Da,[["__cssModules",{$style:{card:"_card_8jtb5_125","no-footer":"_no-footer_8jtb5_134",header:"_header_8jtb5_138","header-extra":"_header-extra_8jtb5_146",chevron:"_chevron_8jtb5_149",collapsed:"_collapsed_8jtb5_158","card-title":"_card-title_8jtb5_162","complete-icon":"_complete-icon_8jtb5_167","loading-icon":"_loading-icon_8jtb5_176",footer:"_footer_8jtb5_183","footer-complete-check":"_footer-complete-check_8jtb5_190",completed:"_completed_8jtb5_210",callout:"_callout_8jtb5_217","callout-grid":"_callout-grid_8jtb5_221","callout-inner":"_callout-inner_8jtb5_226"}}],["__scopeId","data-v-26cde070"]]),Va=p({__name:"NodeSetupCard",props:d({state:{},firstTriggerName:{}},{expanded:{type:Boolean,default:!1},expandedModifiers:{}}),emits:d(["credentialSelected","credentialDeselected"],["update:expanded"]),setup(e,{emit:t}){const n=e,l=j(e,"expanded"),r=t,d=R(),c=Ke(),u=$e(),p=ze(),v=Re(),g=Ie(),h=i(null),w=_((()=>c.getNodeType(n.state.node.type,n.state.node.typeVersion))),x=_((()=>!!n.state.credentialType)),k=_((()=>n.state.isTrigger?n.firstTriggerName&&"n8n-nodes-base.manualTrigger"!==n.state.node.type&&n.state.node.name===n.firstTriggerName?n.state.node:null:p.isNodeExecutable(n.state.node,!0,[])?n.state.node:null)),C=_((()=>{const e=n.state.selectedCredentialId;return!!e&&u.isCredentialTestPending(e)})),I=_((()=>!x.value||null!==k.value||n.state.isComplete)),E=_((()=>Object.keys(n.state.parameterIssues).length>0)),O=i([]),W=_((()=>O.value.length>0)),S=_((()=>n.state.isTrigger&&!x.value&&!W.value)),A=_((()=>x.value&&!W.value&&!S.value)),D=_((()=>{const e=[];return S.value&&e.push("trigger"),x.value&&e.push("credential"),E.value&&e.push("param"),{type:e,template_id:g?.value?.meta?.templateId,workflow_id:v.workflow.id,node_types:(n.state.allNodesUsingCredential??[n.state.node]).map((e=>e.type)),credential_type:n.state.credentialType,has_parameters:E.value,missing_parameters_count:Object.keys(n.state.parameterIssues).length}})),$=()=>{h.value?.markInteracted()},z=i(0===Object.keys(n.state.parameterIssues).length),B=_((()=>z.value||(n.state.additionalParameterNames?.length??0)>0&&0===Object.keys(n.state.parameterIssues).length)),U=i(!n.state.isAutoApplied);T((()=>n.state.isAutoApplied??!1),(e=>{e||(U.value=!0)})),T(l,((e,t)=>{t&&!e&&(0===Object.keys(n.state.parameterIssues).length&&(z.value=!0),n.state.isAutoApplied&&(U.value=!0))}));const M=_((()=>W.value?n.state.isComplete&&B.value&&U.value:n.state.isComplete&&U.value)),L=_((()=>(n.state.allNodesUsingCredential??[n.state.node]).map((({id:e})=>e))));return(t,n)=>(a(),V($a,{ref_key:"setupCard",ref:h,expanded:l.value,"onUpdate:expanded":n[3]||(n[3]=e=>l.value=e),"is-complete":M.value,loading:C.value,title:e.state.node.name,"show-footer":I.value,"executable-node":k.value,"is-trigger":e.state.isTrigger,"is-testing-credential":C.value,"telemetry-payload":D.value,"highlight-node-ids":L.value,"card-test-id":"node-setup-card"},m({icon:F((()=>[A.value?(a(),V(Xt,{key:0,"credential-type-name":e.state.credentialType,size:16},null,8,["credential-type-name"])):(a(),V(Yt,{key:1,"node-type":w.value,size:16},null,8,["node-type"]))])),"card-description":F((()=>[e.state.isTrigger&&x.value&&!e.state.selectedCredentialId?(a(),V(b(oe),{key:0,size:"medium",color:"text-base",class:"pl-xs pr-xs"},{default:F((()=>[o(f(b(d).baseText("setupPanel.trigger.credential.note")),1)])),_:1})):W.value?(a(),V(b(oe),{key:1,size:"medium",color:"text-base",class:"pl-xs pr-xs"},{default:F((()=>[o(f(b(d).baseText("setupPanel.parameter.description")),1)])),_:1})):y("",!0)])),default:F((()=>[S.value?y("",!0):(a(),V(ha,{key:0,state:e.state},{default:F((()=>[s("div",{class:N(t.$style.content)},[P(ya,{state:e.state,"sticky-parameters":O.value,onCredentialSelected:n[0]||(n[0]=e=>{$(),r("credentialSelected",e)}),onCredentialDeselected:n[1]||(n[1]=e=>{$(),r("credentialDeselected",e)}),onInteracted:$,onParametersDiscovered:n[2]||(n[2]=e=>O.value.push(...e))},null,8,["state","sticky-parameters"])],2)])),_:1},8,["state"]))])),_:2},[S.value?{name:"header-extra",fn:F((()=>[P(b(q),null,{content:F((()=>[o(f(b(d).baseText("nodeCreator.nodeItem.triggerIconTitle")),1)])),default:F((()=>[P(b(te),{icon:"zap",size:"small",color:"text-light"})])),_:1})])),key:"0"}:void 0]),1032,["expanded","is-complete","loading","title","show-footer","executable-node","is-trigger","is-testing-credential","telemetry-payload","highlight-node-ids"]))}}),za=me(Va,[["__cssModules",{$style:{content:"_content_1wopc_125"}}]]),Fa=["onMouseenter"],Ba=["onClick"],Ua=p({__name:"NodeGroupSetupCard",props:d({nodeGroup:{}},{expanded:{type:Boolean,default:!1},expandedModifiers:{}}),emits:d(["credentialSelected","credentialDeselected"],["update:expanded"]),setup(e,{emit:t}){const n=e,d=j(e,"expanded"),c=t,u=ze(),p=Re(),v=Ie(),m=qt(),g=i(null),{parentNodeType:h,subnodeSections:w,allSections:x,getStickyParameters:C,addStickyParameters:I,expandedSections:E,toggleSection:O,hoveredSection:W,onSectionMouseEnter:S,onSectionMouseLeave:D,getSectionNodeType:$}=ca(l(n,"nodeGroup")),z=_((()=>{const e=n.nodeGroup.parentNode;return u.isNodeExecutable(e,!0,[])?e:null})),B=_((()=>ra({nodeGroup:n.nodeGroup}))),U=_((()=>{const e=new Set([n.nodeGroup.parentNode.id]);for(const t of x.value)e.add(t.node.id);return[...e]})),M=_((()=>W.value?(W.value.allNodesUsingCredential??[W.value.node]).map((e=>e.id)):U.value));T(M,(e=>{d.value&&m.setHighlightedNodes(e)})),T(d,((e,t)=>{t&&!e&&(W.value=null)}));const R=_((()=>x.value.some(fa))),L=_((()=>({type:["node-group"],template_id:v?.value?.meta?.templateId,workflow_id:p.workflow.id,node_types:x.value.map((e=>e.node.type)),has_parameters:R.value}))),H=_((()=>null!==z.value)),G=()=>{g.value?.markInteracted()};return(t,n)=>(a(),V($a,{ref_key:"setupCard",ref:g,expanded:d.value,"onUpdate:expanded":n[8]||(n[8]=e=>d.value=e),"is-complete":B.value,title:e.nodeGroup.parentNode.name,"show-footer":H.value,"executable-node":z.value,"telemetry-payload":L.value,"highlight-node-ids":M.value,"card-test-id":"node-group-setup-card"},{icon:F((()=>[P(Yt,{"node-type":b(h),size:16},null,8,["node-type"])])),default:F((()=>[e.nodeGroup.parentState?(a(),r("div",{key:0,class:N(t.$style.parentBody),onMouseenter:n[3]||(n[3]=t=>b(S)(e.nodeGroup.parentState)),onMouseleave:n[4]||(n[4]=(...e)=>b(D)&&b(D)(...e))},[P(ha,{state:e.nodeGroup.parentState},{default:F((()=>[P(ya,{state:e.nodeGroup.parentState,"sticky-parameters":b(C)(e.nodeGroup.parentState.node.id),onCredentialSelected:n[0]||(n[0]=e=>{G(),c("credentialSelected",e)}),onCredentialDeselected:n[1]||(n[1]=e=>{G(),c("credentialDeselected",e)}),onInteracted:G,onParametersDiscovered:n[2]||(n[2]=t=>b(I)(e.nodeGroup.parentState.node.id,t))},null,8,["state","sticky-parameters"])])),_:1},8,["state"])],34)):y("",!0),s("div",{class:N(t.$style.sections),"data-test-id":"node-group-sections"},[(a(!0),r(k,null,A(b(w),(e=>(a(),r("div",{key:e.node.id,class:N(t.$style.section),"data-test-id":"node-group-section",onMouseenter:t=>b(S)(e),onMouseleave:n[7]||(n[7]=(...e)=>b(D)&&b(D)(...e))},[s("div",{class:N(t.$style.sectionHeader),"data-test-id":"node-group-section-header",onClick:t=>b(O)(e.node.id)},[e.isComplete?(a(),V(b(te),{key:0,icon:"check",size:"small",class:N(t.$style.sectionCheck)},null,8,["class"])):(a(),V(Yt,{key:1,"node-type":b($)(e),size:14},null,8,["node-type"])),P(b(oe),{class:N(t.$style.sectionTitle),size:"medium",color:"text-dark"},{default:F((()=>[o(f(e.node.name),1)])),_:2},1032,["class"]),P(b(te),{class:N(t.$style.sectionChevron),icon:b(E)[e.node.id]?"chevrons-down-up":"chevrons-up-down",size:"large",color:"text-light"},null,8,["class","icon"])],10,Ba),b(E)[e.node.id]?(a(),r("div",{key:0,class:N(t.$style.sectionContent)},[P(ha,{state:e},{default:F((()=>[P(ya,{state:e,"sticky-parameters":b(C)(e.node.id),onCredentialSelected:n[5]||(n[5]=e=>{G(),c("credentialSelected",e)}),onCredentialDeselected:n[6]||(n[6]=e=>{G(),c("credentialDeselected",e)}),onInteracted:G,onParametersDiscovered:t=>b(I)(e.node.id,t)},null,8,["state","sticky-parameters","onParametersDiscovered"])])),_:2},1032,["state"])],2)):y("",!0)],42,Fa)))),128))],2)])),_:1},8,["expanded","is-complete","title","show-footer","executable-node","telemetry-payload","highlight-node-ids"]))}}),Ma=me(Ua,[["__cssModules",{$style:{parentBody:"_parentBody_5jazh_125",sections:"_sections_5jazh_129",section:"_section_5jazh_129",sectionHeader:"_sectionHeader_5jazh_140",sectionChevron:"_sectionChevron_5jazh_147",sectionTitle:"_sectionTitle_5jazh_154",sectionCheck:"_sectionCheck_5jazh_159",sectionContent:"_sectionContent_5jazh_163"}}]]),Ra=p({__name:"SetupPanelCards",props:{showCompleted:{type:Boolean,default:!0}},setup(e){const t=e,n=R(),l=Ae(),i=ta(),d=Ie(),{setupCards:c,isAllComplete:u,setCredential:p,unsetCredential:m,firstTriggerName:g}=va();T(u,(e=>{e&&l.track("User completed all setup steps",{template_id:d?.value?.meta?.templateId,workflow_id:i.value})}));const h=e=>{p(e.credentialType,e.credentialId,e.nodeName)},w=e=>{m(e.credentialType,e.nodeName)},x=_((()=>t.showCompleted?c.value:c.value.filter((e=>!ra(e))))),C=e=>ua(e)?`group-${e.nodeGroup.parentNode.id}`:e.state.credentialType?`${e.state.credentialType}-${e.state.node.id}`:`${e.state.node.id}`,j=v({}),I=new Map,E=new Set;let O=!1;const W=e=>j[e]??!1,S=(e,t)=>e.find(((e,a)=>a>t&&!ra(e))),D=(e,t)=>{if(j[e]=t,!t){const t=c.value,a=t.findIndex((t=>C(t)===e)),o=t[a];if(o&&ra(o)&&E.has(e)){const e=S(t,a);e&&(j[C(e)]=!0)}}};return T(c,(e=>{for(const t of e){const e=C(t);E.has(e)||(ua(t)?[...t.nodeGroup.parentState?[t.nodeGroup.parentState]:[],...t.nodeGroup.subnodeCards].some(fa)&&E.add(e):fa(t.state)&&E.add(e))}if(O){const t=S(e,-1);if(t&&!I.has(C(t))){const a=e.findIndex((e=>j[C(e)]));a>e.indexOf(t)&&(j[C(e[a])]=!1,j[C(t)]=!0)}for(let a=0;a<e.length;a++){const t=e[a],o=C(t),n=I.get(o)??!1,l=ra(t),s=ua(t)?[...t.nodeGroup.parentState?[t.nodeGroup.parentState]:[],...t.nodeGroup.subnodeCards].some((e=>e.isAutoApplied)):t.state.isAutoApplied;if(l&&!n&&!E.has(o)){if(j[o]=!1,!s||e.every(((e,t)=>t===a||!j[C(e)]))){const t=S(e,a);t&&(j[C(t)]=!0)}break}}}else{if(0===e.length)return;const t=S(e,-1);t&&(j[C(t)]=!0),O=!0}I.clear();for(const t of e)I.set(C(t),ra(t))}),{deep:!0,immediate:!0}),(e,t)=>(a(),r("div",{class:N(e.$style.container),"data-test-id":"setup-panel-cards-container"},[0===b(c).length?(a(),r("div",{key:0,class:N(e.$style["empty-state"]),"data-test-id":"setup-cards-empty"},[P(b(te),{icon:"list-checks",class:N(e.$style["empty-icon"]),size:24,color:"text-base"},null,8,["class"]),s("div",{class:N(e.$style["empty-text"])},[P(b(oe),{size:"medium",color:"text-base",bold:!0,"data-test-id":"setup-cards-empty-heading"},{default:F((()=>[o(f(b(n).baseText("setupPanel.empty.heading")),1)])),_:1}),P(b(oe),{size:"medium",color:"text-light","data-test-id":"setup-cards-empty-description"},{default:F((()=>[o(f(b(n).baseText("setupPanel.empty.description")),1)])),_:1})],2)],2)):(a(),r("div",{key:1,class:N(e.$style["card-list"]),"data-test-id":"setup-cards-list"},[(a(!0),r(k,null,A(x.value,(e=>(a(),r(k,{key:C(e)},[e.nodeGroup?(a(),V(Ma,{key:0,"node-group":e.nodeGroup,expanded:W(C(e)),"onUpdate:expanded":t=>D(C(e),t),onCredentialSelected:h,onCredentialDeselected:w},null,8,["node-group","expanded","onUpdate:expanded"])):(a(),V(za,{key:1,state:e.state,"first-trigger-name":b(g),expanded:W(C(e)),"onUpdate:expanded":t=>D(C(e),t),onCredentialSelected:h,onCredentialDeselected:w},null,8,["state","first-trigger-name","expanded","onUpdate:expanded"]))],64)))),128)),b(u)?(a(),r("div",{key:0,class:N(e.$style["complete-message"]),"data-test-id":"setup-cards-complete-message"},[P(b(oe),{size:"medium",color:"text-base"},{default:F((()=>[o(f(b(n).baseText("setupPanel.everythingConfigured.message")),1)])),_:1})],2)):y("",!0)],2))],2))}}),La=me(Ra,[["__cssModules",{$style:{container:"_container_cicgv_125","card-list":"_card-list_cicgv_126","empty-state":"_empty-state_cicgv_134","empty-text":"_empty-text_cicgv_144","complete-message":"_complete-message_cicgv_150"}}]]),Ha=me(p({__name:"SetupPanel",setup(e){const t=R(),n=i(!0);return(e,l)=>(a(),r("div",{class:N(e.$style.container),"data-test-id":"setup-panel-container"},[s("div",{class:N(e.$style.content),"data-test-id":"setup-panel-cards"},[P(La,{"show-completed":n.value},null,8,["show-completed"])],2),s("footer",{class:N(e.$style.footer),"data-test-id":"setup-panel-footer"},[P(b(oe),{class:N(e.$style["toggle-label"]),tag:"label",size:"small"},{default:F((()=>[P(b(ue),{modelValue:n.value,"onUpdate:modelValue":l[0]||(l[0]=e=>n.value=e),size:"small"},null,8,["modelValue"]),o(" "+f(b(t).baseText("setupPanel.showCompleted")),1)])),_:1},8,["class"])],2)],2))}}),[["__cssModules",{$style:{container:"_container_3n09a_125",content:"_content_3n09a_136",footer:"_footer_3n09a_146","toggle-label":"_toggle-label_3n09a_156"}}]]),Ga=p({__name:"ExperimentalNodeDetailsDrawer",props:{node:{},nodeIds:{},isReadOnly:{type:Boolean}},emits:["openNdv","contextMenuAction"],setup(e,{emit:t}){const n=t,l=Ca(_((()=>e.node))),d=xa(_((()=>e.nodeIds))),c=De(),u=i(0),p=_((()=>[e.node.id,u.value].join("|")));return T((()=>c.activeNodeName),((e,t)=>{null===e&&null!==t&&(u.value+=1)})),D(bt,l),(t,l)=>(a(),r("div",{class:N(t.$style.component)},[e.nodeIds.length>1?(a(),V(b(oe),{key:0,tag:"div",color:"text-base",class:N(t.$style.multipleNodes)},{default:F((()=>[s("div",null,f(e.nodeIds.length)+" nodes selected",1),s("ul",{class:N(t.$style.multipleNodesActions)},[(a(!0),r(k,null,A(b(d),(l=>(a(),r("li",{key:l.id,class:N(t.$style.multipleNodesAction)},[P(b(le),{variant:"subtle",disabled:l.disabled,onClick:t=>n("contextMenuAction",l.id,e.nodeIds)},{default:F((()=>[o(f(l.label)+" ",1),l.shortcut?(a(),V(b(Q),g({key:0,ref_for:!0},l.shortcut),null,16)):y("",!0)])),_:2},1032,["disabled","onClick"])],2)))),128))],2)])),_:1},8,["class"])):e.node?(a(),V(ba,{key:p.value,"node-id":e.node.id,"is-read-only":e.isReadOnly},null,8,["node-id","is-read-only"])):y("",!0)],2))}}),qa=me(Ga,[["__cssModules",{$style:{component:"_component_1ef46_125",multipleNodes:"_multipleNodes_1ef46_130",multipleNodesActions:"_multipleNodesActions_1ef46_140",multipleNodesAction:"_multipleNodesAction_1ef46_140"}}]]),Ka=p({__name:"ExperimentalFocusPanelHeader",props:{node:{},parameter:{},isExecutable:{type:Boolean},readOnly:{type:Boolean}},emits:["execute","openNdv","clearParameter","renameNode"],setup(e,{emit:t}){const n=t,l=Ke(),i=R(),d=_((()=>l.getNodeType(e.node.type,e.node.typeVersion)));return(t,l)=>(a(),V(b(oe),{tag:"header",size:"small",bold:"",class:N(t.$style.component)},{default:F((()=>[P(Yt,{"node-type":d.value,size:16},null,8,["node-type"]),s("div",{class:N(t.$style.breadcrumbs)},[e.parameter?(a(),r(k,{key:0},[P(b(oe),{size:"small",color:"text-base",bold:""},{default:F((()=>[o(f(e.node.name),1)])),_:1}),P(b(oe),{size:"small",color:"text-light"},{default:F((()=>[...l[4]||(l[4]=[o("/",-1)])])),_:1}),o(" "+f(e.parameter.displayName),1)],64)):(a(),V(b(re),{key:1,"model-value":e.node.name,"min-width":0,"max-width":500,placeholder:b(i).baseText("ndv.title.rename.placeholder"),"read-only":e.readOnly,"onUpdate:modelValue":l[0]||(l[0]=e=>n("renameNode",e))},null,8,["model-value","placeholder","read-only"]))],2),e.parameter?(a(),V(b(J),{key:0,variant:"ghost",icon:"x",size:"small",onClick:l[1]||(l[1]=e=>n("clearParameter"))})):(a(),V(b(J),{key:1,variant:"ghost",icon:"expand",size:"small",onClick:l[2]||(l[2]=e=>n("openNdv"))})),e.isExecutable?(a(),V(Jt,{key:2,"data-test-id":"node-execute-button","node-name":e.node.name,tooltip:`Execute ${e.node.name}`,type:"secondary",size:"small",icon:"play",square:!0,"hide-label":!0,"telemetry-source":"focus",onExecute:l[3]||(l[3]=e=>n("execute"))},null,8,["node-name","tooltip"])):y("",!0)])),_:1},8,["class"]))}}),Xa=me(Ka,[["__cssModules",{$style:{component:"_component_1p4tv_125",breadcrumbs:"_breadcrumbs_1p4tv_133"}}]]),Ya=p({name:"FocusPanel",__name:"FocusPanel",props:{isCanvasReadOnly:{type:Boolean}},emits:["focus","saveKeyboardShortcut","contextMenuAction"],setup(e,{emit:t}){const n=e,d=t,c=i(),u=R(),p=ze(),v=ye(),m=ta(),g=Re(),w=Ie(),x=fe(),C=Ke(),j=qt(),I=Ae(),E=ot(),O=Oe(),W=Lt(),S=De(),A=we(m.value),{renameNode:D}=Gt(),$=_((()=>v.resolvedParameter)),z=i(""),B=H((async()=>{if(!$.value)return!1;const e=$.value.parameterPath.split(".").slice(1,-1).join(".");return!!$.value.parameter.disabledOptions&&await E.shouldDisplayNodeParameter($.value.node.parameters,$.value.node,$.value.parameter,e,"disabledOptions")}),!1),U=H((async()=>{if(!$.value)return!0;const e=$.value.parameterPath.split(".").slice(1,-1).join(".");return await E.shouldDisplayNodeParameter($.value.node.parameters,$.value.node,$.value.parameter,e,"displayOptions")}),!0),M=_((()=>{if(!W.isNdvInFocusPanelEnabled||$.value)return $.value?.node;const e=A.getSelectedNodes.value[0];return e?.data?.render.type===je.Default?(w?.value?.allNodes??[]).find((t=>t.id===e.id)):void 0})),L=_((()=>A.getSelectedNodes.value.length>1)),G=_((()=>{if(!M.value)return!1;if(!U.value)return!1;const e=p.getForeignCredentialsIfSharingEnabled(M.value.credentials);return p.isNodeExecutable(M.value,!n.isCanvasReadOnly,e)})),{workflowRunData:q}=Ta({node:M}),K=_((()=>{if(!M.value)return!0;const e=g.workflowObject.getParentNodes(M.value.name,"main",1)[0];return Boolean(e&&q.value&&Object.prototype.hasOwnProperty.bind(q.value)(e))}));function X(e){return $.value?it($.value.parameter,e):void 0}const J=_((()=>$.value?.node.parameters.mode)),Q=_((()=>X("editor")??void 0)),ee=_((()=>"json"===Q.value||"json"===$.value?.parameter.type?"json":X("editorLanguage")??"javaScript")),ae=_((()=>X("rows"))),ne=_((()=>!!$.value&&C.isToolNode($.value?.node.type))),le=_((()=>!!$.value&&"n8n-nodes-base.html"===$.value.node.type)),se=_((()=>$.value&&Se($.value.parameter,$.value.value))),re=_((()=>se.value?Tt($.value)?$.value.value:$.value:"")),de=_((()=>$.value?.node.type===At)),ce=_((()=>n.isCanvasReadOnly||B.value)),ue=_((()=>({$vars:O.variablesAsObject}))),pe=_((()=>{if($.value)return{nodeName:$.value.node.name,parameterPath:$.value.parameterPath}})),ve=_((()=>x.executingNode.isNodeExecuting(M.value?.name??""))),me=_((()=>A.getSelectedNodes.value.map((e=>e.id)))),_e=_((()=>W.isNdvInFocusPanelEnabled?u.baseText("nodeView.focusPanel.v2.noParameters.title"):u.baseText("nodeView.focusPanel.noParameters.title"))),ge=_((()=>W.isNdvInFocusPanelEnabled?u.baseText("nodeView.focusPanel.v2.noParameters.subtitle"):u.baseText("nodeView.focusPanel.noParameters.subtitle"))),{resolvedExpression:he}=at({expression:re,additionalData:ue,stringifyObject:$.value&&"multiOptions"!==$.value.parameter.type});function xe(e){void 0!==$.value&&E.updateNodeParameter(l($.value.node.parameters),{value:e,name:$.value.parameterPath},e,$.value.node,ne.value)}async function ke(){await h(),c.value&&(Te(c.value)?c.value.focusOnInput():Pe(c.value)&&c.value.focus()),d("focus")}function Ne(e){if($.value)switch(e){case"resetValue":"string"==typeof $.value.parameter.default&&xe($.value.parameter.default),ke();break;case"addExpression":{const e=lt($.value.value,$.value.parameter.type);xe("string"==typeof e?e:e.value),ke();break}case"removeExpression":{const e=dt($.value.value,he.value,$.value.parameter.type,$.value.parameter.default,($.value.parameter.options??[]).filter(ct));"string"==typeof e?xe(e):e&&"string"==typeof e.value&&xe(e.value),ke();break}case"formatHtml":be.emit("format-html")}}function Ce(){if((W.isNdvInFocusPanelEnabled||j.isFeatureEnabled)&&$.value)return v.unsetParameters(),void I.track("User removed focused param",{source:"closeIcon",parameters:v.focusedNodeParametersInTelemetryFormat});I.track("User closed focus panel",{source:"closeIcon",parameters:v.focusedNodeParametersInTelemetryFormat}),v.closeFocusPanel()}function Ee(){I.track("User executed node from focus panel",v.focusedNodeParametersInTelemetryFormat[0])}function We(e){z.value=e,xe(e)}function $e(){M.value&&S.setActiveNodeName(M.value.name,"focus_panel")}function Ve(e){M.value&&D(M.value.name,e)}return T([()=>v.lastFocusTimestamp,()=>se.value],(()=>{setTimeout((()=>{ke()}),50)})),T((()=>$.value),(e=>{if(e){const t=e.value;"string"==typeof t&&t!==z.value&&(z.value=t)}}),{immediate:!0}),(t,n)=>(a(),r("div",{"data-test-id":"focus-panel",class:N([t.$style.content,{[t.$style.isNdvInFocusPanelEnabled]:b(W).isNdvInFocusPanelEnabled}])},[b(W).isNdvInFocusPanelEnabled&&M.value&&!L.value?(a(),V(Xa,{key:0,node:M.value,parameter:$.value?.parameter,"is-executable":G.value,"read-only":e.isCanvasReadOnly,onExecute:Ee,onOpenNdv:$e,onClearParameter:Ce,onRenameNode:Ve},null,8,["node","parameter","is-executable","read-only"])):y("",!0),$.value?(a(),r("div",{key:1,class:N(t.$style.content),"data-test-id":"focus-parameter"},[b(W).isNdvInFocusPanelEnabled?y("",!0):(a(),r("div",{key:0,class:N(t.$style.tabHeader)},[s("div",{class:N(t.$style.tabHeaderText)},[P(b(oe),{color:"text-dark",size:"small"},{default:F((()=>[o(f($.value.parameter.displayName),1)])),_:1}),P(b(oe),{color:"text-base",size:"xsmall"},{default:F((()=>[o(f($.value.node.name),1)])),_:1})],2),s("div",{class:N(t.$style.buttonWrapper)},[P(Jt,{"data-test-id":"node-execute-button","node-name":$.value.node.name,tooltip:`Execute ${$.value.node.name}`,disabled:!G.value,size:"small",icon:"play",square:!0,"hide-label":!0,"telemetry-source":"focus",onExecute:Ee},null,8,["node-name","tooltip","disabled"]),P(b(te),{class:N(t.$style.closeButton),icon:"x",color:"text-base",size:"xlarge",onClick:Ce},null,8,["class"])],2)],2)),s("div",{class:N(t.$style.parameterDetailsWrapper)},[s("div",{class:N(t.$style.parameterOptionsWrapper)},[s("div",{class:N(t.$style.noExecutionDataTip)},[K.value||ve.value?y("",!0):(a(),V(b(Y),{key:0,class:N(t.$style.delayedShow),bold:!0},{default:F((()=>[o(f(b(u).baseText("nodeView.focusPanel.noExecutionData")),1)])),_:1},8,["class"]))],2),b(U)?(a(),V(nt,{key:0,parameter:$.value.parameter,value:$.value.value,"is-read-only":ce.value,"onUpdate:modelValue":Ne},null,8,["parameter","value","is-read-only"])):y("",!0)],2),"string"==typeof $.value.value?(a(),r("div",{key:0,class:N(t.$style.editorContainer)},[b(U)?se.value?(a(),V(Ze,{key:1,ref_key:"inputField",ref:c,modelValue:z.value,"onUpdate:modelValue":n[0]||(n[0]=e=>z.value=e),class:N(t.$style.editor),"is-read-only":ce.value,path:$.value.parameterPath,"data-test-id":"expression-modal-input","target-node-parameter-context":pe.value,onChange:n[1]||(n[1]=e=>We(e.value))},null,8,["modelValue","class","is-read-only","path","target-node-parameter-context"])):["json","string"].includes($.value.parameter.type)?(a(),r(k,{key:2},["codeNodeEditor"===Q.value?(a(),V(et,{key:0,id:$.value.parameterPath,ref_key:"inputField",ref:c,modelValue:z.value,"onUpdate:modelValue":[n[2]||(n[2]=e=>z.value=e),We],class:N(t.$style.heightFull),mode:J.value,"default-value":$.value.parameter.default,language:ee.value,"is-read-only":ce.value,"target-node-parameter-context":pe.value,"fill-parent":"","disable-ask-ai":!0},null,8,["id","modelValue","class","mode","default-value","language","is-read-only","target-node-parameter-context"])):"htmlEditor"===Q.value?(a(),V(Qe,{key:1,ref_key:"inputField",ref:c,modelValue:z.value,"onUpdate:modelValue":[n[3]||(n[3]=e=>z.value=e),We],"is-read-only":ce.value,rows:ae.value,"disable-expression-coloring":!le.value,"disable-expression-completions":!le.value,fullscreen:"","target-node-parameter-context":pe.value},null,8,["modelValue","is-read-only","rows","disable-expression-coloring","disable-expression-completions","target-node-parameter-context"])):"cssEditor"===Q.value?(a(),V(st,{key:2,ref_key:"inputField",ref:c,modelValue:z.value,"onUpdate:modelValue":[n[4]||(n[4]=e=>z.value=e),We],"is-read-only":ce.value,rows:ae.value,fullscreen:"","target-node-parameter-context":pe.value},null,8,["modelValue","is-read-only","rows","target-node-parameter-context"])):"sqlEditor"===Q.value?(a(),V(rt,{key:3,ref_key:"inputField",ref:c,modelValue:z.value,"onUpdate:modelValue":[n[5]||(n[5]=e=>z.value=e),We],dialect:X("sqlDialect"),"is-read-only":ce.value,rows:ae.value,fullscreen:"","target-node-parameter-context":pe.value},null,8,["modelValue","dialect","is-read-only","rows","target-node-parameter-context"])):"jsEditor"===Q.value?(a(),V(tt,{key:4,ref_key:"inputField",ref:c,modelValue:z.value,"onUpdate:modelValue":[n[6]||(n[6]=e=>z.value=e),We],"is-read-only":ce.value,rows:ae.value,"posthog-capture":de.value,"fill-parent":""},null,8,["modelValue","is-read-only","rows","posthog-capture"])):"json"===$.value.parameter.type?(a(),V(Ft,{key:5,ref_key:"inputField",ref:c,modelValue:z.value,"onUpdate:modelValue":[n[7]||(n[7]=e=>z.value=e),We],"is-read-only":ce.value,rows:ae.value,fullscreen:"","fill-parent":""},null,8,["modelValue","is-read-only","rows"])):(a(),V(b(ie),{key:6,ref_key:"inputField",ref:c,modelValue:z.value,"onUpdate:modelValue":[n[8]||(n[8]=e=>z.value=e),We],class:N(t.$style.editor),readonly:ce.value,type:"textarea",resize:"none"},null,8,["modelValue","class","readonly"]))],64)):y("",!0):(a(),r("div",{key:0,class:N([t.$style.content,t.$style.emptyContent])},[s("div",{class:N(t.$style.emptyText)},[P(b(oe),{color:"text-base"},{default:F((()=>[o(f(b(u).baseText("nodeView.focusPanel.missingParameter")),1)])),_:1})],2)],2))],2)):y("",!0)],2)],2)):M.value&&b(W).isNdvInFocusPanelEnabled?(a(),V(qa,{key:2,node:M.value,"node-ids":me.value,"is-read-only":ce.value,onOpenNdv:$e,onContextMenuAction:n[9]||(n[9]=(e,t)=>d("contextMenuAction",e,t))},null,8,["node","node-ids","is-read-only"])):(a(),r("div",{key:3,class:N([t.$style.content,t.$style.emptyContent])},[s("div",{class:N(t.$style.focusParameterWrapper)},[s("div",{class:N(t.$style.iconWrapper)},[P(b(te),{class:N(t.$style.forceHover),icon:"panel-right",size:"medium"},null,8,["class"]),P(b(te),{class:N(t.$style.pointerIcon),icon:"mouse-pointer",color:"text-dark",size:"large"},null,8,["class"])],2),P(b(te),{icon:"ellipsis-vertical",size:"small",color:"text-base"}),P(b(Z),{size:"small","model-value":"expression",disabled:!0,options:[{label:b(u).baseText("parameterInput.fixed"),value:"fixed"},{label:b(u).baseText("parameterInput.expression"),value:"expression"}]},null,8,["options"])],2),s("div",{class:N(t.$style.emptyText)},[P(b(oe),{color:"text-base",size:"medium",bold:!0},{default:F((()=>[o(f(_e.value),1)])),_:1}),P(b(oe),{color:"text-base",size:"small"},{default:F((()=>[o(f(ge.value),1)])),_:1})],2)],2))],2))}}),Ja=me(Ya,[["__cssModules",{$style:{content:"_content_1jm1d_125",emptyContent:"_emptyContent_1jm1d_131",isNdvInFocusPanelEnabled:"_isNdvInFocusPanelEnabled_1jm1d_136",emptyText:"_emptyText_1jm1d_139",focusParameterWrapper:"_focusParameterWrapper_1jm1d_145",iconWrapper:"_iconWrapper_1jm1d_152",pointerIcon:"_pointerIcon_1jm1d_156",tabHeader:"_tabHeader_1jm1d_166",tabHeaderText:"_tabHeaderText_1jm1d_173",buttonWrapper:"_buttonWrapper_1jm1d_178",parameterDetailsWrapper:"_parameterDetailsWrapper_1jm1d_183",parameterOptionsWrapper:"_parameterOptionsWrapper_1jm1d_190",noExecutionDataTip:"_noExecutionDataTip_1jm1d_194",editorContainer:"_editorContainer_1jm1d_197",editor:"_editor_1jm1d_197",delayedShow:"_delayedShow_1jm1d_213",triggerShow:"_triggerShow_1jm1d_1",closeButton:"_closeButton_1jm1d_224",heightFull:"_heightFull_1jm1d_228",forceHover:"_forceHover_1jm1d_232"}}]]),Za={key:0},Qa=p({name:"FocusSidebar",__name:"FocusSidebar",props:{isCanvasReadOnly:{type:Boolean}},emits:["contextMenuAction"],setup(e,{emit:t}){const o=t,l=W("wrapper"),i=ta(),d=ye(),c=Ie(),u=Lt(),p=qt(),v=Ae(),m=ee(),f=we(i.value),g=L();Zt({view_shown:"focus_panel"});const{selectedTab:h}=$t(d),w=_((()=>d.focusPanelActive)),x=_((()=>d.focusPanelWidth)),k=_((()=>d.resolvedParameter)),C=_((()=>p.isFeatureEnabled)),j=_((()=>p.isFeatureEnabled&&"setup"===h.value)),E=_((()=>{if(!u.isNdvInFocusPanelEnabled||k.value)return k.value?.node;const e=f.getSelectedNodes.value[0];return e?.data?.render.type===je.Default?(c?.value?.allNodes??[]).find((t=>t.id===e.id)):void 0})),O=_((()=>{const e=k.value?.parameter.displayName??E.value?.name;return e?{focus:e}:void 0}));function A(e){"s"===e.key&&m.isCtrlKeyPressed(e)&&(e.stopPropagation(),e.preventDefault())}const D=()=>{document.removeEventListener("keydown",A,!0)};T((()=>d.focusPanelActive),(e=>{e?document.addEventListener("keydown",A,!0):D()}),{immediate:!0}),T(g,(e=>{if(!E.value||!e||!l.value?.contains(e))return;const t=e.closest(".parameter-input")?.getAttribute("data-parameter-path");t&&v.track("User focused focus panel",{node_id:E.value.id,node_type:E.value.type,parameter_path:t})}));const $=M((function(e){d.updateWidth(e.width)}),10);function B(e,t){o("contextMenuAction",e,t)}return S((()=>{D()})),(t,o)=>w.value?(a(),r("div",{key:0,ref:"wrapper","data-test-id":"focus-sidebar",class:N([t.$style.wrapper,"ignore-key-press-canvas",{[t.$style.isNdvInFocusPanelEnabled]:b(u).isNdvInFocusPanelEnabled}]),onKeydown:o[1]||(o[1]=I((()=>{}),["stop"]))},[P(b(G),{width:x.value,"supported-directions":["left"],"min-width":C.value?420:300,"max-width":b(u