diff --git a/ui/litellm-dashboard/src/components/leftnav.test.tsx b/ui/litellm-dashboard/src/components/leftnav.test.tsx index 2c8fe52f97f..87c830e69de 100644 --- a/ui/litellm-dashboard/src/components/leftnav.test.tsx +++ b/ui/litellm-dashboard/src/components/leftnav.test.tsx @@ -80,6 +80,12 @@ describe("Sidebar (leftnav)", () => { collapsed: false, }; + it("should link the logo to the UI home route rather than the proxy origin", () => { + renderWithProviders(); + + expect(screen.getByRole("link", { name: /litellm home/i })).toHaveAttribute("href", "/ui"); + }); + it("renders all top-level (non-nested) tabs for admin", () => { renderWithProviders(); diff --git a/ui/litellm-dashboard/src/components/leftnav.tsx b/ui/litellm-dashboard/src/components/leftnav.tsx index 4aa15f5fc28..af76fccf9eb 100644 --- a/ui/litellm-dashboard/src/components/leftnav.tsx +++ b/ui/litellm-dashboard/src/components/leftnav.tsx @@ -582,7 +582,7 @@ const Sidebar_: React.FC = ({
- + LiteLLM { expect(screen.getByRole("button", { name: /open account menu/i })).toBeInTheDocument(); }); + it("should link the logo to the UI home route rather than the proxy origin", () => { + renderWithProviders(); + + expect(screen.getByRole("link", { name: /litellm brand/i })).toHaveAttribute("href", "/ui"); + }); + it("should display user information in dropdown", async () => { const user = userEvent.setup(); renderWithProviders(); diff --git a/ui/litellm-dashboard/src/components/navbar.tsx b/ui/litellm-dashboard/src/components/navbar.tsx index 40638e7b8ba..c999ee8035e 100644 --- a/ui/litellm-dashboard/src/components/navbar.tsx +++ b/ui/litellm-dashboard/src/components/navbar.tsx @@ -3,6 +3,7 @@ import { useDisableBouncingIcon } from "@/app/(dashboard)/hooks/useDisableBounci import { useDisableShowPrompts } from "@/app/(dashboard)/hooks/useDisableShowPrompts"; import { useWorker } from "@/hooks/useWorker"; import { getProxyBaseUrl } from "@/components/networking"; +import { migratedHref } from "@/utils/migratedPages"; import { useTheme } from "@/contexts/ThemeContext"; import { clearTokenCookies } from "@/utils/cookieUtils"; import { clearStoredReturnUrl, getLoginUrl } from "@/utils/returnUrlUtils"; @@ -75,7 +76,7 @@ const Navbar: React.FC = ({ )}
- +