diff --git a/litellm/proxy/_experimental/out/404.html b/litellm/proxy/_experimental/out/404.html
index 8c740a9b4..523d94040 100644
--- a/litellm/proxy/_experimental/out/404.html
+++ b/litellm/proxy/_experimental/out/404.html
@@ -1 +1 @@
-404: This page could not be found.LiteLLM Dashboard
404
This page could not be found.
\ No newline at end of file
+404: This page could not be found.LiteLLM Dashboard
404
This page could not be found.
\ No newline at end of file
diff --git a/litellm/proxy/_experimental/out/_next/static/am4y7PYh9poT6WlsC4FGc/_buildManifest.js b/litellm/proxy/_experimental/out/_next/static/BNBzATtnAelV8BpmzRdfL/_buildManifest.js
similarity index 100%
rename from litellm/proxy/_experimental/out/_next/static/am4y7PYh9poT6WlsC4FGc/_buildManifest.js
rename to litellm/proxy/_experimental/out/_next/static/BNBzATtnAelV8BpmzRdfL/_buildManifest.js
diff --git a/litellm/proxy/_experimental/out/_next/static/am4y7PYh9poT6WlsC4FGc/_ssgManifest.js b/litellm/proxy/_experimental/out/_next/static/BNBzATtnAelV8BpmzRdfL/_ssgManifest.js
similarity index 100%
rename from litellm/proxy/_experimental/out/_next/static/am4y7PYh9poT6WlsC4FGc/_ssgManifest.js
rename to litellm/proxy/_experimental/out/_next/static/BNBzATtnAelV8BpmzRdfL/_ssgManifest.js
diff --git a/litellm/proxy/_experimental/out/_next/static/chunks/app/page-bb6d7f7c4a11f50f.js b/litellm/proxy/_experimental/out/_next/static/chunks/app/page-bb6d7f7c4a11f50f.js
deleted file mode 100644
index 60862d06b..000000000
--- a/litellm/proxy/_experimental/out/_next/static/chunks/app/page-bb6d7f7c4a11f50f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{79615:function(e,l,t){Promise.resolve().then(t.bind(t,29264))},29264:function(e,l,t){"use strict";t.r(l),t.d(l,{default:function(){return e5}});var s,a,r=t(3827),n=t(64090),o=t(47907),i=t(8792),c=t(40491),d=t(65270),m=e=>{let{userID:l,userRole:t,userEmail:s,showSSOBanner:a}=e;console.log("User ID:",l),console.log("userEmail:",s),console.log("showSSOBanner:",a);let n=[{key:"1",label:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("p",{children:["Role: ",t]}),(0,r.jsxs)("p",{children:["ID: ",l]})]})}];return(0,r.jsxs)("nav",{className:"left-0 right-0 top-0 flex justify-between items-center h-12 mb-4",children:[(0,r.jsx)("div",{className:"text-left my-2 absolute top-0 left-0",children:(0,r.jsx)("div",{className:"flex flex-col items-center",children:(0,r.jsx)(i.default,{href:"/",children:(0,r.jsx)("button",{className:"text-gray-800 text-2xl py-1 rounded text-center",children:(0,r.jsx)("img",{src:"/get_image",width:200,height:200,alt:"LiteLLM Brand",className:"mr-2"})})})})}),(0,r.jsxs)("div",{className:"text-right mx-4 my-2 absolute top-0 right-0 flex items-center justify-end space-x-2",children:[a?(0,r.jsx)("div",{style:{padding:"6px",borderRadius:"8px"},children:(0,r.jsx)("a",{href:"https://calendly.com/d/4mp-gd3-k5k/litellm-1-1-onboarding-chat",target:"_blank",style:{fontSize:"14px",textDecoration:"underline"},children:"Request hosted proxy"})}):null,(0,r.jsx)("div",{style:{border:"1px solid #391085",padding:"6px",borderRadius:"8px"},children:(0,r.jsx)(c.Z,{menu:{items:n},children:(0,r.jsx)(d.Z,{children:s})})})]})]})},h=t(80588);let u=async()=>{try{let e=await fetch("https://raw.githubusercontent.com/BerriAI/litellm/main/model_prices_and_context_window.json"),l=await e.json();return console.log("received data: ".concat(l)),l}catch(e){throw console.error("Failed to get model cost map:",e),e}},x=async(e,l)=>{try{let t=await fetch("/model/new",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({...l})});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to create key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let s=await t.json();return console.log("API Response:",s),h.ZP.success("Model created successfully. Wait 60s and refresh on 'All Models' page"),s}catch(e){throw console.error("Failed to create key:",e),e}},p=async(e,l,t)=>{try{if(console.log("Form Values in keyCreateCall:",t),t.description&&(t.metadata||(t.metadata={}),t.metadata.description=t.description,delete t.description,t.metadata=JSON.stringify(t.metadata)),t.metadata){console.log("formValues.metadata:",t.metadata);try{t.metadata=JSON.parse(t.metadata)}catch(e){throw h.ZP.error("Failed to parse metadata: "+e),Error("Failed to parse metadata: "+e)}}console.log("Form Values after check:",t);let s=await fetch("/key/generate",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({user_id:l,...t})});if(!s.ok){let e=await s.text();throw h.ZP.error("Failed to create key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let a=await s.json();return console.log("API Response:",a),a}catch(e){throw console.error("Failed to create key:",e),e}},j=async(e,l,t)=>{try{if(console.log("Form Values in keyCreateCall:",t),t.description&&(t.metadata||(t.metadata={}),t.metadata.description=t.description,delete t.description,t.metadata=JSON.stringify(t.metadata)),t.metadata){console.log("formValues.metadata:",t.metadata);try{t.metadata=JSON.parse(t.metadata)}catch(e){throw h.ZP.error("Failed to parse metadata: "+e),Error("Failed to parse metadata: "+e)}}console.log("Form Values after check:",t);let s=await fetch("/user/new",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({user_id:l,...t})});if(!s.ok){let e=await s.text();throw h.ZP.error("Failed to create key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let a=await s.json();return console.log("API Response:",a),a}catch(e){throw console.error("Failed to create key:",e),e}},g=async(e,l)=>{try{console.log("in keyDeleteCall:",l);let t=await fetch("/key/delete",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({keys:[l]})});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to delete key: "+e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to create key:",e),e}},y=async(e,l)=>{try{console.log("in teamDeleteCall:",l);let t=await fetch("/team/delete",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({team_ids:[l]})});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to delete team: "+e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to delete key:",e),e}},Z=async function(e,l,t){let s=arguments.length>3&&void 0!==arguments[3]&&arguments[3],a=arguments.length>4?arguments[4]:void 0,r=arguments.length>5?arguments[5]:void 0;try{let n="/user/info";"App Owner"==t&&l&&(n="".concat(n,"?user_id=").concat(l)),console.log("in userInfoCall viewAll=",s),s&&a&&r&&(n="".concat(n,"?view_all=true&page=").concat(a,"&page_size=").concat(r));let o=await fetch(n,{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!o.ok){let e=await o.text();throw h.ZP.error(e),Error("Network response was not ok")}let i=await o.json();return console.log("API Response:",i),i}catch(e){throw console.error("Failed to create key:",e),e}},f=async e=>{try{let l=await fetch("/global/spend",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}return await l.json()}catch(e){throw console.error("Failed to create key:",e),e}},w=async(e,l,t)=>{try{let l=await fetch("/v2/model/info",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}let t=await l.json();return console.log("modelInfoCall:",t),t}catch(e){throw console.error("Failed to create key:",e),e}},b=async(e,l,t)=>{try{let l=await fetch("/model/metrics",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}return await l.json()}catch(e){throw console.error("Failed to create key:",e),e}},_=async(e,l,t)=>{try{let l=await fetch("/models",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}return await l.json()}catch(e){throw console.error("Failed to create key:",e),e}},k=async(e,l)=>{try{let t="/global/spend/logs";console.log("in keySpendLogsCall:",t);let s=await fetch("".concat(t,"?api_key=").concat(l),{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!s.ok){let e=await s.text();throw h.ZP.error(e),Error("Network response was not ok")}let a=await s.json();return console.log(a),a}catch(e){throw console.error("Failed to create key:",e),e}},v=async e=>{try{let l="/global/spend/teams";console.log("in teamSpendLogsCall:",l);let t=await fetch("".concat(l),{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!t.ok){let e=await t.text();throw h.ZP.error(e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to create key:",e),e}},S=async e=>{try{let l="/global/spend/tags";console.log("in tagsSpendLogsCall:",l);let t=await fetch("".concat(l),{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!t.ok){let e=await t.text();throw h.ZP.error(e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to create key:",e),e}},A=async(e,l,t,s,a,r)=>{try{console.log("user role in spend logs call: ".concat(t));let l="/spend/logs";l="App Owner"==t?"".concat(l,"?user_id=").concat(s,"&start_date=").concat(a,"&end_date=").concat(r):"".concat(l,"?start_date=").concat(a,"&end_date=").concat(r);let n=await fetch(l,{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!n.ok){let e=await n.text();throw h.ZP.error(e),Error("Network response was not ok")}let o=await n.json();return console.log(o),o}catch(e){throw console.error("Failed to create key:",e),e}},N=async e=>{try{let l=await fetch("/global/spend/logs",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}let t=await l.json();return console.log(t),t}catch(e){throw console.error("Failed to create key:",e),e}},I=async e=>{try{let l=await fetch("/global/spend/keys?limit=5",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}let t=await l.json();return console.log(t),t}catch(e){throw console.error("Failed to create key:",e),e}},C=async(e,l)=>{try{l&&JSON.stringify({api_key:l});let t={method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}};l&&(t.body=JSON.stringify({api_key:l}));let s=await fetch("/global/spend/end_users",t);if(!s.ok){let e=await s.text();throw h.ZP.error(e),Error("Network response was not ok")}let a=await s.json();return console.log(a),a}catch(e){throw console.error("Failed to create key:",e),e}},P=async e=>{try{let l=await fetch("/global/spend/models?limit=5",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}let t=await l.json();return console.log(t),t}catch(e){throw console.error("Failed to create key:",e),e}},T=async(e,l)=>{try{let t=await fetch("/v2/key/info",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({keys:l})});if(!t.ok){let e=await t.text();throw h.ZP.error(e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to create key:",e),e}},E=async e=>{try{let l="/user/get_requests";console.log("in userGetRequesedtModelsCall:",l);let t=await fetch(l,{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to delete key: "+e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to get requested models:",e),e}},O=async(e,l)=>{try{let t="/user/get_users?role=".concat(l);console.log("in userGetAllUsersCall:",t);let s=await fetch(t,{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!s.ok){let e=await s.text();throw h.ZP.error("Failed to delete key: "+e),Error("Network response was not ok")}let a=await s.json();return console.log(a),a}catch(e){throw console.error("Failed to get requested models:",e),e}},F=async(e,l)=>{try{console.log("Form Values in teamCreateCall:",l);let t=await fetch("/team/new",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({...l})});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to create key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let s=await t.json();return console.log("API Response:",s),s}catch(e){throw console.error("Failed to create key:",e),e}},M=async(e,l)=>{try{console.log("Form Values in keyUpdateCall:",l);let t=await fetch("/key/update",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({...l})});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to update key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let s=await t.json();return console.log("Update key Response:",s),s}catch(e){throw console.error("Failed to create key:",e),e}},R=async(e,l)=>{try{console.log("Form Values in teamUpateCall:",l);let t=await fetch("/team/update",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({...l})});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to update team: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let s=await t.json();return console.log("Update Team Response:",s),s}catch(e){throw console.error("Failed to create key:",e),e}},D=async(e,l,t)=>{try{console.log("Form Values in teamMemberAddCall:",t);let s=await fetch("/team/member_add",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({team_id:l,member:t})});if(!s.ok){let e=await s.text();throw h.ZP.error("Failed to create key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let a=await s.json();return console.log("API Response:",a),a}catch(e){throw console.error("Failed to create key:",e),e}},U=async(e,l,t)=>{try{console.log("Form Values in userUpdateUserCall:",l);let s={...l};null!==t&&(s.user_role=t),s=JSON.stringify(s);let a=await fetch("/user/update",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:s});if(!a.ok){let e=await a.text();throw h.ZP.error("Failed to create key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let r=await a.json();return console.log("API Response:",r),r}catch(e){throw console.error("Failed to create key:",e),e}},L=async(e,l)=>{try{let t=await fetch("/global/predict/spend/logs",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({data:l})});if(!t.ok){let e=await t.text();throw h.ZP.error(e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to create key:",e),e}},z=async(e,l,t)=>{try{let l=await fetch("/get/config/callbacks",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}return await l.json()}catch(e){throw console.error("Failed to get callbacks:",e),e}},B=async(e,l)=>{try{let t=await fetch("/config/update",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({...l})});if(!t.ok){let e=await t.text();throw h.ZP.error(e),Error("Network response was not ok")}return await t.json()}catch(e){throw console.error("Failed to set callbacks:",e),e}};var q=t(10384),K=t(46453),G=t(2179),V=t(71801),J=t(42440),W=t(42308),Y=t(50670),$=t(81583),H=t(77171),X=t(42539),Q=t(88707),ee=t(1861);let{Option:el}=Y.default;var et=e=>{let{userID:l,team:t,userRole:s,accessToken:a,data:o,setData:i}=e,[c]=$.Z.useForm(),[d,m]=(0,n.useState)(!1),[u,x]=(0,n.useState)(null),[j,g]=(0,n.useState)(null),[y,Z]=(0,n.useState)([]),f=()=>{m(!1),c.resetFields()},w=()=>{m(!1),x(null),c.resetFields()};(0,n.useEffect)(()=>{(async()=>{try{if(null===l||null===s)return;if(null!==a){let e=(await _(a,l,s)).data.map(e=>e.id);console.log("available_model_names:",e),Z(e)}}catch(e){console.error("Error fetching user models:",e)}})()},[a,l,s]);let b=async e=>{try{h.ZP.info("Making API Call"),m(!0);let t=await p(a,l,e);console.log("key create Response:",t),i(e=>e?[...e,t]:[t]),x(t.key),g(t.soft_budget),h.ZP.success("API Key Created"),c.resetFields(),localStorage.removeItem("userData"+l)}catch(e){console.error("Error creating the key:",e)}};return(0,r.jsxs)("div",{children:[(0,r.jsx)(G.Z,{className:"mx-auto",onClick:()=>m(!0),children:"+ Create New Key"}),(0,r.jsx)(H.Z,{title:"Create Key",visible:d,width:800,footer:null,onOk:f,onCancel:w,children:(0,r.jsxs)($.Z,{form:c,onFinish:b,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:["App Owner"===s||"Admin"===s?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.Z.Item,{label:"Key Name",name:"key_alias",rules:[{required:!0,message:"Please input a key name"}],help:"required",children:(0,r.jsx)(X.Z,{})}),(0,r.jsx)($.Z.Item,{label:"Team ID",name:"team_id",hidden:!0,initialValue:t?t.team_id:null,valuePropName:"team_id",className:"mt-8",children:(0,r.jsx)(X.Z,{value:t?t.team_alias:"",disabled:!0})}),(0,r.jsx)($.Z.Item,{label:"Models",name:"models",rules:[{required:!0,message:"Please select a model"}],help:"required",children:(0,r.jsxs)(Y.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},children:[(0,r.jsx)(el,{value:"all-team-models",children:"All Team Models"},"all-team-models"),t&&t.models?t.models.includes("all-proxy-models")?y.map(e=>(0,r.jsx)(el,{value:e,children:e},e)):t.models.map(e=>(0,r.jsx)(el,{value:e,children:e},e)):y.map(e=>(0,r.jsx)(el,{value:e,children:e},e))]})}),(0,r.jsx)($.Z.Item,{className:"mt-8",label:"Max Budget (USD)",name:"max_budget",help:"Budget cannot exceed team max budget: $".concat((null==t?void 0:t.max_budget)!==null&&(null==t?void 0:t.max_budget)!==void 0?null==t?void 0:t.max_budget:"unlimited"),rules:[{validator:async(e,l)=>{if(l&&t&&null!==t.max_budget&&l>t.max_budget)throw Error("Budget cannot exceed team max budget: $".concat(t.max_budget))}}],children:(0,r.jsx)(Q.Z,{step:.01,precision:2,width:200})}),(0,r.jsx)($.Z.Item,{className:"mt-8",label:"Reset Budget",name:"budget_duration",help:"Team Reset Budget: ".concat((null==t?void 0:t.budget_duration)!==null&&(null==t?void 0:t.budget_duration)!==void 0?null==t?void 0:t.budget_duration:"None"),children:(0,r.jsxs)(Y.default,{defaultValue:null,placeholder:"n/a",children:[(0,r.jsx)(Y.default.Option,{value:"24h",children:"daily"}),(0,r.jsx)(Y.default.Option,{value:"30d",children:"monthly"})]})}),(0,r.jsx)($.Z.Item,{className:"mt-8",label:"Tokens per minute Limit (TPM)",name:"tpm_limit",help:"TPM cannot exceed team TPM limit: ".concat((null==t?void 0:t.tpm_limit)!==null&&(null==t?void 0:t.tpm_limit)!==void 0?null==t?void 0:t.tpm_limit:"unlimited"),rules:[{validator:async(e,l)=>{if(l&&t&&null!==t.tpm_limit&&l>t.tpm_limit)throw Error("TPM limit cannot exceed team TPM limit: ".concat(t.tpm_limit))}}],children:(0,r.jsx)(Q.Z,{step:1,width:400})}),(0,r.jsx)($.Z.Item,{className:"mt-8",label:"Requests per minute Limit (RPM)",name:"rpm_limit",help:"RPM cannot exceed team RPM limit: ".concat((null==t?void 0:t.rpm_limit)!==null&&(null==t?void 0:t.rpm_limit)!==void 0?null==t?void 0:t.rpm_limit:"unlimited"),rules:[{validator:async(e,l)=>{if(l&&t&&null!==t.rpm_limit&&l>t.rpm_limit)throw Error("RPM limit cannot exceed team RPM limit: ".concat(t.rpm_limit))}}],children:(0,r.jsx)(Q.Z,{step:1,width:400})}),(0,r.jsx)($.Z.Item,{label:"Expire Key (eg: 30s, 30h, 30d)",name:"duration",className:"mt-8",children:(0,r.jsx)(X.Z,{})}),(0,r.jsx)($.Z.Item,{label:"Metadata",name:"metadata",children:(0,r.jsx)(X.Z.TextArea,{rows:4,placeholder:"Enter metadata as JSON"})})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.Z.Item,{label:"Key Name",name:"key_alias",children:(0,r.jsx)(X.Z,{})}),(0,r.jsx)($.Z.Item,{label:"Team ID (Contact Group)",name:"team_id",children:(0,r.jsx)(X.Z,{placeholder:"default team (create a new team)"})}),(0,r.jsx)($.Z.Item,{label:"Description",name:"description",children:(0,r.jsx)(X.Z.TextArea,{placeholder:"Enter description",rows:4})})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(ee.ZP,{htmlType:"submit",children:"Create Key"})})]})}),u&&(0,r.jsx)(H.Z,{visible:d,onOk:f,onCancel:w,footer:null,children:(0,r.jsxs)(K.Z,{numItems:1,className:"gap-2 w-full",children:[(0,r.jsx)(J.Z,{children:"Save your Key"}),(0,r.jsx)(q.Z,{numColSpan:1,children:(0,r.jsxs)("p",{children:["Please save this secret key somewhere safe and accessible. For security reasons, ",(0,r.jsx)("b",{children:"you will not be able to view it again"})," ","through your LiteLLM account. If you lose this secret key, you will need to generate a new one."]})}),(0,r.jsx)(q.Z,{numColSpan:1,children:null!=u?(0,r.jsxs)("div",{children:[(0,r.jsx)(V.Z,{className:"mt-3",children:"API Key:"}),(0,r.jsx)("div",{style:{background:"#f8f8f8",padding:"10px",borderRadius:"5px",marginBottom:"10px"},children:(0,r.jsx)("pre",{style:{wordWrap:"break-word",whiteSpace:"normal"},children:u})}),(0,r.jsx)(W.CopyToClipboard,{text:u,onCopy:()=>{h.ZP.success("API Key copied to clipboard")},children:(0,r.jsx)(G.Z,{className:"mt-3",children:"Copy API Key"})})]}):(0,r.jsx)(V.Z,{children:"Key being created, this might take 30s"})})]})})]})},es=t(9454),ea=t(98941),er=t(33393),en=t(5),eo=t(9853),ei=t(13810),ec=t(39290),ed=t(66952),em=t(61244),eh=t(10827),eu=t(3851),ex=t(2044),ep=t(64167),ej=t(74480),eg=t(7178);let{Option:ey}=Y.default;var eZ=e=>{let{userID:l,userRole:t,accessToken:s,selectedTeam:a,data:o,setData:i}=e,[c,d]=(0,n.useState)(!1),[m,u]=(0,n.useState)(!1),[x,p]=(0,n.useState)(null),[j,y]=n.useState(null),[Z,f]=(0,n.useState)(null),[w,b]=(0,n.useState)(null),[v,S]=(0,n.useState)(""),[A,N]=(0,n.useState)(!1),[I,C]=(0,n.useState)(null),[P,T]=(0,n.useState)([]);(0,n.useEffect)(()=>{(async()=>{try{if(null===l)return;if(null!==s&&null!==t){let e=(await _(s,l,t)).data.map(e=>e.id);console.log("available_model_names:",e),T(e)}}catch(e){console.error("Error fetching user models:",e)}})()},[s,l,t]);let E=e=>{console.log("handleEditClick:",e),null==e.token&&null!==e.token_id&&(e.token=e.token_id),C(e),N(!0)},O=async e=>{if(null==s)return;let l=e.token;e.key=l,console.log("handleEditSubmit:",e);let t=await M(s,e);console.log("handleEditSubmit: newKeyValues",t),o&&i(o.map(e=>e.token===l?t:e)),h.ZP.success("Key updated successfully"),N(!1),C(null)},F=async e=>{try{if(null==s||null==e)return;console.log("accessToken: ".concat(s,"; token: ").concat(e.token));let l=await k(s,e.token);console.log("Response:",l),b(l);try{let e=await L(s,l);console.log("Response2:",e);let t=[...l,...e.response];b(t),S(e.predicted_spend),console.log("Combined Data:",t)}catch(e){console.error("There was an error fetching the predicted data",e)}}catch(e){console.error("There was an error fetching the data",e)}};(0,n.useEffect)(()=>{F(Z)},[Z]);let R=async e=>{console.log("handleDelete:",e),null==e.token&&null!==e.token_id&&(e.token=e.token_id),null!=o&&(p(e.token),localStorage.removeItem("userData"+l),u(!0))},D=async()=>{if(null!=x&&null!=o){try{await g(s,x);let e=o.filter(e=>e.token!==x);i(e)}catch(e){console.error("Error deleting the key:",e)}u(!1),p(null)}};if(null!=o)return console.log("RERENDER TRIGGERED"),(0,r.jsxs)("div",{children:[(0,r.jsxs)(ei.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh] mb-4 mt-2",children:[(0,r.jsxs)(eh.Z,{className:"mt-5",children:[(0,r.jsx)(ep.Z,{children:(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ej.Z,{children:"Key Alias"}),(0,r.jsx)(ej.Z,{children:"Secret Key"}),(0,r.jsx)(ej.Z,{children:"Spend (USD)"}),(0,r.jsx)(ej.Z,{children:"Budget (USD)"}),(0,r.jsx)(ej.Z,{children:"Models"}),(0,r.jsx)(ej.Z,{children:"TPM / RPM Limits"})]})}),(0,r.jsx)(eu.Z,{children:o.map(e=>(console.log(e),"litellm-dashboard"===e.team_id||a&&e.team_id!=a.team_id)?null:(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ex.Z,{style:{maxWidth:"2px",whiteSpace:"pre-wrap",overflow:"hidden"},children:null!=e.key_alias?(0,r.jsx)(V.Z,{children:e.key_alias}):(0,r.jsx)(V.Z,{children:"Not Set"})}),(0,r.jsx)(ex.Z,{children:(0,r.jsx)(V.Z,{children:e.key_name})}),(0,r.jsx)(ex.Z,{children:(0,r.jsx)(V.Z,{children:(()=>{try{return parseFloat(e.spend).toFixed(4)}catch(l){return e.spend}})()})}),(0,r.jsx)(ex.Z,{children:null!=e.max_budget?(0,r.jsx)(V.Z,{children:e.max_budget}):(0,r.jsx)(V.Z,{children:"Unlimited"})}),(0,r.jsx)(ex.Z,{children:Array.isArray(e.models)?(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column"},children:0===e.models.length?(0,r.jsx)(r.Fragment,{children:a&&a.models&&a.models.length>0?a.models.map((e,l)=>"all-proxy-models"===e?(0,r.jsx)(en.Z,{size:"xs",className:"mb-1",color:"red",children:(0,r.jsx)(V.Z,{children:"All Proxy Models"})},l):"all-team-models"===e?(0,r.jsx)(en.Z,{size:"xs",className:"mb-1",color:"red",children:(0,r.jsx)(V.Z,{children:"All Team Models"})},l):(0,r.jsx)(en.Z,{size:"xs",className:"mb-1",color:"blue",children:(0,r.jsx)(V.Z,{children:e.length>30?"".concat(e.slice(0,30),"..."):e})},l)):(0,r.jsx)(en.Z,{size:"xs",className:"mb-1",color:"blue",children:(0,r.jsx)(V.Z,{children:"all-proxy-models"})})}):e.models.map((e,l)=>"all-proxy-models"===e?(0,r.jsx)(en.Z,{size:"xs",className:"mb-1",color:"red",children:(0,r.jsx)(V.Z,{children:"All Proxy Models"})},l):"all-team-models"===e?(0,r.jsx)(en.Z,{size:"xs",className:"mb-1",color:"red",children:(0,r.jsx)(V.Z,{children:"All Team Models"})},l):(0,r.jsx)(en.Z,{size:"xs",className:"mb-1",color:"blue",children:(0,r.jsx)(V.Z,{children:e.length>30?"".concat(e.slice(0,30),"..."):e})},l))}):null}),(0,r.jsx)(ex.Z,{children:(0,r.jsxs)(V.Z,{children:["TPM: ",e.tpm_limit?e.tpm_limit:"Unlimited"," ",(0,r.jsx)("br",{})," RPM:"," ",e.rpm_limit?e.rpm_limit:"Unlimited"]})}),(0,r.jsxs)(ex.Z,{children:[(0,r.jsx)(em.Z,{onClick:()=>{f(e),y(e.id)},icon:es.Z,size:"sm"}),(0,r.jsx)(ec.Z,{open:null!==j,onClose:()=>{y(null),f(null)},children:(0,r.jsx)(ed.Z,{children:Z&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",children:[(0,r.jsxs)(ei.Z,{children:[(0,r.jsx)("p",{className:"text-tremor-default font-medium text-tremor-content dark:text-dark-tremor-content",children:"Spend"}),(0,r.jsx)("div",{className:"mt-2 flex items-baseline space-x-2.5",children:(0,r.jsx)("p",{className:"text-tremor font-semibold text-tremor-content-strong dark:text-dark-tremor-content-strong",children:(()=>{try{return parseFloat(Z.spend).toFixed(4)}catch(e){return Z.spend}})()})})]}),(0,r.jsxs)(ei.Z,{children:[(0,r.jsx)("p",{className:"text-tremor-default font-medium text-tremor-content dark:text-dark-tremor-content",children:"Budget"}),(0,r.jsx)("div",{className:"mt-2 flex items-baseline space-x-2.5",children:(0,r.jsx)("p",{className:"text-tremor font-semibold text-tremor-content-strong dark:text-dark-tremor-content-strong",children:null!=Z.max_budget?(0,r.jsx)(r.Fragment,{children:Z.max_budget}):(0,r.jsx)(r.Fragment,{children:"Unlimited"})})})]},e.name),(0,r.jsxs)(ei.Z,{children:[(0,r.jsx)("p",{className:"text-tremor-default font-medium text-tremor-content dark:text-dark-tremor-content",children:"Expires"}),(0,r.jsx)("div",{className:"mt-2 flex items-baseline space-x-2.5",children:(0,r.jsx)("p",{className:"text-tremor-default font-small text-tremor-content-strong dark:text-dark-tremor-content-strong",children:null!=Z.expires?(0,r.jsx)(r.Fragment,{children:new Date(Z.expires).toLocaleString(void 0,{day:"numeric",month:"long",year:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}):(0,r.jsx)(r.Fragment,{children:"Never"})})})]},e.name)]}),(0,r.jsx)(ei.Z,{className:"mt-6 mb-6",children:w&&(0,r.jsx)(eo.Z,{className:"mt-6",data:w,colors:["blue","amber"],index:"date",categories:["spend","predicted_spend"],yAxisWidth:80})}),(0,r.jsx)(J.Z,{children:"Metadata"}),(0,r.jsx)(V.Z,{children:JSON.stringify(Z.metadata)}),(0,r.jsx)(G.Z,{variant:"light",className:"mx-auto flex items-center",onClick:()=>{y(null),f(null)},children:"Close"})]})})}),(0,r.jsx)(em.Z,{icon:ea.Z,size:"sm",onClick:()=>E(e)}),(0,r.jsx)(em.Z,{onClick:()=>R(e),icon:er.Z,size:"sm"})]})]},e.token))})]}),m&&(0,r.jsx)("div",{className:"fixed z-10 inset-0 overflow-y-auto",children:(0,r.jsxs)("div",{className:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",children:[(0,r.jsx)("div",{className:"fixed inset-0 transition-opacity","aria-hidden":"true",children:(0,r.jsx)("div",{className:"absolute inset-0 bg-gray-500 opacity-75"})}),(0,r.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true",children:""}),(0,r.jsxs)("div",{className:"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full",children:[(0,r.jsx)("div",{className:"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4",children:(0,r.jsx)("div",{className:"sm:flex sm:items-start",children:(0,r.jsxs)("div",{className:"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left",children:[(0,r.jsx)("h3",{className:"text-lg leading-6 font-medium text-gray-900",children:"Delete Key"}),(0,r.jsx)("div",{className:"mt-2",children:(0,r.jsx)("p",{className:"text-sm text-gray-500",children:"Are you sure you want to delete this key ?"})})]})})}),(0,r.jsxs)("div",{className:"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse",children:[(0,r.jsx)(G.Z,{onClick:D,color:"red",className:"ml-2",children:"Delete"}),(0,r.jsx)(G.Z,{onClick:()=>{u(!1),p(null)},children:"Cancel"})]})]})]})})]}),I&&(0,r.jsx)(e=>{let{visible:l,onCancel:t,token:s,onSubmit:n}=e,[o]=$.Z.useForm();return console.log("in edit key modal:",s),console.log("in edit key modal, team:",a),(0,r.jsx)(H.Z,{title:"Edit Key",visible:l,width:800,footer:null,onOk:()=>{o.validateFields().then(e=>{o.resetFields()}).catch(e=>{console.error("Validation failed:",e)})},onCancel:t,children:(0,r.jsxs)($.Z,{form:o,onFinish:O,initialValues:s,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.Z.Item,{label:"Key Name",name:"key_alias",rules:[{required:!0,message:"Please input a key name"}],help:"required",children:(0,r.jsx)(X.Z,{})}),(0,r.jsx)($.Z.Item,{label:"Models",name:"models",children:(0,r.jsxs)(Y.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},children:[(0,r.jsx)(ey,{value:"all-team-models",children:"All Team Models"},"all-team-models"),a&&a.models?a.models.includes("all-proxy-models")?P.filter(e=>"all-proxy-models"!==e).map(e=>(0,r.jsx)(ey,{value:e,children:e},e)):a.models.map(e=>(0,r.jsx)(ey,{value:e,children:e},e)):P.map(e=>(0,r.jsx)(ey,{value:e,children:e},e))]})}),(0,r.jsx)($.Z.Item,{className:"mt-8",label:"Max Budget (USD)",name:"max_budget",help:"Budget cannot exceed team max budget: $".concat((null==a?void 0:a.max_budget)!==null&&(null==a?void 0:a.max_budget)!==void 0?null==a?void 0:a.max_budget:"unlimited"),rules:[{validator:async(e,l)=>{if(l&&a&&null!==a.max_budget&&l>a.max_budget)throw Error("Budget cannot exceed team max budget: $".concat(a.max_budget))}}],children:(0,r.jsx)(Q.Z,{step:.01,precision:2,width:200})}),(0,r.jsx)($.Z.Item,{label:"token",name:"token",hidden:!0})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(ee.ZP,{htmlType:"submit",children:"Edit Key"})})]})})},{visible:A,onCancel:()=>{N(!1),C(null)},token:I,onSubmit:O})]})},ef=e=>{let{userID:l,userRole:t,accessToken:s,userSpend:a}=e;console.log("userSpend: ".concat(a));let[o,i]=(0,n.useState)(null!==a?a:0),[c,d]=(0,n.useState)(0);(0,n.useEffect)(()=>{(async()=>{if(s&&l&&t&&"Admin"===t&&null==a)try{let e=await f(s);e&&(e.spend?i(e.spend):i(0),e.max_budget?d(e.max_budget):d(0))}catch(e){console.error("Error fetching global spend data:",e)}})()},[t,s]),(0,n.useEffect)(()=>{null!==a&&i(a)},[a]);let m=void 0!==o?o.toFixed(4):null;return console.log("spend in view user spend: ".concat(o)),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("p",{className:"text-tremor-default text-tremor-content dark:text-dark-tremor-content",children:"Total Spend "}),(0,r.jsxs)("p",{className:"text-3xl text-tremor-content-strong dark:text-dark-tremor-content-strong font-semibold",children:["$",m]})]})},ew=t(95093),eb=t(27166),e_=e=>{let{teams:l,setSelectedTeam:t}=e,s={models:[],team_id:null,team_alias:"Default Team"},[a,o]=(0,n.useState)(s),i=l?[...l,s]:[s];return(0,r.jsxs)("div",{className:"mt-5 mb-5",children:[(0,r.jsx)(J.Z,{children:"Select Team"}),(0,r.jsx)(V.Z,{children:"If you belong to multiple teams, this setting controls which team is used by default when creating new API Keys."}),(0,r.jsxs)(V.Z,{className:"mt-3 mb-3",children:[(0,r.jsx)("b",{children:"Default Team:"})," If no team_id is set for a key, it will be grouped under here."]}),i&&i.length>0?(0,r.jsx)(ew.Z,{defaultValue:"0",children:i.map((e,l)=>(0,r.jsx)(eb.Z,{value:String(l),onClick:()=>t(e),children:e.team_alias},l))}):(0,r.jsxs)(V.Z,{children:["No team created. ",(0,r.jsx)("b",{children:"Defaulting to personal account."})]})]})},ek=t(37963),ev=t(36083);console.log("isLocal:",!1);var eS=e=>{let{userID:l,userRole:t,teams:s,keys:a,setUserRole:i,userEmail:c,setUserEmail:d,setTeams:m,setKeys:h}=e,[u,x]=(0,n.useState)(null),p=(0,o.useSearchParams)();p.get("viewSpend"),(0,o.useRouter)();let j=p.get("token"),[g,y]=(0,n.useState)(null),[w,b]=(0,n.useState)(null),[k,v]=(0,n.useState)([]),[S,A]=(0,n.useState)(s?s[0]:null);if(window.addEventListener("beforeunload",function(){sessionStorage.clear()}),(0,n.useEffect)(()=>{if(j){let e=(0,ek.o)(j);if(e){if(console.log("Decoded token:",e),console.log("Decoded key:",e.key),y(e.key),e.user_role){let l=function(e){if(!e)return"Undefined Role";switch(console.log("Received user role: ".concat(e)),e.toLowerCase()){case"app_owner":case"demo_app_owner":return"App Owner";case"app_admin":case"proxy_admin":return"Admin";case"proxy_admin_viewer":return"Admin Viewer";case"app_user":return"App User";default:return"Unknown Role"}}(e.user_role);console.log("Decoded user_role:",l),i(l)}else console.log("User role not defined");e.user_email?d(e.user_email):console.log("User Email is not set ".concat(e))}}if(l&&g&&t&&!a&&!u){let e=sessionStorage.getItem("userModels"+l);e?v(JSON.parse(e)):(async()=>{try{let e=await Z(g,l,t,!1,null,null);if(console.log("received teams in user dashboard: ".concat(Object.keys(e),"; team values: ").concat(Object.entries(e.teams))),"Admin"==t){let e=await f(g);x(e),console.log("globalSpend:",e)}else x(e.user_info);h(e.keys),m(e.teams),A(e.teams?e.teams[0]:null),sessionStorage.setItem("userData"+l,JSON.stringify(e.keys)),sessionStorage.setItem("userSpendData"+l,JSON.stringify(e.user_info));let s=(await _(g,l,t)).data.map(e=>e.id);console.log("available_model_names:",s),v(s),console.log("userModels:",k),sessionStorage.setItem("userModels"+l,JSON.stringify(s))}catch(e){console.error("There was an error fetching the data",e)}})()}},[l,j,g,a,t]),(0,n.useEffect)(()=>{if(null!==a&&null!=S){let e=0;for(let l of a)S.hasOwnProperty("team_id")&&null!==l.team_id&&l.team_id===S.team_id&&(e+=l.spend);b(e)}else if(null!==a){let e=0;for(let l of a)e+=l.spend;b(e)}},[S]),null==l||null==j){let e="/sso/key/generate";return console.log("Full URL:",e),window.location.href=e,null}if(null==g)return null;if(null==t&&i("App Owner"),t&&"Admin Viewer"==t){let{Title:e,Paragraph:l}=ev.default;return(0,r.jsxs)("div",{children:[(0,r.jsx)(e,{level:1,children:"Access Denied"}),(0,r.jsx)(l,{children:"Ask your proxy admin for access to create keys"})]})}return console.log("inside user dashboard, selected team",S),console.log("teamSpend: ".concat(w)),(0,r.jsx)("div",{className:"w-full mx-4",children:(0,r.jsx)(K.Z,{numItems:1,className:"gap-2 p-8 h-[75vh] w-full mt-2",children:(0,r.jsxs)(q.Z,{numColSpan:1,children:[(0,r.jsx)(ef,{userID:l,userRole:t,accessToken:g,userSpend:w}),(0,r.jsx)(eZ,{userID:l,userRole:t,accessToken:g,selectedTeam:S||null,data:a,setData:h}),(0,r.jsx)(et,{userID:l,team:S||null,userRole:t,accessToken:g,data:a,setData:h},S?S.team_id:null),(0,r.jsx)(e_,{teams:s,setSelectedTeam:A})]})})})},eA=t(92836),eN=t(26734),eI=t(41608),eC=t(32126),eP=t(23682),eT=t(52273),eE=t(47047),eO=t(76628),eF=t(38302),eM=t(28683),eR=t(1460),eD=t(78578);let{Title:eU,Link:eL}=ev.default;(s=a||(a={})).OpenAI="OpenAI",s.Azure="Azure",s.Anthropic="Anthropic",s.Google_AI_Studio="Gemini (Google AI Studio)",s.Bedrock="Amazon Bedrock",s.OpenAI_Compatible="OpenAI-Compatible Endpoints (Groq, Together AI, Mistral AI, etc.)";let ez={OpenAI:"openai",Azure:"azure",Anthropic:"anthropic",Google_AI_Studio:"gemini",Bedrock:"bedrock",OpenAI_Compatible:"openai"};var eB=e=>{let{accessToken:l,token:t,userRole:s,userID:o}=e,[i,c]=(0,n.useState)({data:[]}),[d,m]=(0,n.useState)([]),[p,j]=(0,n.useState)([]),[g]=$.Z.useForm(),[y,Z]=(0,n.useState)(null),[f,_]=(0,n.useState)([]),[k,v]=(0,n.useState)("OpenAI");if((0,n.useEffect)(()=>{if(!l||!t||!s||!o)return;let e=async()=>{try{let e=await w(l,o,s);console.log("Model data response:",e.data),c(e);let t=await b(l,o,s);if(console.log("Model metrics response:",t),m(t),"Admin"===s&&l){let e=await E(l);console.log("Pending Requests:",p),j(e.requests||[])}}catch(e){console.error("There was an error fetching the model data",e)}};l&&t&&s&&o&&e();let a=async()=>{let e=await u();console.log("received model cost map data: ".concat(Object.keys(e))),Z(e)};null==y&&a()},[l,t,s,o]),!i||!l||!t||!s||!o)return(0,r.jsx)("div",{children:"Loading..."});let S=[];for(let e=0;e{let[l]=e;return"model"!==l&&"api_base"!==l}))),i.data[e].provider=r,i.data[e].input_cost=n,i.data[e].output_cost=o,i.data[e].max_tokens=c,i.data[e].api_base=null==l?void 0:null===(N=l.litellm_params)||void 0===N?void 0:N.api_base,i.data[e].cleanedLitellmParams=d,S.push(l.model_name),console.log(i.data[e])}if(s&&"Admin Viewer"==s){let{Title:e,Paragraph:l}=ev.default;return(0,r.jsxs)("div",{children:[(0,r.jsx)(e,{level:1,children:"Access Denied"}),(0,r.jsx)(l,{children:"Ask your proxy admin for access to view all models"})]})}let I=e=>{console.log("received provider string: ".concat(e));let l=a[e];console.log("received providerEnumValue: ".concat(l));let t=ez[l];console.log("mappingResult: ".concat(t));let s=[];"object"==typeof y&&Object.entries(y).forEach(e=>{let[l,a]=e;null!==a&&"object"==typeof a&&"litellm_provider"in a&&a.litellm_provider===t&&s.push(l)}),_(s),console.log("providerModels: ".concat(f))},C=async e=>{try{let t=Object.values(e.model);console.log("received deployments: ".concat(t)),console.log("received type of deployments: ".concat(typeof t)),t.forEach(async t=>{console.log("litellm_model: ".concat(t));let s={},a={};s.model=t;let r="";for(let[l,t]of Object.entries(e))if("model_name"==l)r+=t;else if("custom_llm_provider"==l)continue;else if("model"==l)continue;else if("base_model"===l)a[l]=t;else if("litellm_extra_params"==l){console.log("litellm_extra_params:",t);let e={};if(t&&void 0!=t){try{e=JSON.parse(t)}catch(e){throw h.ZP.error("Failed to parse LiteLLM Extra Params: "+e),Error("Failed to parse litellm_extra_params: "+e)}for(let[l,t]of Object.entries(e))s[l]=t}}else s[l]=t;let n={model_name:r,litellm_params:s,model_info:a},o=await x(l,n);console.log("response for model create call: ".concat(o.data))}),g.resetFields()}catch(e){h.ZP.error("Failed to create model: "+e)}};return console.log("selectedProvider: ".concat(k)),console.log("providerModels.length: ".concat(f.length)),(0,r.jsx)("div",{style:{width:"100%",height:"100%"},children:(0,r.jsxs)(eN.Z,{className:"gap-2 p-8 h-[75vh] w-full mt-2",children:[(0,r.jsxs)(eI.Z,{className:"mt-2",children:[(0,r.jsx)(eA.Z,{children:"All Models"}),(0,r.jsx)(eA.Z,{children:"Add Model"})]}),(0,r.jsxs)(eP.Z,{children:[(0,r.jsx)(eC.Z,{children:(0,r.jsxs)(K.Z,{children:[(0,r.jsx)(ei.Z,{children:(0,r.jsxs)(eh.Z,{className:"mt-5",children:[(0,r.jsx)(ep.Z,{children:(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ej.Z,{children:"Model Name "}),(0,r.jsx)(ej.Z,{children:"Provider"}),"Admin"===s&&(0,r.jsx)(ej.Z,{children:"API Base"}),(0,r.jsx)(ej.Z,{children:"Extra litellm Params"}),(0,r.jsx)(ej.Z,{children:"Input Price per token ($)"}),(0,r.jsx)(ej.Z,{children:"Output Price per token ($)"}),(0,r.jsx)(ej.Z,{children:"Max Tokens"})]})}),(0,r.jsx)(eu.Z,{children:i.data.map(e=>(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ex.Z,{children:(0,r.jsx)(V.Z,{children:e.model_name})}),(0,r.jsx)(ex.Z,{children:e.provider}),"Admin"===s&&(0,r.jsx)(ex.Z,{children:e.api_base}),(0,r.jsx)(ex.Z,{children:(0,r.jsx)("pre",{children:JSON.stringify(e.cleanedLitellmParams,null,2)})}),(0,r.jsx)(ex.Z,{children:e.input_cost}),(0,r.jsx)(ex.Z,{children:e.output_cost}),(0,r.jsx)(ex.Z,{children:e.max_tokens})]},e.model_name))})]})}),(0,r.jsxs)(ei.Z,{children:[(0,r.jsx)(J.Z,{children:"Model Statistics (Number Requests)"}),(0,r.jsx)(eo.Z,{data:d,index:"model",categories:["num_requests"],colors:["blue"],yAxisWidth:400,layout:"vertical",tickGap:5})]}),(0,r.jsxs)(ei.Z,{children:[(0,r.jsx)(J.Z,{children:"Model Statistics (Latency)"}),(0,r.jsx)(eo.Z,{data:d,index:"model",categories:["avg_latency_seconds"],colors:["red"],yAxisWidth:400,layout:"vertical",tickGap:5})]})]})}),(0,r.jsxs)(eC.Z,{className:"h-full",children:[(0,r.jsx)(eU,{level:2,children:"Add new model"}),(0,r.jsx)(ei.Z,{children:(0,r.jsxs)($.Z,{form:g,onFinish:()=>{g.validateFields().then(e=>{C(e)}).catch(e=>{console.error("Validation failed:",e)})},labelCol:{span:10},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.Z.Item,{rules:[{required:!0,message:"Required"}],label:"Provider:",name:"custom_llm_provider",tooltip:"E.g. OpenAI, Azure OpenAI, Anthropic, Bedrock, etc.",labelCol:{span:10},labelAlign:"left",children:(0,r.jsx)(ew.Z,{value:k.toString(),children:["OpenAI","Azure","Anthropic","Gemini (Google AI Studio)","Amazon Bedrock","OpenAI-Compatible Endpoints (Groq, Together AI, Mistral AI, etc.)"].map((e,l)=>(0,r.jsx)(eb.Z,{value:e,onClick:()=>{I(e),v(e)},children:e},l))})}),(0,r.jsx)($.Z.Item,{rules:[{required:!0,message:"Required"}],label:"Public Model Name",name:"model_name",tooltip:"Model name your users will pass in. Also used for load-balancing, LiteLLM will load balance between all models with this public name.",className:"mb-0",children:(0,r.jsx)(eT.Z,{placeholder:"gpt-3.5-turbo"})}),(0,r.jsxs)(eF.Z,{children:[(0,r.jsx)(eM.Z,{span:10}),(0,r.jsx)(eM.Z,{span:10,children:(0,r.jsx)(V.Z,{className:"mb-3 mt-1",children:"Model name your users will pass in."})})]}),(0,r.jsx)($.Z.Item,{rules:[{required:!0,message:"Required"}],label:"LiteLLM Model Name(s)",name:"model",tooltip:"Actual model name used for making litellm.completion() call.",className:"mb-0",children:f.length>0?(0,r.jsx)(eE.Z,{value:f,children:f.map((e,l)=>(0,r.jsx)(eO.Z,{value:e,children:e},l))}):(0,r.jsx)(eT.Z,{placeholder:"gpt-3.5-turbo-0125"})}),(0,r.jsxs)(eF.Z,{children:[(0,r.jsx)(eM.Z,{span:10}),(0,r.jsx)(eM.Z,{span:10,children:(0,r.jsxs)(V.Z,{className:"mb-3 mt-1",children:["Actual model name used for making",(0,r.jsx)(eL,{href:"https://docs.litellm.ai/docs/providers",target:"_blank",children:"litellm.completion() call"}),".We'll",(0,r.jsx)(eL,{href:"https://docs.litellm.ai/docs/proxy/reliability#step-1---set-deployments-on-config",target:"_blank",children:"loadbalance"})," models with the same 'public name'"]})})]}),"Amazon Bedrock"!=k&&(0,r.jsx)($.Z.Item,{rules:[{required:!0,message:"Required"}],label:"API Key",name:"api_key",children:(0,r.jsx)(eT.Z,{placeholder:"sk-",type:"password"})}),"OpenAI"==k&&(0,r.jsx)($.Z.Item,{label:"Organization ID",name:"organization_id",children:(0,r.jsx)(eT.Z,{placeholder:"[OPTIONAL] my-unique-org"})}),("Azure"==k||"OpenAI-Compatible Endpoints (Groq, Together AI, Mistral AI, etc.)"==k)&&(0,r.jsx)($.Z.Item,{rules:[{required:!0,message:"Required"}],label:"API Base",name:"api_base",children:(0,r.jsx)(eT.Z,{placeholder:"https://..."})}),"Azure"==k&&(0,r.jsx)($.Z.Item,{rules:[{required:!0,message:"Required"}],label:"API Version",name:"api_version",children:(0,r.jsx)(eT.Z,{placeholder:"2023-07-01-preview"})}),"Azure"==k&&(0,r.jsxs)($.Z.Item,{label:"Base Model",name:"base_model",children:[(0,r.jsx)(eT.Z,{placeholder:"azure/gpt-3.5-turbo"}),(0,r.jsxs)(V.Z,{children:["The actual model your azure deployment uses. Used for accurate cost tracking. Select name from ",(0,r.jsx)(eL,{href:"https://github.com/BerriAI/litellm/blob/main/model_prices_and_context_window.json",target:"_blank",children:"here"})]})]}),"Amazon Bedrock"==k&&(0,r.jsx)($.Z.Item,{rules:[{required:!0,message:"Required"}],label:"AWS Access Key ID",name:"aws_access_key_id",tooltip:"You can provide the raw key or the environment variable (e.g. `os.environ/MY_SECRET_KEY`).",children:(0,r.jsx)(eT.Z,{placeholder:""})}),"Amazon Bedrock"==k&&(0,r.jsx)($.Z.Item,{rules:[{required:!0,message:"Required"}],label:"AWS Secret Access Key",name:"aws_secret_access_key",tooltip:"You can provide the raw key or the environment variable (e.g. `os.environ/MY_SECRET_KEY`).",children:(0,r.jsx)(eT.Z,{placeholder:""})}),"Amazon Bedrock"==k&&(0,r.jsx)($.Z.Item,{rules:[{required:!0,message:"Required"}],label:"AWS Region Name",name:"aws_region_name",tooltip:"You can provide the raw key or the environment variable (e.g. `os.environ/MY_SECRET_KEY`).",children:(0,r.jsx)(eT.Z,{placeholder:"us-east-1"})}),(0,r.jsx)($.Z.Item,{label:"LiteLLM Params",name:"litellm_extra_params",tooltip:"Optional litellm params used for making a litellm.completion() call.",className:"mb-0",children:(0,r.jsx)(eD.Z,{rows:4,placeholder:'{ "rpm": 100, "timeout": 0, "stream_timeout": 0 }'})}),(0,r.jsxs)(eF.Z,{children:[(0,r.jsx)(eM.Z,{span:10}),(0,r.jsx)(eM.Z,{span:10,children:(0,r.jsxs)(V.Z,{className:"mb-3 mt-1",children:["Pass JSON of litellm supported params ",(0,r.jsx)(eL,{href:"https://docs.litellm.ai/docs/completion/input",target:"_blank",children:"litellm.completion() call"})]})})]})]}),(0,r.jsx)("div",{style:{textAlign:"center",marginTop:"10px"},children:(0,r.jsx)(ee.ZP,{htmlType:"submit",children:"Add Model"})}),(0,r.jsx)(eR.Z,{title:"Get help on our github",children:(0,r.jsx)(ev.default.Link,{href:"https://github.com/BerriAI/litellm/issues",children:"Need Help?"})})]})})]})]})]})})};let{Option:eq}=Y.default;var eK=e=>{let{userID:l,accessToken:t}=e,[s]=$.Z.useForm(),[a,o]=(0,n.useState)(!1),[i,c]=(0,n.useState)(null),[d,m]=(0,n.useState)([]);(0,n.useEffect)(()=>{(async()=>{try{let e=await _(t,l,"any"),s=[];for(let l=0;l{o(!1),s.resetFields()},x=()=>{o(!1),c(null),s.resetFields()},p=async e=>{try{h.ZP.info("Making API Call"),o(!0),console.log("formValues in create user:",e);let a=await j(t,l,e);console.log("user create Response:",a),c(a.key),h.ZP.success("API user Created"),s.resetFields(),localStorage.removeItem("userData"+l)}catch(e){console.error("Error creating the user:",e)}};return(0,r.jsxs)("div",{children:[(0,r.jsx)(G.Z,{className:"mx-auto",onClick:()=>o(!0),children:"+ Create New User"}),(0,r.jsx)(H.Z,{title:"Create User",visible:a,width:800,footer:null,onOk:u,onCancel:x,children:(0,r.jsxs)($.Z,{form:s,onFinish:p,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsx)($.Z.Item,{label:"User ID",name:"user_id",children:(0,r.jsx)(X.Z,{placeholder:"Enter User ID"})}),(0,r.jsx)($.Z.Item,{label:"Team ID",name:"team_id",children:(0,r.jsx)(X.Z,{placeholder:"ai_team"})}),(0,r.jsx)($.Z.Item,{label:"Models",name:"models",children:(0,r.jsx)(Y.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},children:d.map(e=>(0,r.jsx)(eq,{value:e,children:e},e))})}),(0,r.jsx)($.Z.Item,{label:"Max Budget (USD)",name:"max_budget",children:(0,r.jsx)(Q.Z,{step:.01,precision:2,width:200})}),(0,r.jsx)($.Z.Item,{label:"Tokens per minute Limit (TPM)",name:"tpm_limit",children:(0,r.jsx)(Q.Z,{step:1,width:400})}),(0,r.jsx)($.Z.Item,{label:"Requests per minute Limit (RPM)",name:"rpm_limit",children:(0,r.jsx)(Q.Z,{step:1,width:400})}),(0,r.jsx)($.Z.Item,{label:"Duration (eg: 30s, 30h, 30d)",name:"duration",children:(0,r.jsx)(X.Z,{})}),(0,r.jsx)($.Z.Item,{label:"Metadata",name:"metadata",children:(0,r.jsx)(X.Z.TextArea,{rows:4,placeholder:"Enter metadata as JSON"})}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(ee.ZP,{htmlType:"submit",children:"Create User"})})]})}),i&&(0,r.jsxs)(H.Z,{title:"Save Your User",visible:a,onOk:u,onCancel:x,footer:null,children:[(0,r.jsxs)("p",{children:["Please save this secret user somewhere safe and accessible. For security reasons, ",(0,r.jsx)("b",{children:"you will not be able to view it again"})," ","through your LiteLLM account. If you lose this secret user, you will need to generate a new one."]}),(0,r.jsx)("p",{children:null!=i?"API user: ".concat(i):"User being created, this might take 30s"})]})]})},eG=e=>{let{accessToken:l,token:t,keys:s,userRole:a,userID:o,setKeys:i}=e,[c,d]=(0,n.useState)(null),[m,h]=(0,n.useState)(null),[u,x]=(0,n.useState)(1);if((0,n.useEffect)(()=>{if(!l||!t||!a||!o)return;let e=async()=>{try{let e=await Z(l,null,a,!0,u,25);console.log("user data response:",e),d(e)}catch(e){console.error("There was an error fetching the model data",e)}};l&&t&&a&&o&&e();let s=async()=>{try{let e=await C(l,null);console.log("user data response:",e),h(e)}catch(e){console.error("There was an error fetching the model data",e)}};a&&("Admin"==a||"Admin Viewer"==a)&&!m&&s()},[l,t,a,o,u]),!c||!l||!t||!a||!o)return(0,r.jsx)("div",{children:"Loading..."});let p=async e=>{try{let t=await C(l,e);console.log("user data response:",t),h(t)}catch(e){console.error("There was an error fetching the model data",e)}};return(0,r.jsx)("div",{style:{width:"100%"},children:(0,r.jsxs)(K.Z,{className:"gap-2 p-2 h-[75vh] w-full mt-8",children:[(0,r.jsx)(eK,{userID:o,accessToken:l}),(0,r.jsx)(ei.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh] mb-4",children:(0,r.jsxs)(eN.Z,{children:[(0,r.jsxs)(eI.Z,{variant:"line",defaultValue:"1",children:[(0,r.jsx)(eA.Z,{value:"1",children:"Key Owners"}),(0,r.jsx)(eA.Z,{value:"2",children:"End-Users"})]}),(0,r.jsxs)(eP.Z,{children:[(0,r.jsx)(eC.Z,{children:(0,r.jsxs)(eh.Z,{className:"mt-5",children:[(0,r.jsx)(ep.Z,{children:(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ej.Z,{children:"User ID"}),(0,r.jsx)(ej.Z,{children:"User Role"}),(0,r.jsx)(ej.Z,{children:"User Models"}),(0,r.jsx)(ej.Z,{children:"User Spend ($ USD)"}),(0,r.jsx)(ej.Z,{children:"User Max Budget ($ USD)"})]})}),(0,r.jsx)(eu.Z,{children:c.map(e=>(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ex.Z,{children:e.user_id}),(0,r.jsx)(ex.Z,{children:e.user_role?e.user_role:"app_owner"}),(0,r.jsx)(ex.Z,{children:e.models&&e.models.length>0?e.models:"All Models"}),(0,r.jsx)(ex.Z,{children:e.spend?e.spend:0}),(0,r.jsx)(ex.Z,{children:e.max_budget?e.max_budget:"Unlimited"})]},e.user_id))})]})}),(0,r.jsxs)(eC.Z,{children:[(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsx)("div",{className:"flex-1"}),(0,r.jsxs)("div",{className:"flex-1 flex justify-between items-center",children:[(0,r.jsx)(V.Z,{className:"w-1/4 mr-2 text-right",children:"Key"}),(0,r.jsx)(ew.Z,{defaultValue:"1",className:"w-3/4",children:null==s?void 0:s.map((e,l)=>{if(e&&null!==e.key_name&&e.key_name.length>0)return(0,r.jsx)(eb.Z,{value:String(l),onClick:()=>p(e.token),children:e.key_name},l)})})]})]}),(0,r.jsxs)(eh.Z,{children:[(0,r.jsx)(ep.Z,{children:(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ej.Z,{children:"End User"}),(0,r.jsx)(ej.Z,{children:"Spend"}),(0,r.jsx)(ej.Z,{children:"Total Events"})]})}),(0,r.jsx)(eu.Z,{children:null==m?void 0:m.map((e,l)=>(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ex.Z,{children:e.end_user}),(0,r.jsx)(ex.Z,{children:e.total_spend}),(0,r.jsx)(ex.Z,{children:e.total_events})]},l))})]})]})]})]})}),function(){if(!c)return null;let e=(u-1)*25+1,l=Math.min(25*u,c.length);return(0,r.jsxs)("div",{className:"flex justify-between items-center",children:[(0,r.jsxs)("div",{children:["Showing ",e," – ",l," of ",c.length]}),(0,r.jsxs)("div",{className:"flex",children:[(0,r.jsx)("button",{className:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-l focus:outline-none",disabled:1===u,onClick:()=>x(u-1),children:"← Prev"}),(0,r.jsx)("button",{className:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-r focus:outline-none",onClick:()=>{x(u+1)},children:"Next →"})]})]})}()]})})},eV=e=>{let{teams:l,searchParams:t,accessToken:s,setTeams:a,userID:o,userRole:i}=e,[c]=$.Z.useForm(),[d]=$.Z.useForm(),{Title:m,Paragraph:u}=ev.default,[x,p]=(0,n.useState)(""),[j,g]=(0,n.useState)(!1),[Z,f]=(0,n.useState)(l?l[0]:null),[w,b]=(0,n.useState)(!1),[k,v]=(0,n.useState)(!1),[S,A]=(0,n.useState)([]),[N,I]=(0,n.useState)(!1),[C,P]=(0,n.useState)(null),T=e=>{f(e),g(!0)},E=async e=>{let t=e.team_id;if(console.log("handleEditSubmit:",e),null==s)return;let r=await R(s,e);l&&a(l.map(e=>e.team_id===t?r.data:e)),h.ZP.success("Team updated successfully"),g(!1),f(null)},O=async e=>{P(e),I(!0)},M=async()=>{if(null!=C&&null!=l&&null!=s){try{await y(s,C);let e=l.filter(e=>e.team_id!==C);a(e)}catch(e){console.error("Error deleting the team:",e)}I(!1),P(null)}};(0,n.useEffect)(()=>{(async()=>{try{if(null===o||null===i)return;if(null!==s){let e=(await _(s,o,i)).data.map(e=>e.id);console.log("available_model_names:",e),A(e)}}catch(e){console.error("Error fetching user models:",e)}})()},[s,o,i]);let U=async e=>{try{if(null!=s){h.ZP.info("Creating Team");let t=await F(s,e);null!==l?a([...l,t]):a([t]),console.log("response for team create call: ".concat(t)),h.ZP.success("Team created"),b(!1)}}catch(e){console.error("Error creating the team:",e),h.ZP.error("Error creating the team: "+e)}},L=async e=>{try{if(null!=s&&null!=l){h.ZP.info("Adding Member");let t={role:"user",user_email:e.user_email,user_id:e.user_id},r=await D(s,Z.team_id,t);console.log("response for team create call: ".concat(r.data));let n=l.findIndex(e=>(console.log("team.team_id=".concat(e.team_id,"; response.data.team_id=").concat(r.data.team_id)),e.team_id===r.data.team_id));if(console.log("foundIndex: ".concat(n)),-1!==n){let e=[...l];e[n]=r.data,a(e),f(r.data)}v(!1)}}catch(e){console.error("Error creating the team:",e)}};return console.log("received teams ".concat(l)),(0,r.jsx)("div",{className:"w-full mx-4",children:(0,r.jsxs)(K.Z,{numItems:1,className:"gap-2 p-8 h-[75vh] w-full mt-2",children:[(0,r.jsxs)(q.Z,{numColSpan:1,children:[(0,r.jsx)(m,{level:4,children:"All Teams"}),(0,r.jsxs)(ei.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]",children:[(0,r.jsxs)(eh.Z,{children:[(0,r.jsx)(ep.Z,{children:(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ej.Z,{children:"Team Name"}),(0,r.jsx)(ej.Z,{children:"Spend (USD)"}),(0,r.jsx)(ej.Z,{children:"Budget (USD)"}),(0,r.jsx)(ej.Z,{children:"Models"}),(0,r.jsx)(ej.Z,{children:"TPM / RPM Limits"})]})}),(0,r.jsx)(eu.Z,{children:l&&l.length>0?l.map(e=>(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ex.Z,{style:{maxWidth:"4px",whiteSpace:"pre-wrap",overflow:"hidden"},children:e.team_alias}),(0,r.jsx)(ex.Z,{style:{maxWidth:"4px",whiteSpace:"pre-wrap",overflow:"hidden"},children:e.spend}),(0,r.jsx)(ex.Z,{style:{maxWidth:"4px",whiteSpace:"pre-wrap",overflow:"hidden"},children:e.max_budget?e.max_budget:"No limit"}),(0,r.jsx)(ex.Z,{style:{maxWidth:"8-x",whiteSpace:"pre-wrap",overflow:"hidden"},children:Array.isArray(e.models)?(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column"},children:0===e.models.length?(0,r.jsx)(en.Z,{size:"xs",className:"mb-1",color:"red",children:(0,r.jsx)(V.Z,{children:"All Proxy Models"})}):e.models.map((e,l)=>"all-proxy-models"===e?(0,r.jsx)(en.Z,{size:"xs",className:"mb-1",color:"red",children:(0,r.jsx)(V.Z,{children:"All Proxy Models"})},l):(0,r.jsx)(en.Z,{size:"xs",className:"mb-1",color:"blue",children:(0,r.jsx)(V.Z,{children:e.length>30?"".concat(e.slice(0,30),"..."):e})},l))}):null}),(0,r.jsx)(ex.Z,{style:{maxWidth:"4px",whiteSpace:"pre-wrap",overflow:"hidden"},children:(0,r.jsxs)(V.Z,{children:["TPM:"," ",e.tpm_limit?e.tpm_limit:"Unlimited"," ",(0,r.jsx)("br",{}),"RPM:"," ",e.rpm_limit?e.rpm_limit:"Unlimited"]})}),(0,r.jsxs)(ex.Z,{children:[(0,r.jsx)(em.Z,{icon:ea.Z,size:"sm",onClick:()=>T(e)}),(0,r.jsx)(em.Z,{onClick:()=>O(e.team_id),icon:er.Z,size:"sm"})]})]},e.team_id)):null})]}),N&&(0,r.jsx)("div",{className:"fixed z-10 inset-0 overflow-y-auto",children:(0,r.jsxs)("div",{className:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",children:[(0,r.jsx)("div",{className:"fixed inset-0 transition-opacity","aria-hidden":"true",children:(0,r.jsx)("div",{className:"absolute inset-0 bg-gray-500 opacity-75"})}),(0,r.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true",children:""}),(0,r.jsxs)("div",{className:"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full",children:[(0,r.jsx)("div",{className:"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4",children:(0,r.jsx)("div",{className:"sm:flex sm:items-start",children:(0,r.jsxs)("div",{className:"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left",children:[(0,r.jsx)("h3",{className:"text-lg leading-6 font-medium text-gray-900",children:"Delete Team"}),(0,r.jsx)("div",{className:"mt-2",children:(0,r.jsx)("p",{className:"text-sm text-gray-500",children:"Are you sure you want to delete this team ?"})})]})})}),(0,r.jsxs)("div",{className:"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse",children:[(0,r.jsx)(G.Z,{onClick:M,color:"red",className:"ml-2",children:"Delete"}),(0,r.jsx)(G.Z,{onClick:()=>{I(!1),P(null)},children:"Cancel"})]})]})]})})]})]}),(0,r.jsxs)(q.Z,{numColSpan:1,children:[(0,r.jsx)(G.Z,{className:"mx-auto",onClick:()=>b(!0),children:"+ Create New Team"}),(0,r.jsx)(H.Z,{title:"Create Team",visible:w,width:800,footer:null,onOk:()=>{b(!1),c.resetFields()},onCancel:()=>{b(!1),c.resetFields()},children:(0,r.jsxs)($.Z,{form:c,onFinish:U,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.Z.Item,{label:"Team Name",name:"team_alias",rules:[{required:!0,message:"Please input a team name"}],children:(0,r.jsx)(X.Z,{})}),(0,r.jsx)($.Z.Item,{label:"Models",name:"models",children:(0,r.jsxs)(Y.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},children:[(0,r.jsx)(Y.default.Option,{value:"all-proxy-models",children:"All Proxy Models"},"all-proxy-models"),S.map(e=>(0,r.jsx)(Y.default.Option,{value:e,children:e},e))]})}),(0,r.jsx)($.Z.Item,{label:"Max Budget (USD)",name:"max_budget",children:(0,r.jsx)(Q.Z,{step:.01,precision:2,width:200})}),(0,r.jsx)($.Z.Item,{label:"Tokens per minute Limit (TPM)",name:"tpm_limit",children:(0,r.jsx)(Q.Z,{step:1,width:400})}),(0,r.jsx)($.Z.Item,{label:"Requests per minute Limit (RPM)",name:"rpm_limit",children:(0,r.jsx)(Q.Z,{step:1,width:400})})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(ee.ZP,{htmlType:"submit",children:"Create Team"})})]})})]}),(0,r.jsxs)(q.Z,{numColSpan:1,children:[(0,r.jsx)(m,{level:4,children:"Team Members"}),(0,r.jsx)(u,{children:"If you belong to multiple teams, this setting controls which teams members you see."}),l&&l.length>0?(0,r.jsx)(ew.Z,{defaultValue:"0",children:l.map((e,l)=>(0,r.jsx)(eb.Z,{value:String(l),onClick:()=>{f(e)},children:e.team_alias},l))}):(0,r.jsxs)(u,{children:["No team created. ",(0,r.jsx)("b",{children:"Defaulting to personal account."})]})]}),(0,r.jsxs)(q.Z,{numColSpan:1,children:[(0,r.jsx)(ei.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]",children:(0,r.jsxs)(eh.Z,{children:[(0,r.jsx)(ep.Z,{children:(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ej.Z,{children:"Member Name"}),(0,r.jsx)(ej.Z,{children:"Role"})]})}),(0,r.jsx)(eu.Z,{children:Z?Z.members_with_roles.map((e,l)=>(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ex.Z,{children:e.user_email?e.user_email:e.user_id?e.user_id:null}),(0,r.jsx)(ex.Z,{children:e.role})]},l)):null})]})}),Z&&(0,r.jsx)(e=>{let{visible:l,onCancel:t,team:s,onSubmit:a}=e,[n]=$.Z.useForm();return(0,r.jsx)(H.Z,{title:"Edit Team",visible:l,width:800,footer:null,onOk:()=>{n.validateFields().then(e=>{a({...e,team_id:s.team_id}),n.resetFields()}).catch(e=>{console.error("Validation failed:",e)})},onCancel:t,children:(0,r.jsxs)($.Z,{form:n,onFinish:E,initialValues:s,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.Z.Item,{label:"Team Name",name:"team_alias",rules:[{required:!0,message:"Please input a team name"}],children:(0,r.jsx)(X.Z,{})}),(0,r.jsx)($.Z.Item,{label:"Models",name:"models",children:(0,r.jsxs)(Y.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},children:[(0,r.jsx)(Y.default.Option,{value:"all-proxy-models",children:"All Proxy Models"},"all-proxy-models"),S&&S.map(e=>(0,r.jsx)(Y.default.Option,{value:e,children:e},e))]})}),(0,r.jsx)($.Z.Item,{label:"Max Budget (USD)",name:"max_budget",children:(0,r.jsx)(Q.Z,{step:.01,precision:2,width:200})}),(0,r.jsx)($.Z.Item,{label:"Tokens per minute Limit (TPM)",name:"tpm_limit",children:(0,r.jsx)(Q.Z,{step:1,width:400})}),(0,r.jsx)($.Z.Item,{label:"Requests per minute Limit (RPM)",name:"rpm_limit",children:(0,r.jsx)(Q.Z,{step:1,width:400})}),(0,r.jsx)($.Z.Item,{label:"Requests per minute Limit (RPM)",name:"team_id",hidden:!0})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(ee.ZP,{htmlType:"submit",children:"Edit Team"})})]})})},{visible:j,onCancel:()=>{g(!1),f(null)},team:Z,onSubmit:E})]}),(0,r.jsxs)(q.Z,{numColSpan:1,children:[(0,r.jsx)(G.Z,{className:"mx-auto mb-5",onClick:()=>v(!0),children:"+ Add member"}),(0,r.jsx)(H.Z,{title:"Add member",visible:k,width:800,footer:null,onOk:()=>{v(!1),d.resetFields()},onCancel:()=>{v(!1),d.resetFields()},children:(0,r.jsxs)($.Z,{form:c,onFinish:L,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.Z.Item,{label:"Email",name:"user_email",className:"mb-4",children:(0,r.jsx)(X.Z,{name:"user_email",className:"px-3 py-2 border rounded-md w-full"})}),(0,r.jsx)("div",{className:"text-center mb-4",children:"OR"}),(0,r.jsx)($.Z.Item,{label:"User ID",name:"user_id",className:"mb-4",children:(0,r.jsx)(X.Z,{name:"user_id",className:"px-3 py-2 border rounded-md w-full"})})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(ee.ZP,{htmlType:"submit",children:"Add member"})})]})})]})]})})},eJ=t(18190),eW=e=>{let l,{searchParams:t,accessToken:s,showSSOBanner:a}=e,[o]=$.Z.useForm(),[i]=$.Z.useForm(),{Title:c,Paragraph:d}=ev.default,[m,u]=(0,n.useState)(""),[x,p]=(0,n.useState)(null),[j,g]=(0,n.useState)(!1),[y,Z]=(0,n.useState)(!1),[f,w]=(0,n.useState)(!1),[b,_]=(0,n.useState)(!1),[k,v]=(0,n.useState)(!1);try{l=window.location.origin}catch(e){l=""}l+="/fallback/login";let S=()=>{v(!1)},A=["proxy_admin","proxy_admin_viewer"];(0,n.useEffect)(()=>{(async()=>{if(null!=s){let e=[],l=await O(s,"proxy_admin_viewer");l.forEach(l=>{e.push({user_role:l.user_role,user_id:l.user_id,user_email:l.user_email})}),console.log("proxy viewers: ".concat(l));let t=await O(s,"proxy_admin");t.forEach(l=>{e.push({user_role:l.user_role,user_id:l.user_id,user_email:l.user_email})}),console.log("proxy admins: ".concat(t)),console.log("combinedList: ".concat(e)),p(e)}})()},[s]);let N=()=>{w(!1),i.resetFields()},I=()=>{w(!1),i.resetFields()},C=e=>(0,r.jsxs)($.Z,{form:o,onFinish:e,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.Z.Item,{label:"Email",name:"user_email",className:"mb-4",children:(0,r.jsx)(X.Z,{name:"user_email",className:"px-3 py-2 border rounded-md w-full"})}),(0,r.jsx)("div",{className:"text-center mb-4",children:"OR"}),(0,r.jsx)($.Z.Item,{label:"User ID",name:"user_id",className:"mb-4",children:(0,r.jsx)(X.Z,{name:"user_id",className:"px-3 py-2 border rounded-md w-full"})})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(ee.ZP,{htmlType:"submit",children:"Add member"})})]}),P=(e,l,t)=>(0,r.jsxs)($.Z,{form:o,onFinish:e,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.Z.Item,{rules:[{required:!0,message:"Required"}],label:"User Role",name:"user_role",labelCol:{span:10},labelAlign:"left",children:(0,r.jsx)(ew.Z,{value:l,children:A.map((e,l)=>(0,r.jsx)(eb.Z,{value:e,children:e},l))})}),(0,r.jsx)($.Z.Item,{label:"Team ID",name:"user_id",hidden:!0,initialValue:t,valuePropName:"user_id",className:"mt-8",children:(0,r.jsx)(X.Z,{value:t,disabled:!0})})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(ee.ZP,{htmlType:"submit",children:"Update role"})})]}),T=async e=>{try{if(null!=s&&null!=x){h.ZP.info("Making API Call");let l=await U(s,e,null);console.log("response for team create call: ".concat(l));let t=x.findIndex(e=>(console.log("user.user_id=".concat(e.user_id,"; response.user_id=").concat(l.user_id)),e.user_id===l.user_id));console.log("foundIndex: ".concat(t)),-1==t&&(console.log("updates admin with new user"),x.push(l),p(x)),h.ZP.success("Refresh tab to see updated user role"),w(!1)}}catch(e){console.error("Error creating the key:",e)}},E=async e=>{try{if(null!=s&&null!=x){h.ZP.info("Making API Call");let l=await U(s,e,"proxy_admin_viewer");console.log("response for team create call: ".concat(l));let t=x.findIndex(e=>(console.log("user.user_id=".concat(e.user_id,"; response.user_id=").concat(l.user_id)),e.user_id===l.user_id));console.log("foundIndex: ".concat(t)),-1==t&&(console.log("updates admin with new user"),x.push(l),p(x)),g(!1)}}catch(e){console.error("Error creating the key:",e)}},F=async e=>{try{if(null!=s&&null!=x){h.ZP.info("Making API Call"),e.user_email,e.user_id;let l=await U(s,e,"proxy_admin");console.log("response for team create call: ".concat(l));let t=x.findIndex(e=>(console.log("user.user_id=".concat(e.user_id,"; response.user_id=").concat(l.user_id)),e.user_id===l.user_id));console.log("foundIndex: ".concat(t)),-1==t&&(console.log("updates admin with new user"),x.push(l),p(x)),Z(!1)}}catch(e){console.error("Error creating the key:",e)}},M=async e=>{null!=s&&B(s,{environment_variables:{PROXY_BASE_URL:e.proxy_base_url,GOOGLE_CLIENT_ID:e.google_client_id,GOOGLE_CLIENT_SECRET:e.google_client_secret}})};return console.log("admins: ".concat(null==x?void 0:x.length)),(0,r.jsxs)("div",{className:"w-full m-2 mt-2 p-8",children:[(0,r.jsx)(c,{level:4,children:"Admin Access "}),(0,r.jsxs)(d,{children:[a&&(0,r.jsx)("a",{href:"https://docs.litellm.ai/docs/proxy/ui#restrict-ui-access",children:"Requires SSO Setup"}),(0,r.jsx)("br",{}),(0,r.jsx)("b",{children:"Proxy Admin: "})," Can create keys, teams, users, add models, etc. ",(0,r.jsx)("br",{}),(0,r.jsx)("b",{children:"Proxy Admin Viewer: "}),"Can just view spend. They cannot create keys, teams or grant users access to new models."," "]}),(0,r.jsxs)(K.Z,{numItems:1,className:"gap-2 p-2 w-full",children:[(0,r.jsx)(q.Z,{numColSpan:1,children:(0,r.jsx)(ei.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]",children:(0,r.jsxs)(eh.Z,{children:[(0,r.jsx)(ep.Z,{children:(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ej.Z,{children:"Member Name"}),(0,r.jsx)(ej.Z,{children:"Role"})]})}),(0,r.jsx)(eu.Z,{children:x?x.map((e,l)=>(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ex.Z,{children:e.user_email?e.user_email:e.user_id?e.user_id:null}),(0,r.jsx)(ex.Z,{children:e.user_role}),(0,r.jsxs)(ex.Z,{children:[(0,r.jsx)(em.Z,{icon:ea.Z,size:"sm",onClick:()=>w(!0)}),(0,r.jsx)(H.Z,{title:"Update role",visible:f,width:800,footer:null,onOk:N,onCancel:I,children:P(T,e.user_role,e.user_id)})]})]},l)):null})]})})}),(0,r.jsx)(q.Z,{numColSpan:1,children:(0,r.jsxs)("div",{className:"flex justify-start",children:[(0,r.jsx)(G.Z,{className:"mr-4 mb-5",onClick:()=>Z(!0),children:"+ Add admin"}),(0,r.jsx)(H.Z,{title:"Add admin",visible:y,width:800,footer:null,onOk:()=>{Z(!1),i.resetFields()},onCancel:()=>{Z(!1),i.resetFields()},children:C(F)}),(0,r.jsx)(G.Z,{className:"mb-5",onClick:()=>g(!0),children:"+ Add viewer"}),(0,r.jsx)(H.Z,{title:"Add viewer",visible:j,width:800,footer:null,onOk:()=>{g(!1),i.resetFields()},onCancel:()=>{g(!1),i.resetFields()},children:C(E)})]})})]}),(0,r.jsxs)(K.Z,{children:[(0,r.jsx)(c,{level:4,children:"Add SSO"}),(0,r.jsxs)("div",{className:"flex justify-start mb-4",children:[(0,r.jsx)(G.Z,{onClick:()=>_(!0),children:"Add SSO"}),(0,r.jsx)(H.Z,{title:"Add SSO",visible:b,width:800,footer:null,onOk:()=>{_(!1),o.resetFields()},onCancel:()=>{_(!1),o.resetFields()},children:(0,r.jsxs)($.Z,{form:o,onFinish:e=>{F(e),M(e),_(!1),v(!0)},labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.Z.Item,{label:"Admin Email",name:"user_email",rules:[{required:!0,message:"Please enter the email of the proxy admin"}],children:(0,r.jsx)(X.Z,{})}),(0,r.jsx)($.Z.Item,{label:"PROXY BASE URL",name:"proxy_base_url",rules:[{required:!0,message:"Please enter the proxy base url"}],children:(0,r.jsx)(X.Z,{})}),(0,r.jsx)($.Z.Item,{label:"GOOGLE CLIENT ID",name:"google_client_id",rules:[{required:!0,message:"Please enter the google client id"}],children:(0,r.jsx)(X.Z.Password,{})}),(0,r.jsx)($.Z.Item,{label:"GOOGLE CLIENT SECRET",name:"google_client_secret",rules:[{required:!0,message:"Please enter the google client secret"}],children:(0,r.jsx)(X.Z.Password,{})})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(ee.ZP,{htmlType:"submit",children:"Save"})})]})}),(0,r.jsxs)(H.Z,{title:"SSO Setup Instructions",visible:k,width:800,footer:null,onOk:S,onCancel:()=>{v(!1)},children:[(0,r.jsx)("p",{children:"Follow these steps to complete the SSO setup:"}),(0,r.jsx)(V.Z,{className:"mt-2",children:"1. DO NOT Exit this TAB"}),(0,r.jsx)(V.Z,{className:"mt-2",children:"2. Open a new tab, visit your proxy base url"}),(0,r.jsx)(V.Z,{className:"mt-2",children:"3. Confirm your SSO is configured correctly and you can login on the new Tab"}),(0,r.jsx)(V.Z,{className:"mt-2",children:"4. If Step 3 is successful, you can close this tab"}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(ee.ZP,{onClick:S,children:"Done"})})]})]}),(0,r.jsxs)(eJ.Z,{title:"Login without SSO",color:"teal",children:["If you need to login without sso, you can access ",(0,r.jsxs)("a",{href:l,target:"_blank",children:[(0,r.jsx)("b",{children:l})," "]})]})]})]})},eY=e=>{let{accessToken:l,userRole:t,userID:s}=e,[a,o]=(0,n.useState)([]),[i,c]=(0,n.useState)(!1),[d]=$.Z.useForm(),[m,h]=(0,n.useState)(null);(0,n.useEffect)(()=>{l&&t&&s&&z(l,s,t).then(e=>{console.log("callbacks",e),o(e.data.success_callback)})},[l,t,s]);let u=()=>{l&&d.validateFields().then(e=>{console.log("Form values:",e),"langfuse"===e.callback?(B(l,{environment_variables:{LANGFUSE_PUBLIC_KEY:e.langfusePublicKey,LANGFUSE_SECRET_KEY:e.langfusePrivateKey},litellm_settings:{success_callback:[e.callback]}}),o(a?[...a,e.callback]:[e.callback])):"slack"===e.callback&&(B(l,{litellm_settings:{success_callback:[e.callback]},environment_variables:{SLACK_WEBHOOK_URL:e.slackWebhookUrl}}),o(a?[...a,e.callback]:[e.callback])),c(!1),d.resetFields(),h(null)})};return(0,r.jsxs)("div",{className:"w-full mx-4",children:[(0,r.jsx)(K.Z,{numItems:1,className:"gap-2 p-8 h-[75vh] w-full mt-2",children:(0,r.jsxs)(ei.Z,{className:"h-[15vh]",children:[(0,r.jsxs)(K.Z,{numItems:2,className:"mt-2",children:[(0,r.jsx)(q.Z,{children:(0,r.jsx)(J.Z,{children:"Logging Callbacks"})}),(0,r.jsx)(q.Z,{children:(0,r.jsx)("div",{children:a?0===a.length?(0,r.jsx)(en.Z,{children:"None"}):a.map((e,l)=>(0,r.jsx)(en.Z,{color:"sky",children:e},l)):(0,r.jsx)(en.Z,{color:"red",children:"None"})})})]}),(0,r.jsx)(q.Z,{children:(0,r.jsx)(G.Z,{size:"xs",className:"mt-2",onClick:()=>{console.log("Add callback clicked"),c(!0)},children:"Add Callback"})})]})}),(0,r.jsx)(H.Z,{title:"Add Callback",visible:i,onOk:u,width:800,onCancel:()=>{c(!1),d.resetFields(),h(null)},footer:null,children:(0,r.jsxs)($.Z,{form:d,layout:"vertical",onFinish:u,children:[(0,r.jsx)($.Z.Item,{label:"Callback",name:"callback",rules:[{required:!0,message:"Please select a callback"}],children:(0,r.jsxs)(Y.default,{onChange:e=>{h(e)},children:[(0,r.jsx)(Y.default.Option,{value:"langfuse",children:"langfuse"}),(0,r.jsx)(Y.default.Option,{value:"slack",children:"slack alerting"})]})}),"langfuse"===m&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.Z.Item,{label:"LANGFUSE_PUBLIC_KEY",name:"langfusePublicKey",rules:[{required:!0,message:"Please enter the public key"}],children:(0,r.jsx)(X.Z.Password,{})}),(0,r.jsx)($.Z.Item,{label:"LANGFUSE_PRIVATE_KEY",name:"langfusePrivateKey",rules:[{required:!0,message:"Please enter the private key"}],children:(0,r.jsx)(X.Z.Password,{})})]}),"slack"===m&&(0,r.jsx)($.Z.Item,{label:"SLACK_WEBHOOK_URL",name:"slackWebhookUrl",rules:[{required:!0,message:"Please enter the Slack webhook URL"}],children:(0,r.jsx)(X.Z,{})}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(ee.ZP,{htmlType:"submit",children:"Save"})})]})})]})},e$=t(12968),eH=t(67951);async function eX(e,l,t,s){console.log("isLocal:",!1);let a=window.location.origin,r=new e$.ZP.OpenAI({apiKey:s,baseURL:a,dangerouslyAllowBrowser:!0});try{for await(let s of(await r.chat.completions.create({model:t,stream:!0,messages:[{role:"user",content:e}]})))console.log(s),s.choices[0].delta.content&&l(s.choices[0].delta.content)}catch(e){h.ZP.error("Error occurred while generating model response. Please try again. Error: ".concat(e))}}var eQ=e=>{let{accessToken:l,token:t,userRole:s,userID:a}=e,[o,i]=(0,n.useState)(""),[c,d]=(0,n.useState)(""),[m,h]=(0,n.useState)([]),[u,x]=(0,n.useState)(void 0),[p,j]=(0,n.useState)([]);(0,n.useEffect)(()=>{l&&t&&s&&a&&(async()=>{try{let e=await _(l,a,s);if(console.log("model_info:",e),(null==e?void 0:e.data.length)>0){let l=e.data.map(e=>({value:e.id,label:e.id}));console.log(l),j(l),x(e.data[0].id)}}catch(e){console.error("Error fetching model info:",e)}})()},[l,a,s]);let g=(e,l)=>{h(t=>{let s=t[t.length-1];return s&&s.role===e?[...t.slice(0,t.length-1),{role:e,content:s.content+l}]:[...t,{role:e,content:l}]})},y=async()=>{if(""!==c.trim()&&o&&t&&s&&a){h(e=>[...e,{role:"user",content:c}]);try{u&&await eX(c,e=>g("assistant",e),u,o)}catch(e){console.error("Error fetching model response",e),g("assistant","Error fetching model response")}d("")}};if(s&&"Admin Viewer"==s){let{Title:e,Paragraph:l}=ev.default;return(0,r.jsxs)("div",{children:[(0,r.jsx)(e,{level:1,children:"Access Denied"}),(0,r.jsx)(l,{children:"Ask your proxy admin for access to test models"})]})}return(0,r.jsx)("div",{style:{width:"100%",position:"relative"},children:(0,r.jsx)(K.Z,{className:"gap-2 p-8 h-[80vh] w-full mt-2",children:(0,r.jsx)(ei.Z,{children:(0,r.jsxs)(eN.Z,{children:[(0,r.jsxs)(eI.Z,{children:[(0,r.jsx)(eA.Z,{children:"Chat"}),(0,r.jsx)(eA.Z,{children:"API Reference"})]}),(0,r.jsxs)(eP.Z,{children:[(0,r.jsxs)(eC.Z,{children:[(0,r.jsx)("div",{className:"sm:max-w-2xl",children:(0,r.jsxs)(K.Z,{numItems:2,children:[(0,r.jsxs)(q.Z,{children:[(0,r.jsx)(V.Z,{children:"API Key"}),(0,r.jsx)(eT.Z,{placeholder:"Type API Key here",type:"password",onValueChange:i,value:o})]}),(0,r.jsxs)(q.Z,{className:"mx-2",children:[(0,r.jsx)(V.Z,{children:"Select Model:"}),(0,r.jsx)(Y.default,{placeholder:"Select a Model",onChange:e=>{console.log("selected ".concat(e)),x(e)},options:p,style:{width:"200px"}})]})]})}),(0,r.jsxs)(eh.Z,{className:"mt-5",style:{display:"block",maxHeight:"60vh",overflowY:"auto"},children:[(0,r.jsx)(ep.Z,{children:(0,r.jsx)(eg.Z,{children:(0,r.jsx)(ex.Z,{})})}),(0,r.jsx)(eu.Z,{children:m.map((e,l)=>(0,r.jsx)(eg.Z,{children:(0,r.jsx)(ex.Z,{children:"".concat(e.role,": ").concat(e.content)})},l))})]}),(0,r.jsx)("div",{className:"mt-3",style:{position:"absolute",bottom:5,width:"95%"},children:(0,r.jsxs)("div",{className:"flex",children:[(0,r.jsx)(eT.Z,{type:"text",value:c,onChange:e=>d(e.target.value),placeholder:"Type your message..."}),(0,r.jsx)(G.Z,{onClick:y,className:"ml-2",children:"Send"})]})})]}),(0,r.jsx)(eC.Z,{children:(0,r.jsxs)(eN.Z,{children:[(0,r.jsxs)(eI.Z,{children:[(0,r.jsx)(eA.Z,{children:"OpenAI Python SDK"}),(0,r.jsx)(eA.Z,{children:"LlamaIndex"}),(0,r.jsx)(eA.Z,{children:"Langchain Py"})]}),(0,r.jsxs)(eP.Z,{children:[(0,r.jsx)(eC.Z,{children:(0,r.jsx)(eH.Z,{language:"python",children:'\nimport openai\nclient = openai.OpenAI(\n api_key="your_api_key",\n base_url="http://0.0.0.0:4000" # proxy base url\n)\n\nresponse = client.chat.completions.create(\n model="gpt-3.5-turbo", # model to use from Models Tab\n messages = [\n {\n "role": "user",\n "content": "this is a test request, write a short poem"\n }\n ],\n extra_body={\n "metadata": {\n "generation_name": "ishaan-generation-openai-client",\n "generation_id": "openai-client-gen-id22",\n "trace_id": "openai-client-trace-id22",\n "trace_user_id": "openai-client-user-id2"\n }\n }\n)\n\nprint(response)\n '})}),(0,r.jsx)(eC.Z,{children:(0,r.jsx)(eH.Z,{language:"python",children:'\nimport os, dotenv\n\nfrom llama_index.llms import AzureOpenAI\nfrom llama_index.embeddings import AzureOpenAIEmbedding\nfrom llama_index import VectorStoreIndex, SimpleDirectoryReader, ServiceContext\n\nllm = AzureOpenAI(\n engine="azure-gpt-3.5", # model_name on litellm proxy\n temperature=0.0,\n azure_endpoint="http://0.0.0.0:4000", # litellm proxy endpoint\n api_key="sk-1234", # litellm proxy API Key\n api_version="2023-07-01-preview",\n)\n\nembed_model = AzureOpenAIEmbedding(\n deployment_name="azure-embedding-model",\n azure_endpoint="http://0.0.0.0:4000",\n api_key="sk-1234",\n api_version="2023-07-01-preview",\n)\n\n\ndocuments = SimpleDirectoryReader("llama_index_data").load_data()\nservice_context = ServiceContext.from_defaults(llm=llm, embed_model=embed_model)\nindex = VectorStoreIndex.from_documents(documents, service_context=service_context)\n\nquery_engine = index.as_query_engine()\nresponse = query_engine.query("What did the author do growing up?")\nprint(response)\n\n '})}),(0,r.jsx)(eC.Z,{children:(0,r.jsx)(eH.Z,{language:"python",children:'\nfrom langchain.chat_models import ChatOpenAI\nfrom langchain.prompts.chat import (\n ChatPromptTemplate,\n HumanMessagePromptTemplate,\n SystemMessagePromptTemplate,\n)\nfrom langchain.schema import HumanMessage, SystemMessage\n\nchat = ChatOpenAI(\n openai_api_base="http://0.0.0.0:8000",\n model = "gpt-3.5-turbo",\n temperature=0.1,\n extra_body={\n "metadata": {\n "generation_name": "ishaan-generation-langchain-client",\n "generation_id": "langchain-client-gen-id22",\n "trace_id": "langchain-client-trace-id22",\n "trace_user_id": "langchain-client-user-id2"\n }\n }\n)\n\nmessages = [\n SystemMessage(\n content="You are a helpful assistant that im using to make a test request to."\n ),\n HumanMessage(\n content="test from litellm. tell me why it\'s amazing in 1 sentence"\n ),\n]\nresponse = chat(messages)\n\nprint(response)\n\n '})})]})]})})]})]})})})})},e0=t(33509),e1=t(95781);let{Sider:e2}=e0.default;var e4=e=>{let{setPage:l,userRole:t,defaultSelectedKey:s}=e;return"Admin Viewer"==t?(0,r.jsx)(e0.default,{style:{minHeight:"100vh",maxWidth:"120px"},children:(0,r.jsx)(e2,{width:120,children:(0,r.jsxs)(e1.Z,{mode:"inline",defaultSelectedKeys:s||["4"],style:{height:"100%",borderRight:0},children:[(0,r.jsx)(e1.Z.Item,{onClick:()=>l("api-keys"),children:"API Keys"},"4"),(0,r.jsx)(e1.Z.Item,{onClick:()=>l("models"),children:"Models"},"2"),(0,r.jsx)(e1.Z.Item,{onClick:()=>l("llm-playground"),children:"Chat UI"},"3"),(0,r.jsx)(e1.Z.Item,{onClick:()=>l("usage"),children:"Usage"},"1")]})})}):(0,r.jsx)(e0.default,{style:{minHeight:"100vh",maxWidth:"120px"},children:(0,r.jsx)(e2,{width:120,children:(0,r.jsxs)(e1.Z,{mode:"inline",defaultSelectedKeys:s||["1"],style:{height:"100%",borderRight:0},children:[(0,r.jsx)(e1.Z.Item,{onClick:()=>l("api-keys"),children:(0,r.jsx)(V.Z,{children:"API Keys"})},"1"),(0,r.jsx)(e1.Z.Item,{onClick:()=>l("llm-playground"),children:(0,r.jsx)(V.Z,{children:"Test Key"})},"3"),(0,r.jsx)(e1.Z.Item,{onClick:()=>l("models"),children:(0,r.jsx)(V.Z,{children:"Models"})},"2"),"Admin"==t?(0,r.jsx)(e1.Z.Item,{onClick:()=>l("teams"),children:(0,r.jsx)(V.Z,{children:"Teams"})},"6"):null,(0,r.jsx)(e1.Z.Item,{onClick:()=>l("usage"),children:(0,r.jsx)(V.Z,{children:"Usage"})},"4"),"Admin"==t?(0,r.jsx)(e1.Z.Item,{onClick:()=>l("users"),children:(0,r.jsx)(V.Z,{children:"Users"})},"5"):null,(0,r.jsx)(e1.Z.Item,{onClick:()=>l("settings"),children:(0,r.jsx)(V.Z,{children:"Integrations"})},"8"),"Admin"==t?(0,r.jsx)(e1.Z.Item,{onClick:()=>l("admin-panel"),children:(0,r.jsx)(V.Z,{children:"Admin"})},"7"):null]})})})},e8=t(67989),e3=e=>{let{accessToken:l,token:t,userRole:s,userID:a}=e,o=new Date,[i,c]=(0,n.useState)([]),[d,m]=(0,n.useState)([]),[h,u]=(0,n.useState)([]),[x,p]=(0,n.useState)([]),[j,g]=(0,n.useState)([]),[y,Z]=(0,n.useState)([]),[f,w]=(0,n.useState)([]),[b,_]=(0,n.useState)([]),k=new Date(o.getFullYear(),o.getMonth(),1),C=new Date(o.getFullYear(),o.getMonth()+1,0),E=F(k),O=F(C);function F(e){let l=e.getFullYear(),t=e.getMonth()+1,s=e.getDate();return"".concat(l,"-").concat(t<10?"0"+t:t,"-").concat(s<10?"0"+s:s)}return console.log("Start date is ".concat(E)),console.log("End date is ".concat(O)),(0,n.useEffect)(()=>{l&&t&&s&&a&&(async()=>{try{if(console.log("user role: ".concat(s)),"Admin"==s||"Admin Viewer"==s){let e=await N(l);c(e);let t=(await I(l)).map(e=>({key:(e.key_name||e.key_alias||e.api_key).substring(0,10),spend:e.total_spend}));m(t);let s=(await P(l)).map(e=>({key:e.model,spend:e.total_spend}));u(s);let a=await v(l);console.log("teamSpend",a),g(a.daily_spend),w(a.teams);let r=a.total_spend_per_team;r=r.map(e=>(e.name=e.team_id||"",e.value=e.total_spend||0,e)),_(r);let n=await S(l);Z(n.top_10_tags)}else"App Owner"==s&&await A(l,t,s,a,E,O).then(async e=>{if(console.log("result from spend logs call",e),"daily_spend"in e){let l=e.daily_spend;console.log("daily spend",l),c(l);let t=e.top_api_keys;m(t)}else{let t=(await T(l,function(e){let l=[];e.forEach(e=>{Object.entries(e).forEach(e=>{let[t,s]=e;"spend"!==t&&"startTime"!==t&&"models"!==t&&"users"!==t&&l.push({key:t,spend:s})})}),l.sort((e,l)=>Number(l.spend)-Number(e.spend));let t=l.slice(0,5).map(e=>e.key);return console.log("topKeys: ".concat(Object.keys(t[0]))),t}(e))).info.map(e=>({key:(e.key_name||e.key_alias).substring(0,10),spend:e.spend}));m(t),p(function(e){let l={};e.forEach(e=>{Object.entries(e.users).forEach(e=>{let[t,s]=e;""!==t&&null!=t&&"None"!=t&&(l[t]||(l[t]=0),l[t]+=s)})});let t=Object.entries(l).map(e=>{let[l,t]=e;return{user_id:l,spend:t}});t.sort((e,l)=>l.spend-e.spend);let s=t.slice(0,5);return console.log("topKeys: ".concat(Object.values(s[0]))),s}(e)),c(e)}})}catch(e){console.error("There was an error fetching the data",e)}})()},[l,t,s,a,E,O]),(0,r.jsxs)("div",{style:{width:"100%"},className:"p-8",children:[(0,r.jsx)(ef,{userID:a,userRole:s,accessToken:l,userSpend:null}),(0,r.jsxs)(eN.Z,{children:[(0,r.jsxs)(eI.Z,{className:"mt-2",children:[(0,r.jsx)(eA.Z,{children:"All Up"}),(0,r.jsx)(eA.Z,{children:"Team Based Usage"}),(0,r.jsx)(eA.Z,{children:"Tag Based Usage"})]}),(0,r.jsxs)(eP.Z,{children:[(0,r.jsx)(eC.Z,{children:(0,r.jsxs)(K.Z,{numItems:2,className:"gap-2 h-[75vh] w-full",children:[(0,r.jsx)(q.Z,{numColSpan:2,children:(0,r.jsxs)(ei.Z,{children:[(0,r.jsx)(J.Z,{children:"Monthly Spend"}),(0,r.jsx)(eo.Z,{data:i,index:"date",categories:["spend"],colors:["blue"],valueFormatter:e=>"$ ".concat(new Intl.NumberFormat("us").format(e).toString()),yAxisWidth:100,tickGap:5})]})}),(0,r.jsx)(q.Z,{numColSpan:1,children:(0,r.jsxs)(ei.Z,{children:[(0,r.jsx)(J.Z,{children:"Top API Keys"}),(0,r.jsx)(eo.Z,{className:"mt-4 h-40",data:d,index:"key",categories:["spend"],colors:["blue"],yAxisWidth:80,tickGap:5,layout:"vertical",showXAxis:!1,showLegend:!1})]})}),(0,r.jsx)(q.Z,{numColSpan:1,children:(0,r.jsxs)(ei.Z,{children:[(0,r.jsx)(J.Z,{children:"Top Users"}),(0,r.jsx)(eo.Z,{className:"mt-4 h-40",data:x,index:"user_id",categories:["spend"],colors:["blue"],yAxisWidth:200,layout:"vertical",showXAxis:!1,showLegend:!1})]})}),(0,r.jsx)(q.Z,{numColSpan:1,children:(0,r.jsxs)(ei.Z,{children:[(0,r.jsx)(J.Z,{children:"Top Models"}),(0,r.jsx)(eo.Z,{className:"mt-4 h-40",data:h,index:"key",categories:["spend"],colors:["blue"],yAxisWidth:200,layout:"vertical",showXAxis:!1,showLegend:!1})]})})]})}),(0,r.jsx)(eC.Z,{children:(0,r.jsxs)(K.Z,{numItems:2,className:"gap-2 h-[75vh] w-full",children:[(0,r.jsxs)(q.Z,{numColSpan:2,children:[(0,r.jsxs)(ei.Z,{className:"mb-2",children:[(0,r.jsx)(J.Z,{children:"Total Spend Per Team"}),(0,r.jsx)(e8.Z,{data:b})]}),(0,r.jsxs)(ei.Z,{children:[(0,r.jsx)(J.Z,{children:"Daily Spend Per Team"}),(0,r.jsx)(eo.Z,{className:"h-72",data:j,showLegend:!0,index:"date",categories:f,yAxisWidth:80,stack:!0})]})]}),(0,r.jsx)(q.Z,{numColSpan:2})]})}),(0,r.jsx)(eC.Z,{children:(0,r.jsxs)(K.Z,{numItems:2,className:"gap-2 h-[75vh] w-full mb-4",children:[(0,r.jsx)(q.Z,{numColSpan:2,children:(0,r.jsxs)(ei.Z,{children:[(0,r.jsx)(J.Z,{children:"Spend Per Tag - Last 30 Days"}),(0,r.jsxs)(V.Z,{children:["Get Started Tracking cost per tag ",(0,r.jsx)("a",{href:"https://docs.litellm.ai/docs/proxy/enterprise#tracking-spend-for-custom-tags",target:"_blank",children:"here"})]}),(0,r.jsxs)(eh.Z,{children:[(0,r.jsx)(ep.Z,{children:(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ej.Z,{children:"Tag"}),(0,r.jsx)(ej.Z,{children:"Spend"}),(0,r.jsx)(ej.Z,{children:"Requests"})]})}),(0,r.jsx)(eu.Z,{children:y.map(e=>(0,r.jsxs)(eg.Z,{children:[(0,r.jsx)(ex.Z,{children:e.name}),(0,r.jsx)(ex.Z,{children:e.value}),(0,r.jsx)(ex.Z,{children:e.log_count})]},e.name))})]})]})}),(0,r.jsx)(q.Z,{numColSpan:2})]})})]})]})]})},e5=()=>{let{Title:e,Paragraph:l}=ev.default,[t,s]=(0,n.useState)(""),[a,i]=(0,n.useState)(null),[c,d]=(0,n.useState)(null),[h,u]=(0,n.useState)(null),[x,p]=(0,n.useState)(!0),j=(0,o.useSearchParams)(),g=j.get("userID"),y=j.get("token"),[Z,f]=(0,n.useState)("api-keys"),[w,b]=(0,n.useState)(null);return(0,n.useEffect)(()=>{if(y){let e=(0,ek.o)(y);if(e){if(console.log("Decoded token:",e),console.log("Decoded key:",e.key),b(e.key),e.user_role){let l=function(e){if(!e)return"Undefined Role";switch(console.log("Received user role: ".concat(e.toLowerCase())),console.log("Received user role length: ".concat(e.toLowerCase().length)),e.toLowerCase()){case"app_owner":case"demo_app_owner":return"App Owner";case"app_admin":case"proxy_admin":return"Admin";case"proxy_admin_viewer":return"Admin Viewer";case"app_user":return"App User";default:return"Unknown Role"}}(e.user_role);console.log("Decoded user_role:",l),s(l),"Admin Viewer"==l&&f("usage")}else console.log("User role not defined");e.user_email?i(e.user_email):console.log("User Email is not set ".concat(e)),e.login_method?p("username_password"==e.login_method):console.log("User Email is not set ".concat(e))}}},[y]),(0,r.jsx)(n.Suspense,{fallback:(0,r.jsx)("div",{children:"Loading..."}),children:(0,r.jsxs)("div",{className:"flex flex-col min-h-screen",children:[(0,r.jsx)(m,{userID:g,userRole:t,userEmail:a,showSSOBanner:x}),(0,r.jsxs)("div",{className:"flex flex-1 overflow-auto",children:[(0,r.jsx)("div",{className:"mt-8",children:(0,r.jsx)(e4,{setPage:f,userRole:t,defaultSelectedKey:null})}),"api-keys"==Z?(0,r.jsx)(eS,{userID:g,userRole:t,teams:c,keys:h,setUserRole:s,userEmail:a,setUserEmail:i,setTeams:d,setKeys:u}):"models"==Z?(0,r.jsx)(eB,{userID:g,userRole:t,token:y,accessToken:w}):"llm-playground"==Z?(0,r.jsx)(eQ,{userID:g,userRole:t,token:y,accessToken:w}):"users"==Z?(0,r.jsx)(eG,{userID:g,userRole:t,token:y,keys:h,accessToken:w,setKeys:u}):"teams"==Z?(0,r.jsx)(eV,{teams:c,setTeams:d,searchParams:j,accessToken:w,userID:g,userRole:t}):"admin-panel"==Z?(0,r.jsx)(eW,{setTeams:d,searchParams:j,accessToken:w,showSSOBanner:x}):"settings"==Z?(0,r.jsx)(eY,{userID:g,userRole:t,accessToken:w}):(0,r.jsx)(e3,{userID:g,userRole:t,token:y,accessToken:w})]})]})})}}},function(e){e.O(0,[823,971,69,744],function(){return e(e.s=79615)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/litellm/proxy/_experimental/out/_next/static/chunks/app/page-e16bcf8bdc356530.js b/litellm/proxy/_experimental/out/_next/static/chunks/app/page-e16bcf8bdc356530.js
new file mode 100644
index 000000000..3c077e4fd
--- /dev/null
+++ b/litellm/proxy/_experimental/out/_next/static/chunks/app/page-e16bcf8bdc356530.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{79615:function(e,l,t){Promise.resolve().then(t.bind(t,29306))},29306:function(e,l,t){"use strict";t.r(l),t.d(l,{default:function(){return e6}});var s,a,r=t(3827),n=t(64090),o=t(47907),i=t(8792),c=t(40491),d=t(65270),m=e=>{let{userID:l,userRole:t,userEmail:s,showSSOBanner:a}=e;console.log("User ID:",l),console.log("userEmail:",s),console.log("showSSOBanner:",a);let n=[{key:"1",label:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("p",{children:["Role: ",t]}),(0,r.jsxs)("p",{children:["ID: ",l]})]})}];return(0,r.jsxs)("nav",{className:"left-0 right-0 top-0 flex justify-between items-center h-12 mb-4",children:[(0,r.jsx)("div",{className:"text-left my-2 absolute top-0 left-0",children:(0,r.jsx)("div",{className:"flex flex-col items-center",children:(0,r.jsx)(i.default,{href:"/",children:(0,r.jsx)("button",{className:"text-gray-800 text-2xl py-1 rounded text-center",children:(0,r.jsx)("img",{src:"/get_image",width:200,height:200,alt:"LiteLLM Brand",className:"mr-2"})})})})}),(0,r.jsxs)("div",{className:"text-right mx-4 my-2 absolute top-0 right-0 flex items-center justify-end space-x-2",children:[a?(0,r.jsx)("div",{style:{padding:"6px",borderRadius:"8px"},children:(0,r.jsx)("a",{href:"https://calendly.com/d/4mp-gd3-k5k/litellm-1-1-onboarding-chat",target:"_blank",style:{fontSize:"14px",textDecoration:"underline"},children:"Request hosted proxy"})}):null,(0,r.jsx)("div",{style:{border:"1px solid #391085",padding:"6px",borderRadius:"8px"},children:(0,r.jsx)(c.Z,{menu:{items:n},children:(0,r.jsx)(d.Z,{children:s})})})]})]})},h=t(80588);let u=async()=>{try{let e=await fetch("https://raw.githubusercontent.com/BerriAI/litellm/main/model_prices_and_context_window.json"),l=await e.json();return console.log("received data: ".concat(l)),l}catch(e){throw console.error("Failed to get model cost map:",e),e}},x=async(e,l)=>{try{let t=await fetch("/model/new",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({...l})});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to create key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let s=await t.json();return console.log("API Response:",s),h.ZP.success("Model created successfully. Wait 60s and refresh on 'All Models' page"),s}catch(e){throw console.error("Failed to create key:",e),e}},p=async(e,l)=>{console.log("model_id in model delete call: ".concat(l));try{let t=await fetch("/model/delete",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({id:l})});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to create key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let s=await t.json();return console.log("API Response:",s),h.ZP.success("Model deleted successfully. Restart server to see this."),s}catch(e){throw console.error("Failed to create key:",e),e}},j=async(e,l,t)=>{try{if(console.log("Form Values in keyCreateCall:",t),t.description&&(t.metadata||(t.metadata={}),t.metadata.description=t.description,delete t.description,t.metadata=JSON.stringify(t.metadata)),t.metadata){console.log("formValues.metadata:",t.metadata);try{t.metadata=JSON.parse(t.metadata)}catch(e){throw h.ZP.error("Failed to parse metadata: "+e),Error("Failed to parse metadata: "+e)}}console.log("Form Values after check:",t);let s=await fetch("/key/generate",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({user_id:l,...t})});if(!s.ok){let e=await s.text();throw h.ZP.error("Failed to create key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let a=await s.json();return console.log("API Response:",a),a}catch(e){throw console.error("Failed to create key:",e),e}},g=async(e,l,t)=>{try{if(console.log("Form Values in keyCreateCall:",t),t.description&&(t.metadata||(t.metadata={}),t.metadata.description=t.description,delete t.description,t.metadata=JSON.stringify(t.metadata)),t.metadata){console.log("formValues.metadata:",t.metadata);try{t.metadata=JSON.parse(t.metadata)}catch(e){throw h.ZP.error("Failed to parse metadata: "+e),Error("Failed to parse metadata: "+e)}}console.log("Form Values after check:",t);let s=await fetch("/user/new",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({user_id:l,...t})});if(!s.ok){let e=await s.text();throw h.ZP.error("Failed to create key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let a=await s.json();return console.log("API Response:",a),a}catch(e){throw console.error("Failed to create key:",e),e}},y=async(e,l)=>{try{console.log("in keyDeleteCall:",l);let t=await fetch("/key/delete",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({keys:[l]})});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to delete key: "+e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to create key:",e),e}},Z=async(e,l)=>{try{console.log("in teamDeleteCall:",l);let t=await fetch("/team/delete",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({team_ids:[l]})});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to delete team: "+e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to delete key:",e),e}},f=async function(e,l,t){let s=arguments.length>3&&void 0!==arguments[3]&&arguments[3],a=arguments.length>4?arguments[4]:void 0,r=arguments.length>5?arguments[5]:void 0;try{let n="/user/info";"App Owner"==t&&l&&(n="".concat(n,"?user_id=").concat(l)),console.log("in userInfoCall viewAll=",s),s&&a&&r&&(n="".concat(n,"?view_all=true&page=").concat(a,"&page_size=").concat(r));let o=await fetch(n,{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!o.ok){let e=await o.text();throw h.ZP.error(e),Error("Network response was not ok")}let i=await o.json();return console.log("API Response:",i),i}catch(e){throw console.error("Failed to create key:",e),e}},w=async e=>{try{let l=await fetch("/global/spend",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}return await l.json()}catch(e){throw console.error("Failed to create key:",e),e}},b=async(e,l,t)=>{try{let l=await fetch("/v2/model/info",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}let t=await l.json();return console.log("modelInfoCall:",t),t}catch(e){throw console.error("Failed to create key:",e),e}},_=async(e,l,t)=>{try{let l=await fetch("/model/metrics",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}return await l.json()}catch(e){throw console.error("Failed to create key:",e),e}},k=async(e,l,t)=>{try{let l=await fetch("/models",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}return await l.json()}catch(e){throw console.error("Failed to create key:",e),e}},v=async(e,l)=>{try{let t="/global/spend/logs";console.log("in keySpendLogsCall:",t);let s=await fetch("".concat(t,"?api_key=").concat(l),{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!s.ok){let e=await s.text();throw h.ZP.error(e),Error("Network response was not ok")}let a=await s.json();return console.log(a),a}catch(e){throw console.error("Failed to create key:",e),e}},S=async e=>{try{let l="/global/spend/teams";console.log("in teamSpendLogsCall:",l);let t=await fetch("".concat(l),{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!t.ok){let e=await t.text();throw h.ZP.error(e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to create key:",e),e}},A=async e=>{try{let l="/global/spend/tags";console.log("in tagsSpendLogsCall:",l);let t=await fetch("".concat(l),{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!t.ok){let e=await t.text();throw h.ZP.error(e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to create key:",e),e}},N=async(e,l,t,s,a,r)=>{try{console.log("user role in spend logs call: ".concat(t));let l="/spend/logs";l="App Owner"==t?"".concat(l,"?user_id=").concat(s,"&start_date=").concat(a,"&end_date=").concat(r):"".concat(l,"?start_date=").concat(a,"&end_date=").concat(r);let n=await fetch(l,{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!n.ok){let e=await n.text();throw h.ZP.error(e),Error("Network response was not ok")}let o=await n.json();return console.log(o),o}catch(e){throw console.error("Failed to create key:",e),e}},I=async e=>{try{let l=await fetch("/global/spend/logs",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}let t=await l.json();return console.log(t),t}catch(e){throw console.error("Failed to create key:",e),e}},C=async e=>{try{let l=await fetch("/global/spend/keys?limit=5",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}let t=await l.json();return console.log(t),t}catch(e){throw console.error("Failed to create key:",e),e}},P=async(e,l)=>{try{l&&JSON.stringify({api_key:l});let t={method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}};l&&(t.body=JSON.stringify({api_key:l}));let s=await fetch("/global/spend/end_users",t);if(!s.ok){let e=await s.text();throw h.ZP.error(e),Error("Network response was not ok")}let a=await s.json();return console.log(a),a}catch(e){throw console.error("Failed to create key:",e),e}},T=async e=>{try{let l=await fetch("/global/spend/models?limit=5",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}let t=await l.json();return console.log(t),t}catch(e){throw console.error("Failed to create key:",e),e}},E=async(e,l)=>{try{let t=await fetch("/v2/key/info",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({keys:l})});if(!t.ok){let e=await t.text();throw h.ZP.error(e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to create key:",e),e}},O=async e=>{try{let l="/user/get_requests";console.log("in userGetRequesedtModelsCall:",l);let t=await fetch(l,{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to delete key: "+e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to get requested models:",e),e}},F=async(e,l)=>{try{let t="/user/get_users?role=".concat(l);console.log("in userGetAllUsersCall:",t);let s=await fetch(t,{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!s.ok){let e=await s.text();throw h.ZP.error("Failed to delete key: "+e),Error("Network response was not ok")}let a=await s.json();return console.log(a),a}catch(e){throw console.error("Failed to get requested models:",e),e}},M=async(e,l)=>{try{console.log("Form Values in teamCreateCall:",l);let t=await fetch("/team/new",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({...l})});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to create key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let s=await t.json();return console.log("API Response:",s),s}catch(e){throw console.error("Failed to create key:",e),e}},R=async(e,l)=>{try{console.log("Form Values in keyUpdateCall:",l);let t=await fetch("/key/update",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({...l})});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to update key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let s=await t.json();return console.log("Update key Response:",s),s}catch(e){throw console.error("Failed to create key:",e),e}},D=async(e,l)=>{try{console.log("Form Values in teamUpateCall:",l);let t=await fetch("/team/update",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({...l})});if(!t.ok){let e=await t.text();throw h.ZP.error("Failed to update team: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let s=await t.json();return console.log("Update Team Response:",s),s}catch(e){throw console.error("Failed to create key:",e),e}},L=async(e,l,t)=>{try{console.log("Form Values in teamMemberAddCall:",t);let s=await fetch("/team/member_add",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({team_id:l,member:t})});if(!s.ok){let e=await s.text();throw h.ZP.error("Failed to create key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let a=await s.json();return console.log("API Response:",a),a}catch(e){throw console.error("Failed to create key:",e),e}},U=async(e,l,t)=>{try{console.log("Form Values in userUpdateUserCall:",l);let s={...l};null!==t&&(s.user_role=t),s=JSON.stringify(s);let a=await fetch("/user/update",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:s});if(!a.ok){let e=await a.text();throw h.ZP.error("Failed to create key: "+e),console.error("Error response from the server:",e),Error("Network response was not ok")}let r=await a.json();return console.log("API Response:",r),r}catch(e){throw console.error("Failed to create key:",e),e}},z=async(e,l)=>{try{let t=await fetch("/global/predict/spend/logs",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({data:l})});if(!t.ok){let e=await t.text();throw h.ZP.error(e),Error("Network response was not ok")}let s=await t.json();return console.log(s),s}catch(e){throw console.error("Failed to create key:",e),e}},B=async(e,l,t)=>{try{let l=await fetch("/get/config/callbacks",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e),Error("Network response was not ok")}return await l.json()}catch(e){throw console.error("Failed to get callbacks:",e),e}},q=async(e,l)=>{try{let t=await fetch("/config/update",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:JSON.stringify({...l})});if(!t.ok){let e=await t.text();throw h.ZP.error(e),Error("Network response was not ok")}return await t.json()}catch(e){throw console.error("Failed to set callbacks:",e),e}};var K=t(10384),G=t(46453),V=t(2179),J=t(71801),W=t(42440),Y=t(42308),$=t(50670),H=t(81583),X=t(77171),Q=t(42539),ee=t(88707),el=t(1861);let{Option:et}=$.default;var es=e=>{let{userID:l,team:t,userRole:s,accessToken:a,data:o,setData:i}=e,[c]=H.Z.useForm(),[d,m]=(0,n.useState)(!1),[u,x]=(0,n.useState)(null),[p,g]=(0,n.useState)(null),[y,Z]=(0,n.useState)([]),f=()=>{m(!1),c.resetFields()},w=()=>{m(!1),x(null),c.resetFields()};(0,n.useEffect)(()=>{(async()=>{try{if(null===l||null===s)return;if(null!==a){let e=(await k(a,l,s)).data.map(e=>e.id);console.log("available_model_names:",e),Z(e)}}catch(e){console.error("Error fetching user models:",e)}})()},[a,l,s]);let b=async e=>{try{h.ZP.info("Making API Call"),m(!0);let t=await j(a,l,e);console.log("key create Response:",t),i(e=>e?[...e,t]:[t]),x(t.key),g(t.soft_budget),h.ZP.success("API Key Created"),c.resetFields(),localStorage.removeItem("userData"+l)}catch(e){console.error("Error creating the key:",e)}};return(0,r.jsxs)("div",{children:[(0,r.jsx)(V.Z,{className:"mx-auto",onClick:()=>m(!0),children:"+ Create New Key"}),(0,r.jsx)(X.Z,{title:"Create Key",visible:d,width:800,footer:null,onOk:f,onCancel:w,children:(0,r.jsxs)(H.Z,{form:c,onFinish:b,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:["App Owner"===s||"Admin"===s?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(H.Z.Item,{label:"Key Name",name:"key_alias",rules:[{required:!0,message:"Please input a key name"}],help:"required",children:(0,r.jsx)(Q.Z,{})}),(0,r.jsx)(H.Z.Item,{label:"Team ID",name:"team_id",hidden:!0,initialValue:t?t.team_id:null,valuePropName:"team_id",className:"mt-8",children:(0,r.jsx)(Q.Z,{value:t?t.team_alias:"",disabled:!0})}),(0,r.jsx)(H.Z.Item,{label:"Models",name:"models",rules:[{required:!0,message:"Please select a model"}],help:"required",children:(0,r.jsxs)($.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},children:[(0,r.jsx)(et,{value:"all-team-models",children:"All Team Models"},"all-team-models"),t&&t.models?t.models.includes("all-proxy-models")?y.map(e=>(0,r.jsx)(et,{value:e,children:e},e)):t.models.map(e=>(0,r.jsx)(et,{value:e,children:e},e)):y.map(e=>(0,r.jsx)(et,{value:e,children:e},e))]})}),(0,r.jsx)(H.Z.Item,{className:"mt-8",label:"Max Budget (USD)",name:"max_budget",help:"Budget cannot exceed team max budget: $".concat((null==t?void 0:t.max_budget)!==null&&(null==t?void 0:t.max_budget)!==void 0?null==t?void 0:t.max_budget:"unlimited"),rules:[{validator:async(e,l)=>{if(l&&t&&null!==t.max_budget&&l>t.max_budget)throw Error("Budget cannot exceed team max budget: $".concat(t.max_budget))}}],children:(0,r.jsx)(ee.Z,{step:.01,precision:2,width:200})}),(0,r.jsx)(H.Z.Item,{className:"mt-8",label:"Reset Budget",name:"budget_duration",help:"Team Reset Budget: ".concat((null==t?void 0:t.budget_duration)!==null&&(null==t?void 0:t.budget_duration)!==void 0?null==t?void 0:t.budget_duration:"None"),children:(0,r.jsxs)($.default,{defaultValue:null,placeholder:"n/a",children:[(0,r.jsx)($.default.Option,{value:"24h",children:"daily"}),(0,r.jsx)($.default.Option,{value:"30d",children:"monthly"})]})}),(0,r.jsx)(H.Z.Item,{className:"mt-8",label:"Tokens per minute Limit (TPM)",name:"tpm_limit",help:"TPM cannot exceed team TPM limit: ".concat((null==t?void 0:t.tpm_limit)!==null&&(null==t?void 0:t.tpm_limit)!==void 0?null==t?void 0:t.tpm_limit:"unlimited"),rules:[{validator:async(e,l)=>{if(l&&t&&null!==t.tpm_limit&&l>t.tpm_limit)throw Error("TPM limit cannot exceed team TPM limit: ".concat(t.tpm_limit))}}],children:(0,r.jsx)(ee.Z,{step:1,width:400})}),(0,r.jsx)(H.Z.Item,{className:"mt-8",label:"Requests per minute Limit (RPM)",name:"rpm_limit",help:"RPM cannot exceed team RPM limit: ".concat((null==t?void 0:t.rpm_limit)!==null&&(null==t?void 0:t.rpm_limit)!==void 0?null==t?void 0:t.rpm_limit:"unlimited"),rules:[{validator:async(e,l)=>{if(l&&t&&null!==t.rpm_limit&&l>t.rpm_limit)throw Error("RPM limit cannot exceed team RPM limit: ".concat(t.rpm_limit))}}],children:(0,r.jsx)(ee.Z,{step:1,width:400})}),(0,r.jsx)(H.Z.Item,{label:"Expire Key (eg: 30s, 30h, 30d)",name:"duration",className:"mt-8",children:(0,r.jsx)(Q.Z,{})}),(0,r.jsx)(H.Z.Item,{label:"Metadata",name:"metadata",children:(0,r.jsx)(Q.Z.TextArea,{rows:4,placeholder:"Enter metadata as JSON"})})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(H.Z.Item,{label:"Key Name",name:"key_alias",children:(0,r.jsx)(Q.Z,{})}),(0,r.jsx)(H.Z.Item,{label:"Team ID (Contact Group)",name:"team_id",children:(0,r.jsx)(Q.Z,{placeholder:"default team (create a new team)"})}),(0,r.jsx)(H.Z.Item,{label:"Description",name:"description",children:(0,r.jsx)(Q.Z.TextArea,{placeholder:"Enter description",rows:4})})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(el.ZP,{htmlType:"submit",children:"Create Key"})})]})}),u&&(0,r.jsx)(X.Z,{visible:d,onOk:f,onCancel:w,footer:null,children:(0,r.jsxs)(G.Z,{numItems:1,className:"gap-2 w-full",children:[(0,r.jsx)(W.Z,{children:"Save your Key"}),(0,r.jsx)(K.Z,{numColSpan:1,children:(0,r.jsxs)("p",{children:["Please save this secret key somewhere safe and accessible. For security reasons, ",(0,r.jsx)("b",{children:"you will not be able to view it again"})," ","through your LiteLLM account. If you lose this secret key, you will need to generate a new one."]})}),(0,r.jsx)(K.Z,{numColSpan:1,children:null!=u?(0,r.jsxs)("div",{children:[(0,r.jsx)(J.Z,{className:"mt-3",children:"API Key:"}),(0,r.jsx)("div",{style:{background:"#f8f8f8",padding:"10px",borderRadius:"5px",marginBottom:"10px"},children:(0,r.jsx)("pre",{style:{wordWrap:"break-word",whiteSpace:"normal"},children:u})}),(0,r.jsx)(Y.CopyToClipboard,{text:u,onCopy:()=>{h.ZP.success("API Key copied to clipboard")},children:(0,r.jsx)(V.Z,{className:"mt-3",children:"Copy API Key"})})]}):(0,r.jsx)(J.Z,{children:"Key being created, this might take 30s"})})]})})]})},ea=t(9454),er=t(98941),en=t(33393),eo=t(5),ei=t(9853),ec=t(13810),ed=t(39290),em=t(66952),eh=t(61244),eu=t(10827),ex=t(3851),ep=t(2044),ej=t(64167),eg=t(74480),ey=t(7178);let{Option:eZ}=$.default;var ef=e=>{let{userID:l,userRole:t,accessToken:s,selectedTeam:a,data:o,setData:i}=e,[c,d]=(0,n.useState)(!1),[m,u]=(0,n.useState)(!1),[x,p]=(0,n.useState)(null),[j,g]=n.useState(null),[Z,f]=(0,n.useState)(null),[w,b]=(0,n.useState)(null),[_,S]=(0,n.useState)(""),[A,N]=(0,n.useState)(!1),[I,C]=(0,n.useState)(null),[P,T]=(0,n.useState)([]);(0,n.useEffect)(()=>{(async()=>{try{if(null===l)return;if(null!==s&&null!==t){let e=(await k(s,l,t)).data.map(e=>e.id);console.log("available_model_names:",e),T(e)}}catch(e){console.error("Error fetching user models:",e)}})()},[s,l,t]);let E=e=>{console.log("handleEditClick:",e),null==e.token&&null!==e.token_id&&(e.token=e.token_id),C(e),N(!0)},O=async e=>{if(null==s)return;let l=e.token;e.key=l,console.log("handleEditSubmit:",e);let t=await R(s,e);console.log("handleEditSubmit: newKeyValues",t),o&&i(o.map(e=>e.token===l?t:e)),h.ZP.success("Key updated successfully"),N(!1),C(null)},F=async e=>{try{if(null==s||null==e)return;console.log("accessToken: ".concat(s,"; token: ").concat(e.token));let l=await v(s,e.token);console.log("Response:",l),b(l);try{let e=await z(s,l);console.log("Response2:",e);let t=[...l,...e.response];b(t),S(e.predicted_spend),console.log("Combined Data:",t)}catch(e){console.error("There was an error fetching the predicted data",e)}}catch(e){console.error("There was an error fetching the data",e)}};(0,n.useEffect)(()=>{F(Z)},[Z]);let M=async e=>{console.log("handleDelete:",e),null==e.token&&null!==e.token_id&&(e.token=e.token_id),null!=o&&(p(e.token),localStorage.removeItem("userData"+l),u(!0))},D=async()=>{if(null!=x&&null!=o){try{await y(s,x);let e=o.filter(e=>e.token!==x);i(e)}catch(e){console.error("Error deleting the key:",e)}u(!1),p(null)}};if(null!=o)return console.log("RERENDER TRIGGERED"),(0,r.jsxs)("div",{children:[(0,r.jsxs)(ec.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh] mb-4 mt-2",children:[(0,r.jsxs)(eu.Z,{className:"mt-5",children:[(0,r.jsx)(ej.Z,{children:(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(eg.Z,{children:"Key Alias"}),(0,r.jsx)(eg.Z,{children:"Secret Key"}),(0,r.jsx)(eg.Z,{children:"Spend (USD)"}),(0,r.jsx)(eg.Z,{children:"Budget (USD)"}),(0,r.jsx)(eg.Z,{children:"Models"}),(0,r.jsx)(eg.Z,{children:"TPM / RPM Limits"})]})}),(0,r.jsx)(ex.Z,{children:o.map(e=>(console.log(e),"litellm-dashboard"===e.team_id||a&&e.team_id!=a.team_id)?null:(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(ep.Z,{style:{maxWidth:"2px",whiteSpace:"pre-wrap",overflow:"hidden"},children:null!=e.key_alias?(0,r.jsx)(J.Z,{children:e.key_alias}):(0,r.jsx)(J.Z,{children:"Not Set"})}),(0,r.jsx)(ep.Z,{children:(0,r.jsx)(J.Z,{children:e.key_name})}),(0,r.jsx)(ep.Z,{children:(0,r.jsx)(J.Z,{children:(()=>{try{return parseFloat(e.spend).toFixed(4)}catch(l){return e.spend}})()})}),(0,r.jsx)(ep.Z,{children:null!=e.max_budget?(0,r.jsx)(J.Z,{children:e.max_budget}):(0,r.jsx)(J.Z,{children:"Unlimited"})}),(0,r.jsx)(ep.Z,{children:Array.isArray(e.models)?(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column"},children:0===e.models.length?(0,r.jsx)(r.Fragment,{children:a&&a.models&&a.models.length>0?a.models.map((e,l)=>"all-proxy-models"===e?(0,r.jsx)(eo.Z,{size:"xs",className:"mb-1",color:"red",children:(0,r.jsx)(J.Z,{children:"All Proxy Models"})},l):"all-team-models"===e?(0,r.jsx)(eo.Z,{size:"xs",className:"mb-1",color:"red",children:(0,r.jsx)(J.Z,{children:"All Team Models"})},l):(0,r.jsx)(eo.Z,{size:"xs",className:"mb-1",color:"blue",children:(0,r.jsx)(J.Z,{children:e.length>30?"".concat(e.slice(0,30),"..."):e})},l)):(0,r.jsx)(eo.Z,{size:"xs",className:"mb-1",color:"blue",children:(0,r.jsx)(J.Z,{children:"all-proxy-models"})})}):e.models.map((e,l)=>"all-proxy-models"===e?(0,r.jsx)(eo.Z,{size:"xs",className:"mb-1",color:"red",children:(0,r.jsx)(J.Z,{children:"All Proxy Models"})},l):"all-team-models"===e?(0,r.jsx)(eo.Z,{size:"xs",className:"mb-1",color:"red",children:(0,r.jsx)(J.Z,{children:"All Team Models"})},l):(0,r.jsx)(eo.Z,{size:"xs",className:"mb-1",color:"blue",children:(0,r.jsx)(J.Z,{children:e.length>30?"".concat(e.slice(0,30),"..."):e})},l))}):null}),(0,r.jsx)(ep.Z,{children:(0,r.jsxs)(J.Z,{children:["TPM: ",e.tpm_limit?e.tpm_limit:"Unlimited"," ",(0,r.jsx)("br",{})," RPM:"," ",e.rpm_limit?e.rpm_limit:"Unlimited"]})}),(0,r.jsxs)(ep.Z,{children:[(0,r.jsx)(eh.Z,{onClick:()=>{f(e),g(e.id)},icon:ea.Z,size:"sm"}),(0,r.jsx)(ed.Z,{open:null!==j,onClose:()=>{g(null),f(null)},children:(0,r.jsx)(em.Z,{children:Z&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",children:[(0,r.jsxs)(ec.Z,{children:[(0,r.jsx)("p",{className:"text-tremor-default font-medium text-tremor-content dark:text-dark-tremor-content",children:"Spend"}),(0,r.jsx)("div",{className:"mt-2 flex items-baseline space-x-2.5",children:(0,r.jsx)("p",{className:"text-tremor font-semibold text-tremor-content-strong dark:text-dark-tremor-content-strong",children:(()=>{try{return parseFloat(Z.spend).toFixed(4)}catch(e){return Z.spend}})()})})]}),(0,r.jsxs)(ec.Z,{children:[(0,r.jsx)("p",{className:"text-tremor-default font-medium text-tremor-content dark:text-dark-tremor-content",children:"Budget"}),(0,r.jsx)("div",{className:"mt-2 flex items-baseline space-x-2.5",children:(0,r.jsx)("p",{className:"text-tremor font-semibold text-tremor-content-strong dark:text-dark-tremor-content-strong",children:null!=Z.max_budget?(0,r.jsx)(r.Fragment,{children:Z.max_budget}):(0,r.jsx)(r.Fragment,{children:"Unlimited"})})})]},e.name),(0,r.jsxs)(ec.Z,{children:[(0,r.jsx)("p",{className:"text-tremor-default font-medium text-tremor-content dark:text-dark-tremor-content",children:"Expires"}),(0,r.jsx)("div",{className:"mt-2 flex items-baseline space-x-2.5",children:(0,r.jsx)("p",{className:"text-tremor-default font-small text-tremor-content-strong dark:text-dark-tremor-content-strong",children:null!=Z.expires?(0,r.jsx)(r.Fragment,{children:new Date(Z.expires).toLocaleString(void 0,{day:"numeric",month:"long",year:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}):(0,r.jsx)(r.Fragment,{children:"Never"})})})]},e.name)]}),(0,r.jsx)(ec.Z,{className:"mt-6 mb-6",children:w&&(0,r.jsx)(ei.Z,{className:"mt-6",data:w,colors:["blue","amber"],index:"date",categories:["spend","predicted_spend"],yAxisWidth:80})}),(0,r.jsx)(W.Z,{children:"Metadata"}),(0,r.jsx)(J.Z,{children:JSON.stringify(Z.metadata)}),(0,r.jsx)(V.Z,{variant:"light",className:"mx-auto flex items-center",onClick:()=>{g(null),f(null)},children:"Close"})]})})}),(0,r.jsx)(eh.Z,{icon:er.Z,size:"sm",onClick:()=>E(e)}),(0,r.jsx)(eh.Z,{onClick:()=>M(e),icon:en.Z,size:"sm"})]})]},e.token))})]}),m&&(0,r.jsx)("div",{className:"fixed z-10 inset-0 overflow-y-auto",children:(0,r.jsxs)("div",{className:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",children:[(0,r.jsx)("div",{className:"fixed inset-0 transition-opacity","aria-hidden":"true",children:(0,r.jsx)("div",{className:"absolute inset-0 bg-gray-500 opacity-75"})}),(0,r.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true",children:""}),(0,r.jsxs)("div",{className:"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full",children:[(0,r.jsx)("div",{className:"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4",children:(0,r.jsx)("div",{className:"sm:flex sm:items-start",children:(0,r.jsxs)("div",{className:"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left",children:[(0,r.jsx)("h3",{className:"text-lg leading-6 font-medium text-gray-900",children:"Delete Key"}),(0,r.jsx)("div",{className:"mt-2",children:(0,r.jsx)("p",{className:"text-sm text-gray-500",children:"Are you sure you want to delete this key ?"})})]})})}),(0,r.jsxs)("div",{className:"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse",children:[(0,r.jsx)(V.Z,{onClick:D,color:"red",className:"ml-2",children:"Delete"}),(0,r.jsx)(V.Z,{onClick:()=>{u(!1),p(null)},children:"Cancel"})]})]})]})})]}),I&&(0,r.jsx)(e=>{let{visible:l,onCancel:t,token:s,onSubmit:n}=e,[o]=H.Z.useForm();return console.log("in edit key modal:",s),console.log("in edit key modal, team:",a),(0,r.jsx)(X.Z,{title:"Edit Key",visible:l,width:800,footer:null,onOk:()=>{o.validateFields().then(e=>{o.resetFields()}).catch(e=>{console.error("Validation failed:",e)})},onCancel:t,children:(0,r.jsxs)(H.Z,{form:o,onFinish:O,initialValues:s,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(H.Z.Item,{label:"Key Name",name:"key_alias",rules:[{required:!0,message:"Please input a key name"}],help:"required",children:(0,r.jsx)(Q.Z,{})}),(0,r.jsx)(H.Z.Item,{label:"Models",name:"models",children:(0,r.jsxs)($.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},children:[(0,r.jsx)(eZ,{value:"all-team-models",children:"All Team Models"},"all-team-models"),a&&a.models?a.models.includes("all-proxy-models")?P.filter(e=>"all-proxy-models"!==e).map(e=>(0,r.jsx)(eZ,{value:e,children:e},e)):a.models.map(e=>(0,r.jsx)(eZ,{value:e,children:e},e)):P.map(e=>(0,r.jsx)(eZ,{value:e,children:e},e))]})}),(0,r.jsx)(H.Z.Item,{className:"mt-8",label:"Max Budget (USD)",name:"max_budget",help:"Budget cannot exceed team max budget: $".concat((null==a?void 0:a.max_budget)!==null&&(null==a?void 0:a.max_budget)!==void 0?null==a?void 0:a.max_budget:"unlimited"),rules:[{validator:async(e,l)=>{if(l&&a&&null!==a.max_budget&&l>a.max_budget)throw Error("Budget cannot exceed team max budget: $".concat(a.max_budget))}}],children:(0,r.jsx)(ee.Z,{step:.01,precision:2,width:200})}),(0,r.jsx)(H.Z.Item,{label:"token",name:"token",hidden:!0})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(el.ZP,{htmlType:"submit",children:"Edit Key"})})]})})},{visible:A,onCancel:()=>{N(!1),C(null)},token:I,onSubmit:O})]})},ew=e=>{let{userID:l,userRole:t,accessToken:s,userSpend:a}=e;console.log("userSpend: ".concat(a));let[o,i]=(0,n.useState)(null!==a?a:0),[c,d]=(0,n.useState)(0);(0,n.useEffect)(()=>{(async()=>{if(s&&l&&t&&"Admin"===t&&null==a)try{let e=await w(s);e&&(e.spend?i(e.spend):i(0),e.max_budget?d(e.max_budget):d(0))}catch(e){console.error("Error fetching global spend data:",e)}})()},[t,s]),(0,n.useEffect)(()=>{null!==a&&i(a)},[a]);let m=void 0!==o?o.toFixed(4):null;return console.log("spend in view user spend: ".concat(o)),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("p",{className:"text-tremor-default text-tremor-content dark:text-dark-tremor-content",children:"Total Spend "}),(0,r.jsxs)("p",{className:"text-3xl text-tremor-content-strong dark:text-dark-tremor-content-strong font-semibold",children:["$",m]})]})},eb=t(95093),e_=t(27166),ek=e=>{let{teams:l,setSelectedTeam:t}=e,s={models:[],team_id:null,team_alias:"Default Team"},[a,o]=(0,n.useState)(s),i=l?[...l,s]:[s];return(0,r.jsxs)("div",{className:"mt-5 mb-5",children:[(0,r.jsx)(W.Z,{children:"Select Team"}),(0,r.jsx)(J.Z,{children:"If you belong to multiple teams, this setting controls which team is used by default when creating new API Keys."}),(0,r.jsxs)(J.Z,{className:"mt-3 mb-3",children:[(0,r.jsx)("b",{children:"Default Team:"})," If no team_id is set for a key, it will be grouped under here."]}),i&&i.length>0?(0,r.jsx)(eb.Z,{defaultValue:"0",children:i.map((e,l)=>(0,r.jsx)(e_.Z,{value:String(l),onClick:()=>t(e),children:e.team_alias},l))}):(0,r.jsxs)(J.Z,{children:["No team created. ",(0,r.jsx)("b",{children:"Defaulting to personal account."})]})]})},ev=t(37963),eS=t(36083);console.log("isLocal:",!1);var eA=e=>{let{userID:l,userRole:t,teams:s,keys:a,setUserRole:i,userEmail:c,setUserEmail:d,setTeams:m,setKeys:h}=e,[u,x]=(0,n.useState)(null),p=(0,o.useSearchParams)();p.get("viewSpend"),(0,o.useRouter)();let j=p.get("token"),[g,y]=(0,n.useState)(null),[Z,b]=(0,n.useState)(null),[_,v]=(0,n.useState)([]),[S,A]=(0,n.useState)(s?s[0]:null);if(window.addEventListener("beforeunload",function(){sessionStorage.clear()}),(0,n.useEffect)(()=>{if(j){let e=(0,ev.o)(j);if(e){if(console.log("Decoded token:",e),console.log("Decoded key:",e.key),y(e.key),e.user_role){let l=function(e){if(!e)return"Undefined Role";switch(console.log("Received user role: ".concat(e)),e.toLowerCase()){case"app_owner":case"demo_app_owner":return"App Owner";case"app_admin":case"proxy_admin":return"Admin";case"proxy_admin_viewer":return"Admin Viewer";case"app_user":return"App User";default:return"Unknown Role"}}(e.user_role);console.log("Decoded user_role:",l),i(l)}else console.log("User role not defined");e.user_email?d(e.user_email):console.log("User Email is not set ".concat(e))}}if(l&&g&&t&&!a&&!u){let e=sessionStorage.getItem("userModels"+l);e?v(JSON.parse(e)):(async()=>{try{let e=await f(g,l,t,!1,null,null);if(console.log("received teams in user dashboard: ".concat(Object.keys(e),"; team values: ").concat(Object.entries(e.teams))),"Admin"==t){let e=await w(g);x(e),console.log("globalSpend:",e)}else x(e.user_info);h(e.keys),m(e.teams),A(e.teams?e.teams[0]:null),sessionStorage.setItem("userData"+l,JSON.stringify(e.keys)),sessionStorage.setItem("userSpendData"+l,JSON.stringify(e.user_info));let s=(await k(g,l,t)).data.map(e=>e.id);console.log("available_model_names:",s),v(s),console.log("userModels:",_),sessionStorage.setItem("userModels"+l,JSON.stringify(s))}catch(e){console.error("There was an error fetching the data",e)}})()}},[l,j,g,a,t]),(0,n.useEffect)(()=>{if(null!==a&&null!=S){let e=0;for(let l of a)S.hasOwnProperty("team_id")&&null!==l.team_id&&l.team_id===S.team_id&&(e+=l.spend);b(e)}else if(null!==a){let e=0;for(let l of a)e+=l.spend;b(e)}},[S]),null==l||null==j){let e="/sso/key/generate";return console.log("Full URL:",e),window.location.href=e,null}if(null==g)return null;if(null==t&&i("App Owner"),t&&"Admin Viewer"==t){let{Title:e,Paragraph:l}=eS.default;return(0,r.jsxs)("div",{children:[(0,r.jsx)(e,{level:1,children:"Access Denied"}),(0,r.jsx)(l,{children:"Ask your proxy admin for access to create keys"})]})}return console.log("inside user dashboard, selected team",S),console.log("teamSpend: ".concat(Z)),(0,r.jsx)("div",{className:"w-full mx-4",children:(0,r.jsx)(G.Z,{numItems:1,className:"gap-2 p-8 h-[75vh] w-full mt-2",children:(0,r.jsxs)(K.Z,{numColSpan:1,children:[(0,r.jsx)(ew,{userID:l,userRole:t,accessToken:g,userSpend:Z}),(0,r.jsx)(ef,{userID:l,userRole:t,accessToken:g,selectedTeam:S||null,data:a,setData:h}),(0,r.jsx)(es,{userID:l,team:S||null,userRole:t,accessToken:g,data:a,setData:h},S?S.team_id:null),(0,r.jsx)(ek,{teams:s,setSelectedTeam:A})]})})})},eN=t(92836),eI=t(26734),eC=t(41608),eP=t(32126),eT=t(23682),eE=t(52273),eO=t(47047),eF=t(76628),eM=t(38302),eR=t(28683),eD=t(1460),eL=t(78578);let{Title:eU,Link:ez}=eS.default;(s=a||(a={})).OpenAI="OpenAI",s.Azure="Azure",s.Anthropic="Anthropic",s.Google_AI_Studio="Gemini (Google AI Studio)",s.Bedrock="Amazon Bedrock",s.OpenAI_Compatible="OpenAI-Compatible Endpoints (Groq, Together AI, Mistral AI, etc.)";let eB={OpenAI:"openai",Azure:"azure",Anthropic:"anthropic",Google_AI_Studio:"gemini",Bedrock:"bedrock",OpenAI_Compatible:"openai"};var eq=e=>{let{accessToken:l,token:t,userRole:s,userID:o}=e,[i,c]=(0,n.useState)({data:[]}),[d,m]=(0,n.useState)([]),[j,g]=(0,n.useState)([]),[y]=H.Z.useForm(),[Z,f]=(0,n.useState)(null),[w,k]=(0,n.useState)([]),[v,S]=(0,n.useState)("OpenAI");if((0,n.useEffect)(()=>{if(!l||!t||!s||!o)return;let e=async()=>{try{let e=await b(l,o,s);console.log("Model data response:",e.data),c(e);let t=await _(l,o,s);if(console.log("Model metrics response:",t),m(t),"Admin"===s&&l){let e=await O(l);console.log("Pending Requests:",j),g(e.requests||[])}}catch(e){console.error("There was an error fetching the model data",e)}};l&&t&&s&&o&&e();let a=async()=>{let e=await u();console.log("received model cost map data: ".concat(Object.keys(e))),f(e)};null==Z&&a()},[l,t,s,o,Z]),!i||!l||!t||!s||!o)return(0,r.jsx)("div",{children:"Loading..."});let A=[];for(let e=0;e(console.log("GET PROVIDER CALLED! - ".concat(Z)),null!=Z&&"object"==typeof Z&&e in Z)?Z[e].litellm_provider:"openai";if(t){let e=t.split("/"),l=e[0];a=1===e.length?d(t):l}else a="openai";s&&(r=null==s?void 0:s.input_cost_per_token,n=null==s?void 0:s.output_cost_per_token,o=null==s?void 0:s.max_tokens),(null==l?void 0:l.litellm_params)&&(c=Object.fromEntries(Object.entries(null==l?void 0:l.litellm_params).filter(e=>{let[l]=e;return"model"!==l&&"api_base"!==l}))),i.data[e].provider=a,i.data[e].input_cost=r,i.data[e].output_cost=n,i.data[e].max_tokens=o,i.data[e].api_base=null==l?void 0:null===(I=l.litellm_params)||void 0===I?void 0:I.api_base,i.data[e].cleanedLitellmParams=c,A.push(l.model_name),console.log(i.data[e])}if(s&&"Admin Viewer"==s){let{Title:e,Paragraph:l}=eS.default;return(0,r.jsxs)("div",{children:[(0,r.jsx)(e,{level:1,children:"Access Denied"}),(0,r.jsx)(l,{children:"Ask your proxy admin for access to view all models"})]})}let C=async e=>{await p(l,e)},P=e=>{console.log("received provider string: ".concat(e));let l=a[e];console.log("received providerEnumValue: ".concat(l));let t=eB[l];console.log("mappingResult: ".concat(t));let s=[];"object"==typeof Z&&Object.entries(Z).forEach(e=>{let[l,a]=e;null!==a&&"object"==typeof a&&"litellm_provider"in a&&a.litellm_provider===t&&s.push(l)}),k(s),console.log("providerModels: ".concat(w))},T=async e=>{try{let t=Object.values(e.model);console.log("received deployments: ".concat(t)),console.log("received type of deployments: ".concat(typeof t)),t.forEach(async t=>{console.log("litellm_model: ".concat(t));let s={},a={};s.model=t;let r="";for(let[l,t]of Object.entries(e))if("model_name"==l)r+=t;else if("custom_llm_provider"==l)continue;else if("model"==l)continue;else if("base_model"===l)a[l]=t;else if("litellm_extra_params"==l){console.log("litellm_extra_params:",t);let e={};if(t&&void 0!=t){try{e=JSON.parse(t)}catch(e){throw h.ZP.error("Failed to parse LiteLLM Extra Params: "+e),Error("Failed to parse litellm_extra_params: "+e)}for(let[l,t]of Object.entries(e))s[l]=t}}else s[l]=t;let n={model_name:r,litellm_params:s,model_info:a},o=await x(l,n);console.log("response for model create call: ".concat(o.data))}),y.resetFields()}catch(e){h.ZP.error("Failed to create model: "+e)}};return console.log("selectedProvider: ".concat(v)),console.log("providerModels.length: ".concat(w.length)),(0,r.jsx)("div",{style:{width:"100%",height:"100%"},children:(0,r.jsxs)(eI.Z,{className:"gap-2 p-8 h-[75vh] w-full mt-2",children:[(0,r.jsxs)(eC.Z,{className:"mt-2",children:[(0,r.jsx)(eN.Z,{children:"All Models"}),(0,r.jsx)(eN.Z,{children:"Add Model"})]}),(0,r.jsxs)(eT.Z,{children:[(0,r.jsx)(eP.Z,{children:(0,r.jsxs)(G.Z,{children:[(0,r.jsx)(ec.Z,{children:(0,r.jsxs)(eu.Z,{className:"mt-5",children:[(0,r.jsx)(ej.Z,{children:(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(eg.Z,{children:"Model Name "}),(0,r.jsx)(eg.Z,{children:"Provider"}),"Admin"===s&&(0,r.jsx)(eg.Z,{children:"API Base"}),(0,r.jsx)(eg.Z,{children:"Extra litellm Params"}),(0,r.jsx)(eg.Z,{children:"Input Price per token ($)"}),(0,r.jsx)(eg.Z,{children:"Output Price per token ($)"}),(0,r.jsx)(eg.Z,{children:"Max Tokens"})]})}),(0,r.jsx)(ex.Z,{children:i.data.map((e,l)=>(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(ep.Z,{children:(0,r.jsx)(J.Z,{children:e.model_name})}),(0,r.jsx)(ep.Z,{children:e.provider}),"Admin"===s&&(0,r.jsx)(ep.Z,{children:e.api_base}),(0,r.jsx)(ep.Z,{children:(0,r.jsx)("pre",{children:JSON.stringify(e.cleanedLitellmParams,null,2)})}),(0,r.jsx)(ep.Z,{children:e.input_cost}),(0,r.jsx)(ep.Z,{children:e.output_cost}),(0,r.jsx)(ep.Z,{children:e.max_tokens}),(0,r.jsx)(ep.Z,{children:(0,r.jsx)(eh.Z,{icon:en.Z,size:"sm",onClick:()=>C(e.model_info.id)})})]},l))})]})}),(0,r.jsxs)(ec.Z,{children:[(0,r.jsx)(W.Z,{children:"Model Statistics (Number Requests)"}),(0,r.jsx)(ei.Z,{data:d,index:"model",categories:["num_requests"],colors:["blue"],yAxisWidth:400,layout:"vertical",tickGap:5})]}),(0,r.jsxs)(ec.Z,{children:[(0,r.jsx)(W.Z,{children:"Model Statistics (Latency)"}),(0,r.jsx)(ei.Z,{data:d,index:"model",categories:["avg_latency_seconds"],colors:["red"],yAxisWidth:400,layout:"vertical",tickGap:5})]})]})}),(0,r.jsxs)(eP.Z,{className:"h-full",children:[(0,r.jsx)(eU,{level:2,children:"Add new model"}),(0,r.jsx)(ec.Z,{children:(0,r.jsxs)(H.Z,{form:y,onFinish:()=>{y.validateFields().then(e=>{T(e)}).catch(e=>{console.error("Validation failed:",e)})},labelCol:{span:10},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(H.Z.Item,{rules:[{required:!0,message:"Required"}],label:"Provider:",name:"custom_llm_provider",tooltip:"E.g. OpenAI, Azure OpenAI, Anthropic, Bedrock, etc.",labelCol:{span:10},labelAlign:"left",children:(0,r.jsx)(eb.Z,{value:v.toString(),children:["OpenAI","Azure","Anthropic","Gemini (Google AI Studio)","Amazon Bedrock","OpenAI-Compatible Endpoints (Groq, Together AI, Mistral AI, etc.)"].map((e,l)=>(0,r.jsx)(e_.Z,{value:e,onClick:()=>{P(e),S(e)},children:e},l))})}),(0,r.jsx)(H.Z.Item,{rules:[{required:!0,message:"Required"}],label:"Public Model Name",name:"model_name",tooltip:"Model name your users will pass in. Also used for load-balancing, LiteLLM will load balance between all models with this public name.",className:"mb-0",children:(0,r.jsx)(eE.Z,{placeholder:"gpt-3.5-turbo"})}),(0,r.jsxs)(eM.Z,{children:[(0,r.jsx)(eR.Z,{span:10}),(0,r.jsx)(eR.Z,{span:10,children:(0,r.jsx)(J.Z,{className:"mb-3 mt-1",children:"Model name your users will pass in."})})]}),(0,r.jsx)(H.Z.Item,{rules:[{required:!0,message:"Required"}],label:"LiteLLM Model Name(s)",name:"model",tooltip:"Actual model name used for making litellm.completion() call.",className:"mb-0",children:w.length>0?(0,r.jsx)(eO.Z,{value:w,children:w.map((e,l)=>(0,r.jsx)(eF.Z,{value:e,children:e},l))}):(0,r.jsx)(eE.Z,{placeholder:"gpt-3.5-turbo-0125"})}),(0,r.jsxs)(eM.Z,{children:[(0,r.jsx)(eR.Z,{span:10}),(0,r.jsx)(eR.Z,{span:10,children:(0,r.jsxs)(J.Z,{className:"mb-3 mt-1",children:["Actual model name used for making",(0,r.jsx)(ez,{href:"https://docs.litellm.ai/docs/providers",target:"_blank",children:"litellm.completion() call"}),".We'll",(0,r.jsx)(ez,{href:"https://docs.litellm.ai/docs/proxy/reliability#step-1---set-deployments-on-config",target:"_blank",children:"loadbalance"})," models with the same 'public name'"]})})]}),"Amazon Bedrock"!=v&&(0,r.jsx)(H.Z.Item,{rules:[{required:!0,message:"Required"}],label:"API Key",name:"api_key",children:(0,r.jsx)(eE.Z,{placeholder:"sk-",type:"password"})}),"OpenAI"==v&&(0,r.jsx)(H.Z.Item,{label:"Organization ID",name:"organization_id",children:(0,r.jsx)(eE.Z,{placeholder:"[OPTIONAL] my-unique-org"})}),("Azure"==v||"OpenAI-Compatible Endpoints (Groq, Together AI, Mistral AI, etc.)"==v)&&(0,r.jsx)(H.Z.Item,{rules:[{required:!0,message:"Required"}],label:"API Base",name:"api_base",children:(0,r.jsx)(eE.Z,{placeholder:"https://..."})}),"Azure"==v&&(0,r.jsx)(H.Z.Item,{rules:[{required:!0,message:"Required"}],label:"API Version",name:"api_version",children:(0,r.jsx)(eE.Z,{placeholder:"2023-07-01-preview"})}),"Azure"==v&&(0,r.jsxs)(H.Z.Item,{label:"Base Model",name:"base_model",children:[(0,r.jsx)(eE.Z,{placeholder:"azure/gpt-3.5-turbo"}),(0,r.jsxs)(J.Z,{children:["The actual model your azure deployment uses. Used for accurate cost tracking. Select name from ",(0,r.jsx)(ez,{href:"https://github.com/BerriAI/litellm/blob/main/model_prices_and_context_window.json",target:"_blank",children:"here"})]})]}),"Amazon Bedrock"==v&&(0,r.jsx)(H.Z.Item,{rules:[{required:!0,message:"Required"}],label:"AWS Access Key ID",name:"aws_access_key_id",tooltip:"You can provide the raw key or the environment variable (e.g. `os.environ/MY_SECRET_KEY`).",children:(0,r.jsx)(eE.Z,{placeholder:""})}),"Amazon Bedrock"==v&&(0,r.jsx)(H.Z.Item,{rules:[{required:!0,message:"Required"}],label:"AWS Secret Access Key",name:"aws_secret_access_key",tooltip:"You can provide the raw key or the environment variable (e.g. `os.environ/MY_SECRET_KEY`).",children:(0,r.jsx)(eE.Z,{placeholder:""})}),"Amazon Bedrock"==v&&(0,r.jsx)(H.Z.Item,{rules:[{required:!0,message:"Required"}],label:"AWS Region Name",name:"aws_region_name",tooltip:"You can provide the raw key or the environment variable (e.g. `os.environ/MY_SECRET_KEY`).",children:(0,r.jsx)(eE.Z,{placeholder:"us-east-1"})}),(0,r.jsx)(H.Z.Item,{label:"LiteLLM Params",name:"litellm_extra_params",tooltip:"Optional litellm params used for making a litellm.completion() call.",className:"mb-0",children:(0,r.jsx)(eL.Z,{rows:4,placeholder:'{ "rpm": 100, "timeout": 0, "stream_timeout": 0 }'})}),(0,r.jsxs)(eM.Z,{children:[(0,r.jsx)(eR.Z,{span:10}),(0,r.jsx)(eR.Z,{span:10,children:(0,r.jsxs)(J.Z,{className:"mb-3 mt-1",children:["Pass JSON of litellm supported params ",(0,r.jsx)(ez,{href:"https://docs.litellm.ai/docs/completion/input",target:"_blank",children:"litellm.completion() call"})]})})]})]}),(0,r.jsx)("div",{style:{textAlign:"center",marginTop:"10px"},children:(0,r.jsx)(el.ZP,{htmlType:"submit",children:"Add Model"})}),(0,r.jsx)(eD.Z,{title:"Get help on our github",children:(0,r.jsx)(eS.default.Link,{href:"https://github.com/BerriAI/litellm/issues",children:"Need Help?"})})]})})]})]})]})})};let{Option:eK}=$.default;var eG=e=>{let{userID:l,accessToken:t}=e,[s]=H.Z.useForm(),[a,o]=(0,n.useState)(!1),[i,c]=(0,n.useState)(null),[d,m]=(0,n.useState)([]);(0,n.useEffect)(()=>{(async()=>{try{let e=await k(t,l,"any"),s=[];for(let l=0;l{o(!1),s.resetFields()},x=()=>{o(!1),c(null),s.resetFields()},p=async e=>{try{h.ZP.info("Making API Call"),o(!0),console.log("formValues in create user:",e);let a=await g(t,l,e);console.log("user create Response:",a),c(a.key),h.ZP.success("API user Created"),s.resetFields(),localStorage.removeItem("userData"+l)}catch(e){console.error("Error creating the user:",e)}};return(0,r.jsxs)("div",{children:[(0,r.jsx)(V.Z,{className:"mx-auto",onClick:()=>o(!0),children:"+ Create New User"}),(0,r.jsx)(X.Z,{title:"Create User",visible:a,width:800,footer:null,onOk:u,onCancel:x,children:(0,r.jsxs)(H.Z,{form:s,onFinish:p,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsx)(H.Z.Item,{label:"User ID",name:"user_id",children:(0,r.jsx)(Q.Z,{placeholder:"Enter User ID"})}),(0,r.jsx)(H.Z.Item,{label:"Team ID",name:"team_id",children:(0,r.jsx)(Q.Z,{placeholder:"ai_team"})}),(0,r.jsx)(H.Z.Item,{label:"Models",name:"models",children:(0,r.jsx)($.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},children:d.map(e=>(0,r.jsx)(eK,{value:e,children:e},e))})}),(0,r.jsx)(H.Z.Item,{label:"Max Budget (USD)",name:"max_budget",children:(0,r.jsx)(ee.Z,{step:.01,precision:2,width:200})}),(0,r.jsx)(H.Z.Item,{label:"Tokens per minute Limit (TPM)",name:"tpm_limit",children:(0,r.jsx)(ee.Z,{step:1,width:400})}),(0,r.jsx)(H.Z.Item,{label:"Requests per minute Limit (RPM)",name:"rpm_limit",children:(0,r.jsx)(ee.Z,{step:1,width:400})}),(0,r.jsx)(H.Z.Item,{label:"Duration (eg: 30s, 30h, 30d)",name:"duration",children:(0,r.jsx)(Q.Z,{})}),(0,r.jsx)(H.Z.Item,{label:"Metadata",name:"metadata",children:(0,r.jsx)(Q.Z.TextArea,{rows:4,placeholder:"Enter metadata as JSON"})}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(el.ZP,{htmlType:"submit",children:"Create User"})})]})}),i&&(0,r.jsxs)(X.Z,{title:"Save Your User",visible:a,onOk:u,onCancel:x,footer:null,children:[(0,r.jsxs)("p",{children:["Please save this secret user somewhere safe and accessible. For security reasons, ",(0,r.jsx)("b",{children:"you will not be able to view it again"})," ","through your LiteLLM account. If you lose this secret user, you will need to generate a new one."]}),(0,r.jsx)("p",{children:null!=i?"API user: ".concat(i):"User being created, this might take 30s"})]})]})},eV=e=>{let{accessToken:l,token:t,keys:s,userRole:a,userID:o,setKeys:i}=e,[c,d]=(0,n.useState)(null),[m,h]=(0,n.useState)(null),[u,x]=(0,n.useState)(1);if((0,n.useEffect)(()=>{if(!l||!t||!a||!o)return;let e=async()=>{try{let e=await f(l,null,a,!0,u,25);console.log("user data response:",e),d(e)}catch(e){console.error("There was an error fetching the model data",e)}};l&&t&&a&&o&&e();let s=async()=>{try{let e=await P(l,null);console.log("user data response:",e),h(e)}catch(e){console.error("There was an error fetching the model data",e)}};a&&("Admin"==a||"Admin Viewer"==a)&&!m&&s()},[l,t,a,o,u]),!c||!l||!t||!a||!o)return(0,r.jsx)("div",{children:"Loading..."});let p=async e=>{try{let t=await P(l,e);console.log("user data response:",t),h(t)}catch(e){console.error("There was an error fetching the model data",e)}};return(0,r.jsx)("div",{style:{width:"100%"},children:(0,r.jsxs)(G.Z,{className:"gap-2 p-2 h-[75vh] w-full mt-8",children:[(0,r.jsx)(eG,{userID:o,accessToken:l}),(0,r.jsx)(ec.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh] mb-4",children:(0,r.jsxs)(eI.Z,{children:[(0,r.jsxs)(eC.Z,{variant:"line",defaultValue:"1",children:[(0,r.jsx)(eN.Z,{value:"1",children:"Key Owners"}),(0,r.jsx)(eN.Z,{value:"2",children:"End-Users"})]}),(0,r.jsxs)(eT.Z,{children:[(0,r.jsx)(eP.Z,{children:(0,r.jsxs)(eu.Z,{className:"mt-5",children:[(0,r.jsx)(ej.Z,{children:(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(eg.Z,{children:"User ID"}),(0,r.jsx)(eg.Z,{children:"User Role"}),(0,r.jsx)(eg.Z,{children:"User Models"}),(0,r.jsx)(eg.Z,{children:"User Spend ($ USD)"}),(0,r.jsx)(eg.Z,{children:"User Max Budget ($ USD)"})]})}),(0,r.jsx)(ex.Z,{children:c.map(e=>(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(ep.Z,{children:e.user_id}),(0,r.jsx)(ep.Z,{children:e.user_role?e.user_role:"app_owner"}),(0,r.jsx)(ep.Z,{children:e.models&&e.models.length>0?e.models:"All Models"}),(0,r.jsx)(ep.Z,{children:e.spend?e.spend:0}),(0,r.jsx)(ep.Z,{children:e.max_budget?e.max_budget:"Unlimited"})]},e.user_id))})]})}),(0,r.jsxs)(eP.Z,{children:[(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsx)("div",{className:"flex-1"}),(0,r.jsxs)("div",{className:"flex-1 flex justify-between items-center",children:[(0,r.jsx)(J.Z,{className:"w-1/4 mr-2 text-right",children:"Key"}),(0,r.jsx)(eb.Z,{defaultValue:"1",className:"w-3/4",children:null==s?void 0:s.map((e,l)=>{if(e&&null!==e.key_name&&e.key_name.length>0)return(0,r.jsx)(e_.Z,{value:String(l),onClick:()=>p(e.token),children:e.key_name},l)})})]})]}),(0,r.jsxs)(eu.Z,{children:[(0,r.jsx)(ej.Z,{children:(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(eg.Z,{children:"End User"}),(0,r.jsx)(eg.Z,{children:"Spend"}),(0,r.jsx)(eg.Z,{children:"Total Events"})]})}),(0,r.jsx)(ex.Z,{children:null==m?void 0:m.map((e,l)=>(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(ep.Z,{children:e.end_user}),(0,r.jsx)(ep.Z,{children:e.total_spend}),(0,r.jsx)(ep.Z,{children:e.total_events})]},l))})]})]})]})]})}),function(){if(!c)return null;let e=(u-1)*25+1,l=Math.min(25*u,c.length);return(0,r.jsxs)("div",{className:"flex justify-between items-center",children:[(0,r.jsxs)("div",{children:["Showing ",e," – ",l," of ",c.length]}),(0,r.jsxs)("div",{className:"flex",children:[(0,r.jsx)("button",{className:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-l focus:outline-none",disabled:1===u,onClick:()=>x(u-1),children:"← Prev"}),(0,r.jsx)("button",{className:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-r focus:outline-none",onClick:()=>{x(u+1)},children:"Next →"})]})]})}()]})})},eJ=e=>{let{teams:l,searchParams:t,accessToken:s,setTeams:a,userID:o,userRole:i}=e,[c]=H.Z.useForm(),[d]=H.Z.useForm(),{Title:m,Paragraph:u}=eS.default,[x,p]=(0,n.useState)(""),[j,g]=(0,n.useState)(!1),[y,f]=(0,n.useState)(l?l[0]:null),[w,b]=(0,n.useState)(!1),[_,v]=(0,n.useState)(!1),[S,A]=(0,n.useState)([]),[N,I]=(0,n.useState)(!1),[C,P]=(0,n.useState)(null),T=e=>{f(e),g(!0)},E=async e=>{let t=e.team_id;if(console.log("handleEditSubmit:",e),null==s)return;let r=await D(s,e);l&&a(l.map(e=>e.team_id===t?r.data:e)),h.ZP.success("Team updated successfully"),g(!1),f(null)},O=async e=>{P(e),I(!0)},F=async()=>{if(null!=C&&null!=l&&null!=s){try{await Z(s,C);let e=l.filter(e=>e.team_id!==C);a(e)}catch(e){console.error("Error deleting the team:",e)}I(!1),P(null)}};(0,n.useEffect)(()=>{(async()=>{try{if(null===o||null===i)return;if(null!==s){let e=(await k(s,o,i)).data.map(e=>e.id);console.log("available_model_names:",e),A(e)}}catch(e){console.error("Error fetching user models:",e)}})()},[s,o,i]);let R=async e=>{try{if(null!=s){h.ZP.info("Creating Team");let t=await M(s,e);null!==l?a([...l,t]):a([t]),console.log("response for team create call: ".concat(t)),h.ZP.success("Team created"),b(!1)}}catch(e){console.error("Error creating the team:",e),h.ZP.error("Error creating the team: "+e)}},U=async e=>{try{if(null!=s&&null!=l){h.ZP.info("Adding Member");let t={role:"user",user_email:e.user_email,user_id:e.user_id},r=await L(s,y.team_id,t);console.log("response for team create call: ".concat(r.data));let n=l.findIndex(e=>(console.log("team.team_id=".concat(e.team_id,"; response.data.team_id=").concat(r.data.team_id)),e.team_id===r.data.team_id));if(console.log("foundIndex: ".concat(n)),-1!==n){let e=[...l];e[n]=r.data,a(e),f(r.data)}v(!1)}}catch(e){console.error("Error creating the team:",e)}};return console.log("received teams ".concat(l)),(0,r.jsx)("div",{className:"w-full mx-4",children:(0,r.jsxs)(G.Z,{numItems:1,className:"gap-2 p-8 h-[75vh] w-full mt-2",children:[(0,r.jsxs)(K.Z,{numColSpan:1,children:[(0,r.jsx)(m,{level:4,children:"All Teams"}),(0,r.jsxs)(ec.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]",children:[(0,r.jsxs)(eu.Z,{children:[(0,r.jsx)(ej.Z,{children:(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(eg.Z,{children:"Team Name"}),(0,r.jsx)(eg.Z,{children:"Spend (USD)"}),(0,r.jsx)(eg.Z,{children:"Budget (USD)"}),(0,r.jsx)(eg.Z,{children:"Models"}),(0,r.jsx)(eg.Z,{children:"TPM / RPM Limits"})]})}),(0,r.jsx)(ex.Z,{children:l&&l.length>0?l.map(e=>(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(ep.Z,{style:{maxWidth:"4px",whiteSpace:"pre-wrap",overflow:"hidden"},children:e.team_alias}),(0,r.jsx)(ep.Z,{style:{maxWidth:"4px",whiteSpace:"pre-wrap",overflow:"hidden"},children:e.spend}),(0,r.jsx)(ep.Z,{style:{maxWidth:"4px",whiteSpace:"pre-wrap",overflow:"hidden"},children:e.max_budget?e.max_budget:"No limit"}),(0,r.jsx)(ep.Z,{style:{maxWidth:"8-x",whiteSpace:"pre-wrap",overflow:"hidden"},children:Array.isArray(e.models)?(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column"},children:0===e.models.length?(0,r.jsx)(eo.Z,{size:"xs",className:"mb-1",color:"red",children:(0,r.jsx)(J.Z,{children:"All Proxy Models"})}):e.models.map((e,l)=>"all-proxy-models"===e?(0,r.jsx)(eo.Z,{size:"xs",className:"mb-1",color:"red",children:(0,r.jsx)(J.Z,{children:"All Proxy Models"})},l):(0,r.jsx)(eo.Z,{size:"xs",className:"mb-1",color:"blue",children:(0,r.jsx)(J.Z,{children:e.length>30?"".concat(e.slice(0,30),"..."):e})},l))}):null}),(0,r.jsx)(ep.Z,{style:{maxWidth:"4px",whiteSpace:"pre-wrap",overflow:"hidden"},children:(0,r.jsxs)(J.Z,{children:["TPM:"," ",e.tpm_limit?e.tpm_limit:"Unlimited"," ",(0,r.jsx)("br",{}),"RPM:"," ",e.rpm_limit?e.rpm_limit:"Unlimited"]})}),(0,r.jsxs)(ep.Z,{children:[(0,r.jsx)(eh.Z,{icon:er.Z,size:"sm",onClick:()=>T(e)}),(0,r.jsx)(eh.Z,{onClick:()=>O(e.team_id),icon:en.Z,size:"sm"})]})]},e.team_id)):null})]}),N&&(0,r.jsx)("div",{className:"fixed z-10 inset-0 overflow-y-auto",children:(0,r.jsxs)("div",{className:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",children:[(0,r.jsx)("div",{className:"fixed inset-0 transition-opacity","aria-hidden":"true",children:(0,r.jsx)("div",{className:"absolute inset-0 bg-gray-500 opacity-75"})}),(0,r.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true",children:""}),(0,r.jsxs)("div",{className:"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full",children:[(0,r.jsx)("div",{className:"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4",children:(0,r.jsx)("div",{className:"sm:flex sm:items-start",children:(0,r.jsxs)("div",{className:"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left",children:[(0,r.jsx)("h3",{className:"text-lg leading-6 font-medium text-gray-900",children:"Delete Team"}),(0,r.jsx)("div",{className:"mt-2",children:(0,r.jsx)("p",{className:"text-sm text-gray-500",children:"Are you sure you want to delete this team ?"})})]})})}),(0,r.jsxs)("div",{className:"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse",children:[(0,r.jsx)(V.Z,{onClick:F,color:"red",className:"ml-2",children:"Delete"}),(0,r.jsx)(V.Z,{onClick:()=>{I(!1),P(null)},children:"Cancel"})]})]})]})})]})]}),(0,r.jsxs)(K.Z,{numColSpan:1,children:[(0,r.jsx)(V.Z,{className:"mx-auto",onClick:()=>b(!0),children:"+ Create New Team"}),(0,r.jsx)(X.Z,{title:"Create Team",visible:w,width:800,footer:null,onOk:()=>{b(!1),c.resetFields()},onCancel:()=>{b(!1),c.resetFields()},children:(0,r.jsxs)(H.Z,{form:c,onFinish:R,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(H.Z.Item,{label:"Team Name",name:"team_alias",rules:[{required:!0,message:"Please input a team name"}],children:(0,r.jsx)(Q.Z,{})}),(0,r.jsx)(H.Z.Item,{label:"Models",name:"models",children:(0,r.jsxs)($.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},children:[(0,r.jsx)($.default.Option,{value:"all-proxy-models",children:"All Proxy Models"},"all-proxy-models"),S.map(e=>(0,r.jsx)($.default.Option,{value:e,children:e},e))]})}),(0,r.jsx)(H.Z.Item,{label:"Max Budget (USD)",name:"max_budget",children:(0,r.jsx)(ee.Z,{step:.01,precision:2,width:200})}),(0,r.jsx)(H.Z.Item,{label:"Tokens per minute Limit (TPM)",name:"tpm_limit",children:(0,r.jsx)(ee.Z,{step:1,width:400})}),(0,r.jsx)(H.Z.Item,{label:"Requests per minute Limit (RPM)",name:"rpm_limit",children:(0,r.jsx)(ee.Z,{step:1,width:400})})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(el.ZP,{htmlType:"submit",children:"Create Team"})})]})})]}),(0,r.jsxs)(K.Z,{numColSpan:1,children:[(0,r.jsx)(m,{level:4,children:"Team Members"}),(0,r.jsx)(u,{children:"If you belong to multiple teams, this setting controls which teams members you see."}),l&&l.length>0?(0,r.jsx)(eb.Z,{defaultValue:"0",children:l.map((e,l)=>(0,r.jsx)(e_.Z,{value:String(l),onClick:()=>{f(e)},children:e.team_alias},l))}):(0,r.jsxs)(u,{children:["No team created. ",(0,r.jsx)("b",{children:"Defaulting to personal account."})]})]}),(0,r.jsxs)(K.Z,{numColSpan:1,children:[(0,r.jsx)(ec.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]",children:(0,r.jsxs)(eu.Z,{children:[(0,r.jsx)(ej.Z,{children:(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(eg.Z,{children:"Member Name"}),(0,r.jsx)(eg.Z,{children:"Role"})]})}),(0,r.jsx)(ex.Z,{children:y?y.members_with_roles.map((e,l)=>(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(ep.Z,{children:e.user_email?e.user_email:e.user_id?e.user_id:null}),(0,r.jsx)(ep.Z,{children:e.role})]},l)):null})]})}),y&&(0,r.jsx)(e=>{let{visible:l,onCancel:t,team:s,onSubmit:a}=e,[n]=H.Z.useForm();return(0,r.jsx)(X.Z,{title:"Edit Team",visible:l,width:800,footer:null,onOk:()=>{n.validateFields().then(e=>{a({...e,team_id:s.team_id}),n.resetFields()}).catch(e=>{console.error("Validation failed:",e)})},onCancel:t,children:(0,r.jsxs)(H.Z,{form:n,onFinish:E,initialValues:s,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(H.Z.Item,{label:"Team Name",name:"team_alias",rules:[{required:!0,message:"Please input a team name"}],children:(0,r.jsx)(Q.Z,{})}),(0,r.jsx)(H.Z.Item,{label:"Models",name:"models",children:(0,r.jsxs)($.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},children:[(0,r.jsx)($.default.Option,{value:"all-proxy-models",children:"All Proxy Models"},"all-proxy-models"),S&&S.map(e=>(0,r.jsx)($.default.Option,{value:e,children:e},e))]})}),(0,r.jsx)(H.Z.Item,{label:"Max Budget (USD)",name:"max_budget",children:(0,r.jsx)(ee.Z,{step:.01,precision:2,width:200})}),(0,r.jsx)(H.Z.Item,{label:"Tokens per minute Limit (TPM)",name:"tpm_limit",children:(0,r.jsx)(ee.Z,{step:1,width:400})}),(0,r.jsx)(H.Z.Item,{label:"Requests per minute Limit (RPM)",name:"rpm_limit",children:(0,r.jsx)(ee.Z,{step:1,width:400})}),(0,r.jsx)(H.Z.Item,{label:"Requests per minute Limit (RPM)",name:"team_id",hidden:!0})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(el.ZP,{htmlType:"submit",children:"Edit Team"})})]})})},{visible:j,onCancel:()=>{g(!1),f(null)},team:y,onSubmit:E})]}),(0,r.jsxs)(K.Z,{numColSpan:1,children:[(0,r.jsx)(V.Z,{className:"mx-auto mb-5",onClick:()=>v(!0),children:"+ Add member"}),(0,r.jsx)(X.Z,{title:"Add member",visible:_,width:800,footer:null,onOk:()=>{v(!1),d.resetFields()},onCancel:()=>{v(!1),d.resetFields()},children:(0,r.jsxs)(H.Z,{form:c,onFinish:U,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(H.Z.Item,{label:"Email",name:"user_email",className:"mb-4",children:(0,r.jsx)(Q.Z,{name:"user_email",className:"px-3 py-2 border rounded-md w-full"})}),(0,r.jsx)("div",{className:"text-center mb-4",children:"OR"}),(0,r.jsx)(H.Z.Item,{label:"User ID",name:"user_id",className:"mb-4",children:(0,r.jsx)(Q.Z,{name:"user_id",className:"px-3 py-2 border rounded-md w-full"})})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(el.ZP,{htmlType:"submit",children:"Add member"})})]})})]})]})})},eW=t(18190),eY=e=>{let l,{searchParams:t,accessToken:s,showSSOBanner:a}=e,[o]=H.Z.useForm(),[i]=H.Z.useForm(),{Title:c,Paragraph:d}=eS.default,[m,u]=(0,n.useState)(""),[x,p]=(0,n.useState)(null),[j,g]=(0,n.useState)(!1),[y,Z]=(0,n.useState)(!1),[f,w]=(0,n.useState)(!1),[b,_]=(0,n.useState)(!1),[k,v]=(0,n.useState)(!1);try{l=window.location.origin}catch(e){l=""}l+="/fallback/login";let S=()=>{v(!1)},A=["proxy_admin","proxy_admin_viewer"];(0,n.useEffect)(()=>{(async()=>{if(null!=s){let e=[],l=await F(s,"proxy_admin_viewer");l.forEach(l=>{e.push({user_role:l.user_role,user_id:l.user_id,user_email:l.user_email})}),console.log("proxy viewers: ".concat(l));let t=await F(s,"proxy_admin");t.forEach(l=>{e.push({user_role:l.user_role,user_id:l.user_id,user_email:l.user_email})}),console.log("proxy admins: ".concat(t)),console.log("combinedList: ".concat(e)),p(e)}})()},[s]);let N=()=>{w(!1),i.resetFields()},I=()=>{w(!1),i.resetFields()},C=e=>(0,r.jsxs)(H.Z,{form:o,onFinish:e,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(H.Z.Item,{label:"Email",name:"user_email",className:"mb-4",children:(0,r.jsx)(Q.Z,{name:"user_email",className:"px-3 py-2 border rounded-md w-full"})}),(0,r.jsx)("div",{className:"text-center mb-4",children:"OR"}),(0,r.jsx)(H.Z.Item,{label:"User ID",name:"user_id",className:"mb-4",children:(0,r.jsx)(Q.Z,{name:"user_id",className:"px-3 py-2 border rounded-md w-full"})})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(el.ZP,{htmlType:"submit",children:"Add member"})})]}),P=(e,l,t)=>(0,r.jsxs)(H.Z,{form:o,onFinish:e,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(H.Z.Item,{rules:[{required:!0,message:"Required"}],label:"User Role",name:"user_role",labelCol:{span:10},labelAlign:"left",children:(0,r.jsx)(eb.Z,{value:l,children:A.map((e,l)=>(0,r.jsx)(e_.Z,{value:e,children:e},l))})}),(0,r.jsx)(H.Z.Item,{label:"Team ID",name:"user_id",hidden:!0,initialValue:t,valuePropName:"user_id",className:"mt-8",children:(0,r.jsx)(Q.Z,{value:t,disabled:!0})})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(el.ZP,{htmlType:"submit",children:"Update role"})})]}),T=async e=>{try{if(null!=s&&null!=x){h.ZP.info("Making API Call");let l=await U(s,e,null);console.log("response for team create call: ".concat(l));let t=x.findIndex(e=>(console.log("user.user_id=".concat(e.user_id,"; response.user_id=").concat(l.user_id)),e.user_id===l.user_id));console.log("foundIndex: ".concat(t)),-1==t&&(console.log("updates admin with new user"),x.push(l),p(x)),h.ZP.success("Refresh tab to see updated user role"),w(!1)}}catch(e){console.error("Error creating the key:",e)}},E=async e=>{try{if(null!=s&&null!=x){h.ZP.info("Making API Call");let l=await U(s,e,"proxy_admin_viewer");console.log("response for team create call: ".concat(l));let t=x.findIndex(e=>(console.log("user.user_id=".concat(e.user_id,"; response.user_id=").concat(l.user_id)),e.user_id===l.user_id));console.log("foundIndex: ".concat(t)),-1==t&&(console.log("updates admin with new user"),x.push(l),p(x)),g(!1)}}catch(e){console.error("Error creating the key:",e)}},O=async e=>{try{if(null!=s&&null!=x){h.ZP.info("Making API Call"),e.user_email,e.user_id;let l=await U(s,e,"proxy_admin");console.log("response for team create call: ".concat(l));let t=x.findIndex(e=>(console.log("user.user_id=".concat(e.user_id,"; response.user_id=").concat(l.user_id)),e.user_id===l.user_id));console.log("foundIndex: ".concat(t)),-1==t&&(console.log("updates admin with new user"),x.push(l),p(x)),Z(!1)}}catch(e){console.error("Error creating the key:",e)}},M=async e=>{null!=s&&q(s,{environment_variables:{PROXY_BASE_URL:e.proxy_base_url,GOOGLE_CLIENT_ID:e.google_client_id,GOOGLE_CLIENT_SECRET:e.google_client_secret}})};return console.log("admins: ".concat(null==x?void 0:x.length)),(0,r.jsxs)("div",{className:"w-full m-2 mt-2 p-8",children:[(0,r.jsx)(c,{level:4,children:"Admin Access "}),(0,r.jsxs)(d,{children:[a&&(0,r.jsx)("a",{href:"https://docs.litellm.ai/docs/proxy/ui#restrict-ui-access",children:"Requires SSO Setup"}),(0,r.jsx)("br",{}),(0,r.jsx)("b",{children:"Proxy Admin: "})," Can create keys, teams, users, add models, etc. ",(0,r.jsx)("br",{}),(0,r.jsx)("b",{children:"Proxy Admin Viewer: "}),"Can just view spend. They cannot create keys, teams or grant users access to new models."," "]}),(0,r.jsxs)(G.Z,{numItems:1,className:"gap-2 p-2 w-full",children:[(0,r.jsx)(K.Z,{numColSpan:1,children:(0,r.jsx)(ec.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]",children:(0,r.jsxs)(eu.Z,{children:[(0,r.jsx)(ej.Z,{children:(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(eg.Z,{children:"Member Name"}),(0,r.jsx)(eg.Z,{children:"Role"})]})}),(0,r.jsx)(ex.Z,{children:x?x.map((e,l)=>(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(ep.Z,{children:e.user_email?e.user_email:e.user_id?e.user_id:null}),(0,r.jsx)(ep.Z,{children:e.user_role}),(0,r.jsxs)(ep.Z,{children:[(0,r.jsx)(eh.Z,{icon:er.Z,size:"sm",onClick:()=>w(!0)}),(0,r.jsx)(X.Z,{title:"Update role",visible:f,width:800,footer:null,onOk:N,onCancel:I,children:P(T,e.user_role,e.user_id)})]})]},l)):null})]})})}),(0,r.jsx)(K.Z,{numColSpan:1,children:(0,r.jsxs)("div",{className:"flex justify-start",children:[(0,r.jsx)(V.Z,{className:"mr-4 mb-5",onClick:()=>Z(!0),children:"+ Add admin"}),(0,r.jsx)(X.Z,{title:"Add admin",visible:y,width:800,footer:null,onOk:()=>{Z(!1),i.resetFields()},onCancel:()=>{Z(!1),i.resetFields()},children:C(O)}),(0,r.jsx)(V.Z,{className:"mb-5",onClick:()=>g(!0),children:"+ Add viewer"}),(0,r.jsx)(X.Z,{title:"Add viewer",visible:j,width:800,footer:null,onOk:()=>{g(!1),i.resetFields()},onCancel:()=>{g(!1),i.resetFields()},children:C(E)})]})})]}),(0,r.jsxs)(G.Z,{children:[(0,r.jsx)(c,{level:4,children:"Add SSO"}),(0,r.jsxs)("div",{className:"flex justify-start mb-4",children:[(0,r.jsx)(V.Z,{onClick:()=>_(!0),children:"Add SSO"}),(0,r.jsx)(X.Z,{title:"Add SSO",visible:b,width:800,footer:null,onOk:()=>{_(!1),o.resetFields()},onCancel:()=>{_(!1),o.resetFields()},children:(0,r.jsxs)(H.Z,{form:o,onFinish:e=>{O(e),M(e),_(!1),v(!0)},labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(H.Z.Item,{label:"Admin Email",name:"user_email",rules:[{required:!0,message:"Please enter the email of the proxy admin"}],children:(0,r.jsx)(Q.Z,{})}),(0,r.jsx)(H.Z.Item,{label:"PROXY BASE URL",name:"proxy_base_url",rules:[{required:!0,message:"Please enter the proxy base url"}],children:(0,r.jsx)(Q.Z,{})}),(0,r.jsx)(H.Z.Item,{label:"GOOGLE CLIENT ID",name:"google_client_id",rules:[{required:!0,message:"Please enter the google client id"}],children:(0,r.jsx)(Q.Z.Password,{})}),(0,r.jsx)(H.Z.Item,{label:"GOOGLE CLIENT SECRET",name:"google_client_secret",rules:[{required:!0,message:"Please enter the google client secret"}],children:(0,r.jsx)(Q.Z.Password,{})})]}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(el.ZP,{htmlType:"submit",children:"Save"})})]})}),(0,r.jsxs)(X.Z,{title:"SSO Setup Instructions",visible:k,width:800,footer:null,onOk:S,onCancel:()=>{v(!1)},children:[(0,r.jsx)("p",{children:"Follow these steps to complete the SSO setup:"}),(0,r.jsx)(J.Z,{className:"mt-2",children:"1. DO NOT Exit this TAB"}),(0,r.jsx)(J.Z,{className:"mt-2",children:"2. Open a new tab, visit your proxy base url"}),(0,r.jsx)(J.Z,{className:"mt-2",children:"3. Confirm your SSO is configured correctly and you can login on the new Tab"}),(0,r.jsx)(J.Z,{className:"mt-2",children:"4. If Step 3 is successful, you can close this tab"}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(el.ZP,{onClick:S,children:"Done"})})]})]}),(0,r.jsxs)(eW.Z,{title:"Login without SSO",color:"teal",children:["If you need to login without sso, you can access ",(0,r.jsxs)("a",{href:l,target:"_blank",children:[(0,r.jsx)("b",{children:l})," "]})]})]})]})},e$=e=>{let{accessToken:l,userRole:t,userID:s}=e,[a,o]=(0,n.useState)([]),[i,c]=(0,n.useState)(!1),[d]=H.Z.useForm(),[m,h]=(0,n.useState)(null);(0,n.useEffect)(()=>{l&&t&&s&&B(l,s,t).then(e=>{console.log("callbacks",e),o(e.data.success_callback)})},[l,t,s]);let u=()=>{l&&d.validateFields().then(e=>{console.log("Form values:",e),"langfuse"===e.callback?(q(l,{environment_variables:{LANGFUSE_PUBLIC_KEY:e.langfusePublicKey,LANGFUSE_SECRET_KEY:e.langfusePrivateKey},litellm_settings:{success_callback:[e.callback]}}),o(a?[...a,e.callback]:[e.callback])):"slack"===e.callback&&(q(l,{litellm_settings:{success_callback:[e.callback]},environment_variables:{SLACK_WEBHOOK_URL:e.slackWebhookUrl}}),o(a?[...a,e.callback]:[e.callback])),c(!1),d.resetFields(),h(null)})};return(0,r.jsxs)("div",{className:"w-full mx-4",children:[(0,r.jsx)(G.Z,{numItems:1,className:"gap-2 p-8 h-[75vh] w-full mt-2",children:(0,r.jsxs)(ec.Z,{className:"h-[15vh]",children:[(0,r.jsxs)(G.Z,{numItems:2,className:"mt-2",children:[(0,r.jsx)(K.Z,{children:(0,r.jsx)(W.Z,{children:"Logging Callbacks"})}),(0,r.jsx)(K.Z,{children:(0,r.jsx)("div",{children:a?0===a.length?(0,r.jsx)(eo.Z,{children:"None"}):a.map((e,l)=>(0,r.jsx)(eo.Z,{color:"sky",children:e},l)):(0,r.jsx)(eo.Z,{color:"red",children:"None"})})})]}),(0,r.jsx)(K.Z,{children:(0,r.jsx)(V.Z,{size:"xs",className:"mt-2",onClick:()=>{console.log("Add callback clicked"),c(!0)},children:"Add Callback"})})]})}),(0,r.jsx)(X.Z,{title:"Add Callback",visible:i,onOk:u,width:800,onCancel:()=>{c(!1),d.resetFields(),h(null)},footer:null,children:(0,r.jsxs)(H.Z,{form:d,layout:"vertical",onFinish:u,children:[(0,r.jsx)(H.Z.Item,{label:"Callback",name:"callback",rules:[{required:!0,message:"Please select a callback"}],children:(0,r.jsxs)($.default,{onChange:e=>{h(e)},children:[(0,r.jsx)($.default.Option,{value:"langfuse",children:"langfuse"}),(0,r.jsx)($.default.Option,{value:"slack",children:"slack alerting"})]})}),"langfuse"===m&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(H.Z.Item,{label:"LANGFUSE_PUBLIC_KEY",name:"langfusePublicKey",rules:[{required:!0,message:"Please enter the public key"}],children:(0,r.jsx)(Q.Z.Password,{})}),(0,r.jsx)(H.Z.Item,{label:"LANGFUSE_PRIVATE_KEY",name:"langfusePrivateKey",rules:[{required:!0,message:"Please enter the private key"}],children:(0,r.jsx)(Q.Z.Password,{})})]}),"slack"===m&&(0,r.jsx)(H.Z.Item,{label:"SLACK_WEBHOOK_URL",name:"slackWebhookUrl",rules:[{required:!0,message:"Please enter the Slack webhook URL"}],children:(0,r.jsx)(Q.Z,{})}),(0,r.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,r.jsx)(el.ZP,{htmlType:"submit",children:"Save"})})]})})]})},eH=t(12968),eX=t(67951);async function eQ(e,l,t,s){console.log("isLocal:",!1);let a=window.location.origin,r=new eH.ZP.OpenAI({apiKey:s,baseURL:a,dangerouslyAllowBrowser:!0});try{for await(let s of(await r.chat.completions.create({model:t,stream:!0,messages:[{role:"user",content:e}]})))console.log(s),s.choices[0].delta.content&&l(s.choices[0].delta.content)}catch(e){h.ZP.error("Error occurred while generating model response. Please try again. Error: ".concat(e))}}var e0=e=>{let{accessToken:l,token:t,userRole:s,userID:a}=e,[o,i]=(0,n.useState)(""),[c,d]=(0,n.useState)(""),[m,h]=(0,n.useState)([]),[u,x]=(0,n.useState)(void 0),[p,j]=(0,n.useState)([]);(0,n.useEffect)(()=>{l&&t&&s&&a&&(async()=>{try{let e=await k(l,a,s);if(console.log("model_info:",e),(null==e?void 0:e.data.length)>0){let l=e.data.map(e=>({value:e.id,label:e.id}));console.log(l),j(l),x(e.data[0].id)}}catch(e){console.error("Error fetching model info:",e)}})()},[l,a,s]);let g=(e,l)=>{h(t=>{let s=t[t.length-1];return s&&s.role===e?[...t.slice(0,t.length-1),{role:e,content:s.content+l}]:[...t,{role:e,content:l}]})},y=async()=>{if(""!==c.trim()&&o&&t&&s&&a){h(e=>[...e,{role:"user",content:c}]);try{u&&await eQ(c,e=>g("assistant",e),u,o)}catch(e){console.error("Error fetching model response",e),g("assistant","Error fetching model response")}d("")}};if(s&&"Admin Viewer"==s){let{Title:e,Paragraph:l}=eS.default;return(0,r.jsxs)("div",{children:[(0,r.jsx)(e,{level:1,children:"Access Denied"}),(0,r.jsx)(l,{children:"Ask your proxy admin for access to test models"})]})}return(0,r.jsx)("div",{style:{width:"100%",position:"relative"},children:(0,r.jsx)(G.Z,{className:"gap-2 p-8 h-[80vh] w-full mt-2",children:(0,r.jsx)(ec.Z,{children:(0,r.jsxs)(eI.Z,{children:[(0,r.jsxs)(eC.Z,{children:[(0,r.jsx)(eN.Z,{children:"Chat"}),(0,r.jsx)(eN.Z,{children:"API Reference"})]}),(0,r.jsxs)(eT.Z,{children:[(0,r.jsxs)(eP.Z,{children:[(0,r.jsx)("div",{className:"sm:max-w-2xl",children:(0,r.jsxs)(G.Z,{numItems:2,children:[(0,r.jsxs)(K.Z,{children:[(0,r.jsx)(J.Z,{children:"API Key"}),(0,r.jsx)(eE.Z,{placeholder:"Type API Key here",type:"password",onValueChange:i,value:o})]}),(0,r.jsxs)(K.Z,{className:"mx-2",children:[(0,r.jsx)(J.Z,{children:"Select Model:"}),(0,r.jsx)($.default,{placeholder:"Select a Model",onChange:e=>{console.log("selected ".concat(e)),x(e)},options:p,style:{width:"200px"}})]})]})}),(0,r.jsxs)(eu.Z,{className:"mt-5",style:{display:"block",maxHeight:"60vh",overflowY:"auto"},children:[(0,r.jsx)(ej.Z,{children:(0,r.jsx)(ey.Z,{children:(0,r.jsx)(ep.Z,{})})}),(0,r.jsx)(ex.Z,{children:m.map((e,l)=>(0,r.jsx)(ey.Z,{children:(0,r.jsx)(ep.Z,{children:"".concat(e.role,": ").concat(e.content)})},l))})]}),(0,r.jsx)("div",{className:"mt-3",style:{position:"absolute",bottom:5,width:"95%"},children:(0,r.jsxs)("div",{className:"flex",children:[(0,r.jsx)(eE.Z,{type:"text",value:c,onChange:e=>d(e.target.value),placeholder:"Type your message..."}),(0,r.jsx)(V.Z,{onClick:y,className:"ml-2",children:"Send"})]})})]}),(0,r.jsx)(eP.Z,{children:(0,r.jsxs)(eI.Z,{children:[(0,r.jsxs)(eC.Z,{children:[(0,r.jsx)(eN.Z,{children:"OpenAI Python SDK"}),(0,r.jsx)(eN.Z,{children:"LlamaIndex"}),(0,r.jsx)(eN.Z,{children:"Langchain Py"})]}),(0,r.jsxs)(eT.Z,{children:[(0,r.jsx)(eP.Z,{children:(0,r.jsx)(eX.Z,{language:"python",children:'\nimport openai\nclient = openai.OpenAI(\n api_key="your_api_key",\n base_url="http://0.0.0.0:4000" # proxy base url\n)\n\nresponse = client.chat.completions.create(\n model="gpt-3.5-turbo", # model to use from Models Tab\n messages = [\n {\n "role": "user",\n "content": "this is a test request, write a short poem"\n }\n ],\n extra_body={\n "metadata": {\n "generation_name": "ishaan-generation-openai-client",\n "generation_id": "openai-client-gen-id22",\n "trace_id": "openai-client-trace-id22",\n "trace_user_id": "openai-client-user-id2"\n }\n }\n)\n\nprint(response)\n '})}),(0,r.jsx)(eP.Z,{children:(0,r.jsx)(eX.Z,{language:"python",children:'\nimport os, dotenv\n\nfrom llama_index.llms import AzureOpenAI\nfrom llama_index.embeddings import AzureOpenAIEmbedding\nfrom llama_index import VectorStoreIndex, SimpleDirectoryReader, ServiceContext\n\nllm = AzureOpenAI(\n engine="azure-gpt-3.5", # model_name on litellm proxy\n temperature=0.0,\n azure_endpoint="http://0.0.0.0:4000", # litellm proxy endpoint\n api_key="sk-1234", # litellm proxy API Key\n api_version="2023-07-01-preview",\n)\n\nembed_model = AzureOpenAIEmbedding(\n deployment_name="azure-embedding-model",\n azure_endpoint="http://0.0.0.0:4000",\n api_key="sk-1234",\n api_version="2023-07-01-preview",\n)\n\n\ndocuments = SimpleDirectoryReader("llama_index_data").load_data()\nservice_context = ServiceContext.from_defaults(llm=llm, embed_model=embed_model)\nindex = VectorStoreIndex.from_documents(documents, service_context=service_context)\n\nquery_engine = index.as_query_engine()\nresponse = query_engine.query("What did the author do growing up?")\nprint(response)\n\n '})}),(0,r.jsx)(eP.Z,{children:(0,r.jsx)(eX.Z,{language:"python",children:'\nfrom langchain.chat_models import ChatOpenAI\nfrom langchain.prompts.chat import (\n ChatPromptTemplate,\n HumanMessagePromptTemplate,\n SystemMessagePromptTemplate,\n)\nfrom langchain.schema import HumanMessage, SystemMessage\n\nchat = ChatOpenAI(\n openai_api_base="http://0.0.0.0:8000",\n model = "gpt-3.5-turbo",\n temperature=0.1,\n extra_body={\n "metadata": {\n "generation_name": "ishaan-generation-langchain-client",\n "generation_id": "langchain-client-gen-id22",\n "trace_id": "langchain-client-trace-id22",\n "trace_user_id": "langchain-client-user-id2"\n }\n }\n)\n\nmessages = [\n SystemMessage(\n content="You are a helpful assistant that im using to make a test request to."\n ),\n HumanMessage(\n content="test from litellm. tell me why it\'s amazing in 1 sentence"\n ),\n]\nresponse = chat(messages)\n\nprint(response)\n\n '})})]})]})})]})]})})})})},e1=t(33509),e2=t(95781);let{Sider:e4}=e1.default;var e3=e=>{let{setPage:l,userRole:t,defaultSelectedKey:s}=e;return"Admin Viewer"==t?(0,r.jsx)(e1.default,{style:{minHeight:"100vh",maxWidth:"120px"},children:(0,r.jsx)(e4,{width:120,children:(0,r.jsxs)(e2.Z,{mode:"inline",defaultSelectedKeys:s||["4"],style:{height:"100%",borderRight:0},children:[(0,r.jsx)(e2.Z.Item,{onClick:()=>l("api-keys"),children:"API Keys"},"4"),(0,r.jsx)(e2.Z.Item,{onClick:()=>l("models"),children:"Models"},"2"),(0,r.jsx)(e2.Z.Item,{onClick:()=>l("llm-playground"),children:"Chat UI"},"3"),(0,r.jsx)(e2.Z.Item,{onClick:()=>l("usage"),children:"Usage"},"1")]})})}):(0,r.jsx)(e1.default,{style:{minHeight:"100vh",maxWidth:"120px"},children:(0,r.jsx)(e4,{width:120,children:(0,r.jsxs)(e2.Z,{mode:"inline",defaultSelectedKeys:s||["1"],style:{height:"100%",borderRight:0},children:[(0,r.jsx)(e2.Z.Item,{onClick:()=>l("api-keys"),children:(0,r.jsx)(J.Z,{children:"API Keys"})},"1"),(0,r.jsx)(e2.Z.Item,{onClick:()=>l("llm-playground"),children:(0,r.jsx)(J.Z,{children:"Test Key"})},"3"),(0,r.jsx)(e2.Z.Item,{onClick:()=>l("models"),children:(0,r.jsx)(J.Z,{children:"Models"})},"2"),"Admin"==t?(0,r.jsx)(e2.Z.Item,{onClick:()=>l("teams"),children:(0,r.jsx)(J.Z,{children:"Teams"})},"6"):null,(0,r.jsx)(e2.Z.Item,{onClick:()=>l("usage"),children:(0,r.jsx)(J.Z,{children:"Usage"})},"4"),"Admin"==t?(0,r.jsx)(e2.Z.Item,{onClick:()=>l("users"),children:(0,r.jsx)(J.Z,{children:"Users"})},"5"):null,(0,r.jsx)(e2.Z.Item,{onClick:()=>l("settings"),children:(0,r.jsx)(J.Z,{children:"Integrations"})},"8"),"Admin"==t?(0,r.jsx)(e2.Z.Item,{onClick:()=>l("admin-panel"),children:(0,r.jsx)(J.Z,{children:"Admin"})},"7"):null]})})})},e8=t(67989),e5=e=>{let{accessToken:l,token:t,userRole:s,userID:a}=e,o=new Date,[i,c]=(0,n.useState)([]),[d,m]=(0,n.useState)([]),[h,u]=(0,n.useState)([]),[x,p]=(0,n.useState)([]),[j,g]=(0,n.useState)([]),[y,Z]=(0,n.useState)([]),[f,w]=(0,n.useState)([]),[b,_]=(0,n.useState)([]),k=new Date(o.getFullYear(),o.getMonth(),1),v=new Date(o.getFullYear(),o.getMonth()+1,0),P=F(k),O=F(v);function F(e){let l=e.getFullYear(),t=e.getMonth()+1,s=e.getDate();return"".concat(l,"-").concat(t<10?"0"+t:t,"-").concat(s<10?"0"+s:s)}return console.log("Start date is ".concat(P)),console.log("End date is ".concat(O)),(0,n.useEffect)(()=>{l&&t&&s&&a&&(async()=>{try{if(console.log("user role: ".concat(s)),"Admin"==s||"Admin Viewer"==s){let e=await I(l);c(e);let t=(await C(l)).map(e=>({key:(e.key_name||e.key_alias||e.api_key).substring(0,10),spend:e.total_spend}));m(t);let s=(await T(l)).map(e=>({key:e.model,spend:e.total_spend}));u(s);let a=await S(l);console.log("teamSpend",a),g(a.daily_spend),w(a.teams);let r=a.total_spend_per_team;r=r.map(e=>(e.name=e.team_id||"",e.value=e.total_spend||0,e)),_(r);let n=await A(l);Z(n.top_10_tags)}else"App Owner"==s&&await N(l,t,s,a,P,O).then(async e=>{if(console.log("result from spend logs call",e),"daily_spend"in e){let l=e.daily_spend;console.log("daily spend",l),c(l);let t=e.top_api_keys;m(t)}else{let t=(await E(l,function(e){let l=[];e.forEach(e=>{Object.entries(e).forEach(e=>{let[t,s]=e;"spend"!==t&&"startTime"!==t&&"models"!==t&&"users"!==t&&l.push({key:t,spend:s})})}),l.sort((e,l)=>Number(l.spend)-Number(e.spend));let t=l.slice(0,5).map(e=>e.key);return console.log("topKeys: ".concat(Object.keys(t[0]))),t}(e))).info.map(e=>({key:(e.key_name||e.key_alias).substring(0,10),spend:e.spend}));m(t),p(function(e){let l={};e.forEach(e=>{Object.entries(e.users).forEach(e=>{let[t,s]=e;""!==t&&null!=t&&"None"!=t&&(l[t]||(l[t]=0),l[t]+=s)})});let t=Object.entries(l).map(e=>{let[l,t]=e;return{user_id:l,spend:t}});t.sort((e,l)=>l.spend-e.spend);let s=t.slice(0,5);return console.log("topKeys: ".concat(Object.values(s[0]))),s}(e)),c(e)}})}catch(e){console.error("There was an error fetching the data",e)}})()},[l,t,s,a,P,O]),(0,r.jsxs)("div",{style:{width:"100%"},className:"p-8",children:[(0,r.jsx)(ew,{userID:a,userRole:s,accessToken:l,userSpend:null}),(0,r.jsxs)(eI.Z,{children:[(0,r.jsxs)(eC.Z,{className:"mt-2",children:[(0,r.jsx)(eN.Z,{children:"All Up"}),(0,r.jsx)(eN.Z,{children:"Team Based Usage"}),(0,r.jsx)(eN.Z,{children:"Tag Based Usage"})]}),(0,r.jsxs)(eT.Z,{children:[(0,r.jsx)(eP.Z,{children:(0,r.jsxs)(G.Z,{numItems:2,className:"gap-2 h-[75vh] w-full",children:[(0,r.jsx)(K.Z,{numColSpan:2,children:(0,r.jsxs)(ec.Z,{children:[(0,r.jsx)(W.Z,{children:"Monthly Spend"}),(0,r.jsx)(ei.Z,{data:i,index:"date",categories:["spend"],colors:["blue"],valueFormatter:e=>"$ ".concat(new Intl.NumberFormat("us").format(e).toString()),yAxisWidth:100,tickGap:5})]})}),(0,r.jsx)(K.Z,{numColSpan:1,children:(0,r.jsxs)(ec.Z,{children:[(0,r.jsx)(W.Z,{children:"Top API Keys"}),(0,r.jsx)(ei.Z,{className:"mt-4 h-40",data:d,index:"key",categories:["spend"],colors:["blue"],yAxisWidth:80,tickGap:5,layout:"vertical",showXAxis:!1,showLegend:!1})]})}),(0,r.jsx)(K.Z,{numColSpan:1,children:(0,r.jsxs)(ec.Z,{children:[(0,r.jsx)(W.Z,{children:"Top Users"}),(0,r.jsx)(ei.Z,{className:"mt-4 h-40",data:x,index:"user_id",categories:["spend"],colors:["blue"],yAxisWidth:200,layout:"vertical",showXAxis:!1,showLegend:!1})]})}),(0,r.jsx)(K.Z,{numColSpan:1,children:(0,r.jsxs)(ec.Z,{children:[(0,r.jsx)(W.Z,{children:"Top Models"}),(0,r.jsx)(ei.Z,{className:"mt-4 h-40",data:h,index:"key",categories:["spend"],colors:["blue"],yAxisWidth:200,layout:"vertical",showXAxis:!1,showLegend:!1})]})})]})}),(0,r.jsx)(eP.Z,{children:(0,r.jsxs)(G.Z,{numItems:2,className:"gap-2 h-[75vh] w-full",children:[(0,r.jsxs)(K.Z,{numColSpan:2,children:[(0,r.jsxs)(ec.Z,{className:"mb-2",children:[(0,r.jsx)(W.Z,{children:"Total Spend Per Team"}),(0,r.jsx)(e8.Z,{data:b})]}),(0,r.jsxs)(ec.Z,{children:[(0,r.jsx)(W.Z,{children:"Daily Spend Per Team"}),(0,r.jsx)(ei.Z,{className:"h-72",data:j,showLegend:!0,index:"date",categories:f,yAxisWidth:80,stack:!0})]})]}),(0,r.jsx)(K.Z,{numColSpan:2})]})}),(0,r.jsx)(eP.Z,{children:(0,r.jsxs)(G.Z,{numItems:2,className:"gap-2 h-[75vh] w-full mb-4",children:[(0,r.jsx)(K.Z,{numColSpan:2,children:(0,r.jsxs)(ec.Z,{children:[(0,r.jsx)(W.Z,{children:"Spend Per Tag - Last 30 Days"}),(0,r.jsxs)(J.Z,{children:["Get Started Tracking cost per tag ",(0,r.jsx)("a",{href:"https://docs.litellm.ai/docs/proxy/enterprise#tracking-spend-for-custom-tags",target:"_blank",children:"here"})]}),(0,r.jsxs)(eu.Z,{children:[(0,r.jsx)(ej.Z,{children:(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(eg.Z,{children:"Tag"}),(0,r.jsx)(eg.Z,{children:"Spend"}),(0,r.jsx)(eg.Z,{children:"Requests"})]})}),(0,r.jsx)(ex.Z,{children:y.map(e=>(0,r.jsxs)(ey.Z,{children:[(0,r.jsx)(ep.Z,{children:e.name}),(0,r.jsx)(ep.Z,{children:e.value}),(0,r.jsx)(ep.Z,{children:e.log_count})]},e.name))})]})]})}),(0,r.jsx)(K.Z,{numColSpan:2})]})})]})]})]})},e6=()=>{let{Title:e,Paragraph:l}=eS.default,[t,s]=(0,n.useState)(""),[a,i]=(0,n.useState)(null),[c,d]=(0,n.useState)(null),[h,u]=(0,n.useState)(null),[x,p]=(0,n.useState)(!0),j=(0,o.useSearchParams)(),g=j.get("userID"),y=j.get("token"),[Z,f]=(0,n.useState)("api-keys"),[w,b]=(0,n.useState)(null);return(0,n.useEffect)(()=>{if(y){let e=(0,ev.o)(y);if(e){if(console.log("Decoded token:",e),console.log("Decoded key:",e.key),b(e.key),e.user_role){let l=function(e){if(!e)return"Undefined Role";switch(console.log("Received user role: ".concat(e.toLowerCase())),console.log("Received user role length: ".concat(e.toLowerCase().length)),e.toLowerCase()){case"app_owner":case"demo_app_owner":return"App Owner";case"app_admin":case"proxy_admin":return"Admin";case"proxy_admin_viewer":return"Admin Viewer";case"app_user":return"App User";default:return"Unknown Role"}}(e.user_role);console.log("Decoded user_role:",l),s(l),"Admin Viewer"==l&&f("usage")}else console.log("User role not defined");e.user_email?i(e.user_email):console.log("User Email is not set ".concat(e)),e.login_method?p("username_password"==e.login_method):console.log("User Email is not set ".concat(e))}}},[y]),(0,r.jsx)(n.Suspense,{fallback:(0,r.jsx)("div",{children:"Loading..."}),children:(0,r.jsxs)("div",{className:"flex flex-col min-h-screen",children:[(0,r.jsx)(m,{userID:g,userRole:t,userEmail:a,showSSOBanner:x}),(0,r.jsxs)("div",{className:"flex flex-1 overflow-auto",children:[(0,r.jsx)("div",{className:"mt-8",children:(0,r.jsx)(e3,{setPage:f,userRole:t,defaultSelectedKey:null})}),"api-keys"==Z?(0,r.jsx)(eA,{userID:g,userRole:t,teams:c,keys:h,setUserRole:s,userEmail:a,setUserEmail:i,setTeams:d,setKeys:u}):"models"==Z?(0,r.jsx)(eq,{userID:g,userRole:t,token:y,accessToken:w}):"llm-playground"==Z?(0,r.jsx)(e0,{userID:g,userRole:t,token:y,accessToken:w}):"users"==Z?(0,r.jsx)(eV,{userID:g,userRole:t,token:y,keys:h,accessToken:w,setKeys:u}):"teams"==Z?(0,r.jsx)(eJ,{teams:c,setTeams:d,searchParams:j,accessToken:w,userID:g,userRole:t}):"admin-panel"==Z?(0,r.jsx)(eY,{setTeams:d,searchParams:j,accessToken:w,showSSOBanner:x}):"settings"==Z?(0,r.jsx)(e$,{userID:g,userRole:t,accessToken:w}):(0,r.jsx)(e5,{userID:g,userRole:t,token:y,accessToken:w})]})]})})}}},function(e){e.O(0,[823,971,69,744],function(){return e(e.s=79615)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/litellm/proxy/_experimental/out/index.html b/litellm/proxy/_experimental/out/index.html
index 332ebcc41..2600be82a 100644
--- a/litellm/proxy/_experimental/out/index.html
+++ b/litellm/proxy/_experimental/out/index.html
@@ -1 +1 @@
-LiteLLM Dashboard
\ No newline at end of file
+LiteLLM Dashboard
\ No newline at end of file
diff --git a/litellm/proxy/_experimental/out/index.txt b/litellm/proxy/_experimental/out/index.txt
index fd1feff01..566667f65 100644
--- a/litellm/proxy/_experimental/out/index.txt
+++ b/litellm/proxy/_experimental/out/index.txt
@@ -1,7 +1,7 @@
2:I[77831,[],""]
-3:I[29264,["823","static/chunks/823-2ada48e2e6a5ab39.js","931","static/chunks/app/page-bb6d7f7c4a11f50f.js"],""]
+3:I[29306,["823","static/chunks/823-2ada48e2e6a5ab39.js","931","static/chunks/app/page-e16bcf8bdc356530.js"],""]
4:I[5613,[],""]
5:I[31778,[],""]
-0:["am4y7PYh9poT6WlsC4FGc",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"propsForComponent":{"params":{}},"Component":"$3","isStaticGeneration":true}],null]]},[null,["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_c23dc8","children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/ui/_next/static/css/a282d1bfd6ed4df8.css","precedence":"next","crossOrigin":""}]],"$L6"]]]]
+0:["BNBzATtnAelV8BpmzRdfL",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"propsForComponent":{"params":{}},"Component":"$3","isStaticGeneration":true}],null]]},[null,["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_c23dc8","children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/ui/_next/static/css/a282d1bfd6ed4df8.css","precedence":"next","crossOrigin":""}]],"$L6"]]]]
6:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"LiteLLM Dashboard"}],["$","meta","3",{"name":"description","content":"LiteLLM Proxy Admin UI"}],["$","link","4",{"rel":"icon","href":"/ui/favicon.ico","type":"image/x-icon","sizes":"16x16"}],["$","meta","5",{"name":"next-size-adjust"}]]
1:null
diff --git a/ui/litellm-dashboard/out/404.html b/ui/litellm-dashboard/out/404.html
index 8c740a9b4..523d94040 100644
--- a/ui/litellm-dashboard/out/404.html
+++ b/ui/litellm-dashboard/out/404.html
@@ -1 +1 @@
-404: This page could not be found.LiteLLM Dashboard
404
This page could not be found.
\ No newline at end of file
+404: This page could not be found.LiteLLM Dashboard
404
This page could not be found.
\ No newline at end of file
diff --git a/ui/litellm-dashboard/out/index.html b/ui/litellm-dashboard/out/index.html
index 332ebcc41..2600be82a 100644
--- a/ui/litellm-dashboard/out/index.html
+++ b/ui/litellm-dashboard/out/index.html
@@ -1 +1 @@
-LiteLLM Dashboard
\ No newline at end of file
+LiteLLM Dashboard
\ No newline at end of file
diff --git a/ui/litellm-dashboard/out/index.txt b/ui/litellm-dashboard/out/index.txt
index fd1feff01..566667f65 100644
--- a/ui/litellm-dashboard/out/index.txt
+++ b/ui/litellm-dashboard/out/index.txt
@@ -1,7 +1,7 @@
2:I[77831,[],""]
-3:I[29264,["823","static/chunks/823-2ada48e2e6a5ab39.js","931","static/chunks/app/page-bb6d7f7c4a11f50f.js"],""]
+3:I[29306,["823","static/chunks/823-2ada48e2e6a5ab39.js","931","static/chunks/app/page-e16bcf8bdc356530.js"],""]
4:I[5613,[],""]
5:I[31778,[],""]
-0:["am4y7PYh9poT6WlsC4FGc",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"propsForComponent":{"params":{}},"Component":"$3","isStaticGeneration":true}],null]]},[null,["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_c23dc8","children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/ui/_next/static/css/a282d1bfd6ed4df8.css","precedence":"next","crossOrigin":""}]],"$L6"]]]]
+0:["BNBzATtnAelV8BpmzRdfL",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"propsForComponent":{"params":{}},"Component":"$3","isStaticGeneration":true}],null]]},[null,["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_c23dc8","children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/ui/_next/static/css/a282d1bfd6ed4df8.css","precedence":"next","crossOrigin":""}]],"$L6"]]]]
6:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"LiteLLM Dashboard"}],["$","meta","3",{"name":"description","content":"LiteLLM Proxy Admin UI"}],["$","link","4",{"rel":"icon","href":"/ui/favicon.ico","type":"image/x-icon","sizes":"16x16"}],["$","meta","5",{"name":"next-size-adjust"}]]
1:null
diff --git a/ui/litellm-dashboard/src/components/model_dashboard.tsx b/ui/litellm-dashboard/src/components/model_dashboard.tsx
index 08707f0a8..1cd86c613 100644
--- a/ui/litellm-dashboard/src/components/model_dashboard.tsx
+++ b/ui/litellm-dashboard/src/components/model_dashboard.tsx
@@ -13,9 +13,9 @@ import {
Text,
Grid,
} from "@tremor/react";
-import { TabPanel, TabPanels, TabGroup, TabList, Tab, TextInput } from "@tremor/react";
+import { TabPanel, TabPanels, TabGroup, TabList, Tab, TextInput, Icon } from "@tremor/react";
import { Select, SelectItem, MultiSelect, MultiSelectItem } from "@tremor/react";
-import { modelInfoCall, userGetRequesedtModelsCall, modelMetricsCall, modelCreateCall, Model, modelCostMap } from "./networking";
+import { modelInfoCall, userGetRequesedtModelsCall, modelMetricsCall, modelCreateCall, Model, modelCostMap, modelDeleteCall } from "./networking";
import { BarChart } from "@tremor/react";
import {
Button as Button2,
@@ -34,7 +34,7 @@ import { Badge, BadgeDelta, Button } from "@tremor/react";
import RequestAccess from "./request_model_access";
import { Typography } from "antd";
import TextArea from "antd/es/input/TextArea";
-
+import { InformationCircleIcon, PencilAltIcon, PencilIcon, StatusOnlineIcon, TrashIcon } from "@heroicons/react/outline";
const { Title: Title2, Link } = Typography;
interface ModelDashboardProps {
@@ -129,7 +129,7 @@ const ModelDashboard: React.FC = ({
if (modelMap == null) {
fetchModelMap()
}
- }, [accessToken, token, userRole, userID]);
+ }, [accessToken, token, userRole, userID, modelMap]);
if (!modelData) {
return
Loading...
;
@@ -143,7 +143,7 @@ const ModelDashboard: React.FC = ({
// loop through model data and edit each row
for (let i = 0; i < modelData.data.length; i++) {
let curr_model = modelData.data[i];
- let litellm_model_name = curr_model?.litellm_params?.mode
+ let litellm_model_name = curr_model?.litellm_params?.model
let model_info = curr_model?.model_info;
let defaultProvider = "openai";
@@ -153,6 +153,21 @@ const ModelDashboard: React.FC = ({
let max_tokens = "Undefined";
let cleanedLitellmParams = {};
+ const getProviderFromModel = (model: string) => {
+ /**
+ * Use model map
+ * - check if model in model map
+ * - return it's litellm_provider, if so
+ */
+ console.log(`GET PROVIDER CALLED! - ${modelMap}`)
+ if (modelMap !== null && modelMap !== undefined) {
+ if (typeof modelMap == "object" && model in modelMap) {
+ return modelMap[model]["litellm_provider"]
+ }
+ }
+ return "openai"
+ }
+
// Check if litellm_model_name is null or undefined
if (litellm_model_name) {
// Split litellm_model_name based on "/"
@@ -162,10 +177,10 @@ const ModelDashboard: React.FC = ({
let firstElement = splitModel[0];
// If there is only one element, default provider to openai
- provider = splitModel.length === 1 ? defaultProvider : firstElement;
+ provider = splitModel.length === 1 ? getProviderFromModel(litellm_model_name) : firstElement;
} else {
// litellm_model_name is null or undefined, default provider to openai
- provider = defaultProvider;
+ provider = "openai"
}
if (model_info) {
@@ -208,6 +223,11 @@ const ModelDashboard: React.FC = ({
);
}
+ const handleDelete = async (model_id: string) => {
+ await modelDeleteCall(accessToken, model_id)
+ };
+
+
const setProviderModelsFn = (provider: string) => {
console.log(`received provider string: ${provider}`)
const providerEnumValue = Providers[provider as keyof typeof Providers];
@@ -365,8 +385,8 @@ const ModelDashboard: React.FC = ({
- {modelData.data.map((model: any) => (
-
+ {modelData.data.map((model: any, index: number) => (
+ {model.model_name}
@@ -386,6 +406,7 @@ const ModelDashboard: React.FC = ({
{model.input_cost}{model.output_cost}{model.max_tokens}
+ handleDelete(model.model_info.id)}/>
))}
diff --git a/ui/litellm-dashboard/src/components/networking.tsx b/ui/litellm-dashboard/src/components/networking.tsx
index 5fa30192d..41ffbe1a6 100644
--- a/ui/litellm-dashboard/src/components/networking.tsx
+++ b/ui/litellm-dashboard/src/components/networking.tsx
@@ -58,6 +58,41 @@ export const modelCreateCall = async (
}
}
+export const modelDeleteCall = async (
+ accessToken: string,
+ model_id: string,
+) => {
+ console.log(`model_id in model delete call: ${model_id}`)
+ try {
+ const url = proxyBaseUrl ? `${proxyBaseUrl}/model/delete` : `/model/delete`;
+ const response = await fetch(url, {
+ method: "POST",
+ headers: {
+ Authorization: `Bearer ${accessToken}`,
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ "id": model_id,
+ }),
+ });
+
+ if (!response.ok) {
+ const errorData = await response.text();
+ message.error("Failed to create key: " + errorData);
+ console.error("Error response from the server:", errorData);
+ throw new Error("Network response was not ok");
+ }
+
+ const data = await response.json();
+ console.log("API Response:", data);
+ message.success("Model deleted successfully. Restart server to see this.");
+ return data;
+ } catch (error) {
+ console.error("Failed to create key:", error);
+ throw error;
+ }
+}
+
export const keyCreateCall = async (
accessToken: string,
userID: string,