diff --git a/ui/litellm-dashboard/src/app/page.tsx b/ui/litellm-dashboard/src/app/page.tsx
index 4312148d532..6d2e0d4a6aa 100644
--- a/ui/litellm-dashboard/src/app/page.tsx
+++ b/ui/litellm-dashboard/src/app/page.tsx
@@ -13,6 +13,7 @@ import LoadingScreen from "@/components/common_components/LoadingScreen";
 import { CostTrackingSettings } from "@/components/CostTrackingSettings";
 import GeneralSettings from "@/components/general_settings";
 import GuardrailsMonitorView from "@/components/GuardrailsMonitor/GuardrailsMonitorView";
+import EvalsCatalog from "@/components/evals/EvalsCatalog";
 import GuardrailsPanel from "@/components/guardrails";
 import PoliciesPanel from "@/components/policies";
 import { Team } from "@/components/key_team_helpers/key_list";
@@ -558,6 +559,12 @@ function CreateKeyPageContent() {
                     <Settings userID={userID} userRole={userRole} accessToken={accessToken} premiumUser={premiumUser} />
                   ) : page == "budgets" ? (
                     <BudgetPanel accessToken={accessToken} />
+                  ) : page == "evals" ? (
+                    <EvalsCatalog
+                      accessToken={accessToken}
+                      userRole={userRole}
+                      availableModels={modelData?.data?.map((m: any) => m.model_name) ?? []}
+                    />
                   ) : page == "guardrails" ? (
                     <GuardrailsPanel accessToken={accessToken} userRole={userRole} />
                   ) : page == "policies" ? (