From 1f82b029b3259b6749a361409d9aca0072852269 Mon Sep 17 00:00:00 2001
From: yuneng <yuneng@berri.ai>
Date: Mon, 13 Jul 2026 17:28:56 +0000
Subject: [PATCH] fix(ui): remove Chat item from AI Gateway left nav

Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 .../app/(dashboard)/components/SidebarProvider.tsx |  6 ------
 .../src/components/leftnav.test.tsx                |  7 +------
 ui/litellm-dashboard/src/components/leftnav.tsx    | 14 --------------
 3 files changed, 1 insertion(+), 26 deletions(-)

diff --git a/ui/litellm-dashboard/src/app/(dashboard)/components/SidebarProvider.tsx b/ui/litellm-dashboard/src/app/(dashboard)/components/SidebarProvider.tsx
index d14357b5026..4d407075d55 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/components/SidebarProvider.tsx
+++ b/ui/litellm-dashboard/src/app/(dashboard)/components/SidebarProvider.tsx
@@ -21,7 +21,6 @@ const SidebarProvider = ({
   const { accessToken } = useAuthorized();
   const [enabledPagesInternalUsers, setEnabledPagesInternalUsers] = useState<string[] | null>(null);
   const [enableProjectsUI, setEnableProjectsUI] = useState<boolean>(false);
-  const [enableChatUI, setEnableChatUI] = useState<boolean>(false);
   const [disableAgentsForInternalUsers, setDisableAgentsForInternalUsers] = useState<boolean>(false);
   const [allowAgentsForTeamAdmins, setAllowAgentsForTeamAdmins] = useState<boolean>(false);
   const [disableVectorStoresForInternalUsers, setDisableVectorStoresForInternalUsers] = useState<boolean>(false);
@@ -46,10 +45,6 @@ const SidebarProvider = ({
           setEnableProjectsUI(Boolean(settings.values.enable_projects_ui));
         }
 
-        if (settings?.values?.enable_chat_ui !== undefined) {
-          setEnableChatUI(Boolean(settings.values.enable_chat_ui));
-        }
-
         if (settings?.values?.disable_agents_for_internal_users !== undefined) {
           setDisableAgentsForInternalUsers(Boolean(settings.values.disable_agents_for_internal_users));
         }
@@ -81,7 +76,6 @@ const SidebarProvider = ({
       onToggleCollapsed={onToggleCollapsed}
       enabledPagesInternalUsers={enabledPagesInternalUsers}
       enableProjectsUI={enableProjectsUI}
-      enableChatUI={enableChatUI}
       disableAgentsForInternalUsers={disableAgentsForInternalUsers}
       allowAgentsForTeamAdmins={allowAgentsForTeamAdmins}
       disableVectorStoresForInternalUsers={disableVectorStoresForInternalUsers}
diff --git a/ui/litellm-dashboard/src/components/leftnav.test.tsx b/ui/litellm-dashboard/src/components/leftnav.test.tsx
index 36c1ade67a7..dbbd3ae8595 100644
--- a/ui/litellm-dashboard/src/components/leftnav.test.tsx
+++ b/ui/litellm-dashboard/src/components/leftnav.test.tsx
@@ -112,16 +112,11 @@ describe("Sidebar (leftnav)", () => {
     });
   });
 
-  it("hides Chat by default", () => {
+  it("does not render Chat in the nav", () => {
     renderWithProviders(<Sidebar {...defaultProps} />);
     expect(screen.queryByText("Chat")).not.toBeInTheDocument();
   });
 
-  it("shows Chat when enableChatUI is true", () => {
-    renderWithProviders(<Sidebar {...defaultProps} enableChatUI />);
-    expect(screen.getByText("Chat")).toBeInTheDocument();
-  });
-
   it("expands a nested tab to reveal its children (Tools > Search Tools)", async () => {
     renderWithProviders(<Sidebar {...defaultProps} />);
 
diff --git a/ui/litellm-dashboard/src/components/leftnav.tsx b/ui/litellm-dashboard/src/components/leftnav.tsx
index c24cebe7e7d..96f16a756b3 100644
--- a/ui/litellm-dashboard/src/components/leftnav.tsx
+++ b/ui/litellm-dashboard/src/components/leftnav.tsx
@@ -40,7 +40,6 @@ import {
   HeartPulse,
   KeyRound,
   LayoutGrid,
-  MessageSquare,
   Network,
   Palette,
   PanelLeftClose,
@@ -87,7 +86,6 @@ interface SidebarProps {
   onToggleCollapsed?: () => void;
   enabledPagesInternalUsers?: string[] | null;
   enableProjectsUI?: boolean;
-  enableChatUI?: boolean;
   disableAgentsForInternalUsers?: boolean;
   allowAgentsForTeamAdmins?: boolean;
   disableVectorStoresForInternalUsers?: boolean;
@@ -125,16 +123,6 @@ const menuGroups: MenuGroup[] = [
         icon: <PlayCircle {...ICON} />,
         roles: rolesWithWriteAccess,
       },
-      {
-        key: "chat",
-        page: "chat",
-        label: (
-          <span className="flex items-center gap-2">
-            Chat <NewBadge />
-          </span>
-        ),
-        icon: <MessageSquare {...ICON} />,
-      },
       {
         key: "models",
         page: "models",
@@ -388,7 +376,6 @@ const Sidebar_: React.FC<SidebarProps> = ({
   onToggleCollapsed,
   enabledPagesInternalUsers,
   enableProjectsUI,
-  enableChatUI,
   disableAgentsForInternalUsers,
   allowAgentsForTeamAdmins,
   disableVectorStoresForInternalUsers,
@@ -443,7 +430,6 @@ const Sidebar_: React.FC<SidebarProps> = ({
           return true;
         }
         if (item.key === "projects" && !enableProjectsUI) return false;
-        if (item.key === "chat" && !enableChatUI) return false;
         if (
           !isAdmin &&
           item.key === "agents" &&