From 897f65cd4f853cec03b5e37ebefd3bcc3336c939 Mon Sep 17 00:00:00 2001
From: Ishaan Jaffer <ishaan@berri.ai>
Date: Wed, 22 Apr 2026 16:51:17 -0700
Subject: [PATCH] add Evals [Beta] nav item after Guardrails in sidebar

---
 ui/litellm-dashboard/src/components/leftnav.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/ui/litellm-dashboard/src/components/leftnav.tsx b/ui/litellm-dashboard/src/components/leftnav.tsx
index ef0806c9594..5efe3ac4145 100644
--- a/ui/litellm-dashboard/src/components/leftnav.tsx
+++ b/ui/litellm-dashboard/src/components/leftnav.tsx
@@ -29,7 +29,7 @@ import {
   UserOutlined,
 } from "@ant-design/icons";
 import type { MenuProps } from "antd";
-import { ConfigProvider, Layout, Menu } from "antd";
+import { ConfigProvider, Layout, Menu, Tag } from "antd";
 import { useMemo } from "react";
 import { all_admin_roles, internalUserRoles, isAdminRole, isUserTeamAdminForAnyTeam, rolesWithWriteAccess } from "../utils/roles";
 import NewBadge from "./common_components/NewBadge";
@@ -145,6 +145,16 @@ const menuGroups: MenuGroup[] = [
         label: "Guardrails",
         icon: <SafetyOutlined />,
       },
+      {
+        key: "evals",
+        page: "evals",
+        label: (
+          <span className="flex items-center gap-2">
+            Evals <Tag color="blue" style={{ fontSize: 10, padding: "0 4px", lineHeight: "16px" }}>Beta</Tag>
+          </span>
+        ),
+        icon: <ExperimentOutlined />,
+      },
       {
         key: "policies",
         page: "policies",