UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 9.4 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","./useRootStore-legacy-CC08el-l.js","./Modal-legacy-myZZZK6d.js","./TagsDropdown-legacy-As2ySl6k.js","./constants-legacy-Bi9z6I7b.js","./CredentialPicker-legacy-C36WcueE.js","./chat.store-legacy-BnVb-kpz.js"],(function(e,a){var l,t,d,n,i,o,s,r,c,u,v,p,b,m,f,g,_,y,x,h,w,k,T,M,C,H,$,j,P,I,E,A,S,z,D,R,V,W;return{setters:[function(e){l=e.$,t=e.A,d=e.C,n=e.E,i=e.Ft,o=e.N,s=e.S,r=e.Sn,c=e.T,u=e.Wt,v=e.X,p=e._,b=e._n,m=e.gt,f=e.j,g=e.w,_=e.yt},function(e){y=e.at},function(e){x=e.Di,h=e.Ji,w=e.Mi,k=e.Xi,T=e.Zi,M=e.q,C=e.t,H=e.xt},function(e){$=e.t},function(e){j=e.Pn,P=e.it},function(e){I=e.Kr},function(e){E=e.t},function(e){A=e.t},function(e){S=e.t},function(e){z=e.h},function(e){D=e.t},function(e){R=e.c,V=e.t}],execute:function(){(W=document.createElement("style")).textContent="._header_3xawo_125{gap:var(--spacing--2xs);align-items:center;display:flex}._content_3xawo_131{gap:var(--spacing--lg);padding:var(--spacing--sm) 0 var(--spacing--md);flex-direction:column;display:flex}._container_3xawo_138{justify-content:space-between;align-items:flex-start;gap:var(--spacing--2xs);flex-direction:column;display:flex}._credentialContainer_3xawo_146{align-items:center;gap:var(--spacing--2xs);width:100%;display:flex}._credentialPicker_3xawo_153,._modelPicker_3xawo_157{width:100%}._footer_3xawo_161{justify-content:flex-end;align-items:center;width:100%;display:flex}._footerRight_3xawo_168{gap:var(--spacing--2xs);display:flex}\n/*$vite$:1*/",document.head.appendChild(W);try{a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(L=(new a.Error).stack)&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[L]="fc34a29a-b4e4-4bbd-824e-95b845c93769",a._sentryDebugIdIdentifier="sentry-dbid-fc34a29a-b4e4-4bbd-824e-95b845c93769")}catch(a){}var a,L;e("default",$(o({__name:"ProviderSettingsModal",props:{modalName:{},data:{}},setup(e){const a=e,o=i(null),$=i(H()),W=i(!1),L=i(!1),N=i(!1),U=i([]),F=i([]),X=s((()=>{const e=new Map(U.value.reduce(((e,a)=>("custom-agent"!==a.model.provider&&"n8n"!==a.model.provider&&e.push([a.model.model,{id:a.model.model,name:a.name}]),e)),[]));for(const a of F.value)e.set(a,{id:a,name:a,isManual:!0});return Array.from(e.values())})),q=s((()=>{const e={};return X.value.forEach((a=>{e[a.id]=a})),e})),B=s({get:()=>o.value?.allowedModels?.map((e=>e.model))||[],set:e=>{o.value&&(o.value.allowedModels=X.value.filter((a=>e.includes(a.id))).map((e=>({model:e.id,displayName:e.name,isManual:e.isManual}))),F.value=o.value.allowedModels.filter((e=>e.isManual)).map((e=>e.model)))}});async function J(e){return F.value.push(e),{id:e,name:e}}const K=y(),Y=P(),Z=V(),G=j(),O=s((()=>I[a.data.provider]));function Q(e){o.value&&(o.value.credentialId=e)}function ee(){o.value&&(o.value.credentialId=null,o.value.allowedModels=[],N.value=!1)}async function ae(){o.value?await a.data.onConfirm(o.value):a.data.onCancel(),$.value.emit("close")}function le(){a.data.onCancel(),$.value.emit("close")}async function te(){o.value=await Z.fetchProviderSettings(a.data.provider),N.value=o.value?.allowedModels.length>0,F.value=o.value.allowedModels.filter((e=>e.isManual)).map((e=>e.model))}const de=s((()=>!!a.data.disabled||!o.value||N.value&&0===o.value.allowedModels.length));function ne(e){o.value&&(o.value.enabled=e,e||(o.value.credentialId=null,o.value.allowedModels=[],N.value=!1))}function ie(e){o.value&&(N.value=e,e||(o.value.allowedModels=[]))}function oe(e){o.value&&(o.value.contextWindowLength=e)}return v((async()=>{W.value=!0,await Promise.all([te(),Y.fetchCredentialTypes(!1),Y.fetchAllCredentials()]),W.value=!1})),m((()=>o.value?.credentialId),(async e=>{e&&await async function(e){L.value=!0;try{const l={[a.data.provider]:e};U.value=(await R(E().restApiContext,{credentials:l}))[a.data.provider].models||[]}catch(l){G.showError(l,K.baseText("settings.chatHub.providers.modal.edit.errorFetchingModels"))}finally{L.value=!1}}(e)}),{immediate:!0}),(i,s)=>(l(),g(A,{name:e.modalName,"event-bus":$.value,width:"50%","max-width":"500px",center:!0},{header:_((()=>[d("div",{class:b(i.$style.header)},[f(u(h),{size:"large",color:"text-dark"},{default:_((()=>[t(r(u(K).baseText("settings.chatHub.providers.modal.edit.title",{interpolate:{provider:u(z)[a.data.provider]}})),1)])),_:1})],2)])),content:_((()=>[d("div",{class:b(i.$style.content)},[d("label",{class:b(i.$style.container)},[f(u(k),{color:"text-dark"},{default:_((()=>[t(r(u(K).baseText("settings.chatHub.providers.modal.edit.enabled.label",{interpolate:{provider:u(z)[a.data.provider]}})),1)])),_:1}),f(u(x),{content:u(K).baseText("settings.chatHub.providers.modal.edit.enabled.tooltip"),disabled:a.data.disabled,placement:"top"},{default:_((()=>[f(u(C),{size:"large","model-value":o.value?.enabled??!1,disabled:a.data.disabled||W.value,"onUpdate:modelValue":ne},null,8,["model-value","disabled"])])),_:1},8,["content","disabled"])],2),o.value?.enabled?(l(),n(p,{key:0},[d("label",{class:b(i.$style.container)},[f(u(k),{color:"text-dark"},{default:_((()=>[t(r(u(K).baseText("settings.chatHub.providers.modal.edit.credential.label")),1)])),_:1}),d("div",{class:b(i.$style.credentialContainer)},[f(D,{class:b(i.$style.credentialPicker),"app-name":u(z)[a.data.provider],"credential-type":O.value,"selected-credential-id":o.value.credentialId,"hide-create-new":!0,onCredentialSelected:Q,onCredentialDeselected:ee},null,8,["class","app-name","credential-type","selected-credential-id"]),o.value.credentialId?(l(),g(u(w),{key:0,type:"button",variant:"outline",title:u(K).baseText("settings.chatHub.providers.modal.edit.credential.clearButton"),icon:"x","icon-size":"large",onClick:ee},null,8,["title"])):c("",!0)],2)],2),o.value.credentialId?(l(),n("label",{key:0,class:b(i.$style.container)},[f(u(k),{color:"text-dark"},{default:_((()=>[t(r(u(K).baseText("settings.chatHub.providers.modal.edit.limitModels.label",{interpolate:{provider:u(z)[a.data.provider]}})),1)])),_:1}),f(u(x),{content:u(K).baseText("settings.chatHub.providers.modal.edit.limitModels.tooltip"),disabled:a.data.disabled,placement:"top"},{default:_((()=>[f(u(C),{size:"large","model-value":N.value,disabled:a.data.disabled||W.value,"onUpdate:modelValue":ie},null,8,["model-value","disabled"])])),_:1},8,["content","disabled"])],2)):c("",!0),o.value.credentialId&&N.value?(l(),n("label",{key:1,class:b(i.$style.container)},[f(u(k),{color:"text-dark"},{default:_((()=>[t(r(u(K).baseText("settings.chatHub.providers.modal.edit.allowedModels.label")),1)])),_:1}),f(S,{modelValue:B.value,"onUpdate:modelValue":s[0]||(s[0]=e=>B.value=e),class:b(i.$style.modelPicker),placeholder:u(K).baseText("settings.chatHub.providers.modal.edit.models.placeholder"),"event-bus":null,"create-enabled":!0,"manage-enabled":!1,"all-tags":X.value,"is-loading":L.value,"tags-by-id":q.value,"create-tag":J,"create-tag-i18n-key":"settings.chatHub.providers.modal.edit.models.create"},null,8,["modelValue","class","placeholder","all-tags","is-loading","tags-by-id"])],2)):c("",!0),"openai"===e.data.provider?(l(),n("label",{key:2,class:b(i.$style.container)},[f(u(k),{color:"text-dark"},{default:_((()=>[t(r(u(K).baseText("settings.chatHub.providers.modal.edit.responsesApi.label")),1)])),_:1}),f(u(k),{color:"text-light",size:"small"},{default:_((()=>[t(r(u(K).baseText("settings.chatHub.providers.modal.edit.responsesApi.description")),1)])),_:1}),f(u(C),{size:"large","model-value":o.value.responsesApiEnabled??!0,disabled:a.data.disabled,"onUpdate:modelValue":s[1]||(s[1]=e=>{o.value.responsesApiEnabled=e})},null,8,["model-value","disabled"])],2)):c("",!0),d("label",{class:b(i.$style.container)},[f(u(k),{color:"text-dark"},{default:_((()=>[t(r(u(K).baseText("settings.chatHub.providers.modal.edit.contextWindowLength.label")),1)])),_:1}),f(u(k),{color:"text-light",size:"small"},{default:_((()=>[t(r(u(K).baseText("settings.chatHub.providers.modal.edit.contextWindowLength.description")),1)])),_:1}),f(u(M),{"model-value":o.value.contextWindowLength??u(20),min:1,max:256,size:"small",disabled:a.data.disabled,"onUpdate:modelValue":oe},null,8,["model-value","disabled"])],2)],64)):c("",!0)],2)])),footer:_((()=>[d("div",{class:b(i.$style.footer)},[d("div",{class:b(i.$style.footerRight)},[f(u(T),{variant:"subtle",onClick:le},{default:_((()=>[t(r(u(K).baseText("settings.chatHub.providers.modal.edit.cancel")),1)])),_:1}),f(u(T),{variant:"solid",onClick:ae,disabled:de.value},{default:_((()=>[t(r(u(K).baseText("settings.chatHub.providers.modal.edit.confirm")),1)])),_:1},8,["disabled"])],2)],2)])),_:1},8,["name","event-bus"]))}}),[["__cssModules",{$style:{header:"_header_3xawo_125",content:"_content_3xawo_131",container:"_container_3xawo_138",credentialContainer:"_credentialContainer_3xawo_146",credentialPicker:"_credentialPicker_3xawo_153",modelPicker:"_modelPicker_3xawo_157",footer:"_footer_3xawo_161",footerRight:"_footerRight_3xawo_168"}}]]))}}})); //# sourceMappingURL=ProviderSettingsModal-legacy-ChSOj5P8.js.map