From 8cb9ceb9c06e9533b79fc81a581bf0eed0e5b9e7 Mon Sep 17 00:00:00 2001
From: Milan <milan@berri.ai>
Date: Tue, 26 May 2026 10:43:35 +0300
Subject: [PATCH] fix(ui): show team projects to internal users

Allow internal users to fetch their backend-scoped project list so the key creation project dropdown can populate for selected teams.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../app/(dashboard)/hooks/projects/useProjects.test.ts | 10 +++++++++-
 .../src/app/(dashboard)/hooks/projects/useProjects.ts  |  6 ++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/ui/litellm-dashboard/src/app/(dashboard)/hooks/projects/useProjects.test.ts b/ui/litellm-dashboard/src/app/(dashboard)/hooks/projects/useProjects.test.ts
index 13b9107bdc1..39d1b28303d 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/hooks/projects/useProjects.test.ts
+++ b/ui/litellm-dashboard/src/app/(dashboard)/hooks/projects/useProjects.test.ts
@@ -115,8 +115,16 @@ describe("useProjects", () => {
     expect(global.fetch).not.toHaveBeenCalled();
   });
 
-  it("should not fetch when userRole is not an admin role", () => {
+  it("should fetch when userRole is an internal user role", async () => {
     mockUseAuthorized.mockReturnValue({ accessToken: "test-token", userRole: "Internal User" });
+    (global.fetch as any).mockResolvedValue({ ok: true, json: async () => mockProjects });
+    const { result } = renderHook(() => useProjects(), { wrapper: makeWrapper(queryClient) });
+    await waitFor(() => expect(result.current.isSuccess).toBe(true));
+    expect(global.fetch).toHaveBeenCalled();
+  });
+
+  it("should not fetch when userRole cannot read projects", () => {
+    mockUseAuthorized.mockReturnValue({ accessToken: "test-token", userRole: "regular_user" });
     const { result } = renderHook(() => useProjects(), { wrapper: makeWrapper(queryClient) });
     expect(result.current.isFetched).toBe(false);
     expect(global.fetch).not.toHaveBeenCalled();
diff --git a/ui/litellm-dashboard/src/app/(dashboard)/hooks/projects/useProjects.ts b/ui/litellm-dashboard/src/app/(dashboard)/hooks/projects/useProjects.ts
index 79976f54626..d4d05c1e5dc 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/hooks/projects/useProjects.ts
+++ b/ui/litellm-dashboard/src/app/(dashboard)/hooks/projects/useProjects.ts
@@ -7,7 +7,7 @@ import {
   handleError,
 } from "@/components/networking";
 import useAuthorized from "@/app/(dashboard)/hooks/useAuthorized";
-import { all_admin_roles } from "@/utils/roles";
+import { all_admin_roles, internalUserRoles } from "@/utils/roles";
 
 // ── Types ────────────────────────────────────────────────────────────────────
 
@@ -47,6 +47,8 @@ export interface ProjectResponse {
 
 export const projectKeys = createQueryKeys("projects");
 
+const projectReaderRoles = [...all_admin_roles, ...internalUserRoles];
+
 // ── Fetch function ───────────────────────────────────────────────────────────
 
 const fetchProjects = async (
@@ -81,6 +83,6 @@ export const useProjects = () => {
   return useQuery<ProjectResponse[]>({
     queryKey: projectKeys.list({}),
     queryFn: async () => fetchProjects(accessToken!),
-    enabled: Boolean(accessToken) && all_admin_roles.includes(userRole!),
+    enabled: Boolean(accessToken) && projectReaderRoles.includes(userRole!),
   });
 };