UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 6.55 kB
(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]=`0887db25-81a2-4e02-b301-9f9aed72ff60`,e._sentryDebugIdIdentifier=`sentry-dbid-0887db25-81a2-4e02-b301-9f9aed72ff60`)})()}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-D9KLAxvJ.js";import{bt as x}from"./_MapCache-CUJwh2qp.js";import{$i as S,At as C,Et as w,K as T,Qi as E,Tt as D}from"./src-wni2AGA3.js";import{t as O}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import{Tr as k,en as A}from"./users.store-BHWXXawf.js";import"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import"./_baseOrderBy-CaKruttV.js";import"./banners.store-D1XIK6Qv.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import"./versions.store-CNV-esbv.js";import"./dataTable.store-DzRmkvR8.js";import{t as j}from"./Modal-CfEU2AWh.js";import"./executions.store-CZbPSd3l.js";import"./usePinnedData-bxdhY-Ce.js";import"./nodeIcon-BFJyt77y.js";import"./canvas.utils-BMxgA7cX.js";import"./canvas.eventBus-C-z2MFNA.js";import"./useCanvasOperations-CI7Ylcwf.js";import"./setupPanel.store-D0Kh-_X7.js";import"./nodeTransforms-DgA3LbBA.js";import"./templateTransforms-Bcjcx-gt.js";import"./useDynamicCredentials-C74iW7Qx.js";import"./NodeIcon-0naEDfOR.js";import"./roles.store-B4WtqADh.js";import"./dist-DG6crvT0.js";import"./sso.store-DmM4R1YZ.js";import"./router-B4sCyKhY.js";import"./insights.store-DoHmMCwa.js";import"./insights.constants-BWd0PYhd.js";import"./insights.utils-BGXnT8rV.js";import{a as M,i as N,n as P,t as F}from"./mcp.constants-1YI8b9Rg.js";import{t as I}from"./mcp.store-C36HSxV6.js";import{t as L}from"./WorkflowLocation-SK_uqFiN.js";var R=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(),T=m(n,`modelValue`),E=o,O=I(),A=i(!1),j=i(!1),M=i(!1),N=i(),P=i([]),F=null,R=s(()=>!A.value&&j.value&&P.value.length===0);async function z(e){F&&=(clearTimeout(F),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&&T.value&&(e.preventDefault(),e.stopPropagation(),E(`confirm`))}return d(async()=>{await z(),E(`ready`)}),a({focusOnInput:V,removeOption:H}),(i,a)=>(e(),r(`div`,{onKeydownCapture:g(W,[`enter`])},[h(u(D),{ref_key:`selectRef`,ref:N,modelValue:T.value,"onUpdate:modelValue":a[0]||=e=>T.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(w),{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(w),{key:t.id,value:t.id,label:t.name},{default:b(()=>[h(L,{"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`}}]]),z=O(o({__name:`MCPConnectWorkflowsModal`,props:{data:{}},setup(t){let r=t,a=x(),o=A(),c=i(!1),l=i(),f=i(null),m=C(),g=i(!1),v=`${M}#${F}`,S=s(()=>!!l.value),w=e=>{g.value=!0,o.track(`User dismissed mcp workflows dialog`),e()};async function D(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 P(){c.value||D(()=>m.emit(`close`))}return d(()=>{m.on(`closed`,O)}),_(()=>{m.off(`closed`,O)}),(t,r)=>(e(),y(j,{name:u(N),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(T),{"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(R,{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:P},null,8,[`modelValue`,`placeholder`,`disabled`])],2)]),footer:b(({close:e})=>[n(`div`,{class:p(t.$style.footer)},[h(u(E),{variant:`subtle`,label:u(a).baseText(`generic.cancel`),size:`small`,disabled:c.value,"data-test-id":`mcp-connect-workflows-cancel-button`,onClick:t=>w(e)},null,8,[`label`,`disabled`,`onClick`]),h(u(E),{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=>D(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{z as default}; //# sourceMappingURL=MCPConnectWorkflowsModal-C3cFeHu9.js.map