From 243f8317f4363c952c06d16a3863d3979fb4aeae Mon Sep 17 00:00:00 2001
From: ryan-crabbe-berri <ryan@berri.ai>
Date: Sat, 29 Aug 2026 16:47:50 -0700
Subject: [PATCH] style(ui): drop decorative section banners from the access
 group budget hooks

---
 .../modelAccessGroups/useDeleteModelAccessGroupBudget.ts  | 6 ------
 .../hooks/modelAccessGroups/useModelAccessGroups.ts       | 8 --------
 .../modelAccessGroups/useSetModelAccessGroupBudget.ts     | 6 ------
 3 files changed, 20 deletions(-)

diff --git a/ui/litellm-dashboard/src/app/(dashboard)/hooks/modelAccessGroups/useDeleteModelAccessGroupBudget.ts b/ui/litellm-dashboard/src/app/(dashboard)/hooks/modelAccessGroups/useDeleteModelAccessGroupBudget.ts
index 03ca5d6ff22..3ed8af15cde 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/hooks/modelAccessGroups/useDeleteModelAccessGroupBudget.ts
+++ b/ui/litellm-dashboard/src/app/(dashboard)/hooks/modelAccessGroups/useDeleteModelAccessGroupBudget.ts
@@ -3,12 +3,8 @@ import { fetchClient } from "@/lib/http/api";
 import type { components } from "@/lib/http/schema";
 import { modelAccessGroupKeys } from "./useModelAccessGroups";
 
-// ── Types ────────────────────────────────────────────────────────────────────
-
 type DeleteModelAccessGroupBudgetResponse = components["schemas"]["DeleteAccessGroupBudgetResponse"];
 
-// ── Fetch function ───────────────────────────────────────────────────────────
-
 const deleteModelAccessGroupBudget = async (
   accessGroup: string,
 ): Promise<DeleteModelAccessGroupBudgetResponse | undefined> => {
@@ -18,8 +14,6 @@ const deleteModelAccessGroupBudget = async (
   return data;
 };
 
-// ── Hook ─────────────────────────────────────────────────────────────────────
-
 /**
  * Clear a model access group's shared budget. The group and its deployments are untouched,
  * and the recorded spend goes with the budget row.
diff --git a/ui/litellm-dashboard/src/app/(dashboard)/hooks/modelAccessGroups/useModelAccessGroups.ts b/ui/litellm-dashboard/src/app/(dashboard)/hooks/modelAccessGroups/useModelAccessGroups.ts
index c8dbec94aab..703c51b75b1 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/hooks/modelAccessGroups/useModelAccessGroups.ts
+++ b/ui/litellm-dashboard/src/app/(dashboard)/hooks/modelAccessGroups/useModelAccessGroups.ts
@@ -5,24 +5,16 @@ import useAuthorized from "@/app/(dashboard)/hooks/useAuthorized";
 import { fetchClient } from "@/lib/http/api";
 import type { components } from "@/lib/http/schema";
 
-// ── Types ────────────────────────────────────────────────────────────────────
-
 export type ModelAccessGroupBudget = components["schemas"]["AccessGroupBudget"];
 export type ModelAccessGroup = components["schemas"]["AccessGroupInfo"];
 
-// ── Query keys (shared across model-access-group hooks) ──────────────────────
-
 export const modelAccessGroupKeys = createQueryKeys("modelAccessGroups");
 
-// ── Fetch function ───────────────────────────────────────────────────────────
-
 const fetchModelAccessGroups = async (): Promise<ModelAccessGroup[]> => {
   const { data } = await fetchClient.GET("/access_group/list");
   return data?.access_groups ?? [];
 };
 
-// ── Hook ─────────────────────────────────────────────────────────────────────
-
 /**
  * Model access groups: the free-text labels on a deployment's `model_info.access_groups`,
  * with the shared budget each one carries. Unrelated to the `/v1/access_group` table that
diff --git a/ui/litellm-dashboard/src/app/(dashboard)/hooks/modelAccessGroups/useSetModelAccessGroupBudget.ts b/ui/litellm-dashboard/src/app/(dashboard)/hooks/modelAccessGroups/useSetModelAccessGroupBudget.ts
index d57571e1a05..cdea15bedb4 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/hooks/modelAccessGroups/useSetModelAccessGroupBudget.ts
+++ b/ui/litellm-dashboard/src/app/(dashboard)/hooks/modelAccessGroups/useSetModelAccessGroupBudget.ts
@@ -3,8 +3,6 @@ import { fetchClient } from "@/lib/http/api";
 import type { components } from "@/lib/http/schema";
 import { modelAccessGroupKeys } from "./useModelAccessGroups";
 
-// ── Types ────────────────────────────────────────────────────────────────────
-
 export type SetModelAccessGroupBudgetParams = components["schemas"]["AccessGroupBudgetRequest"];
 type SetModelAccessGroupBudgetResponse = components["schemas"]["AccessGroupBudgetResponse"];
 
@@ -13,8 +11,6 @@ export interface SetModelAccessGroupBudgetVariables {
   params: SetModelAccessGroupBudgetParams;
 }
 
-// ── Fetch function ───────────────────────────────────────────────────────────
-
 const setModelAccessGroupBudget = async ({
   accessGroup,
   params,
@@ -26,8 +22,6 @@ const setModelAccessGroupBudget = async ({
   return data;
 };
 
-// ── Hook ─────────────────────────────────────────────────────────────────────
-
 /** Set or replace a model access group's shared budget. The write is idempotent. */
 export const useSetModelAccessGroupBudget = () => {
   const queryClient = useQueryClient();