From 92d71a3ed4f21fc0b63f69f706e8ddb734e97312 Mon Sep 17 00:00:00 2001 From: Ishaan Jaff Date: Fri, 12 Dec 2025 12:10:13 -0800 Subject: [PATCH] [UI] - Re organize leftnav to have correct categories + get agents on root (#17890) * left nav * fix order * fix * fix bad new usage * fix new --- ui/litellm-dashboard/src/components/leftnav.tsx | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/ui/litellm-dashboard/src/components/leftnav.tsx b/ui/litellm-dashboard/src/components/leftnav.tsx index b2e13bd522f..ec000f7582e 100644 --- a/ui/litellm-dashboard/src/components/leftnav.tsx +++ b/ui/litellm-dashboard/src/components/leftnav.tsx @@ -21,7 +21,7 @@ import { ToolOutlined, UserOutlined, } from "@ant-design/icons"; -import { ConfigProvider, Layout, Menu } from "antd"; +import { Badge, ConfigProvider, Layout, Menu } from "antd"; import type { MenuProps } from "antd"; import { all_admin_roles, internalUserRoles, isAdminRole, rolesWithWriteAccess } from "../utils/roles"; import UsageIndicator from "./usage_indicator"; @@ -90,7 +90,11 @@ const Sidebar: React.FC = ({ accessToken, setPage, userRole, defau { key: "agents", page: "agents", - label: "Agents", + label: ( + + Agents + + ), icon: , roles: rolesWithWriteAccess, }, @@ -136,9 +140,13 @@ const Sidebar: React.FC = ({ accessToken, setPage, userRole, defau { key: "new_usage", page: "new_usage", - label: "Usage", icon: , roles: [...all_admin_roles, ...internalUserRoles], + label: ( + + Usage + + ), }, { key: "logs",