n8n-editor-ui/dist/assets/ToolsSelector-C3Jxpxix.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]=`81ca1f6b-3e4e-40d4-adf9-dfd23fdb97ad`,e._sentryDebugIdIdentifier=`sentry-dbid-81ca1f6b-3e4e-40d4-adf9-dfd23fdb97ad`)})()}catch{}import{$ as e,A as t,E as n,Ft as r,Ht as i,N as a,S as o,Sn as s,T as c,Wt as l,X as u,_ as d,_n as f,h as p,j as m,pt as h,rt as g,w as _,yn as v,yt as y}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as b}from"./_MapCache-CUJwh2qp.js";import{$i as x,Ii as S,Mi as C,Qi as w,n as T}from"./src-wni2AGA3.js";import{t as E}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import{r as D,w as O}from"./users.store-BHWXXawf.js";import{t as k}from"./NodeIcon-0naEDfOR.js";import{_ as A,v as j}from"./constants-B7scOakb.js";import{t as M}from"./chat.store-Bg89IR0u.js";function N(e,t,n){let a=r(!1),o=r(!1);function s(t){if(i(e)&&t.dataTransfer?.types.includes(`Files`)){a.value=!0;let e=i(n);if(e&&t.dataTransfer.items){let n=Array.from(t.dataTransfer.items).filter(e=>e.kind===`file`);o.value=n.length>0&&n.every(t=>t.type!==``&&!e.includes(t.type))}}}function c(t){if(!i(e))return;let n=t.currentTarget,r=t.relatedTarget;r&&n.contains(r)||(a.value=!1,o.value=!1)}function l(t){i(e)&&(t.preventDefault(),t.stopPropagation())}function u(n){if(n.preventDefault(),n.stopPropagation(),a.value=!1,o.value=!1,!i(e))return;let r=n.dataTransfer?.files;!r||r.length===0||t(Array.from(r))}function d(n){if(!i(e))return;let r=n.clipboardData?.items;if(!r)return;let a=!1,o=[];for(let e of Array.from(r))if(e.kind===`file`){let t=e.getAsFile();t&&(o.push(t),a=!0)}a&&(n.preventDefault(),t(o))}return{isDragging:a,isDraggingUnsupported:o,handleDragEnter:s,handleDragLeave:c,handleDragOver:l,handleDrop:u,handlePaste:d}}var P=`action::create-new`,F=E(a({__name:`ToolsSelector`,props:{disabled:{type:Boolean},checkedToolIds:{},customAgentId:{},disabledTooltip:{}},emits:[`toggle`],setup(i,{emit:a}){let E=i,N=a,F=O(),I=D(),L=M(),R=b(),z=h(`dropdownMenu`),B=r(``),V=o(()=>new Set(E.checkedToolIds)),H=o(()=>E.checkedToolIds.length),U=o(()=>{let e=H.value>3?2:3;return L.configuredTools.filter(e=>V.value.has(e.definition.id)).slice(0,e).map(e=>F.getNodeType(e.definition.type,e.definition.typeVersion)).filter(Boolean)}),W=o(()=>H.value>3?H.value-2:0),G=o(()=>{if(H.value===1){let e=E.checkedToolIds[0],t=L.configuredTools.find(t=>t.definition.id===e);if(t)return t.definition.name}return H.value>1?R.baseText(`chatHub.tools.selector.label.count`,{adjustToNumber:H.value}):R.baseText(`chatHub.tools.selector.label.default`)});function K(){z.value?.close(),I.openModalWithData({name:A,data:{tools:L.configuredTools.filter(e=>V.value.has(e.definition.id)).map(e=>e.definition),onConfirm:()=>{},customAgentId:E.customAgentId}})}function q(e){z.value?.close();let t=e.data?.tool;if(!t)return;let n=L.configuredTools.filter(e=>e.definition.id!==t.id).map(e=>e.definition.name);I.openModalWithData({name:j,data:{node:{...t},existingToolNames:n,onConfirm:async e=>{await L.updateConfiguredTool(t.id,e)}}})}let J=o(()=>{let e=B.value.toLowerCase(),t=L.configuredTools.filter(t=>{if(!e)return!0;let n=t.definition,r=F.getNodeType(n.type,n.typeVersion),i=n.name.toLowerCase().includes(e),a=r?.displayName.toLowerCase().includes(e);return i||a}).map(e=>({id:`tool::${e.definition.id}`,label:e.definition.name,checked:V.value.has(e.definition.id),data:{nodeType:F.getNodeType(e.definition.type,e.definition.typeVersion),tool:e.definition}}));return t.push({id:P,label:R.baseText(`chatHub.tools.selector.createNew`),icon:{type:`icon`,value:`plus`},divided:!0}),t});function Y(e){if(e===P){K();return}let[t,n]=e.split(`::`);t===`tool`&&N(`toggle`,n)}function X(e){B.value=e}return u(async()=>{await F.loadNodeTypesIfNotLoaded()}),(r,a)=>(e(),n(`div`,{class:f(r.$style.container)},[l(L).configuredTools.length===0?(e(),_(l(C),{key:0,content:i.disabledTooltip,disabled:!i.disabledTooltip||!i.disabled,placement:`bottom`},{default:y(()=>[m(l(w),{variant:`subtle`,"native-type":`button`,class:f(r.$style.toolsButton),disabled:i.disabled,icon:`plus`,"data-test-id":`chat-tools-button`,onClick:K},{default:y(()=>[t(s(G.value),1)]),_:1},8,[`class`,`disabled`])]),_:1},8,[`content`,`disabled`])):(e(),_(l(C),{key:1,content:i.disabledTooltip,disabled:!i.disabledTooltip||!i.disabled,placement:`bottom`},{default:y(()=>[m(l(T),{ref:`dropdownMenu`,items:J.value,placement:`top-start`,"extra-popper-class":`tools-selector-dropdown`,searchable:``,"search-placeholder":l(R).baseText(`chatHub.toolsManager.searchPlaceholder`),"empty-text":l(R).baseText(`chatHub.toolsManager.noResults`),onSelect:Y,onSearch:X},{trigger:y(()=>[m(l(w),{variant:`subtle`,"native-type":`button`,disabled:i.disabled,icon:H.value===0?`plus`:void 0,"data-test-id":`chat-tools-button`},{default:y(()=>[H.value>0?(e(),n(`span`,{key:0,class:f(r.$style.iconStack)},[(e(!0),n(d,null,g(U.value,(t,n)=>(e(),_(k,{key:`${t?.name}-${n}`,style:v({zIndex:n+1}),"node-type":t,class:f([r.$style.icon,{[r.$style.iconOverlap]:n!==0}]),circle:!0,size:12},null,8,[`style`,`node-type`,`class`]))),128)),W.value>0?(e(),n(`span`,{key:0,class:f([r.$style.icon,r.$style.iconOverlap,r.$style.countBadge])},` +`+s(W.value),3)):c(``,!0)],2)):c(``,!0),t(` `+s(G.value),1)]),_:1},8,[`disabled`,`icon`])]),"search-prefix":y(()=>[m(l(x),{icon:`search`})]),"search-suffix":y(()=>[m(l(S),{icon:`settings`,variant:`ghost`,size:`medium`,text:``,class:f(r.$style.settingsButton),onClick:p(K,[`stop`])},null,8,[`class`])]),"item-leading":y(({item:t})=>[t.data?.nodeType?(e(),_(k,{key:0,"node-type":t.data.nodeType,size:16},null,8,[`node-type`])):t.icon?.type===`icon`?(e(),_(l(x),{key:1,icon:t.icon.value,size:`large`},null,8,[`icon`])):c(``,!0)]),"item-trailing":y(({item:t})=>[t.id===P?c(``,!0):(e(),n(d,{key:0},[m(l(S),{icon:`settings`,variant:`ghost`,size:`medium`,text:``,class:f(r.$style.itemSettingsButton),onClick:p(e=>q(t),[`stop`])},null,8,[`class`,`onClick`]),t.checked?c(``,!0):(e(),n(`span`,{key:0,class:f(r.$style.checkPlaceholder)},null,2))],64))]),_:1},8,[`items`,`search-placeholder`,`empty-text`])]),_:1},8,[`content`,`disabled`]))],2))}}),[[`__cssModules`,{$style:{container:`_container_i8oeh_125`,toolsButton:`_toolsButton_i8oeh_130`,transparentBg:`_transparentBg_i8oeh_135`,iconStack:`_iconStack_i8oeh_139`,icon:`_icon_i8oeh_139`,iconOverlap:`_iconOverlap_i8oeh_154`,countBadge:`_countBadge_i8oeh_158`,settingsButton:`_settingsButton_i8oeh_171`,itemSettingsButton:`_itemSettingsButton_i8oeh_179`,checkPlaceholder:`_checkPlaceholder_i8oeh_183`}}]]);export{N as n,F as t};
//# sourceMappingURL=ToolsSelector-C3Jxpxix.js.map