n8n-editor-ui/dist/assets/MCPConnectWorkflowsModal-DV0NGF7d.js

Workflow Editor UI for n8n

(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.16.1`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`e86153af-eeff-4ac6-9414-27dd83b69ff6`,e._sentryDebugIdIdentifier=`sentry-dbid-e86153af-eeff-4ac6-9414-27dd83b69ff6`)})()}catch{}import{$ as e,A as t,C as n,E as r,Ft as i,H as a,N as o,S as s,Sn as c,T as l,Wt as u,X as d,_ as f,_n as p,dt as m,j as h,m as g,q as _,rt as v,w as y,yt as b}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as x}from"./core-Bz5WjPxS.js";import{Qi as S,R as C,Zi as w,_t as T,vt as E,xt as D}from"./src-XqE2yCpG.js";import{t as O}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Pn as k,fr as A}from"./users.store-xP93bV7X.js";import{t as j}from"./Modal-gWM7cVuX.js";import{n as M,r as N,t as P}from"./mcp.constants-CL3iQXDk.js";import{t as F}from"./mcp.store-BiiU-pKy.js";import{t as I}from"./WorkflowLocation-BhLr779x.js";var L=O(o({__name:`MCPWorkflowsSelect`,props:a({placeholder:{},disabled:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:a([`ready`,`confirm`],[`update:modelValue`]),setup(n,{expose:a,emit:o}){let _=x(),C=k(),w=m(n,`modelValue`),D=o,O=F(),A=i(!1),j=i(!1),M=i(!1),N=i(),P=i([]),L=null,R=s(()=>!A.value&&j.value&&P.value.length===0);async function z(e){L&&=(clearTimeout(L),null),A.value=!0,j.value=!1;try{P.value=(await O.getMcpEligibleWorkflows({take:10,query:e??void 0}))?.data??[]}catch(e){C.showError(e,_.baseText(`settings.mcp.connectWorkflows.error`))}finally{await B(200),A.value=!1,j.value=!0}}async function B(e){await new Promise(t=>{setTimeout(()=>{t()},e)})}function V(){N.value?.focusOnInput()}function H(e){P.value=P.value.filter(t=>t.id!==e)}function U(e){M.value=e}function W(e){e.key===`Enter`&&!M.value&&w.value&&(e.preventDefault(),e.stopPropagation(),D(`confirm`))}return d(async()=>{await z(),D(`ready`)}),a({focusOnInput:V,removeOption:H}),(i,a)=>(e(),r(`div`,{onKeydownCapture:g(W,[`enter`])},[h(u(T),{ref_key:`selectRef`,ref:N,modelValue:w.value,"onUpdate:modelValue":a[0]||=e=>w.value=e,"data-test-id":`mcp-workflows-select`,placeholder:n.placeholder,disabled:n.disabled,loading:A.value,filterable:!0,remote:!0,"remote-method":z,"popper-class":{[i.$style[`mcp-workflows-select-loading`]]:A.value,[i.$style[`mcp-workflows-select-empty`]]:R.value},onVisibleChange:U},{prefix:b(()=>[h(u(S),{class:p(i.$style[`search-icon`]),icon:`search`,size:`large`},null,8,[`class`])]),default:b(()=>[R.value?(e(),y(u(E),{key:0,value:``,disabled:``,class:p(i.$style[`empty-option`])},{default:b(()=>[t(c(u(_).baseText(`settings.mcp.connectWorkflows.emptyState`)),1)]),_:1},8,[`class`])):l(``,!0),(e(!0),r(f,null,v(P.value,t=>(e(),y(u(E),{key:t.id,value:t.id,label:t.name},{default:b(()=>[h(I,{"workflow-id":t.id,"workflow-name":t.name,"home-project":t.homeProject,"parent-folder":t.parentFolder},null,8,[`workflow-id`,`workflow-name`,`home-project`,`parent-folder`])]),_:2},1032,[`value`,`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`,`loading`,`popper-class`])],32))}}),[[`__cssModules`,{$style:{"mcp-workflows-select-loading":`_mcp-workflows-select-loading_eulzw_125`,"mcp-workflows-select-empty":`_mcp-workflows-select-empty_eulzw_126`,"empty-option":`_empty-option_eulzw_133`}}]]),R=O(o({__name:`MCPConnectWorkflowsModal`,props:{data:{}},setup(t){let r=t,a=x(),o=A(),c=i(!1),l=i(),f=i(null),m=D(),g=i(!1),v=`${N}#${P}`,S=s(()=>!!l.value),T=e=>{g.value=!0,o.track(`User dismissed mcp workflows dialog`),e()};async function E(e){if(l.value){c.value=!0;try{await r.data.onEnableMcpAccess(l.value),g.value=!0,o.track(`User selected workflow from list`,{workflowId:l.value}),e()}finally{c.value=!1}}}function O(){g.value||o.track(`User dismissed mcp workflows dialog`)}function k(){f.value?.focusOnInput()}function F(){c.value||E(()=>m.emit(`close`))}return d(()=>{m.on(`closed`,O)}),_(()=>{m.off(`closed`,O)}),(t,r)=>(e(),y(j,{name:u(M),title:u(a).baseText(`settings.mcp.connectWorkflows.modalTitle`),width:`600px`,class:p(t.$style.container),"event-bus":u(m)},{content:b(()=>[n(`div`,{class:p(t.$style.content)},[h(u(C),{"data-test-id":`mcp-connect-workflows-info-notice`,theme:`info`,content:u(a).baseText(`settings.mcp.connectWorkflows.notice`,{interpolate:{docsLink:v}}),class:p(t.$style.notice)},null,8,[`content`,`class`]),h(L,{ref_key:`selectRef`,ref:f,modelValue:l.value,"onUpdate:modelValue":r[0]||=e=>l.value=e,placeholder:u(a).baseText(`settings.mcp.connectWorkflows.input.placeholder`),disabled:c.value,onReady:k,onConfirm:F},null,8,[`modelValue`,`placeholder`,`disabled`])],2)]),footer:b(({close:e})=>[n(`div`,{class:p(t.$style.footer)},[h(u(w),{variant:`subtle`,label:u(a).baseText(`generic.cancel`),size:`small`,disabled:c.value,"data-test-id":`mcp-connect-workflows-cancel-button`,onClick:t=>T(e)},null,8,[`label`,`disabled`,`onClick`]),h(u(w),{variant:`solid`,label:u(a).baseText(`settings.mcp.connectWorkflows.confirm.label`),loading:c.value,disabled:!S.value||c.value,"data-test-id":`mcp-connect-workflows-save-button`,onClick:t=>E(e)},null,8,[`label`,`loading`,`disabled`,`onClick`])],2)]),_:1},8,[`name`,`title`,`class`,`event-bus`]))}}),[[`__cssModules`,{$style:{container:`_container_lejd8_125`,content:`_content_lejd8_130`,notice:`_notice_lejd8_135`,footer:`_footer_lejd8_142`}}]]);export{R as default};
//# sourceMappingURL=MCPConnectWorkflowsModal-DV0NGF7d.js.map