n8n-editor-ui
Version:
Workflow Editor UI for n8n
2 lines • 11.6 kB
JavaScript
!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(["./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./users.store-legacy-OKuN0qAC.js","./constants-legacy-DNCca_FT.js","./dist-legacy-IcqF43vi.js","./constants-legacy-iKNx7WD2.js","./chat.store-legacy-pzWGyzhB.js","./ChatAgentAvatar-legacy-CvUQTvDe.js"],(function(e,t){var n,a,l,i,o,s,d,r,c,u,p,g,m,f,v,_,b,h,y,w,x,A,C,I,M,T,k,$,j,z,L,S,H,B,E,N,W,D,R,P,F,V,Q,U,Y,Z,q,G,J,K,O,X,ee,te;function ne(e,t,n=!1){if(function(e){const t=e.id;return!!(t.endsWith("::configure")||t.endsWith("::add-model")||t.endsWith("::error")||t.endsWith("::loading"))||!!e.disabled||!e.data?.provider}(e))return null;if(!t||n)return e;const a=function(e,t){return!t||(e.data?.fullName??e.label??"").toLowerCase().includes(t)}(e,t),l=e.children??[],i=l.flatMap((e=>{const n=ne(e,t,a);return n?[n]:[]}));return a||i.length>0?l.length>0&&0===i.length?null:{...e,children:i}:null}function ae(e,t){return{id:J(e.model),icon:e.icon??t??void 0,label:A(e.name,45),disabled:!1,data:{provider:e.model.provider,description:e.description??void 0,fullName:e.name}}}function le(e,t){const n=new Map;for(const a of e){const e=a.groupName??"",t=n.get(e)??[];n.set(e,[...t,a])}return n.size<2?e.map((e=>ae(e,V))):[...n].map((([e,n])=>({id:`n8n-project-${e}`,label:""===e?t.baseText("chatHub.models.selector.personalProject"):e,icon:n[0]?.groupIcon??V,data:{provider:"n8n"},children:n.map((e=>ae(e,V)))})))}function ie(e,{models:t,error:n},a){const{settings:l,i18n:i,isLoading:o,credentials:s}=a,d=l[e];if(!1===d?.enabled)return null;const r={id:`${e}::configure`,icon:{type:"icon",value:"settings"},label:i.baseText("chatHub.agent.configureCredentials"),disabled:!1};if(o)return{id:e,label:F[e],data:{provider:e},children:[r,{id:`${e}::loading`,label:i.baseText("generic.loadingEllipsis"),disabled:!0,divided:!0}]};const c=[...t,...(d?.allowedModels??[]).flatMap((t=>t.isManual?[Q({provider:e,model:t.model},{name:t.displayName})]:[]))].toSorted(((e,t)=>(t.metadata.priority??0)-(e.metadata.priority??0))),u=c.length>0?c.flatMap(((e,t)=>{if(d&&!Z(d,e.model))return[];const n=ae(e);return[0===t?{...n,divided:!0}:n]})).filter(((e,t,n)=>n.findIndex((t=>t.id===e.id))===t)):n?[{id:`${e}::error`,divided:!0,disabled:!0,label:n}]:[],p=[r,...u,...(u.length>0||s?.[e])&&0===d?.allowedModels.length?[{id:`${e}::add-model`,icon:{type:"icon",value:"plus"},label:i.baseText("chatHub.agent.addModel"),disabled:!1,divided:!0}]:[]];return{id:e,data:{provider:e},label:F[e],children:p}}function oe(e,t){const n=e.children??[],a=[...t,e.label];return 0===n.length?[{...e,divided:!1,data:e.data?{...e.data,parts:a}:void 0}]:n.flatMap((e=>oe(e,a)))}function se(e,t,n){return t?e.reduce(((e,a)=>{const l=ne(a,t);if(!l)return e;const i=oe(l,[]),o=Math.max(0,10-e.length),s=l.data?.provider,d=s?F[s]:"";if(e.push(...i.slice(0,o)),i.length>o){const t=o>0?n.baseText("chatHub.models.selector.moreModels",{interpolate:{providerName:d}}):l.label,a=i.slice(o).map((e=>({...e,label:A(e.data?.fullName??"",45),data:e.data?{...e.data,parts:void 0}:void 0})));e.push({...l,divided:!1,label:t,children:a})}return e}),[]):e}function de(e,t){const n=[],a=function(e,{isLoading:t,i18n:n,includeCustomAgents:a}){if(!a)return null;const l=t?[]:e.map((e=>ae(e,K)));return{id:"custom-agent",label:n.baseText("chatHub.agent.personalAgents"),icon:K,data:{provider:"custom-agent"},children:[...t?[{id:"custom-agent::loading",label:n.baseText("generic.loadingEllipsis"),disabled:!0}]:l,{id:D,icon:{type:"icon",value:"plus"},label:n.baseText("chatHub.agent.newAgent"),disabled:!1,divided:t||l.length>0}]}}(e["custom-agent"].models,t),l=function(e,{includeCustomAgents:t,i18n:n,isLoading:a}){if(!t)return null;const l=n.baseText("chatHub.workflowAgents.empty.noAgents"),i=n.baseText("generic.loadingEllipsis");return{id:"n8n",label:n.baseText("chatHub.agent.workflowAgents"),icon:V,data:{provider:"n8n"},children:a?[{id:"n8n::loading",label:i,disabled:!0}]:0===e.length?[{id:"n8n::no-agents",label:l,disabled:!0}]:le(e,n)}}(e.n8n.models,t);a&&n.push(a),l&&n.push(l);const i=E.options.toSorted(((e,t)=>(W.includes(e)?1:-1)-(W.includes(t)?1:-1)));let o=!1;for(const s of i){const a=ie(s,e[s],t);a&&(n.push(o?a:{...a,divided:!0}),o=!0)}return n}return e("t",(function(e){const t=q(),n=o(!1),a=r((()=>s(e))),l=r((()=>{if(a.value)return t.customAgents[a.value]}));return f(a,(async e=>{if(e)try{n.value=!0,await t.fetchCustomAgent(e)}finally{n.value=!1}}),{immediate:!0}),{isLoading:n,customAgent:l}})),{setters:[function(e){n=e.$,a=e.A,l=e.C,i=e.E,o=e.Ft,s=e.Ht,d=e.N,r=e.S,c=e.Sn,u=e.T,p=e.Wt,g=e._,m=e._n,f=e.gt,v=e.j,_=e.pt,b=e.rt,h=e.w,y=e.yt},function(e){w=e.bt},function(e){x=e.$i,A=e.Bi,C=e.Mi,I=e.Qi,M=e.Zi,T=e.n},function(e){k=e.t},function(e){$=e.As,j=e.Ft,z=e.at,L=e.en,S=e.r},function(e){H=e.is,B=e.li,E=e.pi},function(e){N=e.n},function(e){W=e.d,e.f,D=e.g,R=e.i,e.m,e.p,P=e.r,F=e.y},function(e){V=e.C,Q=e.a,U=e.g,Y=e.l,Z=e.p,q=e.t,G=e.u,J=e.x,K=e.y},function(e){O=e.t}],execute:function(){(X=document.createElement("style")).textContent="._component_wt5tl_125{z-index:var(--floating-ui--z);width:auto!important}._dropdownButton_wt5tl_130{align-items:center;gap:var(--spacing--xs);width:fit-content;padding-block:var(--spacing--2xs);display:flex;height:unset!important;text-decoration:none!important}._credentialsMissingIcon_wt5tl_141{margin-bottom:-1px;display:inline-block}._selected_wt5tl_146{align-items:start;gap:var(--spacing--4xs);flex-direction:column;display:flex}._icon_wt5tl_153{flex-shrink:0;margin-top:-4px;margin-bottom:-4px}._infoIcon_wt5tl_158,._menuIcon_wt5tl_159{flex-shrink:0}._infoIcon_wt5tl_158{margin-inline:var(--spacing--5xs)}._avatarIcon_wt5tl_167{margin-right:var(--spacing--2xs)}._tooltip_wt5tl_171{z-index:1000999!important}._flattenedLabel_wt5tl_176{align-items:center;gap:var(--spacing--4xs);white-space:nowrap;flex-grow:1;display:flex;overflow:hidden}._separator_wt5tl_185{flex-shrink:0;align-items:center;display:inline-flex}\n/*$vite$:1*/",document.head.appendChild(X);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(s=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[s]="e8aa2c44-3e22-4fcc-8970-3b0fc777ea6e",t._sentryDebugIdIdentifier="sentry-dbid-e8aa2c44-3e22-4fcc-8970-3b0fc777ea6e")}catch(t){}var t,s;ee=d({__name:"ChatProviderAvatar",props:{provider:{},icon:{}},setup(e){const t=r((()=>Q("n8n"===e.provider?{provider:"n8n",workflowId:""}:"custom-agent"===e.provider?{provider:"custom-agent",agentId:""}:{provider:e.provider,model:""},{icon:e.icon})));return(e,a)=>(n(),h(O,{agent:t.value,size:"sm"},null,8,["agent"]))}}),te=d({__name:"ModelSelector",props:{selectedAgent:{},includeCustomAgents:{type:Boolean,default:!0},credentials:{},text:{type:Boolean},warnMissingCredentials:{type:Boolean,default:!1},agents:{},isLoading:{type:Boolean}},emits:["change","createCustomAgent","selectCredential"],setup(e,{expose:t,emit:s}){const d=s;function f(e,t){d("change",{provider:e,model:t})}const A=w(),k=_("dropdownRef"),E=S(),W=$(),D=z(),V=j(),Q=L(),Z=o(""),q=r((()=>e.selectedAgent?D.getCredentialById(e.credentials?.[e.selectedAgent.model.provider]??"")?.name:void 0)),J=r((()=>U(e.selectedAgent?.model))),K=r((()=>e.warnMissingCredentials&&J.value&&e.selectedAgent?.model.provider&&!e.credentials?.[e.selectedAgent?.model.provider])),X=r((()=>de(e.agents,{includeCustomAgents:e.includeCustomAgents,isLoading:e.isLoading,i18n:A,settings:W.moduleSettings?.["chat-hub"]?.providers??{},credentials:e.credentials}))),te=r((()=>se(X.value,Z.value,A))),ne=r((()=>e.selectedAgent?.name??A.baseText("chatHub.models.selector.defaultLabel"))),ae=r((()=>H(V.personalProject?.scopes).credential.create));function le(t){const n=B[t];0===D.getCredentialsByType(n).length&&ae.value?E.openNewCredential(n):E.openModalWithData({name:P,data:{credentialType:n,displayName:F[t],initialValue:e.credentials?.[t]??null,onSelect:e=>function(e,t){d("selectCredential",e,t)}(t,e)}})}function ie(e){if("agent::new"===e)return void d("createCustomAgent");const[,t]=e.split("::"),n=G(e);if(n)if("configure"===t&&U(n))le(n.provider);else{if("add-model"===t&&U(n))return a=n.provider,void E.openModalWithData({name:R,data:{provider:a,initialValue:null,onSelect:f}});var a;Q.track("User selected model or agent",{...Y(n),is_custom:"custom-agent"===n.provider}),d("change",n)}}function oe(e){Z.value=e.toLowerCase()}return t({open:()=>k.value?.open(),openCredentialSelector:e=>le(e)}),(t,o)=>(n(),h(p(T),{ref_key:"dropdownRef",ref:k,items:te.value,teleported:"",placement:"bottom-start","extra-popper-class":[t.$style.component,Z.value?t.$style.searching:""].join(" "),searchable:"",emptyText:Z.value?p(A).baseText("chatHub.models.selector.noMatch"):void 0,onSearch:oe,onSelect:ie},{trigger:y((()=>[v(p(I),{variant:e.text?"ghost":"subtle",class:m(t.$style.dropdownButton),text:e.text,"data-test-id":"chat-model-selector"},{default:y((()=>[v(O,{agent:e.selectedAgent,size:q.value||!J.value?"md":"sm",class:m(t.$style.icon)},null,8,["agent","size","class"]),l("div",{class:m(t.$style.selected)},[l("div",null,c(p(N)(ne.value,p(30))),1),q.value?(n(),h(p(M),{key:0,size:"xsmall",color:"text-light"},{default:y((()=>[a(c(p(N)(q.value,p(30))),1)])),_:1})):K.value?(n(),h(p(M),{key:1,size:"xsmall",color:"danger"},{default:y((()=>[v(p(x),{icon:"node-validation-error",size:"xsmall",class:m(t.$style.credentialsMissingIcon)},null,8,["class"]),a(" "+c(p(A).baseText("chatHub.agent.credentialsMissing")),1)])),_:1})):u("",!0)],2),v(p(x),{icon:"chevron-down",size:"medium"})])),_:1},8,["variant","class","text"])])),"item-leading":y((({item:e})=>[e.data?.provider?(n(),h(ee,{key:0,provider:e.data?.provider,icon:e.icon,class:m(t.$style.menuIcon)},null,8,["provider","icon","class"])):u("",!0)])),"item-label":y((({item:e,ui:l})=>[e.data?.parts?(n(),i("div",{key:0,class:m([t.$style.flattenedLabel,l.class])},[(n(!0),i(g,null,b(e.data.parts,((l,o)=>(n(),i(g,{key:o},[o>0?(n(),h(p(M),{key:0,color:"text-light",class:m(t.$style.separator)},{default:y((()=>[v(p(x),{icon:"chevron-right",size:"small"})])),_:1},8,["class"])):u("",!0),v(p(M),{size:"medium",color:o===e.data.parts.length-1?"text-dark":"text-base"},{default:y((()=>[a(c(l),1)])),_:2},1032,["color"])],64)))),128))],2)):(n(),h(p(M),{key:1,class:m(l.class),size:"medium",color:"text-dark"},{default:y((()=>[a(c(e.label),1)])),_:2},1032,["class"]))])),"item-trailing":y((({item:e,ui:a})=>[e.data?.description?(n(),h(p(C),{key:0,content:p(N)(e.data.description,200,0),class:m(a.class),"content-class":t.$style.tooltip,placement:"right"},{default:y((()=>[v(p(x),{icon:"info",size:"medium",color:"text-light",class:m(t.$style.infoIcon)},null,8,["class"])])),_:1},8,["content","class","content-class"])):u("",!0)])),_:1},8,["items","extra-popper-class","emptyText"]))}}),e("n",k(te,[["__cssModules",{$style:{component:"_component_wt5tl_125",dropdownButton:"_dropdownButton_wt5tl_130",credentialsMissingIcon:"_credentialsMissingIcon_wt5tl_141",selected:"_selected_wt5tl_146",icon:"_icon_wt5tl_153",infoIcon:"_infoIcon_wt5tl_158",menuIcon:"_menuIcon_wt5tl_159",avatarIcon:"_avatarIcon_wt5tl_167",tooltip:"_tooltip_wt5tl_171",flattenedLabel:"_flattenedLabel_wt5tl_176",separator:"_separator_wt5tl_185"}}]]))}}}));
//# sourceMappingURL=useCustomAgent-legacy-CKHRWL9T.js.map