From 895951744ddbf62ef31a78b86d953d7f6eb6cefb Mon Sep 17 00:00:00 2001
From: yuneng-jiang <yuneng.jiang@gmail.com>
Date: Thu, 19 Mar 2026 13:36:21 -0700
Subject: [PATCH] Fix leftnav navigation regression and useProxySettings
 initial state

The leftnav was updated to emit page="api-reference" but only "api_ref"
was in LEGACY_REDIRECTS, causing clicks to fall through to the default
Usage page. Add "api-reference" entry to the redirect map. Also include
LITELLM_UI_API_DOC_BASE_URL in the hook's initial state to avoid a
brief flash of incorrect base URL.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../src/app/(dashboard)/hooks/proxySettings/useProxySettings.ts  | 1 +
 ui/litellm-dashboard/src/app/page.tsx                            | 1 +
 2 files changed, 2 insertions(+)

diff --git a/ui/litellm-dashboard/src/app/(dashboard)/hooks/proxySettings/useProxySettings.ts b/ui/litellm-dashboard/src/app/(dashboard)/hooks/proxySettings/useProxySettings.ts
index 62de696b7a..d4fb307385 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/hooks/proxySettings/useProxySettings.ts
+++ b/ui/litellm-dashboard/src/app/(dashboard)/hooks/proxySettings/useProxySettings.ts
@@ -7,6 +7,7 @@ export default function useProxySettings() {
   const [proxySettings, setProxySettings] = useState({
     PROXY_BASE_URL: "",
     PROXY_LOGOUT_URL: "",
+    LITELLM_UI_API_DOC_BASE_URL: null as string | null,
   });
 
   useEffect(() => {
diff --git a/ui/litellm-dashboard/src/app/page.tsx b/ui/litellm-dashboard/src/app/page.tsx
index 7ee48317e9..5f545b635e 100644
--- a/ui/litellm-dashboard/src/app/page.tsx
+++ b/ui/litellm-dashboard/src/app/page.tsx
@@ -81,6 +81,7 @@ interface ProxySettings {
  */
 const LEGACY_REDIRECTS: Record<string, string> = {
   api_ref: "api-reference",
+  "api-reference": "api-reference",
 };
 
 function CreateKeyPageContent() {