@vellumai/web 0.12.4-staging.3 → 0.12.4-staging.4

package/dist/assets/{api-key-screen-ByV-2-g7.js → api-key-screen-BD62ySmK.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{EC as t,Si as n,WS as r,Wy as i,by as a,eS as o,nC as s,tS as c,vi as l}from"./app-DENERwru.js";import{j as u}from"./vendor-DEhKVoiV.js";import{_ as d,f,t as p,x as m}from"./react-B9IgSVeK.js";import{a as h,c as g,i as _,o as v,r as y,s as b}from"./provider-key-CZzjiAkE.js";import"./onboarding-step-layout-WvEjfCnx.js";var x=e(m(),1),S=p();function C(){let{t:e}=u(`onboarding`),p=f(),[m]=d(),C=m.get(`hosting`),w=c(),T=y(),[E,D]=(0,x.useState)(()=>T?.provider??h.id),[O,k]=(0,x.useState)(()=>T?.key??``),[A,j]=(0,x.useState)(()=>T?.model??b(T?.provider??h.id)??``),[M,N]=(0,x.useState)(()=>T?.baseUrl??``),[P,F]=(0,x.useState)(()=>T?.customModels??``),I=g(E)??h,L=I.models??[],R=I.requiresKey,z=L.length>0,B=E===`openai-compatible`,V=(!(R&&!B)||O.trim().length>0)&&(!z||A.trim().length>0)&&(!B||M.trim().length>0&&P.trim().length>0);return(0,S.jsx)(l,{avatarWave:`beside`,children:(0,S.jsxs)(`div`,{className:`mx-auto flex w-full max-w-xl flex-col items-center ${w?`min-h-full px-8 pt-21 pb-4 electron-prechat-type`:`px-6 py-16`} text-[var(--content-default)]`,children:[(0,S.jsx)(`h1`,{className:w?`text-title-large`:`text-3xl font-semibold tracking-tight`,style:{animation:`fadeInUp 0.5s ease-out 0.1s both`},children:e(`apiKeyScreen.title`)}),(0,S.jsx)(`p`,{className:`text-center text-body-medium-lighter text-[var(--content-tertiary)] ${w?`mt-3.5`:`mt-3`}`,style:{animation:`fadeInUp 0.5s ease-out 0.3s both`},children:e(`apiKeyScreen.body`)}),(0,S.jsxs)(`div`,{className:`flex w-full flex-col gap-4 ${w?`mt-8`:`mt-10`}`,style:{animation:`fadeInUp 0.5s ease-out 0.4s both`},children:[(0,S.jsxs)(`div`,{className:`flex flex-col ${w?`gap-2`:`gap-1`}`,children:[(0,S.jsx)(`label`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:e(`apiKeyScreen.providerLabel`)}),(0,S.jsx)(r,{"aria-label":e(`apiKeyScreen.providerLabel`),value:E,onChange:e=>{let t=g(e);t&&(D(t.id),k(``),j(b(t.id)??``))},options:v.map(e=>({value:e.id,label:e.displayName}))})]}),L.length>0&&(0,S.jsxs)(`div`,{className:`flex flex-col ${w?`gap-2`:`gap-1`}`,children:[(0,S.jsx)(`label`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:e(`apiKeyScreen.modelLabel`)}),(0,S.jsx)(r,{"aria-label":e(`apiKeyScreen.modelLabel`),value:A,onChange:j,options:L.map(e=>({value:e.id,label:e.displayName}))})]}),B&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`flex flex-col ${w?`gap-2`:`gap-1`}`,children:[(0,S.jsx)(`label`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:e(`apiKeyScreen.baseUrlLabel`)}),(0,S.jsx)(s,{type:`text`,placeholder:`http://localhost:1234/v1`,value:M,onChange:e=>N(e.target.value),fullWidth:!0})]}),(0,S.jsxs)(`div`,{className:`flex flex-col ${w?`gap-2`:`gap-1`}`,children:[(0,S.jsx)(`label`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:e(`apiKeyScreen.modelsLabel`)}),(0,S.jsx)(s,{type:`text`,placeholder:e(`apiKeyScreen.modelsPlaceholder`),value:P,onChange:e=>F(e.target.value),fullWidth:!0}),(0,S.jsx)(`p`,{className:`text-body-small-lighter text-[var(--content-tertiary)]`,children:e(`apiKeyScreen.modelsHelp`)})]})]}),R&&(0,S.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,S.jsx)(s,{type:`password`,label:e(`apiKeyScreen.apiKeyLabel`,{provider:I.displayName}),placeholder:I.apiKeyPlaceholder??e(`apiKeyScreen.apiKeyPlaceholder`),value:O,onChange:e=>k(e.target.value),className:`touch-mobile:text-[16px]`,fullWidth:!0}),I.docsUrl&&(0,S.jsxs)(`p`,{className:`self-start text-body-medium-lighter text-[var(--content-tertiary)]`,children:[e(`apiKeyScreen.noKeyPrompt`),` `,(0,S.jsx)(a,{href:I.docsUrl,tone:`quiet`,className:`text-[var(--content-default)]`,glyph:!1,children:e(`apiKeyScreen.getKeyLink`)})]})]})]}),(0,S.jsxs)(`div`,{className:`mt-8 flex w-full flex-col ${w?`gap-2.5`:`gap-2`}`,style:{animation:`fadeInUp 0.5s ease-out 0.5s both`},children:[(0,S.jsx)(t,{variant:`primary`,size:w?`regular`:`large`,fullWidth:!0,disabled:!V,onClick:()=>{if(!V)return;let e=A.trim()||b(E);_({provider:E,key:O.trim(),...e?{model:e}:{},...B?{baseUrl:M.trim(),customModels:P.trim()}:{}});let t=new URLSearchParams({[i]:`1`});C&&t.set(`hosting`,C),p(`${o.onboarding.privacy}?${t.toString()}`,n)},children:e(`actions.continue`)}),(0,S.jsx)(t,{variant:`outlined`,size:w?`regular`:`large`,fullWidth:!0,onClick:()=>{p(o.onboarding.hosting,n)},children:e(`actions.back`)})]})]})})}export{C as ApiKeyScreen};
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{EC as t,Si as n,WS as r,Wy as i,by as a,eS as o,nC as s,tS as c,vi as l}from"./app-Qc-rYPt9.js";import{j as u}from"./vendor-DEhKVoiV.js";import{_ as d,f,t as p,x as m}from"./react-B9IgSVeK.js";import{a as h,c as g,i as _,o as v,r as y,s as b}from"./provider-key-CK86YQ0g.js";import"./onboarding-step-layout-WvEjfCnx.js";var x=e(m(),1),S=p();function C(){let{t:e}=u(`onboarding`),p=f(),[m]=d(),C=m.get(`hosting`),w=c(),T=y(),[E,D]=(0,x.useState)(()=>T?.provider??h.id),[O,k]=(0,x.useState)(()=>T?.key??``),[A,j]=(0,x.useState)(()=>T?.model??b(T?.provider??h.id)??``),[M,N]=(0,x.useState)(()=>T?.baseUrl??``),[P,F]=(0,x.useState)(()=>T?.customModels??``),I=g(E)??h,L=I.models??[],R=I.requiresKey,z=L.length>0,B=E===`openai-compatible`,V=(!(R&&!B)||O.trim().length>0)&&(!z||A.trim().length>0)&&(!B||M.trim().length>0&&P.trim().length>0);return(0,S.jsx)(l,{avatarWave:`beside`,children:(0,S.jsxs)(`div`,{className:`mx-auto flex w-full max-w-xl flex-col items-center ${w?`min-h-full px-8 pt-21 pb-4 electron-prechat-type`:`px-6 py-16`} text-[var(--content-default)]`,children:[(0,S.jsx)(`h1`,{className:w?`text-title-large`:`text-3xl font-semibold tracking-tight`,style:{animation:`fadeInUp 0.5s ease-out 0.1s both`},children:e(`apiKeyScreen.title`)}),(0,S.jsx)(`p`,{className:`text-center text-body-medium-lighter text-[var(--content-tertiary)] ${w?`mt-3.5`:`mt-3`}`,style:{animation:`fadeInUp 0.5s ease-out 0.3s both`},children:e(`apiKeyScreen.body`)}),(0,S.jsxs)(`div`,{className:`flex w-full flex-col gap-4 ${w?`mt-8`:`mt-10`}`,style:{animation:`fadeInUp 0.5s ease-out 0.4s both`},children:[(0,S.jsxs)(`div`,{className:`flex flex-col ${w?`gap-2`:`gap-1`}`,children:[(0,S.jsx)(`label`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:e(`apiKeyScreen.providerLabel`)}),(0,S.jsx)(r,{"aria-label":e(`apiKeyScreen.providerLabel`),value:E,onChange:e=>{let t=g(e);t&&(D(t.id),k(``),j(b(t.id)??``))},options:v.map(e=>({value:e.id,label:e.displayName}))})]}),L.length>0&&(0,S.jsxs)(`div`,{className:`flex flex-col ${w?`gap-2`:`gap-1`}`,children:[(0,S.jsx)(`label`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:e(`apiKeyScreen.modelLabel`)}),(0,S.jsx)(r,{"aria-label":e(`apiKeyScreen.modelLabel`),value:A,onChange:j,options:L.map(e=>({value:e.id,label:e.displayName}))})]}),B&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`flex flex-col ${w?`gap-2`:`gap-1`}`,children:[(0,S.jsx)(`label`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:e(`apiKeyScreen.baseUrlLabel`)}),(0,S.jsx)(s,{type:`text`,placeholder:`http://localhost:1234/v1`,value:M,onChange:e=>N(e.target.value),fullWidth:!0})]}),(0,S.jsxs)(`div`,{className:`flex flex-col ${w?`gap-2`:`gap-1`}`,children:[(0,S.jsx)(`label`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:e(`apiKeyScreen.modelsLabel`)}),(0,S.jsx)(s,{type:`text`,placeholder:e(`apiKeyScreen.modelsPlaceholder`),value:P,onChange:e=>F(e.target.value),fullWidth:!0}),(0,S.jsx)(`p`,{className:`text-body-small-lighter text-[var(--content-tertiary)]`,children:e(`apiKeyScreen.modelsHelp`)})]})]}),R&&(0,S.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,S.jsx)(s,{type:`password`,label:e(`apiKeyScreen.apiKeyLabel`,{provider:I.displayName}),placeholder:I.apiKeyPlaceholder??e(`apiKeyScreen.apiKeyPlaceholder`),value:O,onChange:e=>k(e.target.value),className:`touch-mobile:text-[16px]`,fullWidth:!0}),I.docsUrl&&(0,S.jsxs)(`p`,{className:`self-start text-body-medium-lighter text-[var(--content-tertiary)]`,children:[e(`apiKeyScreen.noKeyPrompt`),` `,(0,S.jsx)(a,{href:I.docsUrl,tone:`quiet`,className:`text-[var(--content-default)]`,glyph:!1,children:e(`apiKeyScreen.getKeyLink`)})]})]})]}),(0,S.jsxs)(`div`,{className:`mt-8 flex w-full flex-col ${w?`gap-2.5`:`gap-2`}`,style:{animation:`fadeInUp 0.5s ease-out 0.5s both`},children:[(0,S.jsx)(t,{variant:`primary`,size:w?`regular`:`large`,fullWidth:!0,disabled:!V,onClick:()=>{if(!V)return;let e=A.trim()||b(E);_({provider:E,key:O.trim(),...e?{model:e}:{},...B?{baseUrl:M.trim(),customModels:P.trim()}:{}});let t=new URLSearchParams({[i]:`1`});C&&t.set(`hosting`,C),p(`${o.onboarding.privacy}?${t.toString()}`,n)},children:e(`actions.continue`)}),(0,S.jsx)(t,{variant:`outlined`,size:w?`regular`:`large`,fullWidth:!0,onClick:()=>{p(o.onboarding.hosting,n)},children:e(`actions.back`)})]})]})})}export{C as ApiKeyScreen};