UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 14.2 kB
!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.13.4"}}catch(e){}}(),System.register(["./chunk-legacy-TXBRODOR.js","./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./sanitize-html-legacy-ChR3ikxn.js","./date-picker-legacy-uAA3gY1d.js","./users.store-legacy-OKuN0qAC.js","./ParameterInputList-legacy-D5sySi2K.js","./constants-legacy-DNCca_FT.js","./merge-legacy-uu1aGqHK.js","./_baseOrderBy-legacy-PsQY_Pvh.js","./dateformat-legacy-BxdD_OP7.js","./useDebounce-legacy-CT3oYGrC.js","./Modal-legacy-D-vb8tRz.js","./useClipboard-legacy-D5bRgqfO.js","./executions.store-legacy-z6ytCHo9.js","./assistant.store-legacy-kpq6KUPM.js","./chatPanel.store-legacy-BXT37O-E.js","./RunData-legacy-5Sfz7IzF.js","./NDVEmptyState-legacy-CfqV96iU.js","./externalSecrets.ee.store-legacy-C6uyA9v4.js","./uniqBy-legacy-DmwIYJPs.js","./usePinnedData-legacy-CxgKkO-J.js","./nodeIcon-legacy-CU0X8703.js","./canvas.utils-legacy-BYFKir1g.js","./canvas.eventBus-legacy-DA8zEJ09.js","./useCanvasOperations-legacy-DHjpE9Af.js","./setupPanel.store-legacy-D5xiJOzj.js","./nodeTransforms-legacy-CEnqyD1g.js","./templateTransforms-legacy-bPWknje4.js","./useQuickConnect-legacy-Joyt3P8m.js","./CredentialIcon-legacy-W6FyX5zO.js","./useDynamicCredentials-legacy-DYuGI0-p.js","./RunDataHtml-legacy-DYuZnk8K.js","./Draggable-legacy-1VY-jpKk.js","./NodeIcon-legacy-B4uktMo3.js","./VirtualSchema-legacy-j9JfcIEe.js","./useCalloutHelpers-legacy-vHYCBchw.js","./useTelemetryContext-legacy-DP-NcoCt.js","./useRunWorkflow-legacy-D--lDsti.js","./pushConnection.store-legacy-CdZe0qqo.js","./vue-json-pretty-legacy-C9tMykq1.js","./collaboration.store-legacy-Cbihou7P.js","./dateFormatter-legacy-CmupnmDm.js","./useExecutionHelpers-legacy-L8nz8vaT.js","./vue-legacy-BRu5yuNI.js","./chat.store-legacy-pzWGyzhB.js","./ToolSettingsContent-legacy-BgE-G100.js"],(function(e,t){var n,a,o,l,s,i,c,u,r,d,g,f,p,y,_,v,m,h,b,x,w,T,j,k,C,H,$,N,M,I,L,B,S,E,W,z,D,R,A,V,P,F,U,O,Q,Y,q,J,Z;return{setters:[function(e){e.o},function(e){n=e.$,a=e.A,o=e.C,l=e.E,s=e.Ft,i=e.N,c=e.S,u=e.Sn,r=e.T,d=e.Wt,g=e._,f=e._n,p=e.bt,y=e.gt,_=e.j,v=e.p,m=e.rt,h=e.w,b=e.yt},function(e){x=e.bt,w=e.st},function(e){T=e.$i,j=e.Fi,k=e.Ii,C=e.Mi,H=e.Qi,$=e.Wt,N=e.Yi,M=e.Zi,I=e.h},function(e){L=e.t},function(e){},function(e){},function(e){B=e.Tr,S=e.jr,E=e.w,W=e.wr},function(e){},function(e){e.Ps,z=e.Uo,D=e.ci,R=e.gl,A=e.ho,V=e.si,P=e.wl},function(e){},function(e){},function(e){},function(e){},function(e){F=e.t},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){U=e.i},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){O=e.t},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){Q=e.t},function(e){Y=e.t}],execute:function(){(q=document.createElement("style")).textContent="._item_kwv06_125{align-items:center;gap:var(--spacing--sm);padding:var(--spacing--sm)0;border-radius:var(--radius--lg);display:flex}._item_kwv06_125._configured_kwv06_132 ._actionButton_kwv06_132{opacity:0}._item_kwv06_125._configured_kwv06_132:hover ._actionButton_kwv06_132{opacity:1}._iconWrapper_kwv06_139{flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}._content_kwv06_147{gap:var(--spacing--5xs);flex-direction:column;flex:1;min-width:0;display:flex}._name_kwv06_155,._description_kwv06_162{white-space:nowrap;text-overflow:ellipsis;line-height:var(--line-height--md);overflow:hidden}._actions_kwv06_169{align-items:center;gap:var(--spacing--4xs);flex-shrink:0;display:flex}._toggle_kwv06_176{margin-left:var(--spacing--2xs)}._modal_1cu57_125 .ndv-connection-hint-notice{display:none}._settingsHeader_1cu57_129{justify-content:space-between;align-items:center;width:100%;display:flex}._settingsHeaderLeft_1cu57_136{align-items:center;gap:var(--spacing--3xs);flex:1;min-width:0;display:flex}._icon_1cu57_144{flex-grow:0;flex-shrink:0}._title_1cu57_149{font-size:var(--font-size--md);font-weight:var(--font-weight--regular);line-height:var(--line-height--lg);color:var(--color--text--shade-1);flex:1;min-width:0}._listWrapper_1cu57_158{gap:var(--spacing--sm);max-height:60vh;margin-right:calc(-1*var(--spacing--lg));padding-right:var(--spacing--lg);padding-top:var(--spacing--sm);flex-direction:column;display:flex;overflow-y:auto}._settingsWrapper_1cu57_169{max-height:60vh;margin-right:calc(-1*var(--spacing--lg));padding-top:var(--spacing--sm);flex-direction:column;display:flex;overflow:hidden}._searchInput_1cu57_178{padding:var(--spacing--sm)0;width:100%}._section_1cu57_183{gap:var(--spacing--2xs);flex-direction:column;display:flex}._toolsList_1cu57_189{flex-direction:column;display:flex}._emptyState_1cu57_194{padding:var(--spacing--xl);justify-content:center;align-items:center;display:flex}\n/*$vite$:1*/",document.head.appendChild(q);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(G=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[G]="4220799d-cc00-4ef9-8759-48e2ad56d22b",t._sentryDebugIdIdentifier="sentry-dbid-4220799d-cc00-4ef9-8759-48e2ad56d22b")}catch(t){}var t,G;J=i({__name:"ToolListItem",props:{nodeType:{},configuredNode:{},enabled:{type:Boolean},mode:{}},emits:["toggle","configure","remove","add"],setup(e,{emit:t}){const s=e,i=t,r=x(),p=c((()=>s.configuredNode&&s.configuredNode.name!==s.nodeType.displayName?s.nodeType.displayName:s.nodeType.description)),y=c((()=>s.configuredNode?s.configuredNode.name:s.nodeType.displayName));return(t,s)=>(n(),l("div",{class:f([t.$style.item,{[t.$style.configured]:"configured"===e.mode}])},[o("div",{class:f(t.$style.iconWrapper)},[_(O,{"node-type":e.nodeType,size:32},null,8,["node-type"])],2),o("div",{class:f(t.$style.content)},[_(d(M),{class:f(t.$style.name),size:"small",color:"text-dark"},{default:b((()=>[a(u(y.value),1)])),_:1},8,["class"]),_(d(M),{class:f(t.$style.description),size:"small",color:"text-light"},{default:b((()=>[a(u(p.value),1)])),_:1},8,["class"])],2),o("div",{class:f(t.$style.actions)},["configured"===e.mode?(n(),l(g,{key:0},[_(d(C),{content:d(r).baseText("chatHub.toolsManager.configure")},{default:b((()=>[_(d(k),{icon:"settings",variant:"ghost",text:"",class:f(t.$style.actionButton),onClick:s[0]||(s[0]=e=>i("configure"))},null,8,["class"])])),_:1},8,["content"]),_(d(C),{content:d(r).baseText("chatHub.toolsManager.remove")},{default:b((()=>[_(d(k),{icon:"trash-2",variant:"ghost",text:"",class:f(t.$style.actionButton),onClick:s[1]||(s[1]=e=>i("remove"))},null,8,["class"])])),_:1},8,["content"]),_(d(C),{content:e.enabled?d(r).baseText("chatHub.toolsManager.disableTool"):d(r).baseText("chatHub.toolsManager.enableTool")},{default:b((()=>[_(d($),{"model-value":e.enabled,class:f(t.$style.toggle),"onUpdate:modelValue":s[2]||(s[2]=e=>i("toggle",Boolean(e)))},null,8,["model-value","class"])])),_:1},8,["content"])],64)):(n(),h(d(H),{key:1,variant:"subtle",size:"small",icon:"plus",onClick:s[3]||(s[3]=e=>i("add"))},{default:b((()=>[a(u(d(r).baseText("chatHub.toolsManager.add")),1)])),_:1}))],2)],2))}}),Z=L(J,[["__cssModules",{$style:{item:"_item_kwv06_125",configured:"_configured_kwv06_132",actionButton:"_actionButton_kwv06_132",iconWrapper:"_iconWrapper_kwv06_139",content:"_content_kwv06_147",name:"_name_kwv06_155",description:"_description_kwv06_162",actions:"_actions_kwv06_169",toggle:"_toggle_kwv06_176"}}]]),e("default",L(i({__name:"ToolsManagerModal",props:{modalName:{},data:{}},setup(e){const t=e,i=c((()=>t.data.customAgentId)),C=c((()=>i.value?q.customAgents[i.value]?.toolIds??[]:null)),$=c((()=>{const e=L.baseText("chatHub.toolsManager.title");if(!i.value)return e;const t=q.customAgents[i.value]?.name;return t?`${e} (${t})`:e})),L=x(),O=E(),q=Q(),J=B(),G=S(),K=new Map(U.map((e=>[e.id,e.popularity]))),X=s(""),ee=s(""),te=w((e=>{ee.value=e}),P(R.INPUT.SEARCH));y(X,(e=>{te(e)}));const ne=s("list"),ae=s(null),oe=s([]),le=s(null),se=s(null),ie=s(""),ce=s(!1),ue=c((()=>q.configuredTools)),re=c((()=>{const e=[...V];return W(["global:chatUser"])&&e.push(...D),e})),de=c((()=>(O.visibleNodeTypesByOutputConnectionTypeNames[A.AiTool]??[]).map((e=>O.getNodeType(e))).filter((e=>null!==e&&!re.value.includes(e.name)&&!function(e){const{inputs:t}=e;return!Array.isArray(t)||t.length>0}(e))).sort(((e,t)=>{const n=K.get(e.name)??0;return(K.get(t.name)??0)-n})))),ge=c((()=>{if(!ee.value)return ue.value;const e=ee.value.toLowerCase();return ue.value.filter((t=>{const n=t.definition,a=O.getNodeType(n.type,n.typeVersion),o=n.name.toLowerCase().includes(e),l=a?.displayName.toLowerCase().includes(e);return o||l}))})),fe=c((()=>{if(!ee.value)return de.value;const e=ee.value.toLowerCase();return de.value.filter((t=>{const n=t.displayName.toLowerCase().includes(e),a=t.description?.toLowerCase().includes(e);return n||a}))}));function pe(e){return O.getNodeType(e.definition.type,e.definition.typeVersion)}function ye(e,t,n){ae.value=e,oe.value=t,le.value=n,ie.value=e.name,ce.value=!1,ne.value="settings"}function _e(){ne.value="list",ae.value=null,oe.value=[],le.value=null,ie.value="",ce.value=!1}function ve(){const e=se.value?.node;e&&le.value&&(le.value(e),_e())}function me(e){se.value?.handleChangeName(e)}return(t,s)=>(n(),h(F,{name:e.modalName,width:"780px","show-close":"list"===ne.value,"custom-class":t.$style.modal},{header:b((()=>["list"===ne.value?(n(),h(d(N),{key:0,tag:"h2",size:"large"},{default:b((()=>[a(u($.value),1)])),_:1})):(n(),l("div",{key:1,class:f(t.$style.settingsHeader)},[o("div",{class:f(t.$style.settingsHeaderLeft)},[_(d(k),{icon:"arrow-left",text:"",size:"large",variant:"ghost",class:f(t.$style.backButton),onClick:_e},null,8,["class"]),_(d(I),{"model-value":ie.value,"max-width":350,class:f(t.$style.title),"onUpdate:modelValue":me},null,8,["model-value","class"])],2),_(d(H),{variant:"solid",size:"small",disabled:!ce.value,onClick:ve},{default:b((()=>[a(u(d(L).baseText("chatHub.toolSettings.confirm")),1)])),_:1},8,["disabled"])],2))])),content:b((()=>[p(_(d(j),{modelValue:X.value,"onUpdate:modelValue":s[0]||(s[0]=e=>X.value=e),placeholder:d(L).baseText("chatHub.toolsManager.searchPlaceholder"),clearable:"",class:f(t.$style.searchInput)},{prefix:b((()=>[_(d(T),{icon:"search"})])),_:1},8,["modelValue","placeholder","class"]),[[v,"list"===ne.value]]),p(o("div",{"data-tools-manager-modal":"",class:f(t.$style.listWrapper)},[ge.value.length>0?(n(),l("div",{key:0,class:f(t.$style.section)},[_(d(N),{size:"small",color:"text-light",tag:"h3"},{default:b((()=>[a(u(d(L).baseText("chatHub.toolsManager.configuredTools",{interpolate:{count:ue.value.length}})),1)])),_:1}),o("div",{class:f(t.$style.toolsList)},[(n(!0),l(g,null,m(ge.value,(e=>(n(),h(Z,{key:e.definition.id,"node-type":pe(e),"configured-node":e.definition,enabled:C.value?C.value.includes(e.definition.id):e.enabled,mode:"configured",onConfigure:t=>function(e){const t=ue.value.filter((t=>t.definition.id!==e.definition.id)).map((e=>e.definition.name));ye({...e.definition},t,(async t=>{try{await q.updateConfiguredTool(e.definition.id,t)}catch(n){J.showError(n,L.baseText("chatHub.error.updateToolsFailed"))}}))}(e),onRemove:t=>async function(e){if("confirm"===await G.confirm(L.baseText("chatHub.toolsManager.confirmRemove.message"),L.baseText("chatHub.toolsManager.confirmRemove.title"),{confirmButtonText:L.baseText("chatHub.toolsManager.remove"),cancelButtonText:L.baseText("generic.cancel")}))try{await q.removeConfiguredTool(e)}catch(t){J.showError(t,L.baseText("chatHub.error.updateToolsFailed"))}}(e.definition.id),onToggle:t=>async function(e,t){try{i.value?await q.toggleCustomAgentTool(i.value,e.definition.id):await q.toggleToolEnabled(e.definition.id,t)}catch(n){J.showError(n,L.baseText("chatHub.error.updateToolsFailed"))}}(e,t)},null,8,["node-type","configured-node","enabled","onConfigure","onRemove","onToggle"])))),128))],2)],2)):r("",!0),fe.value.length>0?(n(),l("div",{key:1,class:f(t.$style.section)},[_(d(N),{size:"small",color:"text-light",tag:"h3"},{default:b((()=>[a(u(d(L).baseText("chatHub.toolsManager.availableTools",{interpolate:{count:de.value.length}})),1)])),_:1}),o("div",{class:f(t.$style.toolsList)},[(n(!0),l(g,null,m(fe.value,(e=>(n(),h(Z,{key:e.name,"node-type":e,mode:"available",onAdd:t=>function(e){const t="number"==typeof e.version?e.version:e.version.toSorted(((e,t)=>t-e))?.[0];if(!t)return;const n=z(),a=ue.value.map((e=>e.definition.name));ye({type:e.name,typeVersion:t,parameters:{},id:n,name:e.displayName,position:[0,0]},a,(async e=>{try{await q.addConfiguredTool(e)}catch(t){J.showError(t,L.baseText("chatHub.error.updateToolsFailed"))}}))}(e)},null,8,["node-type","onAdd"])))),128))],2)],2)):r("",!0),0===ge.value.length&&0===fe.value.length?(n(),l("div",{key:2,class:f(t.$style.emptyState)},[_(d(M),{color:"text-light"},{default:b((()=>[a(u(d(L).baseText("chatHub.toolsManager.noResults")),1)])),_:1})],2)):r("",!0)],2),[[v,"list"===ne.value]]),"settings"===ne.value&&ae.value?(n(),l("div",{key:0,class:f(t.$style.settingsWrapper)},[_(Y,{ref_key:"settingsContentRef",ref:se,"initial-node":ae.value,"existing-tool-names":oe.value,"onUpdate:valid":s[1]||(s[1]=e=>ce.value=e),"onUpdate:nodeName":s[2]||(s[2]=e=>ie.value=e)},null,8,["initial-node","existing-tool-names"])],2)):r("",!0)])),_:1},8,["name","show-close","custom-class"]))}}),[["__cssModules",{$style:{modal:"_modal_1cu57_125",settingsHeader:"_settingsHeader_1cu57_129",settingsHeaderLeft:"_settingsHeaderLeft_1cu57_136",icon:"_icon_1cu57_144",title:"_title_1cu57_149",listWrapper:"_listWrapper_1cu57_158",settingsWrapper:"_settingsWrapper_1cu57_169",searchInput:"_searchInput_1cu57_178",section:"_section_1cu57_183",toolsList:"_toolsList_1cu57_189",emptyState:"_emptyState_1cu57_194"}}]]))}}})); //# sourceMappingURL=ToolsManagerModal-legacy-D6EjEied.js.map