n8n-editor-ui/dist/assets/ProviderSettingsModal-BulYbDWb.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.16.1`}}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]=`a94652e6-d0b9-42d6-a691-f4a00d40cb90`,e._sentryDebugIdIdentifier=`sentry-dbid-a94652e6-d0b9-42d6-a691-f4a00d40cb90`)})()}catch{}import{$ as e,A as t,C as n,E as r,Ft 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,gt as p,j as m,w as h,yt as g}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as _}from"./core-Bz5WjPxS.js";import{Di as v,Ji as y,Mi as b,Xi as x,Zi as S,q as C,t as w,xt as T}from"./src-XqE2yCpG.js";import{t as E}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Pn as D,it as O}from"./users.store-xP93bV7X.js";import{Kr as k}from"./constants-DuQbSl-q.js";import{t as A}from"./useRootStore-XEREVjMN.js";import{t as j}from"./Modal-gWM7cVuX.js";import{t as ee}from"./TagsDropdown-CjIyeLLO.js";import{h as M}from"./constants-BVzsnVB6.js";import{t as N}from"./CredentialPicker-BSrpObuf.js";import{c as P,t as F}from"./chat.store-mz4IZJ73.js";var I=E(a({__name:`ProviderSettingsModal`,props:{modalName:{},data:{}},setup(a){let E=a,I=i(null),L=i(T()),R=i(!1),z=i(!1),B=i(!1),V=i([]),H=i([]),U=o(()=>{let e=new Map(V.value.reduce((e,t)=>(t.model.provider!==`custom-agent`&&t.model.provider!==`n8n`&&e.push([t.model.model,{id:t.model.model,name:t.name}]),e),[]));for(let t of H.value)e.set(t,{id:t,name:t,isManual:!0});return Array.from(e.values())}),W=o(()=>{let e={};return U.value.forEach(t=>{e[t.id]=t}),e}),G=o({get:()=>I.value?.allowedModels?.map(e=>e.model)||[],set:e=>{I.value&&(I.value.allowedModels=U.value.filter(t=>e.includes(t.id)).map(e=>({model:e.id,displayName:e.name,isManual:e.isManual})),H.value=I.value.allowedModels.filter(e=>e.isManual).map(e=>e.model))}});async function K(e){return H.value.push(e),{id:e,name:e}}let q=_(),J=O(),Y=F(),X=D(),Z=o(()=>k[E.data.provider]);function Q(e){I.value&&(I.value.credentialId=e)}function $(){I.value&&(I.value.credentialId=null,I.value.allowedModels=[],B.value=!1)}async function te(){I.value?await E.data.onConfirm(I.value):E.data.onCancel(),L.value.emit(`close`)}function ne(){E.data.onCancel(),L.value.emit(`close`)}async function re(){I.value=await Y.fetchProviderSettings(E.data.provider),B.value=I.value?.allowedModels.length>0,H.value=I.value.allowedModels.filter(e=>e.isManual).map(e=>e.model)}async function ie(e){z.value=!0;try{let t={[E.data.provider]:e};V.value=(await P(A().restApiContext,{credentials:t}))[E.data.provider].models||[]}catch(e){X.showError(e,q.baseText(`settings.chatHub.providers.modal.edit.errorFetchingModels`))}finally{z.value=!1}}let ae=o(()=>E.data.disabled||!I.value?!0:B.value&&I.value.allowedModels.length===0);function oe(e){I.value&&(I.value.enabled=e,e||(I.value.credentialId=null,I.value.allowedModels=[],B.value=!1))}function se(e){I.value&&(B.value=e,e||(I.value.allowedModels=[]))}function ce(e){I.value&&(I.value.contextWindowLength=e)}return u(async()=>{R.value=!0,await Promise.all([re(),J.fetchCredentialTypes(!1),J.fetchAllCredentials()]),R.value=!1}),p(()=>I.value?.credentialId,async e=>{e&&await ie(e)},{immediate:!0}),(i,o)=>(e(),h(j,{name:a.modalName,"event-bus":L.value,width:`50%`,"max-width":`500px`,center:!0},{header:g(()=>[n(`div`,{class:f(i.$style.header)},[m(l(y),{size:`large`,color:`text-dark`},{default:g(()=>[t(s(l(q).baseText(`settings.chatHub.providers.modal.edit.title`,{interpolate:{provider:l(M)[E.data.provider]}})),1)]),_:1})],2)]),content:g(()=>[n(`div`,{class:f(i.$style.content)},[n(`label`,{class:f(i.$style.container)},[m(l(x),{color:`text-dark`},{default:g(()=>[t(s(l(q).baseText(`settings.chatHub.providers.modal.edit.enabled.label`,{interpolate:{provider:l(M)[E.data.provider]}})),1)]),_:1}),m(l(v),{content:l(q).baseText(`settings.chatHub.providers.modal.edit.enabled.tooltip`),disabled:E.data.disabled,placement:`top`},{default:g(()=>[m(l(w),{size:`large`,"model-value":I.value?.enabled??!1,disabled:E.data.disabled||R.value,"onUpdate:modelValue":oe},null,8,[`model-value`,`disabled`])]),_:1},8,[`content`,`disabled`])],2),I.value?.enabled?(e(),r(d,{key:0},[n(`label`,{class:f(i.$style.container)},[m(l(x),{color:`text-dark`},{default:g(()=>[t(s(l(q).baseText(`settings.chatHub.providers.modal.edit.credential.label`)),1)]),_:1}),n(`div`,{class:f(i.$style.credentialContainer)},[m(N,{class:f(i.$style.credentialPicker),"app-name":l(M)[E.data.provider],"credential-type":Z.value,"selected-credential-id":I.value.credentialId,"hide-create-new":!0,onCredentialSelected:Q,onCredentialDeselected:$},null,8,[`class`,`app-name`,`credential-type`,`selected-credential-id`]),I.value.credentialId?(e(),h(l(b),{key:0,type:`button`,variant:`outline`,title:l(q).baseText(`settings.chatHub.providers.modal.edit.credential.clearButton`),icon:`x`,"icon-size":`large`,onClick:$},null,8,[`title`])):c(``,!0)],2)],2),I.value.credentialId?(e(),r(`label`,{key:0,class:f(i.$style.container)},[m(l(x),{color:`text-dark`},{default:g(()=>[t(s(l(q).baseText(`settings.chatHub.providers.modal.edit.limitModels.label`,{interpolate:{provider:l(M)[E.data.provider]}})),1)]),_:1}),m(l(v),{content:l(q).baseText(`settings.chatHub.providers.modal.edit.limitModels.tooltip`),disabled:E.data.disabled,placement:`top`},{default:g(()=>[m(l(w),{size:`large`,"model-value":B.value,disabled:E.data.disabled||R.value,"onUpdate:modelValue":se},null,8,[`model-value`,`disabled`])]),_:1},8,[`content`,`disabled`])],2)):c(``,!0),I.value.credentialId&&B.value?(e(),r(`label`,{key:1,class:f(i.$style.container)},[m(l(x),{color:`text-dark`},{default:g(()=>[t(s(l(q).baseText(`settings.chatHub.providers.modal.edit.allowedModels.label`)),1)]),_:1}),m(ee,{modelValue:G.value,"onUpdate:modelValue":o[0]||=e=>G.value=e,class:f(i.$style.modelPicker),placeholder:l(q).baseText(`settings.chatHub.providers.modal.edit.models.placeholder`),"event-bus":null,"create-enabled":!0,"manage-enabled":!1,"all-tags":U.value,"is-loading":z.value,"tags-by-id":W.value,"create-tag":K,"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),a.data.provider===`openai`?(e(),r(`label`,{key:2,class:f(i.$style.container)},[m(l(x),{color:`text-dark`},{default:g(()=>[t(s(l(q).baseText(`settings.chatHub.providers.modal.edit.responsesApi.label`)),1)]),_:1}),m(l(x),{color:`text-light`,size:`small`},{default:g(()=>[t(s(l(q).baseText(`settings.chatHub.providers.modal.edit.responsesApi.description`)),1)]),_:1}),m(l(w),{size:`large`,"model-value":I.value.responsesApiEnabled??!0,disabled:E.data.disabled,"onUpdate:modelValue":o[1]||=e=>{I.value.responsesApiEnabled=e}},null,8,[`model-value`,`disabled`])],2)):c(``,!0),n(`label`,{class:f(i.$style.container)},[m(l(x),{color:`text-dark`},{default:g(()=>[t(s(l(q).baseText(`settings.chatHub.providers.modal.edit.contextWindowLength.label`)),1)]),_:1}),m(l(x),{color:`text-light`,size:`small`},{default:g(()=>[t(s(l(q).baseText(`settings.chatHub.providers.modal.edit.contextWindowLength.description`)),1)]),_:1}),m(l(C),{"model-value":I.value.contextWindowLength??l(20),min:1,max:256,size:`small`,disabled:E.data.disabled,"onUpdate:modelValue":ce},null,8,[`model-value`,`disabled`])],2)],64)):c(``,!0)],2)]),footer:g(()=>[n(`div`,{class:f(i.$style.footer)},[n(`div`,{class:f(i.$style.footerRight)},[m(l(S),{variant:`subtle`,onClick:ne},{default:g(()=>[t(s(l(q).baseText(`settings.chatHub.providers.modal.edit.cancel`)),1)]),_:1}),m(l(S),{variant:`solid`,onClick:te,disabled:ae.value},{default:g(()=>[t(s(l(q).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`}}]]);export{I as default};
//# sourceMappingURL=ProviderSettingsModal-BulYbDWb.js.map