UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 11.7 kB
!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(["./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","./settings.store-legacy-I6rZOvfF.js","./dist-legacy-DjUlvlIe.js","./constants-legacy-Bi9z6I7b.js","./chat.store-legacy-BnVb-kpz.js","./fileUtils-legacy-Dp16LI9C.js","./ChatAgentAvatar-legacy-ZLBSRRfK.js"],(function(e,t){var n,a,l,i,o,s,d,r,c,u,p,g,m,f,v,_,h,b,y,w,x,A,I,C,T,M,k,$,j,z,L,S,H,B,E,N,D,W,P,R,U,V,X,q,F,K,Q,Y,Z,G,J,O,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:G(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,X))):[...n].map((([e,n])=>({id:`n8n-project-${e}`,label:""===e?t.baseText("chatHub.models.selector.personalProject"):e,icon:n[0]?.groupIcon??X,data:{provider:"n8n"},children:n.map((e=>ae(e,X)))})))}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:W[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?[F({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&&!Q(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:W[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?W[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,q)));return{id:"custom-agent",label:n.baseText("chatHub.agent.personalAgents"),icon:q,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:X,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=B.options.toSorted(((e,t)=>(U.includes(e)?1:-1)-(U.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=V(),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,h=e.rt,b=e.w,y=e.yt},function(e){w=e.at},function(e){x=e.Di,A=e.Ii,I=e.Qi,C=e.Xi,T=e.Zi,M=e.n},function(e){k=e.t},function(e){$=e.ai,j=e.fr,z=e.it,L=e.r},function(e){S=e.Bo,H=e.Kr,B=e.Xr},function(e){E=e.t},function(e){N=e.n},function(e){D=e.f,W=e.h,P=e.i,R=e.r,U=e.u},function(e){V=e.t},function(e){X=e.E,q=e.S,F=e.a,K=e.d,Q=e.h,Y=e.u,Z=e.v,G=e.w},function(e){J=e.t}],execute:function(){(O=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(O);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]="3a33ea75-8375-4a62-9928-3ba4d826784e",t._sentryDebugIdIdentifier="sentry-dbid-3a33ea75-8375-4a62-9928-3ba4d826784e")}catch(t){}var t,s;ee=d({__name:"ChatProviderAvatar",props:{provider:{},icon:{}},setup(e){const t=r((()=>F("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(),b(J,{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"),B=L(),D=E(),U=z(),V=$(),X=j(),q=o(""),F=r((()=>e.selectedAgent?U.getCredentialById(e.credentials?.[e.selectedAgent.model.provider]??"")?.name:void 0)),Q=r((()=>Z(e.selectedAgent?.model))),G=r((()=>e.warnMissingCredentials&&Q.value&&e.selectedAgent?.model.provider&&!e.credentials?.[e.selectedAgent?.model.provider])),O=r((()=>de(e.agents,{includeCustomAgents:e.includeCustomAgents,isLoading:e.isLoading,i18n:A,settings:D.moduleSettings?.["chat-hub"]?.providers??{},credentials:e.credentials}))),te=r((()=>se(O.value,q.value,A))),ne=r((()=>e.selectedAgent?.name??A.baseText("chatHub.models.selector.defaultLabel"))),ae=r((()=>S(V.personalProject?.scopes).credential.create));function le(t){const n=H[t];0===U.getCredentialsByType(n).length&&ae.value?B.openNewCredential(n):B.openModalWithData({name:R,data:{credentialType:n,displayName:W[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=K(e);if(n)if("configure"===t&&Z(n))le(n.provider);else{if("add-model"===t&&Z(n))return a=n.provider,void B.openModalWithData({name:P,data:{provider:a,initialValue:null,onSelect:f}});var a;X.track("User selected model or agent",{...Y(n),is_custom:"custom-agent"===n.provider}),d("change",n)}}function oe(e){q.value=e.toLowerCase()}return t({open:()=>k.value?.open(),openCredentialSelector:e=>le(e)}),(t,o)=>(n(),b(p(M),{ref_key:"dropdownRef",ref:k,items:te.value,teleported:"",placement:"bottom-start","extra-popper-class":[t.$style.component,q.value?t.$style.searching:""].join(" "),searchable:"",emptyText:q.value?p(A).baseText("chatHub.models.selector.noMatch"):void 0,onSearch:oe,onSelect:ie},{trigger:y((()=>[v(p(T),{variant:e.text?"ghost":"subtle",class:m(t.$style.dropdownButton),text:e.text,"data-test-id":"chat-model-selector"},{default:y((()=>[v(J,{agent:e.selectedAgent,size:F.value||!Q.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),F.value?(n(),b(p(C),{key:0,size:"xsmall",color:"text-light"},{default:y((()=>[a(c(p(N)(F.value,p(30))),1)])),_:1})):G.value?(n(),b(p(C),{key:1,size:"xsmall",color:"danger"},{default:y((()=>[v(p(I),{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(I),{icon:"chevron-down",size:"medium"})])),_:1},8,["variant","class","text"])])),"item-leading":y((({item:e})=>[e.data?.provider?(n(),b(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,h(e.data.parts,((l,o)=>(n(),i(g,{key:o},[o>0?(n(),b(p(C),{key:0,color:"text-light",class:m(t.$style.separator)},{default:y((()=>[v(p(I),{icon:"chevron-right",size:"small"})])),_:1},8,["class"])):u("",!0),v(p(C),{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(),b(p(C),{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(),b(p(x),{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(I),{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-DaU8vKJd.js.map