From ae3919631583cf20cba36d818a67ea84181d7930 Mon Sep 17 00:00:00 2001
From: Achintya Rajan <achintya.rajan03@gmail.com>
Date: Fri, 10 Oct 2025 15:11:22 -0700
Subject: [PATCH] removed props, transferred management down

---
 .../models-and-endpoints/components/AllModelsTab.tsx   | 10 ++--------
 .../models-and-endpoints/model_dashboard.tsx           |  7 -------
 2 files changed, 2 insertions(+), 15 deletions(-)

diff --git a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTab.tsx b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTab.tsx
index 389023c6fb..43632de6ed 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTab.tsx
+++ b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTab.tsx
@@ -11,13 +11,9 @@ import { Table as TableInstance, PaginationState } from "@tanstack/react-table";
 type ModelViewMode = "all" | "current_team";
 
 interface AllModelsTabProps {
-  modelNameSearch: string;
-  setModelNameSearch: (nameSearch: string) => void;
   selectedModelGroup: string | null;
   setSelectedModelGroup: (selectedModelGroup: string) => void;
   availableModelGroups: string[];
-  selectedModelAccessGroupFilter: string | null;
-  setSelectedModelAccessGroupFilter: (selectedModelAccessGroupFilter: string | null) => void;
   availableModelAccessGroups: string[];
   setSelectedModelId: (id: string) => void;
   setSelectedTeamId: (id: string) => void;
@@ -26,13 +22,9 @@ interface AllModelsTabProps {
 }
 
 const AllModelsTab = ({
-  modelNameSearch,
-  setModelNameSearch,
   selectedModelGroup,
   setSelectedModelGroup,
   availableModelGroups,
-  selectedModelAccessGroupFilter,
-  setSelectedModelAccessGroupFilter,
   availableModelAccessGroups,
   setSelectedModelId,
   setSelectedTeamId,
@@ -42,9 +34,11 @@ const AllModelsTab = ({
   const { userId, userRole, premiumUser } = useAuthorized();
   const { teams } = useTeams();
 
+  const [modelNameSearch, setModelNameSearch] = useState<string>("");
   const [modelViewMode, setModelViewMode] = useState<ModelViewMode>("current_team");
   const [currentTeam, setCurrentTeam] = useState<string>("personal"); // 'personal' or team_id
   const [showFilters, setShowFilters] = useState<boolean>(false);
+  const [selectedModelAccessGroupFilter, setSelectedModelAccessGroupFilter] = useState<string | null>(null);
   const [expandedRows, setExpandedRows] = useState<Set<string>>(new Set());
   const [pagination, setPagination] = useState<PaginationState>({
     pageIndex: 0,
diff --git a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/model_dashboard.tsx b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/model_dashboard.tsx
index 65b1353205..1916832d70 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/model_dashboard.tsx
+++ b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/model_dashboard.tsx
@@ -177,9 +177,6 @@ const ModelsAndEndpointsView: React.FC<ModelDashboardProps> = ({
   const [selectedTeam, setSelectedTeam] = useState<string | null>(null);
 
   const [selectedTeamFilter, setSelectedTeamFilter] = useState<string | null>(null);
-  const [selectedModelAccessGroupFilter, setSelectedModelAccessGroupFilter] = useState<string | null>(null);
-
-  const [modelNameSearch, setModelNameSearch] = useState<string>("");
 
   // Add state for showing/hiding filters
   const [showFilters, setShowFilters] = useState<boolean>(false);
@@ -997,13 +994,9 @@ const ModelsAndEndpointsView: React.FC<ModelDashboardProps> = ({
               </TabList>
               <TabPanels>
                 <AllModelsTab
-                  modelNameSearch={modelNameSearch}
-                  setModelNameSearch={setModelNameSearch}
                   selectedModelGroup={selectedModelGroup}
                   setSelectedModelGroup={setSelectedModelGroup}
                   availableModelGroups={availableModelGroups}
-                  selectedModelAccessGroupFilter={selectedModelAccessGroupFilter}
-                  setSelectedModelAccessGroupFilter={setSelectedModelAccessGroupFilter}
                   availableModelAccessGroups={availableModelAccessGroups}
                   setSelectedModelId={setSelectedModelId}
                   setSelectedTeamId={setSelectedTeamId}