scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-10-10 03:28:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 85

fix(ui): show the Microsoft 365 Copilot logo instead of the Azure one (#45687)

Browse source 
Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
Yassin Kortam 2026-10-09 15:42:31 -07:00 • committed by GitHub
parent da59afee44
commit 06006932c7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 52 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
ui/litellm-dashboard/public/assets/logos/microsoft_365_copilot.svg Normal file
View file

@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Copilot_Icons" data-name="Copilot Icons" viewBox="-1 15 513 481">
<defs>
<style>
.cls-1 {
fill: url(#radial-gradient-2);
}
.cls-2 {
fill: url(#linear-gradient-2);
}
.cls-3 {
fill: url(#radial-gradient);
}
.cls-4 {
fill: url(#linear-gradient);
}
</style>
<radialGradient id="radial-gradient" cx="987.21" cy="1216.02" fx="987.21" fy="1216.02" r="2" gradientTransform="translate(-402710.6509 -405348.4949) rotate(116.7194) scale(232.2644 -445.8898) skewX(-9.7245)" gradientUnits="userSpaceOnUse">
<stop offset=".25" stop-color="#109df2"/>
<stop offset=".72" stop-color="#aad445"/>
<stop offset=".97" stop-color="#ffd400"/>
</radialGradient>
<linearGradient id="linear-gradient" x1="175.87" y1="498.29" x2="173.86" y2="137.69" gradientTransform="translate(0 514) scale(1 -1)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#3dcbff"/>
<stop offset=".25" stop-color="#0588f7" stop-opacity="0"/>
</linearGradient>
<radialGradient id="radial-gradient-2" cx="987.17" cy="1215.84" fx="987.17" fy="1215.84" r="2" gradientTransform="translate(-214974.3479 -373904.6811) rotate(116.0466) scale(242.0348 -294.2735) skewX(.4853)" gradientUnits="userSpaceOnUse">
<stop offset=".07" stop-color="#8c48ff"/>
<stop offset=".5" stop-color="#f2598a"/>
<stop offset=".9" stop-color="#ffb152"/>
</radialGradient>
<linearGradient id="linear-gradient-2" x1="337.55" y1="400.48" x2="337.35" y2="302.27" gradientTransform="translate(0 514) scale(1 -1)" gradientUnits="userSpaceOnUse">
<stop offset=".06" stop-color="#f8adfa"/>
<stop offset=".71" stop-color="#a86edd" stop-opacity="0"/>
</linearGradient>
</defs>
<path class="cls-3" d="M347.3,115.17l-5.16,20.63h-49.62c-36.77,0-68.82,25.03-77.74,60.7l-44.92,179.7h-89.69c-52.13,0-90.38-48.99-77.74-99.57L47.46,96.53C59.35,48.97,102.08,15.6,151.11,15.6h118.45c52.13,0,90.38,48.99,77.74,99.57Z"/>
<path class="cls-4" d="M347.3,115.17l-5.16,20.63h-49.62c-36.77,0-68.82,25.03-77.74,60.7l-44.92,179.7h-89.69c-52.13,0-90.38-48.99-77.74-99.57L47.46,96.53C59.35,48.97,102.08,15.6,151.11,15.6h118.45c52.13,0,90.38,48.99,77.74,99.57Z"/>
<path class="cls-1" d="M164.7,396.83l5.16-20.63h49.62c36.77,0,68.82-25.03,77.74-60.7l44.92-179.7h89.69c52.13,0,90.38,48.99,77.74,99.57l-45.02,180.1c-11.89,47.56-54.63,80.93-103.66,80.93h-118.45c-52.13,0-90.38-48.99-77.74-99.57Z"/>
<path class="cls-2" d="M164.7,396.83l5.16-20.63h49.62c36.77,0,68.82-25.03,77.74-60.7l44.92-179.7h89.69c52.13,0,90.38,48.99,77.74,99.57l-45.02,180.1c-11.89,47.56-54.63,80.93-103.66,80.93h-118.45c-52.13,0-90.38-48.99-77.74-99.57Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

7
ui/litellm-dashboard/src/components/provider_info_helpers.test.tsx
View file

@ -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("");

3
ui/litellm-dashboard/src/components/provider_info_helpers.tsx
View file

@ -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<Record<Providers, string>> = {
[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,