diff --git a/ui/litellm-dashboard/src/components/model_dashboard.tsx b/ui/litellm-dashboard/src/components/model_dashboard.tsx index f96916cfd4..3f76a88e2e 100644 --- a/ui/litellm-dashboard/src/components/model_dashboard.tsx +++ b/ui/litellm-dashboard/src/components/model_dashboard.tsx @@ -143,7 +143,8 @@ enum Providers { Anthropic = "Anthropic", Google_AI_Studio = "Google AI Studio", Bedrock = "Amazon Bedrock", - OpenAI_Compatible = "OpenAI-Compatible Endpoints (Groq, Together AI, Mistral AI, etc.)", + Groq = "Groq", + OpenAI_Compatible = "OpenAI-Compatible Endpoints (Together AI, Mistral AI, etc.)", Vertex_AI = "Vertex AI (Anthropic, Gemini, etc.)", Databricks = "Databricks", Ollama = "Ollama", @@ -156,6 +157,7 @@ const provider_map: Record = { Anthropic: "anthropic", Google_AI_Studio: "gemini", Bedrock: "bedrock", + Groq: "groq", OpenAI_Compatible: "openai", Vertex_AI: "vertex_ai", Databricks: "databricks", @@ -844,6 +846,7 @@ const ModelDashboard: React.FC = ({ modelData.data[i].provider = provider; modelData.data[i].input_cost = input_cost; modelData.data[i].output_cost = output_cost; + modelData.data[i].litellm_model_name = litellm_model_name; // Convert Cost in terms of Cost per 1M tokens if (modelData.data[i].input_cost) { @@ -1381,6 +1384,16 @@ const ModelDashboard: React.FC = ({ > Provider + + LiteLLM Model + {userRole === "Admin" && ( = ({ >

{model.provider || "-"}

+ + +
+                                  {model && model.litellm_model_name
+                                    ? model.litellm_model_name.slice(0, 20) + (model.litellm_model_name.length > 20 ? "..." : "")
+                                    : "-"}
+                                
+
+ +
{userRole === "Admin" && ( = ({ userID, userRole, accessT console.log(`userSpend: ${userSpend}`) let [spend, setSpend] = useState(userSpend !== null ? userSpend : 0.0); const [maxBudget, setMaxBudget] = useState(selectedTeam ? selectedTeam.max_budget : null); - console.log(`maxBudget: ${maxBudget}, selectedTeam.max_budget: ${selectedTeam.max_budget}, selectedTeam: ${JSON.stringify(selectedTeam)}`) + const team_budget = selectedTeam ? selectedTeam.max_budget : "unlimited"; + console.log(`maxBudget: ${maxBudget}, selectedTeam.max_budget: ${team_budget}, selectedTeam: ${JSON.stringify(selectedTeam)}`) const [userModels, setUserModels] = useState([]); useEffect(() => { const fetchData = async () => {