n8n-editor-ui/dist/assets/ToolsManagerModal-BfZ-EkGr.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.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]=`d736ff1d-fc17-4dd9-842e-84db457fecd2`,e._sentryDebugIdIdentifier=`sentry-dbid-d736ff1d-fc17-4dd9-842e-84db457fecd2`)})()}catch{}import{o as e}from"./chunk-DxpFCn6T.js";import{$ as t,A as n,C as r,E as i,Ft as a,N as o,S as s,Sn as c,T as l,Wt as u,_ as d,_n as f,bt as p,gt as m,j as h,p as g,rt as _,w as v,yt as y}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as b,st as ee}from"./_MapCache-CUJwh2qp.js";import{$i as te,Fi as x,Ii as S,Mi as C,Qi as w,Wt as T,Yi as E,Zi as D,h as ne}from"./src-wni2AGA3.js";import{t as O}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import"./date-picker-_u2qOcgh.js";import{Tr as re,jr as k,w as ie,wr as ae}from"./users.store-BHWXXawf.js";import"./ParameterInputList-BFWz3KF9.js";import{Ps as oe,Uo as se,ci as ce,gl as le,ho as ue,si as de,wl as fe}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import{t as A}from"./Modal-CfEU2AWh.js";import"./useClipboard-D72kaMkX.js";import"./executions.store-CZbPSd3l.js";import"./assistant.store-BOJw9cI0.js";import"./chatPanel.store-N5nWYKck.js";import"./RunData-CqDg79Fs.js";import"./NDVEmptyState-DMWlSoOG.js";import"./externalSecrets.ee.store-JZ2zh2En.js";import"./uniqBy-CvYQiCPx.js";import"./usePinnedData-bxdhY-Ce.js";import"./nodeIcon-BFJyt77y.js";import"./canvas.utils-BMxgA7cX.js";import{i as pe}from"./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"./useQuickConnect-CGSObYV3.js";import"./CredentialIcon-BKhP7Biv.js";import"./useDynamicCredentials-C74iW7Qx.js";import"./RunDataHtml-B-bE8ase.js";import"./Draggable-B_Sok8jx.js";import{t as j}from"./NodeIcon-0naEDfOR.js";import"./VirtualSchema-VZf8DCpb.js";import"./useCalloutHelpers-BtD3kQKI.js";import"./useTelemetryContext-Chv8_oZ6.js";import"./useRunWorkflow-BbbTafql.js";import"./pushConnection.store-L5aofOKN.js";import"./vue-json-pretty-CBkxkEgX.js";import"./collaboration.store-BcnGWDqh.js";import"./dateFormatter-aoRZizgK.js";import"./useExecutionHelpers-D8SD8Eej.js";import"./vue-DqU7Busn.js";import{t as me}from"./chat.store-Bg89IR0u.js";import{t as M}from"./ToolSettingsContent-CgmZ0JCj.js";var N=O(o({__name:`ToolListItem`,props:{nodeType:{},configuredNode:{},enabled:{type:Boolean},mode:{}},emits:[`toggle`,`configure`,`remove`,`add`],setup(e,{emit:a}){let o=e,l=a,p=b(),m=s(()=>o.configuredNode&&o.configuredNode.name!==o.nodeType.displayName?o.nodeType.displayName:o.nodeType.description),g=s(()=>o.configuredNode?o.configuredNode.name:o.nodeType.displayName);return(a,o)=>(t(),i(`div`,{class:f([a.$style.item,{[a.$style.configured]:e.mode===`configured`}])},[r(`div`,{class:f(a.$style.iconWrapper)},[h(j,{"node-type":e.nodeType,size:32},null,8,[`node-type`])],2),r(`div`,{class:f(a.$style.content)},[h(u(D),{class:f(a.$style.name),size:`small`,color:`text-dark`},{default:y(()=>[n(c(g.value),1)]),_:1},8,[`class`]),h(u(D),{class:f(a.$style.description),size:`small`,color:`text-light`},{default:y(()=>[n(c(m.value),1)]),_:1},8,[`class`])],2),r(`div`,{class:f(a.$style.actions)},[e.mode===`configured`?(t(),i(d,{key:0},[h(u(C),{content:u(p).baseText(`chatHub.toolsManager.configure`)},{default:y(()=>[h(u(S),{icon:`settings`,variant:`ghost`,text:``,class:f(a.$style.actionButton),onClick:o[0]||=e=>l(`configure`)},null,8,[`class`])]),_:1},8,[`content`]),h(u(C),{content:u(p).baseText(`chatHub.toolsManager.remove`)},{default:y(()=>[h(u(S),{icon:`trash-2`,variant:`ghost`,text:``,class:f(a.$style.actionButton),onClick:o[1]||=e=>l(`remove`)},null,8,[`class`])]),_:1},8,[`content`]),h(u(C),{content:e.enabled?u(p).baseText(`chatHub.toolsManager.disableTool`):u(p).baseText(`chatHub.toolsManager.enableTool`)},{default:y(()=>[h(u(T),{"model-value":e.enabled,class:f(a.$style.toggle),"onUpdate:modelValue":o[2]||=e=>l(`toggle`,!!e)},null,8,[`model-value`,`class`])]),_:1},8,[`content`])],64)):(t(),v(u(w),{key:1,variant:`subtle`,size:`small`,icon:`plus`,onClick:o[3]||=e=>l(`add`)},{default:y(()=>[n(c(u(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`}}]]),P=O(o({__name:`ToolsManagerModal`,props:{modalName:{},data:{}},setup(e){let o=e,C=s(()=>o.data.customAgentId),T=s(()=>C.value?F.customAgents[C.value]?.toolIds??[]:null),O=s(()=>{let e=j.baseText(`chatHub.toolsManager.title`);if(!C.value)return e;let t=F.customAgents[C.value]?.name;return t?`${e} (${t})`:e});function oe(e){let{inputs:t}=e;return Array.isArray(t)?t.length>0:!0}let j=b(),P=ie(),F=me(),I=re(),L=k(),R=new Map(pe.map(e=>[e.id,e.popularity])),z=a(``),B=a(``),he=ee(e=>{B.value=e},fe(le.INPUT.SEARCH));m(z,e=>{he(e)});let V=a(`list`),H=a(null),U=a([]),W=a(null),G=a(null),K=a(``),q=a(!1),J=s(()=>F.configuredTools),ge=s(()=>{let e=[...de];return ae([`global:chatUser`])&&e.push(...ce),e}),Y=s(()=>(P.visibleNodeTypesByOutputConnectionTypeNames[ue.AiTool]??[]).map(e=>P.getNodeType(e)).filter(e=>e!==null&&!ge.value.includes(e.name)&&!oe(e)).sort((e,t)=>{let n=R.get(e.name)??0;return(R.get(t.name)??0)-n})),X=s(()=>{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=s(()=>{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,j.baseText(`chatHub.error.updateToolsFailed`))}})}async function ye(e){if(await L.confirm(j.baseText(`chatHub.toolsManager.confirmRemove.message`),j.baseText(`chatHub.toolsManager.confirmRemove.title`),{confirmButtonText:j.baseText(`chatHub.toolsManager.remove`),cancelButtonText:j.baseText(`generic.cancel`)})===`confirm`)try{await F.removeConfiguredTool(e)}catch(e){I.showError(e,j.baseText(`chatHub.error.updateToolsFailed`))}}async function be(e,t){try{C.value?await F.toggleCustomAgentTool(C.value,e.definition.id):await F.toggleToolEnabled(e.definition.id,t)}catch(e){I.showError(e,j.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=se(),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,j.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(a,o)=>(t(),v(A,{name:e.modalName,width:`780px`,"show-close":V.value===`list`,"custom-class":a.$style.modal},{header:y(()=>[V.value===`list`?(t(),v(u(E),{key:0,tag:`h2`,size:`large`},{default:y(()=>[n(c(O.value),1)]),_:1})):(t(),i(`div`,{key:1,class:f(a.$style.settingsHeader)},[r(`div`,{class:f(a.$style.settingsHeaderLeft)},[h(u(S),{icon:`arrow-left`,text:``,size:`large`,variant:`ghost`,class:f(a.$style.backButton),onClick:$},null,8,[`class`]),h(u(ne),{"model-value":K.value,"max-width":350,class:f(a.$style.title),"onUpdate:modelValue":Ce},null,8,[`model-value`,`class`])],2),h(u(w),{variant:`solid`,size:`small`,disabled:!q.value,onClick:Se},{default:y(()=>[n(c(u(j).baseText(`chatHub.toolSettings.confirm`)),1)]),_:1},8,[`disabled`])],2))]),content:y(()=>[p(h(u(x),{modelValue:z.value,"onUpdate:modelValue":o[0]||=e=>z.value=e,placeholder:u(j).baseText(`chatHub.toolsManager.searchPlaceholder`),clearable:``,class:f(a.$style.searchInput)},{prefix:y(()=>[h(u(te),{icon:`search`})]),_:1},8,[`modelValue`,`placeholder`,`class`]),[[g,V.value===`list`]]),p(r(`div`,{"data-tools-manager-modal":``,class:f(a.$style.listWrapper)},[X.value.length>0?(t(),i(`div`,{key:0,class:f(a.$style.section)},[h(u(E),{size:`small`,color:`text-light`,tag:`h3`},{default:y(()=>[n(c(u(j).baseText(`chatHub.toolsManager.configuredTools`,{interpolate:{count:J.value.length}})),1)]),_:1}),r(`div`,{class:f(a.$style.toolsList)},[(t(!0),i(d,null,_(X.value,e=>(t(),v(N,{key:e.definition.id,"node-type":_e(e),"configured-node":e.definition,enabled:T.value?T.value.includes(e.definition.id):e.enabled,mode:`configured`,onConfigure:t=>ve(e),onRemove:t=>ye(e.definition.id),onToggle:t=>be(e,t)},null,8,[`node-type`,`configured-node`,`enabled`,`onConfigure`,`onRemove`,`onToggle`]))),128))],2)],2)):l(``,!0),Z.value.length>0?(t(),i(`div`,{key:1,class:f(a.$style.section)},[h(u(E),{size:`small`,color:`text-light`,tag:`h3`},{default:y(()=>[n(c(u(j).baseText(`chatHub.toolsManager.availableTools`,{interpolate:{count:Y.value.length}})),1)]),_:1}),r(`div`,{class:f(a.$style.toolsList)},[(t(!0),i(d,null,_(Z.value,e=>(t(),v(N,{key:e.name,"node-type":e,mode:`available`,onAdd:t=>xe(e)},null,8,[`node-type`,`onAdd`]))),128))],2)],2)):l(``,!0),X.value.length===0&&Z.value.length===0?(t(),i(`div`,{key:2,class:f(a.$style.emptyState)},[h(u(D),{color:`text-light`},{default:y(()=>[n(c(u(j).baseText(`chatHub.toolsManager.noResults`)),1)]),_:1})],2)):l(``,!0)],2),[[g,V.value===`list`]]),V.value===`settings`&&H.value?(t(),i(`div`,{key:0,class:f(a.$style.settingsWrapper)},[h(M,{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)):l(``,!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{P as default};
//# sourceMappingURL=ToolsManagerModal-BfZ-EkGr.js.map