diff --git a/ui/litellm-dashboard/public/assets/logos/microsoft_365_copilot.svg b/ui/litellm-dashboard/public/assets/logos/microsoft_365_copilot.svg new file mode 100644 index 00000000000..e4971fa7215 --- /dev/null +++ b/ui/litellm-dashboard/public/assets/logos/microsoft_365_copilot.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file 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 e1f379b11bd..7de8605e92f 100644 --- a/ui/litellm-dashboard/src/components/provider_info_helpers.test.tsx +++ b/ui/litellm-dashboard/src/components/provider_info_helpers.test.tsx @@ -14,6 +14,13 @@ describe("provider_info_helpers", () => { expect(getPlaceholder(Providers.MICROSOFT_365_COPILOT)).toBe("microsoft_365_copilot/chat"); }); + it("shows the Microsoft 365 Copilot logo rather than the Azure one", () => { + const { logo, displayName } = getProviderLogoAndName("microsoft_365_copilot"); + expect(displayName).toBe("Microsoft 365 Copilot"); + expect(logo).toContain("microsoft_365_copilot"); + expect(logo).not.toBe(providerLogoMap[Providers.Azure]); + }); + describe("getProviderLogoAndName", () => { it("should return empty logo and dash display name when providerValue is empty", () => { const result = getProviderLogoAndName(""); diff --git a/ui/litellm-dashboard/src/components/provider_info_helpers.tsx b/ui/litellm-dashboard/src/components/provider_info_helpers.tsx index c543de7e58c..fca4e5bc74d 100644 --- a/ui/litellm-dashboard/src/components/provider_info_helpers.tsx +++ b/ui/litellm-dashboard/src/components/provider_info_helpers.tsx @@ -32,6 +32,7 @@ import jinaLogo from "../../public/assets/logos/jina.png"; import lambdaLogo from "../../public/assets/logos/lambda.svg"; import lmstudioLogo from "../../public/assets/logos/lmstudio.svg"; import metaLlamaLogo from "../../public/assets/logos/meta_llama.svg"; +import microsoft365CopilotLogo from "../../public/assets/logos/microsoft_365_copilot.svg"; import microsoftAzureLogo from "../../public/assets/logos/microsoft_azure.svg"; import minimaxLogo from "../../public/assets/logos/minimax.svg"; import mistralLogo from "../../public/assets/logos/mistral.svg"; @@ -366,7 +367,7 @@ export const providerLogoMap: Partial> = { [Providers.LM_STUDIO]: lmstudioLogo.src, [Providers.LLAMA]: metaLlamaLogo.src, [Providers.MiniMax]: minimaxLogo.src, - [Providers.MICROSOFT_365_COPILOT]: microsoftAzureLogo.src, + [Providers.MICROSOFT_365_COPILOT]: microsoft365CopilotLogo.src, [Providers.MistralAI]: mistralLogo.src, [Providers.MOONSHOT]: moonshotLogo.src, [Providers.MORPH]: morphLogo.src,