n8n-editor-ui/dist/assets/ToolsManagerModal-legacy-DG8bc5eG.js

Workflow Editor UI for n8n

!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.16.1"}}catch(e){}}(),System.register(["./chunk-legacy-Dz3fjYb5.js","./vue.runtime.esm-bundler-legacy-BW6xDdqj.js","./core-legacy-VD8c7QJ-.js","./src-legacy-B67uuxhB.js","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./users.store-legacy-azRUgFdP.js","./constants-legacy-2_ytuuS3.js","./Modal-legacy-myZZZK6d.js","./canvas.eventBus-legacy-DR7gyyyi.js","./NodeIcon-legacy-CCBkNBDS.js","./chat.store-legacy-BnVb-kpz.js","./ToolSettingsContent-legacy-CyPTvytq.js"],(function(e,t){var n,a,l,o,i,s,c,r,u,d,g,p,f,_,v,m,y,h,b,w,x,T,k,$,H,C,N,M,L,j,I,E,W,B,S,A,z,R,U,V,D,F,P,J,G,O,Q,X,Y,Z;return{setters:[function(e){e.o},function(e){n=e.$,a=e.A,l=e.C,o=e.E,i=e.Ft,s=e.N,c=e.S,r=e.Sn,u=e.T,d=e.Wt,g=e._,p=e._n,f=e.bt,_=e.gt,v=e.j,m=e.p,y=e.rt,h=e.w,b=e.yt},function(e){w=e.J,x=e.at},function(e){T=e.Di,k=e.It,$=e.Ji,H=e.Mi,C=e.Qi,N=e.Xi,M=e.Zi,L=e.h,j=e.ji},function(e){I=e.t},function(e){E=e.Ln,W=e.Pn,B=e.hi,S=e.w},function(e){A=e.Eo,z=e.Gr,R=e.Wr,U=e.cl,V=e.el,D=e.eo,e.ys},function(e){F=e.t},function(e){P=e.i},function(e){J=e.t},function(e){G=e.t},function(e){O=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:{},(q=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[q]="e39aba58-0282-4e70-9102-75f1277f7264",t._sentryDebugIdIdentifier="sentry-dbid-e39aba58-0282-4e70-9102-75f1277f7264")}catch(t){}var t,q;X=s({__name:"ToolListItem",props:{nodeType:{},configuredNode:{},enabled:{type:Boolean},mode:{}},emits:["toggle","configure","remove","add"],setup(e,{emit:t}){const i=e,s=t,u=x(),f=c((()=>i.configuredNode&&i.configuredNode.name!==i.nodeType.displayName?i.nodeType.displayName:i.nodeType.description)),_=c((()=>i.configuredNode?i.configuredNode.name:i.nodeType.displayName));return(t,i)=>(n(),o("div",{class:p([t.$style.item,{[t.$style.configured]:"configured"===e.mode}])},[l("div",{class:p(t.$style.iconWrapper)},[v(J,{"node-type":e.nodeType,size:32},null,8,["node-type"])],2),l("div",{class:p(t.$style.content)},[v(d(N),{class:p(t.$style.name),size:"small",color:"text-dark"},{default:b((()=>[a(r(_.value),1)])),_:1},8,["class"]),v(d(N),{class:p(t.$style.description),size:"small",color:"text-light"},{default:b((()=>[a(r(f.value),1)])),_:1},8,["class"])],2),l("div",{class:p(t.$style.actions)},["configured"===e.mode?(n(),o(g,{key:0},[v(d(T),{content:d(u).baseText("chatHub.toolsManager.configure")},{default:b((()=>[v(d(H),{icon:"settings",variant:"ghost",text:"",class:p(t.$style.actionButton),onClick:i[0]||(i[0]=e=>s("configure"))},null,8,["class"])])),_:1},8,["content"]),v(d(T),{content:d(u).baseText("chatHub.toolsManager.remove")},{default:b((()=>[v(d(H),{icon:"trash-2",variant:"ghost",text:"",class:p(t.$style.actionButton),onClick:i[1]||(i[1]=e=>s("remove"))},null,8,["class"])])),_:1},8,["content"]),v(d(T),{content:e.enabled?d(u).baseText("chatHub.toolsManager.disableTool"):d(u).baseText("chatHub.toolsManager.enableTool")},{default:b((()=>[v(d(k),{"model-value":e.enabled,class:p(t.$style.toggle),"onUpdate:modelValue":i[2]||(i[2]=e=>s("toggle",Boolean(e)))},null,8,["model-value","class"])])),_:1},8,["content"])],64)):(n(),h(d(M),{key:1,variant:"subtle",size:"small",icon:"plus",onClick:i[3]||(i[3]=e=>s("add"))},{default:b((()=>[a(r(d(u).baseText("chatHub.toolsManager.add")),1)])),_:1}))],2)],2))}}),Y=I(X,[["__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"}}]]),Z=s({__name:"ToolsManagerModal",props:{modalName:{},data:{}},setup(e){const t=e,s=c((()=>t.data.customAgentId)),T=c((()=>s.value?Q.customAgents[s.value]?.toolIds??[]:null)),k=c((()=>{const e=I.baseText("chatHub.toolsManager.title");if(!s.value)return e;const t=Q.customAgents[s.value]?.name;return t?`${e} (${t})`:e})),I=x(),J=S(),Q=G(),X=W(),Z=E(),q=new Map(P.map((e=>[e.id,e.popularity]))),K=i(""),ee=i(""),te=w((e=>{ee.value=e}),U(V.INPUT.SEARCH));_(K,(e=>{te(e)}));const ne=i("list"),ae=i(null),le=i([]),oe=i(null),ie=i(null),se=i(""),ce=i(!1),re=c((()=>Q.configuredTools)),ue=c((()=>{const e=[...R];return B(["global:chatUser"])&&e.push(...z),e})),de=c((()=>(J.visibleNodeTypesByOutputConnectionTypeNames[D.AiTool]??[]).map((e=>J.getNodeType(e))).filter((e=>null!==e&&!ue.value.includes(e.name)&&!function(e){const{inputs:t}=e;return!Array.isArray(t)||t.length>0}(e))).sort(((e,t)=>{const n=q.get(e.name)??0;return(q.get(t.name)??0)-n})))),ge=c((()=>{if(!ee.value)return re.value;const e=ee.value.toLowerCase();return re.value.filter((t=>{const n=t.definition,a=J.getNodeType(n.type,n.typeVersion),l=n.name.toLowerCase().includes(e),o=a?.displayName.toLowerCase().includes(e);return l||o}))})),pe=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 fe(e){return J.getNodeType(e.definition.type,e.definition.typeVersion)}function _e(e,t,n){ae.value=e,le.value=t,oe.value=n,se.value=e.name,ce.value=!1,ne.value="settings"}function ve(){ne.value="list",ae.value=null,le.value=[],oe.value=null,se.value="",ce.value=!1}function me(){const e=ie.value?.node;e&&oe.value&&(oe.value(e),ve())}function ye(e){ie.value?.handleChangeName(e)}return(t,i)=>(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($),{key:0,tag:"h2",size:"large"},{default:b((()=>[a(r(k.value),1)])),_:1})):(n(),o("div",{key:1,class:p(t.$style.settingsHeader)},[l("div",{class:p(t.$style.settingsHeaderLeft)},[v(d(H),{icon:"arrow-left",text:"",size:"large",variant:"ghost",class:p(t.$style.backButton),onClick:ve},null,8,["class"]),v(d(L),{"model-value":se.value,"max-width":350,class:p(t.$style.title),"onUpdate:modelValue":ye},null,8,["model-value","class"])],2),v(d(M),{variant:"solid",size:"small",disabled:!ce.value,onClick:me},{default:b((()=>[a(r(d(I).baseText("chatHub.toolSettings.confirm")),1)])),_:1},8,["disabled"])],2))])),content:b((()=>[f(v(d(j),{modelValue:K.value,"onUpdate:modelValue":i[0]||(i[0]=e=>K.value=e),placeholder:d(I).baseText("chatHub.toolsManager.searchPlaceholder"),clearable:"",class:p(t.$style.searchInput)},{prefix:b((()=>[v(d(C),{icon:"search"})])),_:1},8,["modelValue","placeholder","class"]),[[m,"list"===ne.value]]),f(l("div",{"data-tools-manager-modal":"",class:p(t.$style.listWrapper)},[ge.value.length>0?(n(),o("div",{key:0,class:p(t.$style.section)},[v(d($),{size:"small",color:"text-light",tag:"h3"},{default:b((()=>[a(r(d(I).baseText("chatHub.toolsManager.configuredTools",{interpolate:{count:re.value.length}})),1)])),_:1}),l("div",{class:p(t.$style.toolsList)},[(n(!0),o(g,null,y(ge.value,(e=>(n(),h(Y,{key:e.definition.id,"node-type":fe(e),"configured-node":e.definition,enabled:T.value?T.value.includes(e.definition.id):e.enabled,mode:"configured",onConfigure:t=>function(e){const t=re.value.filter((t=>t.definition.id!==e.definition.id)).map((e=>e.definition.name));_e({...e.definition},t,(async t=>{try{await Q.updateConfiguredTool(e.definition.id,t)}catch(n){X.showError(n,I.baseText("chatHub.error.updateToolsFailed"))}}))}(e),onRemove:t=>async function(e){if("confirm"===await Z.confirm(I.baseText("chatHub.toolsManager.confirmRemove.message"),I.baseText("chatHub.toolsManager.confirmRemove.title"),{confirmButtonText:I.baseText("chatHub.toolsManager.remove"),cancelButtonText:I.baseText("generic.cancel")}))try{await Q.removeConfiguredTool(e)}catch(t){X.showError(t,I.baseText("chatHub.error.updateToolsFailed"))}}(e.definition.id),onToggle:t=>async function(e,t){try{s.value?await Q.toggleCustomAgentTool(s.value,e.definition.id):await Q.toggleToolEnabled(e.definition.id,t)}catch(n){X.showError(n,I.baseText("chatHub.error.updateToolsFailed"))}}(e,t)},null,8,["node-type","configured-node","enabled","onConfigure","onRemove","onToggle"])))),128))],2)],2)):u("",!0),pe.value.length>0?(n(),o("div",{key:1,class:p(t.$style.section)},[v(d($),{size:"small",color:"text-light",tag:"h3"},{default:b((()=>[a(r(d(I).baseText("chatHub.toolsManager.availableTools",{interpolate:{count:de.value.length}})),1)])),_:1}),l("div",{class:p(t.$style.toolsList)},[(n(!0),o(g,null,y(pe.value,(e=>(n(),h(Y,{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=A(),a=re.value.map((e=>e.definition.name));_e({type:e.name,typeVersion:t,parameters:{},id:n,name:e.displayName,position:[0,0]},a,(async e=>{try{await Q.addConfiguredTool(e)}catch(t){X.showError(t,I.baseText("chatHub.error.updateToolsFailed"))}}))}(e)},null,8,["node-type","onAdd"])))),128))],2)],2)):u("",!0),0===ge.value.length&&0===pe.value.length?(n(),o("div",{key:2,class:p(t.$style.emptyState)},[v(d(N),{color:"text-light"},{default:b((()=>[a(r(d(I).baseText("chatHub.toolsManager.noResults")),1)])),_:1})],2)):u("",!0)],2),[[m,"list"===ne.value]]),"settings"===ne.value&&ae.value?(n(),o("div",{key:0,class:p(t.$style.settingsWrapper)},[v(O,{ref_key:"settingsContentRef",ref:ie,"initial-node":ae.value,"existing-tool-names":le.value,"onUpdate:valid":i[1]||(i[1]=e=>ce.value=e),"onUpdate:nodeName":i[2]||(i[2]=e=>se.value=e)},null,8,["initial-node","existing-tool-names"])],2)):u("",!0)])),_:1},8,["name","show-close","custom-class"]))}}),e("default",I(Z,[["__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-DG8bc5eG.js.map