import{a as C,b as K}from"/build/_shared/chunk-OHXAE2AT.js";import"/build/_shared/chunk-XN75JBKL.js";import{a as w,c as O}from"/build/_shared/chunk-JSG5YNF4.js";import{a as m,b as c}from"/build/_shared/chunk-BRCVUT3J.js";import"/build/_shared/chunk-YZRCWBSR.js";import{a as T}from"/build/_shared/chunk-NID5ZFDO.js";import{a as P,b as N,d as A,e as S,g as E}from"/build/_shared/chunk-6PPMLQ6Q.js";import"/build/_shared/chunk-WBRRPKPD.js";import"/build/_shared/chunk-4GQGFAPU.js";import{a as p}from"/build/_shared/chunk-WL3EVROT.js";import"/build/_shared/chunk-D2W533ZN.js";import{a as k}from"/build/_shared/chunk-ANUO2FWR.js";import"/build/_shared/chunk-ICHCA3YF.js";import"/build/_shared/chunk-ZP4JMB7Y.js";import"/build/_shared/chunk-EBHCYYOH.js";import"/build/_shared/chunk-5G5YQZRT.js";import{a as I}from"/build/_shared/chunk-BPD542OA.js";import"/build/_shared/chunk-BKXSGWW3.js";import"/build/_shared/chunk-7Z6LVCRT.js";import{A as b,B as D,a as x,e as v}from"/build/_shared/chunk-FXRQ2H3S.js";import"/build/_shared/chunk-GYJW4R24.js";import"/build/_shared/chunk-VX2L2R2M.js";import"/build/_shared/chunk-JSLPGHFC.js";import"/build/_shared/chunk-NF7BQEED.js";import"/build/_shared/chunk-ZH5DBAIE.js";import{a as h}from"/build/_shared/chunk-PAEG26CW.js";import"/build/_shared/chunk-F4G4S474.js";import{a as z}from"/build/_shared/chunk-2F4KTA2C.js";import{B as W,C as i,e as f,o as g,w as y}from"/build/_shared/chunk-XIQ3C74K.js";import"/build/_shared/chunk-5TRFQBKG.js";import"/build/_shared/chunk-T6T2AEVA.js";import{a as n}from"/build/_shared/chunk-LR6G3KVW.js";import{d as a}from"/build/_shared/chunk-G5WX4PPA.js";W();var t=a(i(),1),L=o=>(0,t.jsxs)(A,{className:"min-w-[600px]",children:[(0,t.jsx)(S,{children:(0,t.jsx)(E,{children:"API Keys"})}),(0,t.jsxs)("div",{children:[(0,t.jsx)(w,{variant:"destructive",className:"mb-4",children:(0,t.jsx)(O,{children:(0,t.jsxs)("div",{className:"text-destructive-foreground flex flex-row items-center gap-4",children:[(0,t.jsx)(x,{}),"API keys are only revealed once and will be hidden after."]})})}),(0,t.jsx)(C,{...o})]})]});var M=`import { Montelo } from "montelo";

const montelo = new Montelo();

await montelo.openai.chat.completions.create({
    model: "gpt-4",
    messages: [
      {
        role: "system",
        content: "You are a helpful assistant.",
      },
      {
        role: "user",
        content: "What is the meaning of life?",
      },
    ]
});
`,_=`MONTELO_API_KEY=your-api-key
OPENAI_API_KEY=your-openai-api-key`;var e=a(i(),1),G=[{label:"Onboarding"}],Y=()=>(0,e.jsxs)(k,{children:["Getting started with Montelo! ",(0,e.jsx)(T,{to:n.external.docs.quickstart,children:"Quickstart Docs."})]}),d=({step:o,children:l,isLast:r,title:s})=>(0,e.jsxs)("div",{className:"flex min-h-10",children:[(0,e.jsxs)("div",{className:"mr-4 flex max-w-6 flex-1 flex-col items-center gap-3",children:[(0,e.jsx)("div",{className:`flex h-6 w-6 items-center justify-center rounded-xl ${r?"text-2xl":"bg-slate-200 dark:bg-slate-800 text-sm"}`,children:r?"\u{1F389}":o}),!r&&(0,e.jsx)("div",{className:"h-full w-[1px] flex-1 bg-slate-200 dark:bg-slate-800"})]}),(0,e.jsxs)("div",{className:"-mt-[2px] flex flex-1 flex-col gap-2 pb-5",children:[(0,e.jsx)("h1",{className:"font-semibold",children:s}),(0,e.jsx)("div",{className:"text-muted-foreground flex flex-col gap-1 text-sm",children:l})]})]}),R=()=>{let o=y(),l=f(),r=l.projectId,s=l.envId,u=()=>o.load(n.app.project.env.apiKeys({projectId:r,envId:s})),F=K(o.data||[]);return(0,e.jsx)(I,{breadcrumbs:G,subtitle:Y,children:(0,e.jsxs)("div",{className:"flex flex-col gap-3 p-6",children:[(0,e.jsxs)(d,{step:1,title:"Get your API Keys",children:[(0,e.jsx)("p",{children:"Reveal and copy your API keys:"}),(0,e.jsxs)(P,{children:[(0,e.jsx)(N,{asChild:!0,onMouseEnter:u,children:(0,e.jsxs)(p,{variant:"outline",className:"my-2 flex w-40 gap-2",children:[(0,e.jsx)(b,{className:"text-muted-foreground h-4 w-4"}),"Get API Keys"]})}),(0,e.jsx)(L,{sortedEnvironments:F,projectId:r})]})]}),(0,e.jsxs)(d,{step:2,title:"Install the SDK",children:["Install the montelo SDK using npm in your project directory:",(0,e.jsx)(m,{style:c,language:"shell",children:"$ npm install montelo"}),(0,e.jsx)("code",{})]}),(0,e.jsxs)(d,{step:3,title:"Create Env File",children:["Create a .env file in the root of your project:",(0,e.jsx)(m,{style:c,language:"shell",children:_}),(0,e.jsx)("code",{})]}),(0,e.jsx)(d,{step:4,isLast:!0,title:"Start using Montelo!",children:(0,e.jsxs)("p",{children:["Initialise your montelo client and start logging to Montelo!",(0,e.jsx)(m,{style:c,language:"typescript",children:M})]})}),(0,e.jsxs)("div",{className:"flex w-full justify-center gap-4",children:[(0,e.jsx)(g,{to:n.external.docs.quickstart,children:(0,e.jsxs)(p,{variant:"outline",size:"lg",className:"flex h-10 w-60 gap-3",children:[(0,e.jsx)(v,{size:20}),"Read Documentation"]})}),(0,e.jsx)(g,{to:n.app.project.env.dashboard({projectId:r,envId:s}),children:(0,e.jsxs)(p,{variant:"default",size:"lg",className:"flex h-10 w-60 gap-3",children:[(0,e.jsx)(D,{size:20}),"Go to Dashboard"]})})]})]})})};var j=a(z(),1),H=a(i(),1),ue=h(async({userId:o})=>(await j.clerkClient.users.updateUserMetadata(o,{publicMetadata:{hasOnboarded:!0}}),{}));function B(){return(0,H.jsx)(R,{})}export{B as default};
