diff --git a/ui/litellm-dashboard/src/components/networking.tsx b/ui/litellm-dashboard/src/components/networking.tsx index cc79b9962..75819af58 100644 --- a/ui/litellm-dashboard/src/components/networking.tsx +++ b/ui/litellm-dashboard/src/components/networking.tsx @@ -701,6 +701,9 @@ export const claimOnboardingToken = async ( throw error; } }; +let ModelListerrorShown = false; +let errorTimer: NodeJS.Timeout | null = null; + export const modelInfoCall = async ( accessToken: String, userID: String, @@ -722,8 +725,21 @@ export const modelInfoCall = async ( }); if (!response.ok) { - const errorData = await response.text(); - message.error(errorData, 10); + let errorData = await response.text(); + errorData += `error shown=${ModelListerrorShown}` + if (!ModelListerrorShown) { + if (errorData.includes("No model list passed")) { + errorData = "No Models Exist. Click Add Model to get started."; + } + message.info(errorData, 10); + ModelListerrorShown = true; + + if (errorTimer) clearTimeout(errorTimer); + errorTimer = setTimeout(() => { + ModelListerrorShown = false; + }, 10000); + } + throw new Error("Network response was not ok"); } @@ -758,7 +774,6 @@ export const modelHubCall = async (accessToken: String) => { if (!response.ok) { const errorData = await response.text(); - message.error(errorData, 10); throw new Error("Network response was not ok"); } diff --git a/ui/litellm-dashboard/src/components/usage.tsx b/ui/litellm-dashboard/src/components/usage.tsx index 1ac91dd10..451eaefe6 100644 --- a/ui/litellm-dashboard/src/components/usage.tsx +++ b/ui/litellm-dashboard/src/components/usage.tsx @@ -32,7 +32,6 @@ import { allTagNamesCall, modelMetricsCall, modelAvailableCall, - modelInfoCall, adminspendByProvider, adminGlobalActivity, adminGlobalActivityPerModel,