n8n-editor-ui/dist/assets/ToolsManagerModal-Ces1v6oY.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]=`86df3f15-3e41-49fb-bbf2-ec22c9843a80`,e._sentryDebugIdIdentifier=`sentry-dbid-86df3f15-3e41-49fb-bbf2-ec22c9843a80`)})()}catch{}import"./chunk-CACdhNlC.js";import{$ as e,A as t,C as n,E as r,Ft as i,N as a,S as o,Sn as s,T as c,Wt as l,_ as u,_n as d,bt as f,gt as p,j as m,p as h,rt as g,w as _,yt as v}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{J as ee,at as y}from"./core-Bz5WjPxS.js";import{Di as b,It as x,Ji as S,Mi as C,Qi as w,Xi as T,Zi as E,h as te,ji as ne}from"./src-XqE2yCpG.js";import{t as D}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Ln as O,Pn as re,hi as ie,w as ae}from"./users.store-xP93bV7X.js";import{Eo as oe,Gr as se,Wr as ce,cl as le,el as ue,eo as de}from"./constants-DuQbSl-q.js";import{t as fe}from"./Modal-gWM7cVuX.js";import{i as pe}from"./canvas.eventBus-P-77EomI.js";import{t as k}from"./NodeIcon-T2UcO71E.js";import{t as me}from"./chat.store-mz4IZJ73.js";import{t as A}from"./ToolSettingsContent-BZeCEyuL.js";var j=D(a({__name:`ToolListItem`,props:{nodeType:{},configuredNode:{},enabled:{type:Boolean},mode:{}},emits:[`toggle`,`configure`,`remove`,`add`],setup(i,{emit:a}){let c=i,f=a,p=y(),h=o(()=>c.configuredNode&&c.configuredNode.name!==c.nodeType.displayName?c.nodeType.displayName:c.nodeType.description),g=o(()=>c.configuredNode?c.configuredNode.name:c.nodeType.displayName);return(a,o)=>(e(),r(`div`,{class:d([a.$style.item,{[a.$style.configured]:i.mode===`configured`}])},[n(`div`,{class:d(a.$style.iconWrapper)},[m(k,{"node-type":i.nodeType,size:32},null,8,[`node-type`])],2),n(`div`,{class:d(a.$style.content)},[m(l(T),{class:d(a.$style.name),size:`small`,color:`text-dark`},{default:v(()=>[t(s(g.value),1)]),_:1},8,[`class`]),m(l(T),{class:d(a.$style.description),size:`small`,color:`text-light`},{default:v(()=>[t(s(h.value),1)]),_:1},8,[`class`])],2),n(`div`,{class:d(a.$style.actions)},[i.mode===`configured`?(e(),r(u,{key:0},[m(l(b),{content:l(p).baseText(`chatHub.toolsManager.configure`)},{default:v(()=>[m(l(C),{icon:`settings`,variant:`ghost`,text:``,class:d(a.$style.actionButton),onClick:o[0]||=e=>f(`configure`)},null,8,[`class`])]),_:1},8,[`content`]),m(l(b),{content:l(p).baseText(`chatHub.toolsManager.remove`)},{default:v(()=>[m(l(C),{icon:`trash-2`,variant:`ghost`,text:``,class:d(a.$style.actionButton),onClick:o[1]||=e=>f(`remove`)},null,8,[`class`])]),_:1},8,[`content`]),m(l(b),{content:i.enabled?l(p).baseText(`chatHub.toolsManager.disableTool`):l(p).baseText(`chatHub.toolsManager.enableTool`)},{default:v(()=>[m(l(x),{"model-value":i.enabled,class:d(a.$style.toggle),"onUpdate:modelValue":o[2]||=e=>f(`toggle`,!!e)},null,8,[`model-value`,`class`])]),_:1},8,[`content`])],64)):(e(),_(l(E),{key:1,variant:`subtle`,size:`small`,icon:`plus`,onClick:o[3]||=e=>f(`add`)},{default:v(()=>[t(s(l(p).baseText(`chatHub.toolsManager.add`)),1)]),_:1}))],2)],2))}}),[[`__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`}}]]),M=D(a({__name:`ToolsManagerModal`,props:{modalName:{},data:{}},setup(a){let b=a,x=o(()=>b.data.customAgentId),D=o(()=>x.value?F.customAgents[x.value]?.toolIds??[]:null),k=o(()=>{let e=N.baseText(`chatHub.toolsManager.title`);if(!x.value)return e;let t=F.customAgents[x.value]?.name;return t?`${e} (${t})`:e});function M(e){let{inputs:t}=e;return Array.isArray(t)?t.length>0:!0}let N=y(),P=ae(),F=me(),I=re(),L=O(),R=new Map(pe.map(e=>[e.id,e.popularity])),z=i(``),B=i(``),he=ee(e=>{B.value=e},le(ue.INPUT.SEARCH));p(z,e=>{he(e)});let V=i(`list`),H=i(null),U=i([]),W=i(null),G=i(null),K=i(``),q=i(!1),J=o(()=>F.configuredTools),ge=o(()=>{let e=[...ce];return ie([`global:chatUser`])&&e.push(...se),e}),Y=o(()=>(P.visibleNodeTypesByOutputConnectionTypeNames[de.AiTool]??[]).map(e=>P.getNodeType(e)).filter(e=>e!==null&&!ge.value.includes(e.name)&&!M(e)).sort((e,t)=>{let n=R.get(e.name)??0;return(R.get(t.name)??0)-n})),X=o(()=>{if(!B.value)return J.value;let e=B.value.toLowerCase();return J.value.filter(t=>{let n=t.definition,r=P.getNodeType(n.type,n.typeVersion),i=n.name.toLowerCase().includes(e),a=r?.displayName.toLowerCase().includes(e);return i||a})}),Z=o(()=>{if(!B.value)return Y.value;let e=B.value.toLowerCase();return Y.value.filter(t=>{let n=t.displayName.toLowerCase().includes(e),r=t.description?.toLowerCase().includes(e);return n||r})});function _e(e){return P.getNodeType(e.definition.type,e.definition.typeVersion)}function Q(e,t,n){H.value=e,U.value=t,W.value=n,K.value=e.name,q.value=!1,V.value=`settings`}function ve(e){let t=J.value.filter(t=>t.definition.id!==e.definition.id).map(e=>e.definition.name);Q({...e.definition},t,async t=>{try{await F.updateConfiguredTool(e.definition.id,t)}catch(e){I.showError(e,N.baseText(`chatHub.error.updateToolsFailed`))}})}async function ye(e){if(await L.confirm(N.baseText(`chatHub.toolsManager.confirmRemove.message`),N.baseText(`chatHub.toolsManager.confirmRemove.title`),{confirmButtonText:N.baseText(`chatHub.toolsManager.remove`),cancelButtonText:N.baseText(`generic.cancel`)})===`confirm`)try{await F.removeConfiguredTool(e)}catch(e){I.showError(e,N.baseText(`chatHub.error.updateToolsFailed`))}}async function be(e,t){try{x.value?await F.toggleCustomAgentTool(x.value,e.definition.id):await F.toggleToolEnabled(e.definition.id,t)}catch(e){I.showError(e,N.baseText(`chatHub.error.updateToolsFailed`))}}function xe(e){let t=typeof e.version==`number`?e.version:e.version.toSorted((e,t)=>t-e)?.[0];if(!t)return;let n=oe(),r=J.value.map(e=>e.definition.name);Q({type:e.name,typeVersion:t,parameters:{},id:n,name:e.displayName,position:[0,0]},r,async e=>{try{await F.addConfiguredTool(e)}catch(e){I.showError(e,N.baseText(`chatHub.error.updateToolsFailed`))}})}function $(){V.value=`list`,H.value=null,U.value=[],W.value=null,K.value=``,q.value=!1}function Se(){let e=G.value?.node;!e||!W.value||(W.value(e),$())}function Ce(e){G.value?.handleChangeName(e)}return(i,o)=>(e(),_(fe,{name:a.modalName,width:`780px`,"show-close":V.value===`list`,"custom-class":i.$style.modal},{header:v(()=>[V.value===`list`?(e(),_(l(S),{key:0,tag:`h2`,size:`large`},{default:v(()=>[t(s(k.value),1)]),_:1})):(e(),r(`div`,{key:1,class:d(i.$style.settingsHeader)},[n(`div`,{class:d(i.$style.settingsHeaderLeft)},[m(l(C),{icon:`arrow-left`,text:``,size:`large`,variant:`ghost`,class:d(i.$style.backButton),onClick:$},null,8,[`class`]),m(l(te),{"model-value":K.value,"max-width":350,class:d(i.$style.title),"onUpdate:modelValue":Ce},null,8,[`model-value`,`class`])],2),m(l(E),{variant:`solid`,size:`small`,disabled:!q.value,onClick:Se},{default:v(()=>[t(s(l(N).baseText(`chatHub.toolSettings.confirm`)),1)]),_:1},8,[`disabled`])],2))]),content:v(()=>[f(m(l(ne),{modelValue:z.value,"onUpdate:modelValue":o[0]||=e=>z.value=e,placeholder:l(N).baseText(`chatHub.toolsManager.searchPlaceholder`),clearable:``,class:d(i.$style.searchInput)},{prefix:v(()=>[m(l(w),{icon:`search`})]),_:1},8,[`modelValue`,`placeholder`,`class`]),[[h,V.value===`list`]]),f(n(`div`,{"data-tools-manager-modal":``,class:d(i.$style.listWrapper)},[X.value.length>0?(e(),r(`div`,{key:0,class:d(i.$style.section)},[m(l(S),{size:`small`,color:`text-light`,tag:`h3`},{default:v(()=>[t(s(l(N).baseText(`chatHub.toolsManager.configuredTools`,{interpolate:{count:J.value.length}})),1)]),_:1}),n(`div`,{class:d(i.$style.toolsList)},[(e(!0),r(u,null,g(X.value,t=>(e(),_(j,{key:t.definition.id,"node-type":_e(t),"configured-node":t.definition,enabled:D.value?D.value.includes(t.definition.id):t.enabled,mode:`configured`,onConfigure:e=>ve(t),onRemove:e=>ye(t.definition.id),onToggle:e=>be(t,e)},null,8,[`node-type`,`configured-node`,`enabled`,`onConfigure`,`onRemove`,`onToggle`]))),128))],2)],2)):c(``,!0),Z.value.length>0?(e(),r(`div`,{key:1,class:d(i.$style.section)},[m(l(S),{size:`small`,color:`text-light`,tag:`h3`},{default:v(()=>[t(s(l(N).baseText(`chatHub.toolsManager.availableTools`,{interpolate:{count:Y.value.length}})),1)]),_:1}),n(`div`,{class:d(i.$style.toolsList)},[(e(!0),r(u,null,g(Z.value,t=>(e(),_(j,{key:t.name,"node-type":t,mode:`available`,onAdd:e=>xe(t)},null,8,[`node-type`,`onAdd`]))),128))],2)],2)):c(``,!0),X.value.length===0&&Z.value.length===0?(e(),r(`div`,{key:2,class:d(i.$style.emptyState)},[m(l(T),{color:`text-light`},{default:v(()=>[t(s(l(N).baseText(`chatHub.toolsManager.noResults`)),1)]),_:1})],2)):c(``,!0)],2),[[h,V.value===`list`]]),V.value===`settings`&&H.value?(e(),r(`div`,{key:0,class:d(i.$style.settingsWrapper)},[m(A,{ref_key:`settingsContentRef`,ref:G,"initial-node":H.value,"existing-tool-names":U.value,"onUpdate:valid":o[1]||=e=>q.value=e,"onUpdate:nodeName":o[2]||=e=>K.value=e},null,8,[`initial-node`,`existing-tool-names`])],2)):c(``,!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`}}]]);export{M as default};
//# sourceMappingURL=ToolsManagerModal-Ces1v6oY.js.map