diff --git a/ui/litellm-dashboard/src/components/model_dashboard.tsx b/ui/litellm-dashboard/src/components/model_dashboard.tsx
index afd2ffc30ab..61f9353bb0b 100644
--- a/ui/litellm-dashboard/src/components/model_dashboard.tsx
+++ b/ui/litellm-dashboard/src/components/model_dashboard.tsx
@@ -100,7 +100,7 @@ import {
} from "@heroicons/react/outline";
import DeleteModelButton from "./delete_model_button";
const { Title: Title2, Link } = Typography;
-import { UploadOutlined } from "@ant-design/icons";
+import { InfoCircleOutlined, UploadOutlined } from "@ant-design/icons";
import type { UploadProps } from "antd";
import { Upload } from "antd";
import TimeToFirstToken from "./model_metrics/time_to_first_token";
@@ -260,6 +260,10 @@ const ModelDashboard: React.FC = ({
const [selectedTeamFilter, setSelectedTeamFilter] = useState(null);
const [selectedModelAccessGroupFilter, setSelectedModelAccessGroupFilter] = useState(null);
+ // Add new state for current team and model view mode
+ const [currentTeam, setCurrentTeam] = useState('personal'); // 'personal' or team_id
+ const [modelViewMode, setModelViewMode] = useState<'current_team' | 'all'>('current_team');
+
const [showColumnDropdown, setShowColumnDropdown] = useState(false);
const [isDropdownOpen, setIsDropdownOpen] = useState(false);
@@ -1137,7 +1141,97 @@ const ModelDashboard: React.FC = ({
- {/* Search and Filter Controls */}
+ {/* Current Team Selector - Prominent */}
+
+
+
+ Current Team:
+
+
+ {
+ modelViewMode === "current_team" && (
+
+
+
+
+ {currentTeam === "personal" ? (
+
+ To access these models: Create a Virtual Key without selecting a team on the {" "}
+
+ Virtual Keys page
+
+
+ ) : (
+
+ To access these models: Create a Virtual Key and select Team as "{currentTeam}" on the {" "}
+
+ Virtual Keys page
+
+
+ )}
+
+
+ )
+ }
+
+
+
+ {/* Model View Mode Toggle - Also prominent */}
+
+ View:
+
+
+
+
+
+
+ {/* Other Filters */}
{/* Model Name Filter */}
@@ -1161,29 +1255,6 @@ const ModelDashboard: React.FC = ({
- {/* Team Filter */}
-
- Filter by Team:
-
-
Filter by Model Access Group:
@@ -1231,11 +1316,28 @@ const ModelDashboard: React.FC = ({
setExpandedRows,
)}
data={modelData.data.filter(
- (model: any) => (
- (selectedModelGroup === "all" || model.model_name === selectedModelGroup || !selectedModelGroup) &&
- (selectedTeamFilter === "all" || model.model_info["team_id"] === selectedTeamFilter || !selectedTeamFilter) &&
- (selectedModelAccessGroupFilter === "all" || model.model_info["access_groups"]?.includes(selectedModelAccessGroupFilter) || !selectedModelAccessGroupFilter)
- )
+ (model: any) => {
+ // Model name filter
+ const modelNameMatch = selectedModelGroup === "all" || model.model_name === selectedModelGroup || !selectedModelGroup;
+
+ // Model access group filter
+ const accessGroupMatch = selectedModelAccessGroupFilter === "all" || model.model_info["access_groups"]?.includes(selectedModelAccessGroupFilter) || !selectedModelAccessGroupFilter;
+
+ // Team access filter based on current team and view mode
+ let teamAccessMatch = true;
+ if (modelViewMode === 'current_team') {
+ if (currentTeam === 'personal') {
+ // Show only models with direct access
+ teamAccessMatch = model.model_info?.direct_access === true;
+ } else {
+ // Show only models accessible by the current team
+ teamAccessMatch = model.model_info?.access_via_team_ids?.includes(currentTeam) === true;
+ }
+ }
+ // For 'all' mode, show all models (teamAccessMatch remains true)
+
+ return modelNameMatch && accessGroupMatch && teamAccessMatch;
+ }
)}
isLoading={false}
table={tableRef}
diff --git a/ui/litellm-dashboard/src/components/networking.tsx b/ui/litellm-dashboard/src/components/networking.tsx
index 3e96b84f8fc..d51d83b7bf6 100644
--- a/ui/litellm-dashboard/src/components/networking.tsx
+++ b/ui/litellm-dashboard/src/components/networking.tsx
@@ -1611,11 +1611,12 @@ export const modelInfoCall = async (
try {
console.log("modelInfoCall:", accessToken, userID, userRole);
let url = proxyBaseUrl ? `${proxyBaseUrl}/v2/model/info` : `/v2/model/info`;
-
- if (!all_admin_roles.includes(userRole as string)) {
- // only show users models they've added
- url += `?user_models_only=true`;
+ const params = new URLSearchParams();
+ params.append("include_team_models", "true");
+ if (params.toString()) {
+ url += `?${params.toString()}`;
}
+
//message.info("Requesting model data");
const response = await fetch(url, {
method: "GET",