From f9f6027d7efc28b44f5702ccf3c9f651918ffce8 Mon Sep 17 00:00:00 2001
From: Mubashir Osmani <mubashir@berri.ai>
Date: Fri, 24 Jul 2026 05:10:34 +0000
Subject: [PATCH] feat(ui): show LiteLLM logo for auto_router models

Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 .../src/components/provider_info_helpers.test.tsx         | 8 +++++++-
 .../src/components/provider_info_helpers.tsx              | 2 ++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/ui/litellm-dashboard/src/components/provider_info_helpers.test.tsx b/ui/litellm-dashboard/src/components/provider_info_helpers.test.tsx
index 777cdc62987..d9bee9101a9 100644
--- a/ui/litellm-dashboard/src/components/provider_info_helpers.test.tsx
+++ b/ui/litellm-dashboard/src/components/provider_info_helpers.test.tsx
@@ -116,7 +116,6 @@ describe("provider_info_helpers", () => {
   describe("provider logo bundled assets", () => {
     it("should map every provider to a bundled logo except the known logoless set, never a raw /ui/assets path", () => {
       const knownLogolessProviders = [
-        Providers.AUTO_ROUTER,
         Providers.BYTEZ,
         Providers.CLARIFAI,
         Providers.COMPACTIFAI,
@@ -150,6 +149,13 @@ describe("provider_info_helpers", () => {
       const { logo } = getProviderLogoAndName("openai");
       expect(logo).toContain("openai_small");
     });
+
+    it("should resolve the auto_router provider to the bundled LiteLLM logo", () => {
+      const { logo, displayName } = getProviderLogoAndName("auto_router");
+      expect(displayName).toBe(Providers.AUTO_ROUTER);
+      expect(logo).toBeTruthy();
+      expect(logo).toContain("litellm_logo");
+    });
   });
 
   describe("getPlaceholder", () => {
diff --git a/ui/litellm-dashboard/src/components/provider_info_helpers.tsx b/ui/litellm-dashboard/src/components/provider_info_helpers.tsx
index fa6b3c79230..3f98d8352d2 100644
--- a/ui/litellm-dashboard/src/components/provider_info_helpers.tsx
+++ b/ui/litellm-dashboard/src/components/provider_info_helpers.tsx
@@ -28,6 +28,7 @@ import hyperbolicLogo from "../../public/assets/logos/hyperbolic.svg";
 import infinityLogo from "../../public/assets/logos/infinity.png";
 import jinaLogo from "../../public/assets/logos/jina.png";
 import lambdaLogo from "../../public/assets/logos/lambda.svg";
+import litellmLogo from "../../public/assets/logos/litellm_logo.jpg";
 import lmstudioLogo from "../../public/assets/logos/lmstudio.svg";
 import metaLlamaLogo from "../../public/assets/logos/meta_llama.svg";
 import microsoftAzureLogo from "../../public/assets/logos/microsoft_azure.svg";
@@ -292,6 +293,7 @@ export const providerLogoMap: Partial<Record<Providers, string>> = {
   [Providers.Anthropic]: anthropicLogo.src,
   [Providers.ANTHROPIC_TEXT]: anthropicLogo.src,
   [Providers.AssemblyAI]: assemblyaiSmallLogo.src,
+  [Providers.AUTO_ROUTER]: litellmLogo.src,
   [Providers.Azure]: microsoftAzureLogo.src,
   [Providers.Azure_AI_Studio]: microsoftAzureLogo.src,
   [Providers.AZURE_TEXT]: microsoftAzureLogo.src,