phoenix/litellm
1
0
Fork 0
forked from phoenix/litellm-mirror
Code Pull requests Activity
litellm/ui/litellm-dashboard/out/_next/static/chunks/app/page-e710f07514d9286b.js
Ishaan Jaff 1e94d53a9b (ui - new build)
2024-04-30 22:54:51 -07:00

1 line
No EOL
113 KiB
JavaScript
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{20661:function(e,l,t){Promise.resolve().then(t.bind(t,46414))},46414:function(e,l,t){"use strict";t.r(l),t.d(l,{default:function(){return lw}});var s,r,a=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:r}=e;console.log("User ID:",l),console.log("userEmail:",s),console.log("showSSOBanner:",r);let n=[{key:"1",label:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("p",{children:["Role: ",t]}),(0,a.jsxs)("p",{children:["ID: ",l]})]})}];return(0,a.jsxs)("nav",{className:"left-0 right-0 top-0 flex justify-between items-center h-12 mb-4",children:[(0,a.jsx)("div",{className:"text-left my-2 absolute top-0 left-0",children:(0,a.jsx)("div",{className:"flex flex-col items-center",children:(0,a.jsx)(i.default,{href:"/",children:(0,a.jsx)("button",{className:"text-gray-800 rounded text-center",children:(0,a.jsx)("img",{src:"/get_image",width:160,height:160,alt:"LiteLLM Brand",className:"mr-2"})})})})}),(0,a.jsxs)("div",{className:"text-right mx-4 my-2 absolute top-0 right-0 flex items-center justify-end space-x-2",children:[r?(0,a.jsx)("div",{style:{padding:"6px",borderRadius:"8px"},children:(0,a.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,a.jsx)("div",{style:{border:"1px solid #391085",padding:"6px",borderRadius:"8px"},children:(0,a.jsx)(c.Z,{menu:{items:n},children:(0,a.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,20),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,20),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,20),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,20),console.error("Error response from the server:",e),Error("Network response was not ok")}let r=await s.json();return console.log("API Response:",r),r}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,20),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,20),console.error("Error response from the server:",e),Error("Network response was not ok")}let r=await s.json();return console.log("API Response:",r),r}catch(e){throw console.error("Failed to create key:",e),e}},f=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,20),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,20),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}},y=async function(e,l,t){let s=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=arguments.length>4?arguments[4]:void 0,a=arguments.length>5?arguments[5]:void 0;try{let n="/user/info";"App Owner"==t&&l&&(n="".concat(n,"?user_id=").concat(l)),"App User"==t&&l&&(n="".concat(n,"?user_id=").concat(l)),console.log("in userInfoCall viewAll=",s),s&&a&&null!=r&&void 0!=r&&(n="".concat(n,"?view_all=true&page=").concat(r,"&page_size=").concat(a));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,20),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,l)=>{try{let t="/team/info";l&&(t="".concat(t,"?team_id=").concat(l)),console.log("in teamInfoCall");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(e,20),Error("Network response was not ok")}let r=await s.json();return console.log("API Response:",r),r}catch(e){throw console.error("Failed to create key:",e),e}},b=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,20),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("/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,20),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}},k=async(e,l,t,s)=>{try{let l="/model/metrics";s&&(l="".concat(l,"?_selected_model_group=").concat(s));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(e,20),Error("Network response was not ok")}return await t.json()}catch(e){throw console.error("Failed to create key:",e),e}},v=async(e,l,t,s)=>{try{let l=await fetch("/model/metrics/exceptions",{method:"GET",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"}});if(!l.ok){let e=await l.text();throw h.ZP.error(e,20),Error("Network response was not ok")}return await l.json()}catch(e){throw console.error("Failed to create key:",e),e}},S=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,20),Error("Network response was not ok")}return await l.json()}catch(e){throw console.error("Failed to create key:",e),e}},A=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,20),Error("Network response was not ok")}let r=await s.json();return console.log(r),r}catch(e){throw console.error("Failed to create key:",e),e}},N=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,20),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}},C=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,20),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}},I=async(e,l,t,s,r,a)=>{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(r,"&end_date=").concat(a):"".concat(l,"?start_date=").concat(r,"&end_date=").concat(a);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,20),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}},P=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,20),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=>{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,20),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{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,20),Error("Network response was not ok")}let r=await s.json();return console.log(r),r}catch(e){throw console.error("Failed to create key:",e),e}},F=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,20),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}},O=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,20),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}},M=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,20),Error("Network response was not ok")}let r=await s.json();return console.log(r),r}catch(e){throw console.error("Failed to get requested models:",e),e}},R=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,20),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}},L=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,20),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}},U=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,20),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)=>{try{console.log("Form Values in modelUpateCall:",l);let t=await fetch("/model/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 model: "+e,20),console.error("Error update from the server:",e),Error("Network response was not ok")}let s=await t.json();return console.log("Update model Response:",s),s}catch(e){throw console.error("Failed to update model:",e),e}},z=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,20),console.error("Error response from the server:",e),Error("Network response was not ok")}let r=await s.json();return console.log("API Response:",r),r}catch(e){throw console.error("Failed to create key:",e),e}},B=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 r=await fetch("/user/update",{method:"POST",headers:{Authorization:"Bearer ".concat(e),"Content-Type":"application/json"},body:s});if(!r.ok){let e=await r.text();throw h.ZP.error("Failed to create key: "+e,20),console.error("Error response from the server:",e),Error("Network response was not ok")}let a=await r.json();return console.log("API Response:",a),a}catch(e){throw console.error("Failed to create key:",e),e}},q=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,20),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}},V=async(e,l)=>{try{let t="/health/services?service=".concat(l);console.log("Checking Slack Budget Alerts service health");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 ".concat(l," service health check ")+e),Error(e)}let r=await s.json();return h.ZP.success("Test request to ".concat(l," made - check logs/alerts on ").concat(l," to verify")),r}catch(e){throw console.error("Failed to perform health check:",e),e}},K=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,20),Error("Network response was not ok")}return await l.json()}catch(e){throw console.error("Failed to get callbacks:",e),e}},G=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,20),Error("Network response was not ok")}return await t.json()}catch(e){throw console.error("Failed to set callbacks:",e),e}},J=async e=>{try{let l=await fetch("/health",{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 call /health:",e),e}};var W=t(10384),Y=t(46453),H=t(16450),$=t(52273),X=t(26780),Q=t(15595),ee=t(6698),el=t(71801),et=t(42440),es=t(42308),er=t(50670),ea=t(81583),en=t(99129),eo=t(44839),ei=t(88707),ec=t(1861);let{Option:ed}=er.default;var em=e=>{let{userID:l,team:t,userRole:s,accessToken:r,data:o,setData:i}=e,[c]=ea.Z.useForm(),[d,m]=(0,n.useState)(!1),[u,x]=(0,n.useState)(null),[p,g]=(0,n.useState)(null),[f,Z]=(0,n.useState)([]),[y,w]=(0,n.useState)([]),b=()=>{m(!1),c.resetFields()},_=()=>{m(!1),x(null),c.resetFields()};(0,n.useEffect)(()=>{(async()=>{try{if(null===l||null===s)return;if(null!==r){let e=(await S(r,l,s)).data.map(e=>e.id);console.log("available_model_names:",e),Z(e)}}catch(e){console.error("Error fetching user models:",e)}})()},[r,l,s]);let k=async e=>{try{h.ZP.info("Making API Call"),m(!0);let t=await j(r,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,n.useEffect)(()=>{w(t&&t.models.length>0?t.models.includes("all-proxy-models")?f:t.models:f)},[t,f]),(0,a.jsxs)("div",{children:[(0,a.jsx)(H.Z,{className:"mx-auto",onClick:()=>m(!0),children:"+ Create New Key"}),(0,a.jsx)(en.Z,{title:"Create Key",visible:d,width:800,footer:null,onOk:b,onCancel:_,children:(0,a.jsxs)(ea.Z,{form:c,onFinish:k,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ea.Z.Item,{label:"Key Name",name:"key_alias",rules:[{required:!0,message:"Please input a key name"}],help:"required",children:(0,a.jsx)($.Z,{placeholder:""})}),(0,a.jsx)(ea.Z.Item,{label:"Team ID",name:"team_id",hidden:!0,initialValue:t?t.team_id:null,valuePropName:"team_id",className:"mt-8",children:(0,a.jsx)(eo.Z,{value:t?t.team_alias:"",disabled:!0})}),(0,a.jsx)(ea.Z.Item,{label:"Models",name:"models",rules:[{required:!0,message:"Please select a model"}],help:"required",children:(0,a.jsxs)(er.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},onChange:e=>{e.includes("all-team-models")&&c.setFieldsValue({models:["all-team-models"]})},children:[(0,a.jsx)(ed,{value:"all-team-models",children:"All Team Models"},"all-team-models"),y.map(e=>(0,a.jsx)(ed,{value:e,children:e},e))]})}),(0,a.jsxs)(X.Z,{className:"mt-20 mb-8",children:[(0,a.jsx)(ee.Z,{children:(0,a.jsx)("b",{children:"Optional Settings"})}),(0,a.jsxs)(Q.Z,{children:[(0,a.jsx)(ea.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,a.jsx)(ei.Z,{step:.01,precision:2,width:200})}),(0,a.jsx)(ea.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,a.jsxs)(er.default,{defaultValue:null,placeholder:"n/a",children:[(0,a.jsx)(er.default.Option,{value:"24h",children:"daily"}),(0,a.jsx)(er.default.Option,{value:"30d",children:"monthly"})]})}),(0,a.jsx)(ea.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,a.jsx)(ei.Z,{step:1,width:400})}),(0,a.jsx)(ea.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,a.jsx)(ei.Z,{step:1,width:400})}),(0,a.jsx)(ea.Z.Item,{label:"Expire Key (eg: 30s, 30h, 30d)",name:"duration",className:"mt-8",children:(0,a.jsx)($.Z,{placeholder:""})}),(0,a.jsx)(ea.Z.Item,{label:"Metadata",name:"metadata",children:(0,a.jsx)(eo.Z.TextArea,{rows:4,placeholder:"Enter metadata as JSON"})})]})]})]}),(0,a.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{htmlType:"submit",children:"Create Key"})})]})}),u&&(0,a.jsx)(en.Z,{visible:d,onOk:b,onCancel:_,footer:null,children:(0,a.jsxs)(Y.Z,{numItems:1,className:"gap-2 w-full",children:[(0,a.jsx)(et.Z,{children:"Save your Key"}),(0,a.jsx)(W.Z,{numColSpan:1,children:(0,a.jsxs)("p",{children:["Please save this secret key somewhere safe and accessible. For security reasons, ",(0,a.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,a.jsx)(W.Z,{numColSpan:1,children:null!=u?(0,a.jsxs)("div",{children:[(0,a.jsx)(el.Z,{className:"mt-3",children:"API Key:"}),(0,a.jsx)("div",{style:{background:"#f8f8f8",padding:"10px",borderRadius:"5px",marginBottom:"10px"},children:(0,a.jsx)("pre",{style:{wordWrap:"break-word",whiteSpace:"normal"},children:u})}),(0,a.jsx)(es.CopyToClipboard,{text:u,onCopy:()=>{h.ZP.success("API Key copied to clipboard")},children:(0,a.jsx)(H.Z,{className:"mt-3",children:"Copy API Key"})})]}):(0,a.jsx)(el.Z,{children:"Key being created, this might take 30s"})})]})})]})},eh=t(9454),eu=t(98941),ex=t(33393),ep=t(5),ej=t(44041),eg=t(13810),ef=t(39290),eZ=t(66952),ey=t(61244),ew=t(10827),eb=t(3851),e_=t(2044),ek=t(64167),ev=t(74480),eS=t(7178),eA=t(95093),eN=t(27166);let{Option:eC}=er.default;var eI=e=>{let{userID:l,userRole:t,accessToken:s,selectedTeam:r,data:o,setData:i,teams:c}=e,[d,m]=(0,n.useState)(!1),[u,x]=(0,n.useState)(!1),[p,j]=(0,n.useState)(null),[g,Z]=n.useState(null),[y,w]=(0,n.useState)(null),[b,_]=(0,n.useState)(null),[k,v]=(0,n.useState)(""),[N,C]=(0,n.useState)(!1),[I,P]=(0,n.useState)(null),[T,E]=(0,n.useState)([]),F=new Set,[O,M]=(0,n.useState)(F);(0,n.useEffect)(()=>{(async()=>{try{if(null===l)return;if(null!==s&&null!==t){let e=(await S(s,l,t)).data.map(e=>e.id);console.log("available_model_names:",e),E(e)}}catch(e){console.error("Error fetching user models:",e)}})()},[s,l,t]),(0,n.useEffect)(()=>{if(c){let e=new Set;c.forEach((l,t)=>{let s=l.team_id;e.add(s)}),M(e)}},[c]);let R=e=>{console.log("handleEditClick:",e),null==e.token&&null!==e.token_id&&(e.token=e.token_id),P(e),C(!0)},U=async e=>{if(null==s)return;let l=e.token;e.key=l,console.log("handleEditSubmit:",e);let t=await L(s,e);console.log("handleEditSubmit: newKeyValues",t),o&&i(o.map(e=>e.token===l?t:e)),h.ZP.success("Key updated successfully"),C(!1),P(null)},D=async e=>{try{if(null==s||null==e)return;console.log("accessToken: ".concat(s,"; token: ").concat(e.token));let l=await A(s,e.token);console.log("Response:",l),_(l);try{let e=await q(s,l);console.log("Response2:",e);let t=[...l,...e.response];_(t),v(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)(()=>{D(y)},[y]);let z=async e=>{console.log("handleDelete:",e),null==e.token&&null!==e.token_id&&(e.token=e.token_id),null!=o&&(j(e.token),localStorage.removeItem("userData"+l),x(!0))},B=async()=>{if(null!=p&&null!=o){try{await f(s,p);let e=o.filter(e=>e.token!==p);i(e)}catch(e){console.error("Error deleting the key:",e)}x(!1),j(null)}};if(null!=o)return console.log("RERENDER TRIGGERED"),(0,a.jsxs)("div",{children:[(0,a.jsxs)(eg.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh] mb-4 mt-2",children:[(0,a.jsxs)(ew.Z,{className:"mt-5 max-h-[300px] min-h-[300px]",children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"Key Alias"}),(0,a.jsx)(ev.Z,{children:"Secret Key"}),(0,a.jsx)(ev.Z,{children:"Spend (USD)"}),(0,a.jsx)(ev.Z,{children:"Budget (USD)"}),(0,a.jsx)(ev.Z,{children:"Models"}),(0,a.jsx)(ev.Z,{children:"TPM / RPM Limits"})]})}),(0,a.jsx)(eb.Z,{children:o.map(e=>{if(console.log(e),"litellm-dashboard"===e.team_id)return null;if(r){if(console.log("item team id: ".concat(e.team_id,", knownTeamIDs.has(item.team_id): ").concat(O.has(e.team_id),", selectedTeam id: ").concat(r.team_id)),(null!=r.team_id||null===e.team_id||O.has(e.team_id))&&e.team_id!=r.team_id)return null;console.log("item team id: ".concat(e.team_id,", is returned"))}return(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(e_.Z,{style:{maxWidth:"2px",whiteSpace:"pre-wrap",overflow:"hidden"},children:null!=e.key_alias?(0,a.jsx)(el.Z,{children:e.key_alias}):(0,a.jsx)(el.Z,{children:"Not Set"})}),(0,a.jsx)(e_.Z,{children:(0,a.jsx)(el.Z,{children:e.key_name})}),(0,a.jsx)(e_.Z,{children:(0,a.jsx)(el.Z,{children:(()=>{try{return parseFloat(e.spend).toFixed(4)}catch(l){return e.spend}})()})}),(0,a.jsx)(e_.Z,{children:null!=e.max_budget?(0,a.jsx)(el.Z,{children:e.max_budget}):(0,a.jsx)(el.Z,{children:"Unlimited"})}),(0,a.jsx)(e_.Z,{children:Array.isArray(e.models)?(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column"},children:0===e.models.length?(0,a.jsx)(a.Fragment,{children:r&&r.models&&r.models.length>0?r.models.map((e,l)=>"all-proxy-models"===e?(0,a.jsx)(ep.Z,{size:"xs",className:"mb-1",color:"red",children:(0,a.jsx)(el.Z,{children:"All Proxy Models"})},l):"all-team-models"===e?(0,a.jsx)(ep.Z,{size:"xs",className:"mb-1",color:"red",children:(0,a.jsx)(el.Z,{children:"All Team Models"})},l):(0,a.jsx)(ep.Z,{size:"xs",className:"mb-1",color:"blue",children:(0,a.jsx)(el.Z,{children:e.length>30?"".concat(e.slice(0,30),"..."):e})},l)):(0,a.jsx)(ep.Z,{size:"xs",className:"mb-1",color:"blue",children:(0,a.jsx)(el.Z,{children:"all-proxy-models"})})}):e.models.map((e,l)=>"all-proxy-models"===e?(0,a.jsx)(ep.Z,{size:"xs",className:"mb-1",color:"red",children:(0,a.jsx)(el.Z,{children:"All Proxy Models"})},l):"all-team-models"===e?(0,a.jsx)(ep.Z,{size:"xs",className:"mb-1",color:"red",children:(0,a.jsx)(el.Z,{children:"All Team Models"})},l):(0,a.jsx)(ep.Z,{size:"xs",className:"mb-1",color:"blue",children:(0,a.jsx)(el.Z,{children:e.length>30?"".concat(e.slice(0,30),"..."):e})},l))}):null}),(0,a.jsx)(e_.Z,{children:(0,a.jsxs)(el.Z,{children:["TPM: ",e.tpm_limit?e.tpm_limit:"Unlimited"," ",(0,a.jsx)("br",{})," RPM:"," ",e.rpm_limit?e.rpm_limit:"Unlimited"]})}),(0,a.jsxs)(e_.Z,{children:[(0,a.jsx)(ey.Z,{onClick:()=>{w(e),Z(e.id)},icon:eh.Z,size:"sm"}),(0,a.jsx)(ef.Z,{open:null!==g,onClose:()=>{Z(null),w(null)},children:(0,a.jsx)(eZ.Z,{children:y&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",children:[(0,a.jsxs)(eg.Z,{children:[(0,a.jsx)("p",{className:"text-tremor-default font-medium text-tremor-content dark:text-dark-tremor-content",children:"Spend"}),(0,a.jsx)("div",{className:"mt-2 flex items-baseline space-x-2.5",children:(0,a.jsx)("p",{className:"text-tremor font-semibold text-tremor-content-strong dark:text-dark-tremor-content-strong",children:(()=>{try{return parseFloat(y.spend).toFixed(4)}catch(e){return y.spend}})()})})]}),(0,a.jsxs)(eg.Z,{children:[(0,a.jsx)("p",{className:"text-tremor-default font-medium text-tremor-content dark:text-dark-tremor-content",children:"Budget"}),(0,a.jsx)("div",{className:"mt-2 flex items-baseline space-x-2.5",children:(0,a.jsx)("p",{className:"text-tremor font-semibold text-tremor-content-strong dark:text-dark-tremor-content-strong",children:null!=y.max_budget?(0,a.jsx)(a.Fragment,{children:y.max_budget}):(0,a.jsx)(a.Fragment,{children:"Unlimited"})})})]},e.name),(0,a.jsxs)(eg.Z,{children:[(0,a.jsx)("p",{className:"text-tremor-default font-medium text-tremor-content dark:text-dark-tremor-content",children:"Expires"}),(0,a.jsx)("div",{className:"mt-2 flex items-baseline space-x-2.5",children:(0,a.jsx)("p",{className:"text-tremor-default font-small text-tremor-content-strong dark:text-dark-tremor-content-strong",children:null!=y.expires?(0,a.jsx)(a.Fragment,{children:new Date(y.expires).toLocaleString(void 0,{day:"numeric",month:"long",year:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}):(0,a.jsx)(a.Fragment,{children:"Never"})})})]},e.name)]}),(0,a.jsx)(eg.Z,{className:"mt-6 mb-6",children:b&&(0,a.jsx)(ej.Z,{className:"mt-6",data:b,colors:["blue","amber"],index:"date",categories:["spend","predicted_spend"],yAxisWidth:80})}),(0,a.jsx)(et.Z,{children:"Metadata"}),(0,a.jsx)(el.Z,{children:JSON.stringify(y.metadata)}),(0,a.jsx)(H.Z,{variant:"light",className:"mx-auto flex items-center",onClick:()=>{Z(null),w(null)},children:"Close"})]})})}),(0,a.jsx)(ey.Z,{icon:eu.Z,size:"sm",onClick:()=>R(e)}),(0,a.jsx)(ey.Z,{onClick:()=>z(e),icon:ex.Z,size:"sm"})]})]},e.token)})})]}),u&&(0,a.jsx)("div",{className:"fixed z-10 inset-0 overflow-y-auto",children:(0,a.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,a.jsx)("div",{className:"fixed inset-0 transition-opacity","aria-hidden":"true",children:(0,a.jsx)("div",{className:"absolute inset-0 bg-gray-500 opacity-75"})}),(0,a.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true",children:"​"}),(0,a.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,a.jsx)("div",{className:"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4",children:(0,a.jsx)("div",{className:"sm:flex sm:items-start",children:(0,a.jsxs)("div",{className:"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left",children:[(0,a.jsx)("h3",{className:"text-lg leading-6 font-medium text-gray-900",children:"Delete Key"}),(0,a.jsx)("div",{className:"mt-2",children:(0,a.jsx)("p",{className:"text-sm text-gray-500",children:"Are you sure you want to delete this key ?"})})]})})}),(0,a.jsxs)("div",{className:"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse",children:[(0,a.jsx)(H.Z,{onClick:B,color:"red",className:"ml-2",children:"Delete"}),(0,a.jsx)(H.Z,{onClick:()=>{x(!1),j(null)},children:"Cancel"})]})]})]})})]}),I&&(0,a.jsx)(e=>{let{visible:l,onCancel:t,token:s,onSubmit:o}=e,[i]=ea.Z.useForm(),[d,m]=(0,n.useState)(r),[h,u]=(0,n.useState)([]),[x,p]=(0,n.useState)(!1);return(0,a.jsx)(en.Z,{title:"Edit Key",visible:l,width:800,footer:null,onOk:()=>{i.validateFields().then(e=>{i.resetFields()}).catch(e=>{console.error("Validation failed:",e)})},onCancel:t,children:(0,a.jsxs)(ea.Z,{form:i,onFinish:U,initialValues:s,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ea.Z.Item,{label:"Key Name",name:"key_alias",rules:[{required:!0,message:"Please input a key name"}],help:"required",children:(0,a.jsx)(eo.Z,{})}),(0,a.jsx)(ea.Z.Item,{label:"Models",name:"models",rules:[{validator:(e,l)=>{let t=l.filter(e=>!d.models.includes(e)&&"all-team-models"!==e&&"all-proxy-models"!==e&&!d.models.includes("all-proxy-models"));return(console.log("errorModels: ".concat(t)),t.length>0)?Promise.reject("Some models are not part of the new team's models - ".concat(t,"Team models: ").concat(d.models)):Promise.resolve()}}],children:(0,a.jsxs)(er.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},children:[(0,a.jsx)(eC,{value:"all-team-models",children:"All Team Models"},"all-team-models"),d&&d.models?d.models.includes("all-proxy-models")?T.filter(e=>"all-proxy-models"!==e).map(e=>(0,a.jsx)(eC,{value:e,children:e},e)):d.models.map(e=>(0,a.jsx)(eC,{value:e,children:e},e)):T.map(e=>(0,a.jsx)(eC,{value:e,children:e},e))]})}),(0,a.jsx)(ea.Z.Item,{className:"mt-8",label:"Max Budget (USD)",name:"max_budget",help:"Budget cannot exceed team max budget: ".concat((null==d?void 0:d.max_budget)!==null&&(null==d?void 0:d.max_budget)!==void 0?null==d?void 0:d.max_budget:"unlimited"),rules:[{validator:async(e,l)=>{if(l&&d&&null!==d.max_budget&&l>d.max_budget)throw console.log("keyTeam.max_budget: ".concat(d.max_budget)),Error("Budget cannot exceed team max budget: $".concat(d.max_budget))}}],children:(0,a.jsx)(ei.Z,{step:.01,precision:2,width:200})}),(0,a.jsx)(ea.Z.Item,{label:"token",name:"token",hidden:!0}),(0,a.jsx)(ea.Z.Item,{label:"Team",name:"team_id",help:"the team this key belongs to",children:(0,a.jsx)(eA.Z,{value:s.team_alias,children:null==c?void 0:c.map((e,l)=>(0,a.jsx)(eN.Z,{value:e.team_id,onClick:()=>m(e),children:e.team_alias},l))})})]}),(0,a.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{htmlType:"submit",children:"Edit Key"})})]})})},{visible:N,onCancel:()=>{C(!1),P(null)},token:I,onSubmit:U})]})},eP=t(76032),eT=t(35152),eE=e=>{let{userID:l,userRole:t,accessToken:s,userSpend:r,selectedTeam:o}=e;console.log("userSpend: ".concat(r));let[i,c]=(0,n.useState)(null!==r?r:0),[d,m]=(0,n.useState)(0),[h,u]=(0,n.useState)([]);(0,n.useEffect)(()=>{let e=async()=>{if(s&&l&&t&&"Admin"===t&&null==r)try{let e=await b(s);e&&(e.spend?c(e.spend):c(0),e.max_budget?m(e.max_budget):m(0))}catch(e){console.error("Error fetching global spend data:",e)}};(async()=>{try{if(null===l||null===t)return;if(null!==s){let e=(await S(s,l,t)).data.map(e=>e.id);console.log("available_model_names:",e),u(e)}}catch(e){console.error("Error fetching user models:",e)}})(),e()},[t,s,l]),(0,n.useEffect)(()=>{null!==r&&c(r)},[r]);let x=[];o&&o.models&&(x=o.models),x&&x.includes("all-proxy-models")?(console.log("user models:",h),x=h):x&&x.includes("all-team-models")?x=o.models:x&&0===x.length&&(x=h);let p=void 0!==i?i.toFixed(4):null;return console.log("spend in view user spend: ".concat(i)),(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("p",{className:"text-tremor-default text-tremor-content dark:text-dark-tremor-content",children:["Total Spend"," "]}),(0,a.jsxs)("p",{className:"text-2xl text-tremor-content-strong dark:text-dark-tremor-content-strong font-semibold",children:["$",p]})]}),(0,a.jsx)("div",{className:"ml-auto",children:(0,a.jsxs)(X.Z,{children:[(0,a.jsx)(ee.Z,{children:(0,a.jsx)(el.Z,{children:"Team Models"})}),(0,a.jsx)(Q.Z,{className:"absolute right-0 z-10 bg-white p-2 shadow-lg max-w-xs",children:(0,a.jsx)(eP.Z,{children:x.map(e=>(0,a.jsx)(eT.Z,{children:(0,a.jsx)(el.Z,{children:e})},e))})})]})})]})},eF=e=>{let{userID:l,userRole:t,selectedTeam:s,accessToken:r}=e,[o,i]=(0,n.useState)([]);(0,n.useEffect)(()=>{(async()=>{try{if(null===l||null===t)return;if(null!==r){let e=(await S(r,l,t)).data.map(e=>e.id);console.log("available_model_names:",e),i(e)}}catch(e){console.error("Error fetching user models:",e)}})()},[r,l,t]);let c=[];return s&&s.models&&(c=s.models),c&&c.includes("all-proxy-models")&&(console.log("user models:",o),c=o),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"mb-5",children:(0,a.jsx)("p",{className:"text-3xl text-tremor-content-strong dark:text-dark-tremor-content-strong font-semibold",children:null==s?void 0:s.team_alias})})})},eO=e=>{let l,{teams:t,setSelectedTeam:s,userRole:r}=e,o={models:[],team_id:null,team_alias:"Default Team"},[i,c]=(0,n.useState)(o);return(l="App User"===r?t:t?[...t,o]:[o],"App User"===r)?null:(0,a.jsxs)("div",{className:"mt-5 mb-5",children:[(0,a.jsx)(et.Z,{children:"Select Team"}),(0,a.jsx)(el.Z,{children:"If you belong to multiple teams, this setting controls which team is used by default when creating new API Keys."}),(0,a.jsxs)(el.Z,{className:"mt-3 mb-3",children:[(0,a.jsx)("b",{children:"Default Team:"})," If no team_id is set for a key, it will be grouped under here."]}),l&&l.length>0?(0,a.jsx)(eA.Z,{defaultValue:"0",children:l.map((e,l)=>(0,a.jsx)(eN.Z,{value:String(l),onClick:()=>s(e),children:e.team_alias},l))}):(0,a.jsxs)(el.Z,{children:["No team created. ",(0,a.jsx)("b",{children:"Defaulting to personal account."})]})]})},eM=t(37963),eR=t(36083);console.log("isLocal:",!1);var eL=e=>{let{userID:l,userRole:t,teams:s,keys:r,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,f]=(0,n.useState)(null),[Z,w]=(0,n.useState)(null),[_,k]=(0,n.useState)([]),v={models:[],team_alias:"Default Team",team_id:null},[A,N]=(0,n.useState)(s?s[0]:v);if(window.addEventListener("beforeunload",function(){sessionStorage.clear()}),(0,n.useEffect)(()=>{if(j){let e=(0,eM.o)(j);if(e){if(console.log("Decoded token:",e),console.log("Decoded key:",e.key),f(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&&!r&&!u){let e=sessionStorage.getItem("userModels"+l);e?k(JSON.parse(e)):(async()=>{try{let e=await y(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 b(g);x(e),console.log("globalSpend:",e)}else x(e.user_info);h(e.keys),m(e.teams);let s=[...e.teams];s.length>0?(console.log("response['teams']: ".concat(s)),N(s[0])):N(v),sessionStorage.setItem("userData"+l,JSON.stringify(e.keys)),sessionStorage.setItem("userSpendData"+l,JSON.stringify(e.user_info));let r=(await S(g,l,t)).data.map(e=>e.id);console.log("available_model_names:",r),k(r),console.log("userModels:",_),sessionStorage.setItem("userModels"+l,JSON.stringify(r))}catch(e){console.error("There was an error fetching the data",e)}})()}},[l,j,g,r,t]),(0,n.useEffect)(()=>{if(null!==r&&null!=A){let e=0;for(let l of r)A.hasOwnProperty("team_id")&&null!==l.team_id&&l.team_id===A.team_id&&(e+=l.spend);w(e)}else if(null!==r){let e=0;for(let l of r)e+=l.spend;w(e)}},[A]),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}=eR.default;return(0,a.jsxs)("div",{children:[(0,a.jsx)(e,{level:1,children:"Access Denied"}),(0,a.jsx)(l,{children:"Ask your proxy admin for access to create keys"})]})}return console.log("inside user dashboard, selected team",A),console.log("teamSpend: ".concat(Z)),(0,a.jsx)("div",{className:"w-full mx-4",children:(0,a.jsx)(Y.Z,{numItems:1,className:"gap-2 p-8 h-[75vh] w-full mt-2",children:(0,a.jsxs)(W.Z,{numColSpan:1,children:[(0,a.jsx)(eF,{userID:l,userRole:t,selectedTeam:A||null,accessToken:g}),(0,a.jsx)(eE,{userID:l,userRole:t,accessToken:g,userSpend:Z,selectedTeam:A||null}),(0,a.jsx)(eI,{userID:l,userRole:t,accessToken:g,selectedTeam:A||null,data:r,setData:h,teams:s}),(0,a.jsx)(em,{userID:l,team:A||null,userRole:t,accessToken:g,data:r,setData:h},A?A.team_id:null),(0,a.jsx)(eO,{teams:s,setSelectedTeam:N,userRole:t})]})})})},eU=t(92836),eD=t(26734),ez=t(41608),eB=t(32126),eq=t(23682),eV=t(47047),eK=t(76628),eG=t(57750),eJ=t(38302),eW=t(28683),eY=t(1460),eH=t(78578),e$=t(63954),eX=e=>{let{modelID:l,accessToken:t}=e,[s,r]=(0,n.useState)(!1),o=async()=>{try{h.ZP.info("Making API Call"),r(!0);let e=await p(t,l);console.log("model delete Response:",e),h.ZP.success("Model ".concat(l," deleted successfully")),r(!1)}catch(e){console.error("Error deleting the model:",e)}};return(0,a.jsxs)("div",{children:[(0,a.jsx)(ey.Z,{onClick:()=>r(!0),icon:ex.Z,size:"sm"}),(0,a.jsx)(en.Z,{open:s,onOk:o,okType:"danger",onCancel:()=>r(!1),children:(0,a.jsxs)(Y.Z,{numItems:1,className:"gap-2 w-full",children:[(0,a.jsx)(et.Z,{children:"Delete Model"}),(0,a.jsx)(W.Z,{numColSpan:1,children:(0,a.jsx)("p",{children:"Are you sure you want to delete this model? This action is irreversible."})}),(0,a.jsx)(W.Z,{numColSpan:1,children:(0,a.jsxs)("p",{children:["Model ID: ",(0,a.jsx)("b",{children:l})]})})]})})]})},eQ=t(97766),e0=t(46495);let{Title:e1,Link:e2}=eR.default;(s=r||(r={})).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.)",s.Vertex_AI="Vertex AI (Anthropic, Gemini, etc.)";let e4={OpenAI:"openai",Azure:"azure",Anthropic:"anthropic",Google_AI_Studio:"gemini",Bedrock:"bedrock",OpenAI_Compatible:"openai",Vertex_AI:"vertex_ai"},e8=async(e,l,t)=>{try{let s=Array.isArray(e.model)?e.model:[e.model];console.log("received deployments: ".concat(s)),console.log("received type of deployments: ".concat(typeof s)),s.forEach(async t=>{console.log("litellm_model: ".concat(t));let s={},r={};s.model=t;let a="";for(let[l,t]of Object.entries(e))if(""!==t){if("model_name"==l)a+=t;else if("custom_llm_provider"==l)continue;else if("model"==l)continue;else if("base_model"===l)r[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,20),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:a,litellm_params:s,model_info:r},o=await x(l,n);console.log("response for model create call: ".concat(o.data))}),t.resetFields()}catch(e){h.ZP.error("Failed to create model: "+e,20)}};var e3=e=>{var l,t,s;let{accessToken:o,token:i,userRole:c,userID:d,modelData:m={data:[]},setModelData:x}=e,[p,j]=(0,n.useState)([]),[g]=ea.Z.useForm(),[f,Z]=(0,n.useState)(null),[y,w]=(0,n.useState)(""),[b,S]=(0,n.useState)([]),A=Object.values(r).filter(e=>isNaN(Number(e))),[N,C]=(0,n.useState)("OpenAI"),[I,P]=(0,n.useState)(""),[T,E]=(0,n.useState)(!1),[F,O]=(0,n.useState)(null),[M,R]=(0,n.useState)([]),[L,U]=(0,n.useState)(null),[z,B]=(0,n.useState)([]),[q,V]=(0,n.useState)([]),[K,G]=(0,n.useState)([]),[W,es]=(0,n.useState)([]),[er,eo]=(0,n.useState)([]),[ed,em]=(0,n.useState)([]),eh=e=>{O(e),E(!0)},ex=async e=>{if(console.log("handleEditSubmit:",e),null==o)return;let l={},t=null;for(let[s,r]of Object.entries(e))"model_id"!==s?l[s]=r:t=r;let s={litellm_params:l,model_info:{id:t}};console.log("handleEditSubmit payload:",s),await D(o,s),h.ZP.success("Model updated successfully, restart server to see updates"),E(!1),O(null)},ep=()=>{w(new Date().toLocaleString())};if((0,n.useEffect)(()=>{if(!o||!i||!c||!d)return;let e=async()=>{try{let e=await _(o,d,c);console.log("Model data response:",e.data),x(e);let l=new Set;for(let t=0;t<e.data.length;t++){let s=e.data[t];l.add(s.model_name)}console.log("all_model_groups:",l);let t=Array.from(l);R(t);let s=await k(o,d,c,null);console.log("Model metrics response:",s),V(s.data),G(s.all_api_bases);let r=await v(o,d,c,null);console.log("Model exceptions response:",r),es(r.data),eo(r.exception_types)}catch(e){console.error("There was an error fetching the model data",e)}};o&&i&&c&&d&&e();let l=async()=>{let e=await u();console.log("received model cost map data: ".concat(Object.keys(e))),Z(e)};null==f&&l(),ep()},[o,i,c,d,f,y]),!m||!o||!i||!c||!d)return(0,a.jsx)("div",{children:"Loading..."});let ef=[];for(let e=0;e<m.data.length;e++){let s=m.data[e],r=null==s?void 0:null===(l=s.litellm_params)||void 0===l?void 0:l.model,a=null==s?void 0:s.model_info,n="",o="Undefined",i="Undefined",c="Undefined",d={},h=e=>(console.log("GET PROVIDER CALLED! - ".concat(f)),null!=f&&"object"==typeof f&&e in f)?f[e].litellm_provider:"openai";if(r){let e=r.split("/"),l=e[0];n=1===e.length?h(r):l}else n="openai";a&&(o=null==a?void 0:a.input_cost_per_token,i=null==a?void 0:a.output_cost_per_token,c=null==a?void 0:a.max_tokens),(null==s?void 0:s.litellm_params)&&(d=Object.fromEntries(Object.entries(null==s?void 0:s.litellm_params).filter(e=>{let[l]=e;return"model"!==l&&"api_base"!==l}))),m.data[e].provider=n,m.data[e].input_cost=o,m.data[e].output_cost=i,m.data[e].max_tokens=c,m.data[e].api_base=null==s?void 0:null===(t=s.litellm_params)||void 0===t?void 0:t.api_base,m.data[e].cleanedLitellmParams=d,ef.push(s.model_name),console.log(m.data[e])}if(c&&"Admin Viewer"==c){let{Title:e,Paragraph:l}=eR.default;return(0,a.jsxs)("div",{children:[(0,a.jsx)(e,{level:1,children:"Access Denied"}),(0,a.jsx)(l,{children:"Ask your proxy admin for access to view all models"})]})}let eZ=e=>{console.log("received provider string: ".concat(e));let l=Object.keys(r).find(l=>r[l]===e);if(l){let e=e4[l];console.log("mappingResult: ".concat(e));let t=[];"object"==typeof f&&Object.entries(f).forEach(l=>{let[s,r]=l;null!==r&&"object"==typeof r&&"litellm_provider"in r&&(r.litellm_provider===e||r.litellm_provider.includes(e))&&t.push(s)}),S(t),console.log("providerModels: ".concat(b))}},eC=async()=>{try{h.ZP.info("Running health check..."),P("");let e=await J(o);P(e)}catch(e){console.error("Error running health check:",e),P("Error running health check")}},eI=async e=>{if(console.log("Updating model metrics for group:",e),o&&d&&c){U(e);try{let l=await k(o,d,c,e);console.log("Model metrics response:",l),V(l.data),G(l.all_api_bases);let t=await v(o,d,c,e);console.log("Model exceptions response:",t),es(t.data),eo(t.exception_types)}catch(e){console.error("Failed to fetch model metrics",e)}}};return console.log("selectedProvider: ".concat(N)),console.log("providerModels.length: ".concat(b.length)),(0,a.jsx)("div",{style:{width:"100%",height:"100%"},children:(0,a.jsxs)(eD.Z,{className:"gap-2 p-8 h-[75vh] w-full mt-2",children:[(0,a.jsxs)(ez.Z,{className:"flex justify-between mt-2 w-full items-center",children:[(0,a.jsxs)("div",{className:"flex",children:[(0,a.jsx)(eU.Z,{children:"All Models"}),(0,a.jsx)(eU.Z,{children:"Add Model"}),(0,a.jsx)(eU.Z,{children:(0,a.jsx)("pre",{children:"/health Models"})}),(0,a.jsx)(eU.Z,{children:"Model Analytics"})]}),(0,a.jsxs)("div",{className:"flex items-center space-x-2",children:[y&&(0,a.jsxs)(el.Z,{children:["Last Refreshed: ",y]}),(0,a.jsx)(ey.Z,{icon:e$.Z,variant:"shadow",size:"xs",className:"self-center",onClick:ep})]})]}),(0,a.jsxs)(eq.Z,{children:[(0,a.jsxs)(eB.Z,{children:[(0,a.jsxs)(Y.Z,{children:[(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)(el.Z,{children:"Filter by Public Model Name"}),(0,a.jsxs)(eA.Z,{className:"mb-4 mt-2 ml-2 w-50",defaultValue:"all",onValueChange:e=>U("all"===e?"all":e),children:[(0,a.jsx)(eN.Z,{value:"all",children:"All Models"}),M.map((e,l)=>(0,a.jsx)(eN.Z,{value:e,onClick:()=>U(e),children:e},l))]})]}),(0,a.jsx)(eg.Z,{children:(0,a.jsxs)(ew.Z,{className:"mt-5",children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"Public Model Name "}),(0,a.jsx)(ev.Z,{children:"Provider"}),"Admin"===c&&(0,a.jsx)(ev.Z,{children:"API Base"}),(0,a.jsx)(ev.Z,{children:"Extra litellm Params"}),(0,a.jsx)(ev.Z,{children:"Input Price per token ($)"}),(0,a.jsx)(ev.Z,{children:"Output Price per token ($)"}),(0,a.jsx)(ev.Z,{children:"Max Tokens"})]})}),(0,a.jsx)(eb.Z,{children:m.data.filter(e=>"all"===L||e.model_name===L||null==L||""===L).map((e,l)=>(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(e_.Z,{children:(0,a.jsx)(el.Z,{children:e.model_name})}),(0,a.jsx)(e_.Z,{children:e.provider}),"Admin"===c&&(0,a.jsx)(e_.Z,{children:e.api_base}),(0,a.jsx)(e_.Z,{children:(0,a.jsxs)(X.Z,{children:[(0,a.jsx)(ee.Z,{children:(0,a.jsx)(el.Z,{children:"Litellm params"})}),(0,a.jsx)(Q.Z,{children:(0,a.jsx)("pre",{children:JSON.stringify(e.cleanedLitellmParams,null,2)})})]})}),(0,a.jsx)(e_.Z,{children:e.input_cost}),(0,a.jsx)(e_.Z,{children:e.output_cost}),(0,a.jsx)(e_.Z,{children:e.max_tokens}),(0,a.jsxs)(e_.Z,{children:[(0,a.jsx)(ey.Z,{icon:eu.Z,size:"sm",onClick:()=>eh(e)}),(0,a.jsx)(eX,{modelID:e.model_info.id,accessToken:o})]})]},l))})]})})]}),(0,a.jsx)(e=>{let{visible:l,onCancel:t,model:s,onSubmit:r}=e,[n]=ea.Z.useForm(),o={},i="",c="";if(s){o=s.litellm_params,i=s.model_name;let e=s.model_info;e&&(c=e.id,console.log("model_id: ".concat(c)),o.model_id=c)}return(0,a.jsx)(en.Z,{title:"Edit Model "+i,visible:l,width:800,footer:null,onOk:()=>{n.validateFields().then(e=>{r(e),n.resetFields()}).catch(e=>{console.error("Validation failed:",e)})},onCancel:t,children:(0,a.jsxs)(ea.Z,{form:n,onFinish:ex,initialValues:o,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ea.Z.Item,{className:"mt-8",label:"api_base",name:"api_base",children:(0,a.jsx)($.Z,{})}),(0,a.jsx)(ea.Z.Item,{label:"tpm",name:"tpm",tooltip:"int (optional) - Tokens limit for this deployment: in tokens per minute (tpm). Find this information on your model/providers website",children:(0,a.jsx)(ei.Z,{min:0,step:1})}),(0,a.jsx)(ea.Z.Item,{label:"rpm",name:"rpm",tooltip:"int (optional) - Rate limit for this deployment: in requests per minute (rpm). Find this information on your model/providers website",children:(0,a.jsx)(ei.Z,{min:0,step:1})}),(0,a.jsx)(ea.Z.Item,{label:"max_retries",name:"max_retries",children:(0,a.jsx)(ei.Z,{min:0,step:1})}),(0,a.jsx)(ea.Z.Item,{label:"timeout",name:"timeout",tooltip:"int (optional) - Timeout in seconds for LLM requests (Defaults to 600 seconds)",children:(0,a.jsx)(ei.Z,{min:0,step:1})}),(0,a.jsx)(ea.Z.Item,{label:"stream_timeout",name:"stream_timeout",tooltip:"int (optional) - Timeout for stream requests (seconds)",children:(0,a.jsx)(ei.Z,{min:0,step:1})}),(0,a.jsx)(ea.Z.Item,{label:"model_id",name:"model_id",hidden:!0})]}),(0,a.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{htmlType:"submit",children:"Save"})})]})})},{visible:T,onCancel:()=>{E(!1),O(null)},model:F,onSubmit:ex})]}),(0,a.jsxs)(eB.Z,{className:"h-full",children:[(0,a.jsx)(e1,{level:2,children:"Add new model"}),(0,a.jsx)(eg.Z,{children:(0,a.jsxs)(ea.Z,{form:g,onFinish:()=>{g.validateFields().then(e=>{e8(e,o,g)}).catch(e=>{console.error("Validation failed:",e)})},labelCol:{span:10},wrapperCol:{span:16},labelAlign:"left",children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ea.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,a.jsx)(eA.Z,{value:N.toString(),children:A.map((e,l)=>(0,a.jsx)(eN.Z,{value:e,onClick:()=>{eZ(e),C(e)},children:e},l))})}),(0,a.jsx)(ea.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,a.jsx)($.Z,{placeholder:"Vertex AI (Anthropic, Gemini, etc.)"===(s=N.toString())?"gemini-pro":"Anthropic"==s?"claude-3-opus":"Amazon Bedrock"==s?"claude-3-opus":"Gemini (Google AI Studio)"==s?"gemini-pro":"gpt-3.5-turbo"})}),(0,a.jsxs)(eJ.Z,{children:[(0,a.jsx)(eW.Z,{span:10}),(0,a.jsx)(eW.Z,{span:10,children:(0,a.jsx)(el.Z,{className:"mb-3 mt-1",children:"Model name your users will pass in."})})]}),(0,a.jsx)(ea.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:"Azure"===N?(0,a.jsx)($.Z,{placeholder:"Enter model name"}):b.length>0?(0,a.jsx)(eV.Z,{value:b,children:b.map((e,l)=>(0,a.jsx)(eK.Z,{value:e,children:e},l))}):(0,a.jsx)($.Z,{placeholder:"gpt-3.5-turbo-0125"})}),(0,a.jsxs)(eJ.Z,{children:[(0,a.jsx)(eW.Z,{span:10}),(0,a.jsx)(eW.Z,{span:10,children:(0,a.jsxs)(el.Z,{className:"mb-3 mt-1",children:["Actual model name used for making ",(0,a.jsx)(e2,{href:"https://docs.litellm.ai/docs/providers",target:"_blank",children:"litellm.completion() call"}),". We'll ",(0,a.jsx)(e2,{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"!=N&&"Vertex AI (Anthropic, Gemini, etc.)"!=N&&(0,a.jsx)(ea.Z.Item,{rules:[{required:!0,message:"Required"}],label:"API Key",name:"api_key",children:(0,a.jsx)($.Z,{placeholder:"sk-",type:"password"})}),"OpenAI"==N&&(0,a.jsx)(ea.Z.Item,{label:"Organization ID",name:"organization_id",children:(0,a.jsx)($.Z,{placeholder:"[OPTIONAL] my-unique-org"})}),"Vertex AI (Anthropic, Gemini, etc.)"==N&&(0,a.jsx)(ea.Z.Item,{rules:[{required:!0,message:"Required"}],label:"Vertex Project",name:"vertex_project",children:(0,a.jsx)($.Z,{placeholder:"adroit-cadet-1234.."})}),"Vertex AI (Anthropic, Gemini, etc.)"==N&&(0,a.jsx)(ea.Z.Item,{rules:[{required:!0,message:"Required"}],label:"Vertex Location",name:"vertex_location",children:(0,a.jsx)($.Z,{placeholder:"us-east-1"})}),"Vertex AI (Anthropic, Gemini, etc.)"==N&&(0,a.jsx)(ea.Z.Item,{rules:[{required:!0,message:"Required"}],label:"Vertex Credentials",name:"vertex_credentials",className:"mb-0",children:(0,a.jsx)(e0.Z,{name:"file",accept:".json",beforeUpload:e=>{if("application/json"===e.type){let l=new FileReader;l.onload=e=>{if(e.target){let l=e.target.result;g.setFieldsValue({vertex_credentials:l})}},l.readAsText(e)}return!1},onChange(e){"uploading"!==e.file.status&&console.log(e.file,e.fileList),"done"===e.file.status?h.ZP.success("".concat(e.file.name," file uploaded successfully")):"error"===e.file.status&&h.ZP.error("".concat(e.file.name," file upload failed."))},children:(0,a.jsx)(ec.ZP,{icon:(0,a.jsx)(eQ.Z,{}),children:"Click to Upload"})})}),"Vertex AI (Anthropic, Gemini, etc.)"==N&&(0,a.jsxs)(eJ.Z,{children:[(0,a.jsx)(eW.Z,{span:10}),(0,a.jsx)(eW.Z,{span:10,children:(0,a.jsx)(el.Z,{className:"mb-3 mt-1",children:"Give litellm a gcp service account(.json file), so it can make the relevant calls"})})]}),("Azure"==N||"OpenAI-Compatible Endpoints (Groq, Together AI, Mistral AI, etc.)"==N)&&(0,a.jsx)(ea.Z.Item,{rules:[{required:!0,message:"Required"}],label:"API Base",name:"api_base",children:(0,a.jsx)($.Z,{placeholder:"https://..."})}),"Azure"==N&&(0,a.jsx)(ea.Z.Item,{rules:[{required:!0,message:"Required"}],label:"API Version",name:"api_version",children:(0,a.jsx)($.Z,{placeholder:"2023-07-01-preview"})}),"Azure"==N&&(0,a.jsxs)(ea.Z.Item,{label:"Base Model",name:"base_model",children:[(0,a.jsx)($.Z,{placeholder:"azure/gpt-3.5-turbo"}),(0,a.jsxs)(el.Z,{children:["The actual model your azure deployment uses. Used for accurate cost tracking. Select name from ",(0,a.jsx)(e2,{href:"https://github.com/BerriAI/litellm/blob/main/model_prices_and_context_window.json",target:"_blank",children:"here"})]})]}),"Amazon Bedrock"==N&&(0,a.jsx)(ea.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,a.jsx)($.Z,{placeholder:""})}),"Amazon Bedrock"==N&&(0,a.jsx)(ea.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,a.jsx)($.Z,{placeholder:""})}),"Amazon Bedrock"==N&&(0,a.jsx)(ea.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,a.jsx)($.Z,{placeholder:"us-east-1"})}),(0,a.jsx)(ea.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,a.jsx)(eH.Z,{rows:4,placeholder:'{ "rpm": 100, "timeout": 0, "stream_timeout": 0 }'})}),(0,a.jsxs)(eJ.Z,{children:[(0,a.jsx)(eW.Z,{span:10}),(0,a.jsx)(eW.Z,{span:10,children:(0,a.jsxs)(el.Z,{className:"mb-3 mt-1",children:["Pass JSON of litellm supported params ",(0,a.jsx)(e2,{href:"https://docs.litellm.ai/docs/completion/input",target:"_blank",children:"litellm.completion() call"})]})})]})]}),(0,a.jsx)("div",{style:{textAlign:"center",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{htmlType:"submit",children:"Add Model"})}),(0,a.jsx)(eY.Z,{title:"Get help on our github",children:(0,a.jsx)(eR.default.Link,{href:"https://github.com/BerriAI/litellm/issues",children:"Need Help?"})})]})})]}),(0,a.jsx)(eB.Z,{children:(0,a.jsxs)(eg.Z,{children:[(0,a.jsx)(el.Z,{children:"`/health` will run a very small request through your models configured on litellm"}),(0,a.jsx)(H.Z,{onClick:eC,children:"Run `/health`"}),I&&(0,a.jsx)("pre",{children:JSON.stringify(I,null,2)})]})}),(0,a.jsxs)(eB.Z,{children:[(0,a.jsx)("p",{style:{fontSize:"0.85rem",color:"#808080"},children:"View how requests were load balanced within a model group"}),(0,a.jsxs)(eA.Z,{className:"mb-4 mt-2",defaultValue:"all",children:[(0,a.jsx)(eN.Z,{value:"all",onClick:()=>eI(null),children:"All Model Groups"}),M.map((e,l)=>(0,a.jsx)(eN.Z,{value:e,onClick:()=>eI(e),children:e},l))]}),(0,a.jsxs)(Y.Z,{numItems:2,children:[(0,a.jsx)(eW.Z,{children:(0,a.jsxs)(eg.Z,{className:"mr-2",children:[q&&K&&(0,a.jsx)(eG.Z,{className:"h-72",data:q,showLegend:!1,index:"date",categories:K,connectNulls:!0}),(0,a.jsxs)(ew.Z,{children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"Model"}),(0,a.jsx)(ev.Z,{children:"Median Latency/Token"})]})}),(0,a.jsx)(eb.Z,{children:z.map((e,l)=>(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(e_.Z,{children:e.model}),(0,a.jsx)(e_.Z,{children:e.avg_latency_per_token.toFixed(4)})]},l))})]})]})}),(0,a.jsx)(eW.Z,{children:(0,a.jsx)(eg.Z,{className:"ml-2",children:(0,a.jsxs)(ew.Z,{children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"Model"}),(0,a.jsx)(ev.Z,{children:"Success Requests"}),(0,a.jsx)(ev.Z,{children:"Error Requests"}),(0,a.jsx)(ev.Z,{children:"Failure %"})]})}),(0,a.jsx)(eb.Z,{children:ed.map((e,l)=>(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(e_.Z,{children:e.model}),(0,a.jsx)(e_.Z,{children:e.total_Requests}),(0,a.jsx)(e_.Z,{children:e.total_exceptions}),(0,a.jsxs)(e_.Z,{children:[e.failure_rate,"%"]})]},l))})]})})})]}),(0,a.jsxs)(eg.Z,{className:"mt-4",children:[(0,a.jsx)(et.Z,{children:"Exceptions per Model"}),(0,a.jsx)(ej.Z,{className:"h-72",data:W,index:"model",categories:er,stack:!0,colors:["indigo-300","rose-200","#ffcc33"],yAxisWidth:30})]})]})]})]})})};let{Option:e5}=er.default;var e6=e=>{let{userID:l,accessToken:t,teams:s}=e,[r]=ea.Z.useForm(),[o,i]=(0,n.useState)(!1),[c,d]=(0,n.useState)(null),[m,u]=(0,n.useState)([]);(0,n.useEffect)(()=>{(async()=>{try{let e=await S(t,l,"any"),s=[];for(let l=0;l<e.data.length;l++){let t=e.data[l];s.push(t.id)}console.log("Model data response:",e.data),console.log("Available models:",s),u(s)}catch(e){console.error("Error fetching model data:",e)}})()},[]);let x=()=>{i(!1),r.resetFields()},p=()=>{i(!1),d(null),r.resetFields()},j=async e=>{try{h.ZP.info("Making API Call"),i(!0),console.log("formValues in create user:",e);let s=await g(t,null,e);console.log("user create Response:",s),d(s.key),h.ZP.success("API user Created"),r.resetFields(),localStorage.removeItem("userData"+l)}catch(e){console.error("Error creating the user:",e)}};return(0,a.jsxs)("div",{children:[(0,a.jsx)(H.Z,{className:"mx-auto",onClick:()=>i(!0),children:"+ Invite User"}),(0,a.jsxs)(en.Z,{title:"Invite User",visible:o,width:800,footer:null,onOk:x,onCancel:p,children:[(0,a.jsx)(el.Z,{className:"mb-1",children:"Invite a user to login to the Admin UI and create Keys"}),(0,a.jsx)(el.Z,{className:"mb-6",children:(0,a.jsx)("b",{children:"Note: SSO Setup Required for this"})}),(0,a.jsxs)(ea.Z,{form:r,onFinish:j,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,a.jsx)(ea.Z.Item,{label:"User Email",name:"user_email",children:(0,a.jsx)($.Z,{placeholder:""})}),(0,a.jsx)(ea.Z.Item,{label:"Team ID",name:"team_id",children:(0,a.jsx)(er.default,{placeholder:"Select Team ID",style:{width:"100%"},children:s?s.map(e=>(0,a.jsx)(e5,{value:e.team_id,children:e.team_alias},e.team_id)):(0,a.jsx)(e5,{value:null,children:"Default Team"},"default")})}),(0,a.jsx)(ea.Z.Item,{label:"Metadata",name:"metadata",children:(0,a.jsx)(eo.Z.TextArea,{rows:4,placeholder:"Enter metadata as JSON"})}),(0,a.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{htmlType:"submit",children:"Create User"})})]})]}),c&&(0,a.jsxs)(en.Z,{title:"User Created Successfully",visible:o,onOk:x,onCancel:p,footer:null,children:[(0,a.jsx)("p",{children:"User has been created to access your proxy. Please Ask them to Log In."}),(0,a.jsx)("br",{}),(0,a.jsx)("p",{children:(0,a.jsx)("b",{children:"Note: This Feature is only supported through SSO on the Admin UI"})})]})]})},e7=e=>{let{accessToken:l,token:t,keys:s,userRole:r,userID:o,teams:i,setKeys:c}=e,[d,m]=(0,n.useState)(null),[h,u]=(0,n.useState)(null),[x,p]=(0,n.useState)(0),[j,g]=n.useState(null),[f,Z]=(0,n.useState)(null);if((0,n.useEffect)(()=>{if(!l||!t||!r||!o)return;let e=async()=>{try{let e=await y(l,null,r,!0,x,25);console.log("user data response:",e),m(e)}catch(e){console.error("There was an error fetching the model data",e)}};l&&t&&r&&o&&e();let s=async()=>{try{let e=await E(l,null);console.log("user data response:",e),u(e)}catch(e){console.error("There was an error fetching the model data",e)}};r&&("Admin"==r||"Admin Viewer"==r)&&!h&&s()},[l,t,r,o,x]),!d||!l||!t||!r||!o)return(0,a.jsx)("div",{children:"Loading..."});let w=async e=>{try{let t=await E(l,e);console.log("user data response:",t),u(t)}catch(e){console.error("There was an error fetching the model data",e)}};return(0,a.jsx)("div",{style:{width:"100%"},children:(0,a.jsxs)(Y.Z,{className:"gap-2 p-2 h-[80vh] w-full mt-8",children:[(0,a.jsx)(e6,{userID:o,accessToken:l,teams:i}),(0,a.jsxs)(eg.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[80vh] mb-4",children:[(0,a.jsxs)("div",{className:"mb-4 mt-1",children:[(0,a.jsxs)(el.Z,{children:[(0,a.jsx)("b",{children:"Key Owners: "})," Users on LiteLLM that created API Keys. Automatically tracked by LiteLLM"]}),(0,a.jsxs)(el.Z,{className:"mt-1",children:[(0,a.jsx)("b",{children:"End Users: "}),"End Users of your LLM API calls. Tracked When a `user` param is passed in your LLM calls"]})]}),(0,a.jsxs)(eD.Z,{children:[(0,a.jsxs)(ez.Z,{variant:"line",defaultValue:"1",children:[(0,a.jsx)(eU.Z,{value:"1",children:"Key Owners"}),(0,a.jsx)(eU.Z,{value:"2",children:"End-Users"})]}),(0,a.jsxs)(eq.Z,{children:[(0,a.jsx)(eB.Z,{children:(0,a.jsxs)(ew.Z,{className:"mt-5",children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"User ID"}),(0,a.jsx)(ev.Z,{children:"User Email"}),(0,a.jsx)(ev.Z,{children:"User Models"}),(0,a.jsx)(ev.Z,{children:"User Spend ($ USD)"}),(0,a.jsx)(ev.Z,{children:"User Max Budget ($ USD)"}),(0,a.jsx)(ev.Z,{children:"User API Key Aliases"})]})}),(0,a.jsx)(eb.Z,{children:d.map(e=>(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(e_.Z,{children:e.user_id}),(0,a.jsx)(e_.Z,{children:e.user_email}),(0,a.jsx)(e_.Z,{children:e.models&&e.models.length>0?e.models:"All Models"}),(0,a.jsx)(e_.Z,{children:e.spend?e.spend:0}),(0,a.jsx)(e_.Z,{children:e.max_budget?e.max_budget:"Unlimited"}),(0,a.jsx)(e_.Z,{children:(0,a.jsx)(Y.Z,{numItems:2,children:e&&e.key_aliases&&e.key_aliases.filter(e=>null!==e).length>0?(0,a.jsx)(ep.Z,{size:"xs",color:"indigo",children:e.key_aliases.filter(e=>null!==e).join(", ")}):(0,a.jsx)(ep.Z,{size:"xs",color:"gray",children:"No Keys"})})})]},e.user_id))})]})}),(0,a.jsxs)(eB.Z,{children:[(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)("div",{className:"flex-1"}),(0,a.jsxs)("div",{className:"flex-1 flex justify-between items-center",children:[(0,a.jsx)(el.Z,{className:"w-1/4 mr-2 text-right",children:"Key"}),(0,a.jsx)(eA.Z,{defaultValue:"1",className:"w-3/4",children:null==s?void 0:s.map((e,l)=>{if(e&&null!==e.key_alias&&e.key_alias.length>0)return(0,a.jsx)(eN.Z,{value:String(l),onClick:()=>w(e.token),children:e.key_alias},l)})})]})]}),(0,a.jsxs)(ew.Z,{className:"max-h-[70vh] min-h-[500px]",children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"End User"}),(0,a.jsx)(ev.Z,{children:"Spend"}),(0,a.jsx)(ev.Z,{children:"Total Events"})]})}),(0,a.jsx)(eb.Z,{children:null==h?void 0:h.map((e,l)=>(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(e_.Z,{children:e.end_user}),(0,a.jsx)(e_.Z,{children:e.total_spend}),(0,a.jsx)(e_.Z,{children:e.total_events})]},l))})]})]})]})]})]}),function(){if(!d)return null;let e=Math.ceil(d.length/25);return(0,a.jsxs)("div",{className:"flex justify-between items-center",children:[(0,a.jsxs)("div",{children:["Showing Page ",x+1," of ",e]}),(0,a.jsxs)("div",{className:"flex",children:[(0,a.jsx)("button",{className:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-l focus:outline-none",disabled:0===x,onClick:()=>p(x-1),children:"← Prev"}),(0,a.jsx)("button",{className:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-r focus:outline-none",onClick:()=>{p(x+1)},children:"Next →"})]})]})}()]})})},e9=e=>{let{teams:l,searchParams:t,accessToken:s,setTeams:r,userID:o,userRole:i}=e,[c]=ea.Z.useForm(),[d]=ea.Z.useForm(),{Title:m,Paragraph:u}=eR.default,[x,p]=(0,n.useState)(""),[j,g]=(0,n.useState)(!1),[f,y]=(0,n.useState)(l?l[0]:null),[b,_]=(0,n.useState)(!1),[k,v]=(0,n.useState)(!1),[A,N]=(0,n.useState)([]),[C,I]=(0,n.useState)(!1),[P,T]=(0,n.useState)(null),[E,F]=(0,n.useState)({}),O=e=>{y(e),g(!0)},M=async e=>{let t=e.team_id;if(console.log("handleEditSubmit:",e),null==s)return;let a=await U(s,e);l&&r(l.map(e=>e.team_id===t?a.data:e)),h.ZP.success("Team updated successfully"),g(!1),y(null)},L=async e=>{T(e),I(!0)},D=async()=>{if(null!=P&&null!=l&&null!=s){try{await Z(s,P);let e=l.filter(e=>e.team_id!==P);r(e)}catch(e){console.error("Error deleting the team:",e)}I(!1),T(null)}};(0,n.useEffect)(()=>{let e=async()=>{try{if(null===o||null===i||null===s||null===l)return;console.log("fetching team info:");let e={};for(let t=0;t<(null==l?void 0:l.length);t++){let r=l[t].team_id,a=await w(s,r);console.log("teamInfo response:",a),null!==a&&(e={...e,[r]:a})}F(e)}catch(e){console.error("Error fetching team info:",e)}};(async()=>{try{if(null===o||null===i)return;if(null!==s){let e=(await S(s,o,i)).data.map(e=>e.id);console.log("available_model_names:",e),N(e)}}catch(e){console.error("Error fetching user models:",e)}})(),e()},[s,o,i,l]);let B=async e=>{try{if(null!=s){h.ZP.info("Creating Team");let t=await R(s,e);null!==l?r([...l,t]):r([t]),console.log("response for team create call: ".concat(t)),h.ZP.success("Team created"),_(!1)}}catch(e){console.error("Error creating the team:",e),h.ZP.error("Error creating the team: "+e,20)}},q=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},a=await z(s,f.team_id,t);console.log("response for team create call: ".concat(a.data));let n=l.findIndex(e=>(console.log("team.team_id=".concat(e.team_id,"; response.data.team_id=").concat(a.data.team_id)),e.team_id===a.data.team_id));if(console.log("foundIndex: ".concat(n)),-1!==n){let e=[...l];e[n]=a.data,r(e),y(a.data)}v(!1)}}catch(e){console.error("Error creating the team:",e)}};return console.log("received teams ".concat(l)),(0,a.jsx)("div",{className:"w-full mx-4",children:(0,a.jsxs)(Y.Z,{numItems:1,className:"gap-2 p-8 h-[75vh] w-full mt-2",children:[(0,a.jsxs)(W.Z,{numColSpan:1,children:[(0,a.jsx)(m,{level:4,children:"All Teams"}),(0,a.jsxs)(eg.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]",children:[(0,a.jsxs)(ew.Z,{children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"Team Name"}),(0,a.jsx)(ev.Z,{children:"Spend (USD)"}),(0,a.jsx)(ev.Z,{children:"Budget (USD)"}),(0,a.jsx)(ev.Z,{children:"Models"}),(0,a.jsx)(ev.Z,{children:"TPM / RPM Limits"}),(0,a.jsx)(ev.Z,{children:"Info"})]})}),(0,a.jsx)(eb.Z,{children:l&&l.length>0?l.map(e=>(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(e_.Z,{style:{maxWidth:"4px",whiteSpace:"pre-wrap",overflow:"hidden"},children:e.team_alias}),(0,a.jsx)(e_.Z,{style:{maxWidth:"4px",whiteSpace:"pre-wrap",overflow:"hidden"},children:e.spend}),(0,a.jsx)(e_.Z,{style:{maxWidth:"4px",whiteSpace:"pre-wrap",overflow:"hidden"},children:e.max_budget?e.max_budget:"No limit"}),(0,a.jsx)(e_.Z,{style:{maxWidth:"8-x",whiteSpace:"pre-wrap",overflow:"hidden"},children:Array.isArray(e.models)?(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column"},children:0===e.models.length?(0,a.jsx)(ep.Z,{size:"xs",className:"mb-1",color:"red",children:(0,a.jsx)(el.Z,{children:"All Proxy Models"})}):e.models.map((e,l)=>"all-proxy-models"===e?(0,a.jsx)(ep.Z,{size:"xs",className:"mb-1",color:"red",children:(0,a.jsx)(el.Z,{children:"All Proxy Models"})},l):(0,a.jsx)(ep.Z,{size:"xs",className:"mb-1",color:"blue",children:(0,a.jsx)(el.Z,{children:e.length>30?"".concat(e.slice(0,30),"..."):e})},l))}):null}),(0,a.jsx)(e_.Z,{style:{maxWidth:"4px",whiteSpace:"pre-wrap",overflow:"hidden"},children:(0,a.jsxs)(el.Z,{children:["TPM:"," ",e.tpm_limit?e.tpm_limit:"Unlimited"," ",(0,a.jsx)("br",{}),"RPM:"," ",e.rpm_limit?e.rpm_limit:"Unlimited"]})}),(0,a.jsxs)(e_.Z,{children:[(0,a.jsxs)(el.Z,{children:[E&&e.team_id&&E[e.team_id]&&E[e.team_id].keys&&E[e.team_id].keys.length," Keys"]}),(0,a.jsxs)(el.Z,{children:[E&&e.team_id&&E[e.team_id]&&E[e.team_id].team_info&&E[e.team_id].team_info.members_with_roles&&E[e.team_id].team_info.members_with_roles.length," Members"]})]}),(0,a.jsxs)(e_.Z,{children:[(0,a.jsx)(ey.Z,{icon:eu.Z,size:"sm",onClick:()=>O(e)}),(0,a.jsx)(ey.Z,{onClick:()=>L(e.team_id),icon:ex.Z,size:"sm"})]})]},e.team_id)):null})]}),C&&(0,a.jsx)("div",{className:"fixed z-10 inset-0 overflow-y-auto",children:(0,a.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,a.jsx)("div",{className:"fixed inset-0 transition-opacity","aria-hidden":"true",children:(0,a.jsx)("div",{className:"absolute inset-0 bg-gray-500 opacity-75"})}),(0,a.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true",children:"​"}),(0,a.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,a.jsx)("div",{className:"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4",children:(0,a.jsx)("div",{className:"sm:flex sm:items-start",children:(0,a.jsxs)("div",{className:"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left",children:[(0,a.jsx)("h3",{className:"text-lg leading-6 font-medium text-gray-900",children:"Delete Team"}),(0,a.jsx)("div",{className:"mt-2",children:(0,a.jsx)("p",{className:"text-sm text-gray-500",children:"Are you sure you want to delete this team ?"})})]})})}),(0,a.jsxs)("div",{className:"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse",children:[(0,a.jsx)(H.Z,{onClick:D,color:"red",className:"ml-2",children:"Delete"}),(0,a.jsx)(H.Z,{onClick:()=>{I(!1),T(null)},children:"Cancel"})]})]})]})})]})]}),(0,a.jsxs)(W.Z,{numColSpan:1,children:[(0,a.jsx)(H.Z,{className:"mx-auto",onClick:()=>_(!0),children:"+ Create New Team"}),(0,a.jsx)(en.Z,{title:"Create Team",visible:b,width:800,footer:null,onOk:()=>{_(!1),c.resetFields()},onCancel:()=>{_(!1),c.resetFields()},children:(0,a.jsxs)(ea.Z,{form:c,onFinish:B,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ea.Z.Item,{label:"Team Name",name:"team_alias",rules:[{required:!0,message:"Please input a team name"}],children:(0,a.jsx)($.Z,{placeholder:""})}),(0,a.jsx)(ea.Z.Item,{label:"Models",name:"models",children:(0,a.jsxs)(er.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},children:[(0,a.jsx)(er.default.Option,{value:"all-proxy-models",children:"All Proxy Models"},"all-proxy-models"),A.map(e=>(0,a.jsx)(er.default.Option,{value:e,children:e},e))]})}),(0,a.jsx)(ea.Z.Item,{label:"Max Budget (USD)",name:"max_budget",children:(0,a.jsx)(ei.Z,{step:.01,precision:2,width:200})}),(0,a.jsx)(ea.Z.Item,{label:"Tokens per minute Limit (TPM)",name:"tpm_limit",children:(0,a.jsx)(ei.Z,{step:1,width:400})}),(0,a.jsx)(ea.Z.Item,{label:"Requests per minute Limit (RPM)",name:"rpm_limit",children:(0,a.jsx)(ei.Z,{step:1,width:400})})]}),(0,a.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{htmlType:"submit",children:"Create Team"})})]})})]}),(0,a.jsxs)(W.Z,{numColSpan:1,children:[(0,a.jsx)(m,{level:4,children:"Team Members"}),(0,a.jsx)(u,{children:"If you belong to multiple teams, this setting controls which teams members you see."}),l&&l.length>0?(0,a.jsx)(eA.Z,{defaultValue:"0",children:l.map((e,l)=>(0,a.jsx)(eN.Z,{value:String(l),onClick:()=>{y(e)},children:e.team_alias},l))}):(0,a.jsxs)(u,{children:["No team created. ",(0,a.jsx)("b",{children:"Defaulting to personal account."})]})]}),(0,a.jsxs)(W.Z,{numColSpan:1,children:[(0,a.jsx)(eg.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]",children:(0,a.jsxs)(ew.Z,{children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"Member Name"}),(0,a.jsx)(ev.Z,{children:"Role"})]})}),(0,a.jsx)(eb.Z,{children:f?f.members_with_roles.map((e,l)=>(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(e_.Z,{children:e.user_email?e.user_email:e.user_id?e.user_id:null}),(0,a.jsx)(e_.Z,{children:e.role})]},l)):null})]})}),f&&(0,a.jsx)(e=>{let{visible:l,onCancel:t,team:s,onSubmit:r}=e,[n]=ea.Z.useForm();return(0,a.jsx)(en.Z,{title:"Edit Team",visible:l,width:800,footer:null,onOk:()=>{n.validateFields().then(e=>{r({...e,team_id:s.team_id}),n.resetFields()}).catch(e=>{console.error("Validation failed:",e)})},onCancel:t,children:(0,a.jsxs)(ea.Z,{form:n,onFinish:M,initialValues:s,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ea.Z.Item,{label:"Team Name",name:"team_alias",rules:[{required:!0,message:"Please input a team name"}],children:(0,a.jsx)(eo.Z,{})}),(0,a.jsx)(ea.Z.Item,{label:"Models",name:"models",children:(0,a.jsxs)(er.default,{mode:"multiple",placeholder:"Select models",style:{width:"100%"},children:[(0,a.jsx)(er.default.Option,{value:"all-proxy-models",children:"All Proxy Models"},"all-proxy-models"),A&&A.map(e=>(0,a.jsx)(er.default.Option,{value:e,children:e},e))]})}),(0,a.jsx)(ea.Z.Item,{label:"Max Budget (USD)",name:"max_budget",children:(0,a.jsx)(ei.Z,{step:.01,precision:2,width:200})}),(0,a.jsx)(ea.Z.Item,{label:"Tokens per minute Limit (TPM)",name:"tpm_limit",children:(0,a.jsx)(ei.Z,{step:1,width:400})}),(0,a.jsx)(ea.Z.Item,{label:"Requests per minute Limit (RPM)",name:"rpm_limit",children:(0,a.jsx)(ei.Z,{step:1,width:400})}),(0,a.jsx)(ea.Z.Item,{label:"Requests per minute Limit (RPM)",name:"team_id",hidden:!0})]}),(0,a.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{htmlType:"submit",children:"Edit Team"})})]})})},{visible:j,onCancel:()=>{g(!1),y(null)},team:f,onSubmit:M})]}),(0,a.jsxs)(W.Z,{numColSpan:1,children:[(0,a.jsx)(H.Z,{className:"mx-auto mb-5",onClick:()=>v(!0),children:"+ Add member"}),(0,a.jsx)(en.Z,{title:"Add member",visible:k,width:800,footer:null,onOk:()=>{v(!1),d.resetFields()},onCancel:()=>{v(!1),d.resetFields()},children:(0,a.jsxs)(ea.Z,{form:c,onFinish:q,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ea.Z.Item,{label:"Email",name:"user_email",className:"mb-4",children:(0,a.jsx)(eo.Z,{name:"user_email",className:"px-3 py-2 border rounded-md w-full"})}),(0,a.jsx)("div",{className:"text-center mb-4",children:"OR"}),(0,a.jsx)(ea.Z.Item,{label:"User ID",name:"user_id",className:"mb-4",children:(0,a.jsx)(eo.Z,{name:"user_id",className:"px-3 py-2 border rounded-md w-full"})})]}),(0,a.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{htmlType:"submit",children:"Add member"})})]})})]})]})})},le=t(18190),ll=e=>{let l,{searchParams:t,accessToken:s,showSSOBanner:r}=e,[o]=ea.Z.useForm(),[i]=ea.Z.useForm(),{Title:c,Paragraph:d}=eR.default,[m,u]=(0,n.useState)(""),[x,p]=(0,n.useState)(null),[j,g]=(0,n.useState)(!1),[f,Z]=(0,n.useState)(!1),[y,w]=(0,n.useState)(!1),[b,_]=(0,n.useState)(!1),[k,v]=(0,n.useState)(!1);try{l=window.location.origin}catch(e){l="<your-proxy-url>"}l+="/fallback/login";let S=()=>{v(!1)},A=["proxy_admin","proxy_admin_viewer"];(0,n.useEffect)(()=>{(async()=>{if(null!=s){let e=[],l=await M(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 M(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()},C=()=>{w(!1),i.resetFields()},I=e=>(0,a.jsxs)(ea.Z,{form:o,onFinish:e,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ea.Z.Item,{label:"Email",name:"user_email",className:"mb-4",children:(0,a.jsx)(eo.Z,{name:"user_email",className:"px-3 py-2 border rounded-md w-full"})}),(0,a.jsx)("div",{className:"text-center mb-4",children:"OR"}),(0,a.jsx)(ea.Z.Item,{label:"User ID",name:"user_id",className:"mb-4",children:(0,a.jsx)(eo.Z,{name:"user_id",className:"px-3 py-2 border rounded-md w-full"})})]}),(0,a.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{htmlType:"submit",children:"Add member"})})]}),P=(e,l,t)=>(0,a.jsxs)(ea.Z,{form:o,onFinish:e,labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ea.Z.Item,{rules:[{required:!0,message:"Required"}],label:"User Role",name:"user_role",labelCol:{span:10},labelAlign:"left",children:(0,a.jsx)(eA.Z,{value:l,children:A.map((e,l)=>(0,a.jsx)(eN.Z,{value:e,children:e},l))})}),(0,a.jsx)(ea.Z.Item,{label:"Team ID",name:"user_id",hidden:!0,initialValue:t,valuePropName:"user_id",className:"mt-8",children:(0,a.jsx)(eo.Z,{value:t,disabled:!0})})]}),(0,a.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{htmlType:"submit",children:"Update role"})})]}),T=async e=>{try{if(null!=s&&null!=x){h.ZP.info("Making API Call");let l=await B(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 B(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 B(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)}},O=async e=>{null!=s&&G(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,a.jsxs)("div",{className:"w-full m-2 mt-2 p-8",children:[(0,a.jsx)(c,{level:4,children:"Admin Access "}),(0,a.jsxs)(d,{children:[r&&(0,a.jsx)("a",{href:"https://docs.litellm.ai/docs/proxy/ui#restrict-ui-access",children:"Requires SSO Setup"}),(0,a.jsx)("br",{}),(0,a.jsx)("b",{children:"Proxy Admin: "})," Can create keys, teams, users, add models, etc. ",(0,a.jsx)("br",{}),(0,a.jsx)("b",{children:"Proxy Admin Viewer: "}),"Can just view spend. They cannot create keys, teams or grant users access to new models."," "]}),(0,a.jsxs)(Y.Z,{numItems:1,className:"gap-2 p-2 w-full",children:[(0,a.jsx)(W.Z,{numColSpan:1,children:(0,a.jsx)(eg.Z,{className:"w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]",children:(0,a.jsxs)(ew.Z,{children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"Member Name"}),(0,a.jsx)(ev.Z,{children:"Role"})]})}),(0,a.jsx)(eb.Z,{children:x?x.map((e,l)=>(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(e_.Z,{children:e.user_email?e.user_email:e.user_id?e.user_id:null}),(0,a.jsx)(e_.Z,{children:e.user_role}),(0,a.jsxs)(e_.Z,{children:[(0,a.jsx)(ey.Z,{icon:eu.Z,size:"sm",onClick:()=>w(!0)}),(0,a.jsx)(en.Z,{title:"Update role",visible:y,width:800,footer:null,onOk:N,onCancel:C,children:P(T,e.user_role,e.user_id)})]})]},l)):null})]})})}),(0,a.jsx)(W.Z,{numColSpan:1,children:(0,a.jsxs)("div",{className:"flex justify-start",children:[(0,a.jsx)(H.Z,{className:"mr-4 mb-5",onClick:()=>Z(!0),children:"+ Add admin"}),(0,a.jsx)(en.Z,{title:"Add admin",visible:f,width:800,footer:null,onOk:()=>{Z(!1),i.resetFields()},onCancel:()=>{Z(!1),i.resetFields()},children:I(F)}),(0,a.jsx)(H.Z,{className:"mb-5",onClick:()=>g(!0),children:"+ Add viewer"}),(0,a.jsx)(en.Z,{title:"Add viewer",visible:j,width:800,footer:null,onOk:()=>{g(!1),i.resetFields()},onCancel:()=>{g(!1),i.resetFields()},children:I(E)})]})})]}),(0,a.jsxs)(Y.Z,{children:[(0,a.jsx)(c,{level:4,children:"Add SSO"}),(0,a.jsxs)("div",{className:"flex justify-start mb-4",children:[(0,a.jsx)(H.Z,{onClick:()=>_(!0),children:"Add SSO"}),(0,a.jsx)(en.Z,{title:"Add SSO",visible:b,width:800,footer:null,onOk:()=>{_(!1),o.resetFields()},onCancel:()=>{_(!1),o.resetFields()},children:(0,a.jsxs)(ea.Z,{form:o,onFinish:e=>{F(e),O(e),_(!1),v(!0)},labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ea.Z.Item,{label:"Admin Email",name:"user_email",rules:[{required:!0,message:"Please enter the email of the proxy admin"}],children:(0,a.jsx)(eo.Z,{})}),(0,a.jsx)(ea.Z.Item,{label:"PROXY BASE URL",name:"proxy_base_url",rules:[{required:!0,message:"Please enter the proxy base url"}],children:(0,a.jsx)(eo.Z,{})}),(0,a.jsx)(ea.Z.Item,{label:"GOOGLE CLIENT ID",name:"google_client_id",rules:[{required:!0,message:"Please enter the google client id"}],children:(0,a.jsx)(eo.Z.Password,{})}),(0,a.jsx)(ea.Z.Item,{label:"GOOGLE CLIENT SECRET",name:"google_client_secret",rules:[{required:!0,message:"Please enter the google client secret"}],children:(0,a.jsx)(eo.Z.Password,{})})]}),(0,a.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{htmlType:"submit",children:"Save"})})]})}),(0,a.jsxs)(en.Z,{title:"SSO Setup Instructions",visible:k,width:800,footer:null,onOk:S,onCancel:()=>{v(!1)},children:[(0,a.jsx)("p",{children:"Follow these steps to complete the SSO setup:"}),(0,a.jsx)(el.Z,{className:"mt-2",children:"1. DO NOT Exit this TAB"}),(0,a.jsx)(el.Z,{className:"mt-2",children:"2. Open a new tab, visit your proxy base url"}),(0,a.jsx)(el.Z,{className:"mt-2",children:"3. Confirm your SSO is configured correctly and you can login on the new Tab"}),(0,a.jsx)(el.Z,{className:"mt-2",children:"4. If Step 3 is successful, you can close this tab"}),(0,a.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{onClick:S,children:"Done"})})]})]}),(0,a.jsxs)(le.Z,{title:"Login without SSO",color:"teal",children:["If you need to login without sso, you can access ",(0,a.jsxs)("a",{href:l,target:"_blank",children:[(0,a.jsx)("b",{children:l})," "]})]})]})]})},lt=t(12224),ls=e=>{let{accessToken:l,userRole:t,userID:s}=e,[r,o]=(0,n.useState)([]),[i,c]=(0,n.useState)([]),[d,m]=(0,n.useState)(!1),[u]=ea.Z.useForm(),[x,p]=(0,n.useState)(null),[j,g]=(0,n.useState)([]),[f,Z]=(0,n.useState)(""),[y,w]=(0,n.useState)({}),[b,_]=(0,n.useState)([]),k=e=>{b.includes(e)?_(b.filter(l=>l!==e)):_([...b,e])},v={llm_exceptions:"LLM Exceptions",llm_too_slow:"LLM Responses Too Slow",llm_requests_hanging:"LLM Requests Hanging",budget_alerts:"Budget Alerts (API Keys, Users)"};(0,n.useEffect)(()=>{l&&t&&s&&K(l,s,t).then(e=>{console.log("callbacks",e),o(e.callbacks);let l=e.alerts;if(console.log("alerts_data",l),l&&l.length>0){let e=l[0];console.log("_alert_info",e);let t=e.variables.SLACK_WEBHOOK_URL;console.log("catch_all_webhook",t),_(e.active_alerts),Z(t),w(e.alerts_to_webhook)}c(l)})},[l,t,s]);let S=e=>b&&b.includes(e),A=e=>{if(!l)return;let t=Object.fromEntries(Object.entries(e.variables).map(e=>{var l;let[t,s]=e;return[t,(null===(l=document.querySelector('input[name="'.concat(t,'"]')))||void 0===l?void 0:l.value)||s]}));console.log("updatedVariables",t),console.log("updateAlertTypes",j);try{G(l,{environment_variables:t})}catch(e){h.ZP.error("Failed to update callback: "+e,20)}h.ZP.success("Callback updated successfully")},N=()=>{l&&u.validateFields().then(e=>{if(console.log("Form values:",e),"langfuse"===e.callback){G(l,{environment_variables:{LANGFUSE_PUBLIC_KEY:e.langfusePublicKey,LANGFUSE_SECRET_KEY:e.langfusePrivateKey},litellm_settings:{success_callback:[e.callback]}});let t={name:e.callback,variables:{SLACK_WEBHOOK_URL:null,LANGFUSE_HOST:null,LANGFUSE_PUBLIC_KEY:e.langfusePublicKey,LANGFUSE_SECRET_KEY:e.langfusePrivateKey}};o(r?[...r,t]:[t])}else if("slack"===e.callback){console.log("values.slackWebhookUrl: ".concat(e.slackWebhookUrl)),G(l,{general_settings:{alerting:["slack"],alerting_threshold:300},environment_variables:{SLACK_WEBHOOK_URL:e.slackWebhookUrl}}),console.log("values.callback: ".concat(e.callback));let t={name:e.callback,variables:{SLACK_WEBHOOK_URL:e.slackWebhookUrl,LANGFUSE_HOST:null,LANGFUSE_PUBLIC_KEY:null,LANGFUSE_SECRET_KEY:null}};o(r?[...r,t]:[t])}m(!1),u.resetFields(),p(null)})};return l?(console.log("callbacks: ".concat(r)),(0,a.jsxs)("div",{className:"w-full mx-4",children:[(0,a.jsx)(Y.Z,{numItems:1,className:"gap-2 p-8 w-full mt-2",children:(0,a.jsxs)(eD.Z,{children:[(0,a.jsxs)(ez.Z,{variant:"line",defaultValue:"1",children:[(0,a.jsx)(eU.Z,{value:"1",children:"Logging Callbacks"}),(0,a.jsx)(eU.Z,{value:"2",children:"Alerting"})]}),(0,a.jsxs)(eq.Z,{children:[(0,a.jsx)(eB.Z,{children:(0,a.jsxs)(eg.Z,{children:[(0,a.jsxs)(ew.Z,{children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"Callback"}),(0,a.jsx)(ev.Z,{children:"Callback Env Vars"})]})}),(0,a.jsx)(eb.Z,{children:r.map((e,t)=>{var s;return(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(e_.Z,{children:(0,a.jsx)(ep.Z,{color:"emerald",children:e.name})}),(0,a.jsxs)(e_.Z,{children:[(0,a.jsx)("ul",{children:Object.entries(null!==(s=e.variables)&&void 0!==s?s:{}).filter(e=>{let[l,t]=e;return null!==t}).map(e=>{let[l,t]=e;return(0,a.jsxs)("li",{children:[(0,a.jsx)(el.Z,{className:"mt-2",children:l}),"LANGFUSE_HOST"===l?(0,a.jsx)("p",{children:"default value=https://cloud.langfuse.com"}):(0,a.jsx)("div",{}),(0,a.jsx)($.Z,{name:l,defaultValue:t,type:"password"})]},l)})}),(0,a.jsx)(H.Z,{className:"mt-2",onClick:()=>A(e),children:"Save Changes"}),(0,a.jsx)(H.Z,{onClick:()=>V(l,e.name),className:"mx-2",children:"Test Callback"})]})]},t)})})]}),(0,a.jsx)(H.Z,{size:"xs",className:"mt-2",onClick:()=>{console.log("Add callback clicked"),m(!0)},children:"Add Callback"})]})}),(0,a.jsx)(eB.Z,{children:(0,a.jsxs)(eg.Z,{children:[(0,a.jsxs)(el.Z,{className:"my-2",children:["Alerts are only supported for Slack Webhook URLs. Get your webhook urls from ",(0,a.jsx)("a",{href:"https://api.slack.com/messaging/webhooks",target:"_blank",style:{color:"blue"},children:"here"})]}),(0,a.jsxs)(ew.Z,{children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{}),(0,a.jsx)(ev.Z,{}),(0,a.jsx)(ev.Z,{children:"Slack Webhook URL"})]})}),(0,a.jsx)(eb.Z,{children:Object.entries(v).map((e,l)=>{let[t,s]=e;return(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(e_.Z,{children:(0,a.jsx)(lt.Z,{id:"switch",name:"switch",checked:S(t),onChange:()=>k(t)})}),(0,a.jsx)(e_.Z,{children:(0,a.jsx)(el.Z,{children:s})}),(0,a.jsx)(e_.Z,{children:(0,a.jsx)($.Z,{name:t,type:"password",defaultValue:y&&y[t]?y[t]:f})})]},l)})})]}),(0,a.jsx)(H.Z,{size:"xs",className:"mt-2",onClick:()=>{if(!l)return;let e={};Object.entries(v).forEach(l=>{let[t,s]=l,r=document.querySelector('input[name="'.concat(t,'"]'));console.log("key",t),console.log("webhookInput",r);let a=(null==r?void 0:r.value)||"";console.log("newWebhookValue",a),e[t]=a}),console.log("updatedAlertToWebhooks",e);let t={general_settings:{alert_to_webhook_url:e,alert_types:b}};console.log("payload",t);try{G(l,t)}catch(e){h.ZP.error("Failed to update alerts: "+e,20)}h.ZP.success("Alerts updated successfully")},children:"Save Changes"}),(0,a.jsx)(H.Z,{onClick:()=>V(l,"slack"),className:"mx-2",children:"Test Alerts"})]})})]})]})}),(0,a.jsx)(en.Z,{title:"Add Callback",visible:d,onOk:N,width:800,onCancel:()=>{m(!1),u.resetFields(),p(null)},footer:null,children:(0,a.jsxs)(ea.Z,{form:u,layout:"vertical",onFinish:N,children:[(0,a.jsx)(ea.Z.Item,{label:"Callback",name:"callback",rules:[{required:!0,message:"Please select a callback"}],children:(0,a.jsx)(er.default,{onChange:e=>{p(e)},children:(0,a.jsx)(er.default.Option,{value:"langfuse",children:"langfuse"})})}),"langfuse"===x&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ea.Z.Item,{label:"LANGFUSE_PUBLIC_KEY",name:"langfusePublicKey",rules:[{required:!0,message:"Please enter the public key"}],children:(0,a.jsx)($.Z,{type:"password"})}),(0,a.jsx)(ea.Z.Item,{label:"LANGFUSE_PRIVATE_KEY",name:"langfusePrivateKey",rules:[{required:!0,message:"Please enter the private key"}],children:(0,a.jsx)($.Z,{type:"password"})})]}),(0,a.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{htmlType:"submit",children:"Save"})})]})})]})):null};let{Option:lr}=er.default;var la=e=>{let{models:l,accessToken:t,routerSettings:s,setRouterSettings:r}=e,[o]=ea.Z.useForm(),[i,c]=(0,n.useState)(!1),[d,m]=(0,n.useState)("");return(0,a.jsxs)("div",{children:[(0,a.jsx)(H.Z,{className:"mx-auto",onClick:()=>c(!0),children:"+ Add Fallbacks"}),(0,a.jsx)(en.Z,{title:"Add Fallbacks",visible:i,width:800,footer:null,onOk:()=>{c(!1),o.resetFields()},onCancel:()=>{c(!1),o.resetFields()},children:(0,a.jsxs)(ea.Z,{form:o,onFinish:e=>{console.log(e);let{model_name:l,models:a}=e,n=[...s.fallbacks||[],{[l]:a}],i={...s,fallbacks:n};console.log(i);try{G(t,{router_settings:i}),r(i)}catch(e){h.ZP.error("Failed to update router settings: "+e,20)}h.ZP.success("router settings updated successfully"),c(!1),o.resetFields()},labelCol:{span:8},wrapperCol:{span:16},labelAlign:"left",children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ea.Z.Item,{label:"Public Model Name",name:"model_name",rules:[{required:!0,message:"Set the model to fallback for"}],help:"required",children:(0,a.jsx)(eA.Z,{defaultValue:d,children:l&&l.map((e,l)=>(0,a.jsx)(eN.Z,{value:e,onClick:()=>m(e),children:e},l))})}),(0,a.jsx)(ea.Z.Item,{label:"Fallback Models",name:"models",rules:[{required:!0,message:"Please select a model"}],help:"required",children:(0,a.jsx)(eV.Z,{value:l,children:l&&l.filter(e=>e!=d).map(e=>(0,a.jsx)(eK.Z,{value:e,children:e},e))})})]}),(0,a.jsx)("div",{style:{textAlign:"right",marginTop:"10px"},children:(0,a.jsx)(ec.ZP,{htmlType:"submit",children:"Add Fallbacks"})})]})})]})},ln=t(12968);async function lo(e,l){console.log("isLocal:",!1);let t=window.location.origin,s=new ln.ZP.OpenAI({apiKey:l,baseURL:t,dangerouslyAllowBrowser:!0});try{let l=await s.chat.completions.create({model:e,messages:[{role:"user",content:"Hi, this is a test message"}],mock_testing_fallbacks:!0});h.ZP.success((0,a.jsxs)("span",{children:["Test model=",(0,a.jsx)("strong",{children:e}),", received model=",(0,a.jsx)("strong",{children:l.model}),". See ",(0,a.jsx)("a",{href:"#",onClick:()=>window.open("https://docs.litellm.ai/docs/proxy/reliability","_blank"),style:{textDecoration:"underline",color:"blue"},children:"curl"})]}))}catch(e){h.ZP.error("Error occurred while generating model response. Please try again. Error: ".concat(e),20)}}let li={ttl:3600,lowest_latency_buffer:0},lc=e=>{let{selectedStrategy:l,strategyArgs:t,paramExplanation:s}=e;return(0,a.jsxs)(X.Z,{children:[(0,a.jsx)(ee.Z,{className:"text-sm font-medium text-tremor-content-strong dark:text-dark-tremor-content-strong",children:"Routing Strategy Specific Args"}),(0,a.jsx)(Q.Z,{children:"latency-based-routing"==l?(0,a.jsx)(eg.Z,{children:(0,a.jsxs)(ew.Z,{children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"Setting"}),(0,a.jsx)(ev.Z,{children:"Value"})]})}),(0,a.jsx)(eb.Z,{children:Object.entries(t).map(e=>{let[l,t]=e;return(0,a.jsxs)(eS.Z,{children:[(0,a.jsxs)(e_.Z,{children:[(0,a.jsx)(el.Z,{children:l}),(0,a.jsx)("p",{style:{fontSize:"0.65rem",color:"#808080",fontStyle:"italic"},className:"mt-1",children:s[l]})]}),(0,a.jsx)(e_.Z,{children:(0,a.jsx)($.Z,{name:l,defaultValue:"object"==typeof t?JSON.stringify(t,null,2):t.toString()})})]},l)})})]})}):(0,a.jsx)(el.Z,{children:"No specific settings"})})]})};var ld=e=>{let{accessToken:l,userRole:t,userID:s,modelData:r}=e,[o,i]=(0,n.useState)({}),[c,d]=(0,n.useState)(!1),[m]=ea.Z.useForm(),[u,x]=(0,n.useState)(null),[p,j]=(0,n.useState)(null),[g,f]=(0,n.useState)(null),Z={routing_strategy_args:"(dict) Arguments to pass to the routing strategy",routing_strategy:"(string) Routing strategy to use",allowed_fails:"(int) Number of times a deployment can fail before being added to cooldown",cooldown_time:"(int) time in seconds to cooldown a deployment after failure",num_retries:"(int) Number of retries for failed requests. Defaults to 0.",timeout:"(float) Timeout for requests. Defaults to None.",retry_after:"(int) Minimum time to wait before retrying a failed request",ttl:"(int) Sliding window to look back over when calculating the average latency of a deployment. Default - 1 hour (in seconds).",lowest_latency_buffer:"(float) Shuffle between deployments within this % of the lowest latency. Default - 0 (i.e. always pick lowest latency)."};(0,n.useEffect)(()=>{l&&t&&s&&K(l,s,t).then(e=>{console.log("callbacks",e),i(e.router_settings)})},[l,t,s]);let y=async e=>{if(l){console.log("received key: ".concat(e)),console.log("routerSettings['fallbacks']: ".concat(o.fallbacks)),o.fallbacks.map(l=>(e in l&&delete l[e],l));try{await G(l,{router_settings:o}),i({...o}),j(o.routing_strategy),h.ZP.success("Router settings updated successfully")}catch(e){h.ZP.error("Failed to update router settings: "+e,20)}}},w=e=>{if(!l)return;console.log("router_settings",e);let t=Object.fromEntries(Object.entries(e).map(e=>{let[l,t]=e;if("routing_strategy_args"!==l&&"routing_strategy"!==l){var s;return[l,(null===(s=document.querySelector('input[name="'.concat(l,'"]')))||void 0===s?void 0:s.value)||t]}if("routing_strategy"==l)return[l,p];if("routing_strategy_args"==l&&"latency-based-routing"==p){let e={},l=document.querySelector('input[name="lowest_latency_buffer"]'),t=document.querySelector('input[name="ttl"]');return(null==l?void 0:l.value)&&(e.lowest_latency_buffer=Number(l.value)),(null==t?void 0:t.value)&&(e.ttl=Number(t.value)),console.log("setRoutingStrategyArgs: ".concat(e)),["routing_strategy_args",e]}return null}).filter(e=>null!=e));console.log("updatedVariables",t);try{G(l,{router_settings:t})}catch(e){h.ZP.error("Failed to update router settings: "+e,20)}h.ZP.success("router settings updated successfully")};return l?(0,a.jsx)("div",{className:"w-full mx-4",children:(0,a.jsxs)(eD.Z,{className:"gap-2 p-8 h-[75vh] w-full mt-2",children:[(0,a.jsxs)(ez.Z,{variant:"line",defaultValue:"1",children:[(0,a.jsx)(eU.Z,{value:"1",children:"General Settings"}),(0,a.jsx)(eU.Z,{value:"2",children:"Fallbacks"})]}),(0,a.jsxs)(eq.Z,{children:[(0,a.jsx)(eB.Z,{children:(0,a.jsxs)(Y.Z,{numItems:1,className:"gap-2 p-8 w-full mt-2",children:[(0,a.jsx)(et.Z,{children:"Router Settings"}),(0,a.jsxs)(eg.Z,{children:[(0,a.jsxs)(ew.Z,{children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"Setting"}),(0,a.jsx)(ev.Z,{children:"Value"})]})}),(0,a.jsx)(eb.Z,{children:Object.entries(o).filter(e=>{let[l,t]=e;return"fallbacks"!=l&&"context_window_fallbacks"!=l&&"routing_strategy_args"!=l}).map(e=>{let[l,t]=e;return(0,a.jsxs)(eS.Z,{children:[(0,a.jsxs)(e_.Z,{children:[(0,a.jsx)(el.Z,{children:l}),(0,a.jsx)("p",{style:{fontSize:"0.65rem",color:"#808080",fontStyle:"italic"},className:"mt-1",children:Z[l]})]}),(0,a.jsx)(e_.Z,{children:"routing_strategy"==l?(0,a.jsxs)(eA.Z,{defaultValue:t,className:"w-full max-w-md",onValueChange:j,children:[(0,a.jsx)(eN.Z,{value:"usage-based-routing",children:"usage-based-routing"}),(0,a.jsx)(eN.Z,{value:"latency-based-routing",children:"latency-based-routing"}),(0,a.jsx)(eN.Z,{value:"simple-shuffle",children:"simple-shuffle"})]}):(0,a.jsx)($.Z,{name:l,defaultValue:"object"==typeof t?JSON.stringify(t,null,2):t.toString()})})]},l)})})]}),(0,a.jsx)(lc,{selectedStrategy:p,strategyArgs:o&&o.routing_strategy_args&&Object.keys(o.routing_strategy_args).length>0?o.routing_strategy_args:li,paramExplanation:Z})]}),(0,a.jsx)(W.Z,{children:(0,a.jsx)(H.Z,{className:"mt-2",onClick:()=>w(o),children:"Save Changes"})})]})}),(0,a.jsxs)(eB.Z,{children:[(0,a.jsxs)(ew.Z,{children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"Model Name"}),(0,a.jsx)(ev.Z,{children:"Fallbacks"})]})}),(0,a.jsx)(eb.Z,{children:o.fallbacks&&o.fallbacks.map((e,t)=>Object.entries(e).map(e=>{let[s,r]=e;return(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(e_.Z,{children:s}),(0,a.jsx)(e_.Z,{children:Array.isArray(r)?r.join(", "):r}),(0,a.jsx)(e_.Z,{children:(0,a.jsx)(H.Z,{onClick:()=>lo(s,l),children:"Test Fallback"})}),(0,a.jsx)(e_.Z,{children:(0,a.jsx)(ey.Z,{icon:ex.Z,size:"sm",onClick:()=>y(s)})})]},t.toString()+s)}))})]}),(0,a.jsx)(la,{models:(null==r?void 0:r.data)?r.data.map(e=>e.model_name):[],accessToken:l,routerSettings:o,setRouterSettings:i})]})]})]})}):null},lm=t(67951),lh=e=>{let{}=e;return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(Y.Z,{className:"gap-2 p-8 h-[80vh] w-full mt-2",children:(0,a.jsxs)("div",{className:"mb-5",children:[(0,a.jsx)("p",{className:"text-2xl text-tremor-content-strong dark:text-dark-tremor-content-strong font-semibold",children:"OpenAI Compatible Proxy: API Reference"}),(0,a.jsx)(el.Z,{className:"mt-2 mb-2",children:"LiteLLM is OpenAI Compatible. This means your API Key works with the OpenAI SDK. Just replace the base_url to point to your litellm proxy. Example Below "}),(0,a.jsxs)(eD.Z,{children:[(0,a.jsxs)(ez.Z,{children:[(0,a.jsx)(eU.Z,{children:"OpenAI Python SDK"}),(0,a.jsx)(eU.Z,{children:"LlamaIndex"}),(0,a.jsx)(eU.Z,{children:"Langchain Py"})]}),(0,a.jsxs)(eq.Z,{children:[(0,a.jsx)(eB.Z,{children:(0,a.jsx)(lm.Z,{language:"python",children:'\nimport openai\nclient = openai.OpenAI(\n api_key="your_api_key",\n base_url="http://0.0.0.0:4000" # LiteLLM Proxy is OpenAI compatible, Read More: https://docs.litellm.ai/docs/proxy/user_keys\n)\n\nresponse = client.chat.completions.create(\n model="gpt-3.5-turbo", # model to send to the proxy\n messages = [\n {\n "role": "user",\n "content": "this is a test request, write a short poem"\n }\n ]\n)\n\nprint(response)\n '})}),(0,a.jsx)(eB.Z,{children:(0,a.jsx)(lm.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,a.jsx)(eB.Z,{children:(0,a.jsx)(lm.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:4000",\n model = "gpt-3.5-turbo",\n temperature=0.1\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 '})})]})]})]})})})};async function lu(e,l,t,s){console.log("isLocal:",!1);let r=window.location.origin,a=new ln.ZP.OpenAI({apiKey:s,baseURL:r,dangerouslyAllowBrowser:!0});try{for await(let s of(await a.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),20)}}var lx=e=>{let{accessToken:l,token:t,userRole:s,userID:r}=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&&r&&(async()=>{try{let e=await S(l,r,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,r,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}]})},f=async()=>{if(""!==c.trim()&&o&&t&&s&&r){h(e=>[...e,{role:"user",content:c}]);try{u&&await lu(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}=eR.default;return(0,a.jsxs)("div",{children:[(0,a.jsx)(e,{level:1,children:"Access Denied"}),(0,a.jsx)(l,{children:"Ask your proxy admin for access to test models"})]})}return(0,a.jsx)("div",{style:{width:"100%",position:"relative"},children:(0,a.jsx)(Y.Z,{className:"gap-2 p-8 h-[80vh] w-full mt-2",children:(0,a.jsx)(eg.Z,{children:(0,a.jsxs)(eD.Z,{children:[(0,a.jsx)(ez.Z,{children:(0,a.jsx)(eU.Z,{children:"Chat"})}),(0,a.jsx)(eq.Z,{children:(0,a.jsxs)(eB.Z,{children:[(0,a.jsx)("div",{className:"sm:max-w-2xl",children:(0,a.jsxs)(Y.Z,{numItems:2,children:[(0,a.jsxs)(W.Z,{children:[(0,a.jsx)(el.Z,{children:"API Key"}),(0,a.jsx)($.Z,{placeholder:"Type API Key here",type:"password",onValueChange:i,value:o})]}),(0,a.jsxs)(W.Z,{className:"mx-2",children:[(0,a.jsx)(el.Z,{children:"Select Model:"}),(0,a.jsx)(er.default,{placeholder:"Select a Model",onChange:e=>{console.log("selected ".concat(e)),x(e)},options:p,style:{width:"200px"}})]})]})}),(0,a.jsxs)(ew.Z,{className:"mt-5",style:{display:"block",maxHeight:"60vh",overflowY:"auto"},children:[(0,a.jsx)(ek.Z,{children:(0,a.jsx)(eS.Z,{children:(0,a.jsx)(e_.Z,{})})}),(0,a.jsx)(eb.Z,{children:m.map((e,l)=>(0,a.jsx)(eS.Z,{children:(0,a.jsx)(e_.Z,{children:"".concat(e.role,": ").concat(e.content)})},l))})]}),(0,a.jsx)("div",{className:"mt-3",style:{position:"absolute",bottom:5,width:"95%"},children:(0,a.jsxs)("div",{className:"flex",children:[(0,a.jsx)($.Z,{type:"text",value:c,onChange:e=>d(e.target.value),placeholder:"Type your message..."}),(0,a.jsx)(H.Z,{onClick:f,className:"ml-2",children:"Send"})]})})]})})]})})})})},lp=t(33509),lj=t(95781);let{Sider:lg}=lp.default;var lf=e=>{let{setPage:l,userRole:t,defaultSelectedKey:s}=e;return"Admin Viewer"==t?(0,a.jsx)(lp.default,{style:{minHeight:"100vh",maxWidth:"120px"},children:(0,a.jsx)(lg,{width:120,children:(0,a.jsxs)(lj.Z,{mode:"inline",defaultSelectedKeys:s||["4"],style:{height:"100%",borderRight:0},children:[(0,a.jsx)(lj.Z.Item,{onClick:()=>l("api-keys"),children:"API Keys"},"4"),(0,a.jsx)(lj.Z.Item,{onClick:()=>l("models"),children:"Models"},"2"),(0,a.jsx)(lj.Z.Item,{onClick:()=>l("llm-playground"),children:"Chat UI"},"3"),(0,a.jsx)(lj.Z.Item,{onClick:()=>l("usage"),children:"Usage"},"1")]})})}):(0,a.jsx)(lp.default,{style:{minHeight:"100vh",maxWidth:"145px"},children:(0,a.jsx)(lg,{width:145,children:(0,a.jsxs)(lj.Z,{mode:"inline",defaultSelectedKeys:s||["1"],style:{height:"100%",borderRight:0},children:[(0,a.jsx)(lj.Z.Item,{onClick:()=>l("api-keys"),children:(0,a.jsx)(el.Z,{children:"API Keys"})},"1"),(0,a.jsx)(lj.Z.Item,{onClick:()=>l("llm-playground"),children:(0,a.jsx)(el.Z,{children:"Test Key"})},"3"),"Admin"==t?(0,a.jsx)(lj.Z.Item,{onClick:()=>l("models"),children:(0,a.jsx)(el.Z,{children:"Models"})},"2"):null,"Admin"==t?(0,a.jsx)(lj.Z.Item,{onClick:()=>l("usage"),children:(0,a.jsx)(el.Z,{children:"Usage"})},"4"):null,"Admin"==t?(0,a.jsx)(lj.Z.Item,{onClick:()=>l("teams"),children:(0,a.jsx)(el.Z,{children:"Teams"})},"6"):null,"Admin"==t?(0,a.jsx)(lj.Z.Item,{onClick:()=>l("users"),children:(0,a.jsx)(el.Z,{children:"Users"})},"5"):null,"Admin"==t?(0,a.jsx)(lj.Z.Item,{onClick:()=>l("settings"),children:(0,a.jsx)(el.Z,{children:"Logging & Alerts"})},"8"):null,"Admin"==t?(0,a.jsx)(lj.Z.Item,{onClick:()=>l("general-settings"),children:(0,a.jsx)(el.Z,{children:"Router Settings"})},"9"):null,"Admin"==t?(0,a.jsx)(lj.Z.Item,{onClick:()=>l("admin-panel"),children:(0,a.jsx)(el.Z,{children:"Admin"})},"7"):null,(0,a.jsx)(lj.Z.Item,{onClick:()=>l("api_ref"),children:(0,a.jsx)(el.Z,{children:"API Reference"})},"11")]})})})},lZ=t(67989),ly=e=>{let{accessToken:l,token:t,userRole:s,userID:r}=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)([]),[f,Z]=(0,n.useState)([]),[y,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),S=E(k),A=E(v);function E(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(S)),console.log("End date is ".concat(A)),(0,n.useEffect)(()=>{l&&t&&s&&r&&(async()=>{try{if(console.log("user role: ".concat(s)),"Admin"==s||"Admin Viewer"==s){let e=await P(l);c(e);let t=(await T(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 F(l)).map(e=>({key:e.model,spend:e.total_spend}));u(s);let r=await N(l);console.log("teamSpend",r),g(r.daily_spend),w(r.teams);let a=r.total_spend_per_team;a=a.map(e=>(e.name=e.team_id||"",e.value=e.total_spend||0,e)),_(a);let n=await C(l);Z(n.top_10_tags)}else"App Owner"==s&&await I(l,t,s,r,S,A).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 O(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,r,S,A]),(0,a.jsxs)("div",{style:{width:"100%"},className:"p-8",children:[(0,a.jsx)(eE,{userID:r,userRole:s,accessToken:l,userSpend:null,selectedTeam:null}),(0,a.jsxs)(eD.Z,{children:[(0,a.jsxs)(ez.Z,{className:"mt-2",children:[(0,a.jsx)(eU.Z,{children:"All Up"}),(0,a.jsx)(eU.Z,{children:"Team Based Usage"}),(0,a.jsx)(eU.Z,{children:"Tag Based Usage"})]}),(0,a.jsxs)(eq.Z,{children:[(0,a.jsx)(eB.Z,{children:(0,a.jsxs)(Y.Z,{numItems:2,className:"gap-2 h-[75vh] w-full",children:[(0,a.jsx)(W.Z,{numColSpan:2,children:(0,a.jsxs)(eg.Z,{children:[(0,a.jsx)(et.Z,{children:"Monthly Spend"}),(0,a.jsx)(ej.Z,{data:i,index:"date",categories:["spend"],colors:["blue"],valueFormatter:e=>"$ ".concat(new Intl.NumberFormat("us").format(e).toString()),yAxisWidth:100,tickGap:5})]})}),(0,a.jsx)(W.Z,{numColSpan:1,children:(0,a.jsxs)(eg.Z,{children:[(0,a.jsx)(et.Z,{children:"Top API Keys"}),(0,a.jsx)(ej.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,a.jsx)(W.Z,{numColSpan:1,children:(0,a.jsxs)(eg.Z,{children:[(0,a.jsx)(et.Z,{children:"Top Users"}),(0,a.jsx)(ej.Z,{className:"mt-4 h-40",data:x,index:"user_id",categories:["spend"],colors:["blue"],yAxisWidth:200,layout:"vertical",showXAxis:!1,showLegend:!1})]})}),(0,a.jsx)(W.Z,{numColSpan:1,children:(0,a.jsxs)(eg.Z,{children:[(0,a.jsx)(et.Z,{children:"Top Models"}),(0,a.jsx)(ej.Z,{className:"mt-4 h-40",data:h,index:"key",categories:["spend"],colors:["blue"],yAxisWidth:200,layout:"vertical",showXAxis:!1,showLegend:!1})]})})]})}),(0,a.jsx)(eB.Z,{children:(0,a.jsxs)(Y.Z,{numItems:2,className:"gap-2 h-[75vh] w-full",children:[(0,a.jsxs)(W.Z,{numColSpan:2,children:[(0,a.jsxs)(eg.Z,{className:"mb-2",children:[(0,a.jsx)(et.Z,{children:"Total Spend Per Team"}),(0,a.jsx)(lZ.Z,{data:b})]}),(0,a.jsxs)(eg.Z,{children:[(0,a.jsx)(et.Z,{children:"Daily Spend Per Team"}),(0,a.jsx)(ej.Z,{className:"h-72",data:j,showLegend:!0,index:"date",categories:y,yAxisWidth:80,colors:["blue","green","yellow","red","purple"],stack:!0})]})]}),(0,a.jsx)(W.Z,{numColSpan:2})]})}),(0,a.jsx)(eB.Z,{children:(0,a.jsxs)(Y.Z,{numItems:2,className:"gap-2 h-[75vh] w-full mb-4",children:[(0,a.jsx)(W.Z,{numColSpan:2,children:(0,a.jsxs)(eg.Z,{children:[(0,a.jsx)(et.Z,{children:"Spend Per Tag - Last 30 Days"}),(0,a.jsxs)(el.Z,{children:["Get Started Tracking cost per tag ",(0,a.jsx)("a",{href:"https://docs.litellm.ai/docs/proxy/enterprise#tracking-spend-for-custom-tags",target:"_blank",children:"here"})]}),(0,a.jsxs)(ew.Z,{children:[(0,a.jsx)(ek.Z,{children:(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(ev.Z,{children:"Tag"}),(0,a.jsx)(ev.Z,{children:"Spend"}),(0,a.jsx)(ev.Z,{children:"Requests"})]})}),(0,a.jsx)(eb.Z,{children:f.map(e=>(0,a.jsxs)(eS.Z,{children:[(0,a.jsx)(e_.Z,{children:e.name}),(0,a.jsx)(e_.Z,{children:e.value}),(0,a.jsx)(e_.Z,{children:e.log_count})]},e.name))})]})]})}),(0,a.jsx)(W.Z,{numColSpan:2})]})})]})]})]})},lw=()=>{let{Title:e,Paragraph:l}=eR.default,[t,s]=(0,n.useState)(""),[r,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,f]=(0,n.useState)({data:[]}),Z=j.get("userID"),y=j.get("token"),[w,b]=(0,n.useState)("api-keys"),[_,k]=(0,n.useState)(null);return(0,n.useEffect)(()=>{if(y){let e=(0,eM.o)(y);if(e){if(console.log("Decoded token:",e),console.log("Decoded key:",e.key),k(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&&b("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,a.jsx)(n.Suspense,{fallback:(0,a.jsx)("div",{children:"Loading..."}),children:(0,a.jsxs)("div",{className:"flex flex-col min-h-screen",children:[(0,a.jsx)(m,{userID:Z,userRole:t,userEmail:r,showSSOBanner:x}),(0,a.jsxs)("div",{className:"flex flex-1 overflow-auto",children:[(0,a.jsx)("div",{className:"mt-8",children:(0,a.jsx)(lf,{setPage:b,userRole:t,defaultSelectedKey:null})}),"api-keys"==w?(0,a.jsx)(eL,{userID:Z,userRole:t,teams:c,keys:h,setUserRole:s,userEmail:r,setUserEmail:i,setTeams:d,setKeys:u}):"models"==w?(0,a.jsx)(e3,{userID:Z,userRole:t,token:y,accessToken:_,modelData:g,setModelData:f}):"llm-playground"==w?(0,a.jsx)(lx,{userID:Z,userRole:t,token:y,accessToken:_}):"users"==w?(0,a.jsx)(e7,{userID:Z,userRole:t,token:y,keys:h,teams:c,accessToken:_,setKeys:u}):"teams"==w?(0,a.jsx)(e9,{teams:c,setTeams:d,searchParams:j,accessToken:_,userID:Z,userRole:t}):"admin-panel"==w?(0,a.jsx)(ll,{setTeams:d,searchParams:j,accessToken:_,showSSOBanner:x}):"api_ref"==w?(0,a.jsx)(lh,{}):"settings"==w?(0,a.jsx)(ls,{userID:Z,userRole:t,accessToken:_}):"general-settings"==w?(0,a.jsx)(ld,{userID:Z,userRole:t,accessToken:_,modelData:g}):(0,a.jsx)(ly,{userID:Z,userRole:t,token:y,accessToken:_})]})]})})}}},function(e){e.O(0,[761,971,69,744],function(){return e(e.s=20661)}),_N_E=e.O()}]);
View git blame Copy permalink