@acarmisc/backstage-plugin-litellm 0.40.0 → 0.42.0

package/dist/components/KeysTable.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { type KeyFilterType } from '../keyFilter';
-import { VirtualKey } from '../types';
+import { TeamInfo, VirtualKey } from '../types';
 interface KeysTableProps {
     keys: VirtualKey[];
     /** Opens the shared key form dialog in create mode (rendered at page level). */
@@ -16,6 +16,8 @@ interface KeysTableProps {
     }>;
     filter?: KeyFilterType;
     onClearFilter?: () => void;
+    /** Used to show team names instead of raw team ids. */
+    teams?: TeamInfo[];
 }
 export declare const KeysTable: FC<KeysTableProps>;
 export {};

package/dist/components/TeamUsage.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TeamInfo, TeamMemberUsage, UsageMetrics } from '../types';
+import { McpServerInfo, TeamInfo, TeamMemberUsage, UsageMetrics, VectorStoreInfo } from '../types';
 /**
  * Per-member usage for the period, sorted by spend. Dollars are replaced by
  * the share of team spend when the backend hides them.
@@ -27,6 +27,10 @@ interface TeamUsageProps {
     onManageMembers?: (team: TeamInfo) => void;
     /** Teams are synced from an identity provider: show a badge, no write controls. */
     readOnly?: boolean;
+    /** Used to show knowledge base names instead of raw ids. */
+    vectorStores?: VectorStoreInfo[];
+    /** Used to show MCP server names instead of raw ids. */
+    mcpServers?: McpServerInfo[];
 }
 export declare const TeamUsage: FC<TeamUsageProps>;
 export {};

package/dist/index.cjs.js

@@ -1721,7 +1721,7 @@ function compareKeys(a, b, sortKey) {
       return 0;
   }
 }
-var import_react4, import_Table, import_TableBody, import_TableCell, import_TableContainer, import_TableHead, import_TableRow, import_TableSortLabel, import_Button2, import_IconButton, import_Box7, import_Typography5, import_Dialog, import_DialogTitle, import_DialogContent, import_DialogActions, import_TextField, import_CircularProgress, import_Skeleton2, import_InputAdornment, import_Tooltip, import_Chip, import_styles7, import_icons_material2, import_plugin_permission_react, import_backstage_plugin_litellm_common, import_jsx_runtime8, shortKeyId, formatDate, KeysTable;
+var import_react4, import_Table, import_TableBody, import_TableCell, import_TableContainer, import_TableHead, import_TableRow, import_TableSortLabel, import_Button2, import_IconButton, import_Box7, import_Typography5, import_Dialog, import_DialogTitle, import_DialogContent, import_DialogActions, import_TextField, import_MenuItem, import_CircularProgress, import_Skeleton2, import_InputAdornment, import_Tooltip, import_Chip, import_styles7, import_icons_material2, import_plugin_permission_react, import_backstage_plugin_litellm_common, import_jsx_runtime8, shortKeyId, formatDate, KeysTable;
 var init_KeysTable = __esm({
   "src/components/KeysTable.tsx"() {
     "use strict";
@@ -1742,6 +1742,7 @@ var init_KeysTable = __esm({
     import_DialogContent = __toESM(require("@mui/material/DialogContent"));
     import_DialogActions = __toESM(require("@mui/material/DialogActions"));
     import_TextField = __toESM(require("@mui/material/TextField"));
+    import_MenuItem = __toESM(require("@mui/material/MenuItem"));
     import_CircularProgress = __toESM(require("@mui/material/CircularProgress"));
     import_Skeleton2 = __toESM(require("@mui/material/Skeleton"));
     import_InputAdornment = __toESM(require("@mui/material/InputAdornment"));
@@ -1781,7 +1782,8 @@ var init_KeysTable = __esm({
       onDeleteKey,
       onPruneExpiredKeys,
       filter,
-      onClearFilter
+      onClearFilter,
+      teams
     }) => {
       const managePermission = (0, import_plugin_permission_react.usePermission)({ permission: import_backstage_plugin_litellm_common.litellmKeyManagePermission });
       const revokePermission = (0, import_plugin_permission_react.usePermission)({ permission: import_backstage_plugin_litellm_common.litellmKeyRevokePermission });
@@ -1798,6 +1800,7 @@ var init_KeysTable = __esm({
       const [deleteSubmitting, setDeleteSubmitting] = (0, import_react4.useState)(false);
       const clipboard = useCopyToClipboard();
       const [filterText, setFilterText] = (0, import_react4.useState)("");
+      const [teamFilter, setTeamFilter] = (0, import_react4.useState)("");
       const [sortKey, setSortKey] = (0, import_react4.useState)("created");
       const [sortDirection, setSortDirection] = (0, import_react4.useState)("desc");
       const handleSort = (nextSortKey) => {
@@ -1808,9 +1811,21 @@ var init_KeysTable = __esm({
           setSortDirection("asc");
         }
       };
+      const teamNames = (0, import_react4.useMemo)(
+        () => new Map((teams ?? []).map((t) => [t.team_id, t.team_alias || t.team_id])),
+        [teams]
+      );
+      const teamLabel = (id) => teamNames.get(id) ?? id;
+      const teamIds = (0, import_react4.useMemo)(
+        () => [...new Set(keys.map((k) => k.team_id).filter((t) => !!t))].sort((a, b) => (teamNames.get(a) ?? a).localeCompare(teamNames.get(b) ?? b)),
+        [keys, teamNames]
+      );
       const filteredKeys = (0, import_react4.useMemo)(() => {
         let result = keys;
         result = filterKeysByStatus(result, filter);
+        if (teamFilter) {
+          result = result.filter((k) => k.team_id === teamFilter);
+        }
         if (filterText.trim()) {
           const q = filterText.toLowerCase();
           result = result.filter(
@@ -1821,7 +1836,7 @@ var init_KeysTable = __esm({
           const comparison = compareKeys(a, b, sortKey);
           return sortDirection === "asc" ? comparison : -comparison;
         });
-      }, [keys, filterText, sortKey, sortDirection, filter]);
+      }, [keys, filterText, teamFilter, sortKey, sortDirection, filter]);
       const handleOpenEdit = (k) => {
         onEditKey(k);
       };
@@ -1880,10 +1895,10 @@ var init_KeysTable = __esm({
       };
       const renderTableBody = () => {
         if (loading) {
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableRow.default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableCell.default, { colSpan: 8, sx: { py: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Skeleton2.default, { variant: "rounded", height: 140 }) }) });
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableRow.default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableCell.default, { colSpan: 9, sx: { py: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Skeleton2.default, { variant: "rounded", height: 140 }) }) });
         }
         if (filteredKeys.length === 0) {
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableRow.default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableCell.default, { colSpan: 8, children: filterText ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableRow.default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableCell.default, { colSpan: 9, children: filterText || teamFilter ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             EmptyState,
             {
               message: "No keys match that filter",
@@ -1927,6 +1942,7 @@ var init_KeysTable = __esm({
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Typography5.default, { variant: "body2", children: key.key_alias || "\u2014" }),
                   key.blocked && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StatusPill, { label: "Blocked", tone: "danger" })
                 ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableCell.default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Typography5.default, { variant: "body2", color: "text.secondary", children: key.team_id ? teamLabel(key.team_id) : "\u2014" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableCell.default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_Box7.default, { display: "flex", alignItems: "center", gap: 0.5, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                     import_Typography5.default,
@@ -2019,7 +2035,7 @@ var init_KeysTable = __esm({
           SectionCard,
           {
             title: "Virtual Keys",
-            subtitle: loading ? "Loading\u2026" : `${filteredKeys.length}${filterText ? ` of ${keys.length}` : ""} key${filteredKeys.length === 1 ? "" : "s"}`,
+            subtitle: loading ? "Loading\u2026" : `${filteredKeys.length}${filterText || teamFilter ? ` of ${keys.length}` : ""} key${filteredKeys.length === 1 ? "" : "s"}`,
             flush: true,
             actions: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -2036,6 +2052,21 @@ var init_KeysTable = __esm({
                   }
                 }
               ),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                import_TextField.default,
+                {
+                  select: true,
+                  size: "small",
+                  label: "Team",
+                  value: teamFilter,
+                  onChange: (e) => setTeamFilter(e.target.value),
+                  sx: { minWidth: 160 },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_MenuItem.default, { value: "", children: "All teams" }),
+                    teamIds.map((id) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_MenuItem.default, { value: id, children: teamLabel(id) }, id))
+                  ]
+                }
+              ),
               expiredKeys.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                 import_Button2.default,
                 {
@@ -2074,6 +2105,7 @@ var init_KeysTable = __esm({
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableContainer.default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_Table.default, { size: "small", sx: dataTableSx, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableHead.default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_TableRow.default, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableCell.default, { sortDirection: sortKey === "alias" ? sortDirection : false, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableSortLabel.default, { active: sortKey === "alias", direction: sortKey === "alias" ? sortDirection : "asc", onClick: () => handleSort("alias"), children: "Alias" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableCell.default, { children: "Team" }),
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableCell.default, { children: "Key ID" }),
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableCell.default, { sortDirection: sortKey === "created" ? sortDirection : false, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableSortLabel.default, { active: sortKey === "created", direction: sortKey === "created" ? sortDirection : "asc", onClick: () => handleSort("created"), children: "Created" }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableCell.default, { sortDirection: sortKey === "expires" ? sortDirection : false, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TableSortLabel.default, { active: sortKey === "expires", direction: sortKey === "expires" ? sortDirection : "asc", onClick: () => handleSort("expires"), children: "Expires" }) }),
@@ -2504,7 +2536,7 @@ function formatContextWindow(maxInput, maxOutput) {
   if (outPart) return `ctx ${outPart} out`;
   return null;
 }
-var import_react6, import_Box9, import_Typography7, import_Dialog2, import_DialogTitle2, import_DialogContent2, import_DialogActions2, import_TextField2, import_MenuItem, import_Button3, import_IconButton3, import_CircularProgress2, import_Autocomplete, import_Checkbox, import_FormControlLabel, import_Alert, import_Accordion, import_AccordionSummary, import_AccordionDetails, import_Tooltip3, import_InputAdornment2, import_Chip2, import_icons_material4, import_plugin_permission_react2, import_backstage_plugin_litellm_common3, import_jsx_runtime10, KeyFormDialog;
+var import_react6, import_Box9, import_Typography7, import_Dialog2, import_DialogTitle2, import_DialogContent2, import_DialogActions2, import_TextField2, import_MenuItem2, import_Button3, import_IconButton3, import_CircularProgress2, import_Autocomplete, import_Checkbox, import_FormControlLabel, import_Alert, import_Accordion, import_AccordionSummary, import_AccordionDetails, import_Tooltip3, import_InputAdornment2, import_Chip2, import_icons_material4, import_plugin_permission_react2, import_backstage_plugin_litellm_common3, import_jsx_runtime10, KeyFormDialog;
 var init_KeyFormDialog = __esm({
   "src/components/KeyFormDialog.tsx"() {
     "use strict";
@@ -2516,7 +2548,7 @@ var init_KeyFormDialog = __esm({
     import_DialogContent2 = __toESM(require("@mui/material/DialogContent"));
     import_DialogActions2 = __toESM(require("@mui/material/DialogActions"));
     import_TextField2 = __toESM(require("@mui/material/TextField"));
-    import_MenuItem = __toESM(require("@mui/material/MenuItem"));
+    import_MenuItem2 = __toESM(require("@mui/material/MenuItem"));
     import_Button3 = __toESM(require("@mui/material/Button"));
     import_IconButton3 = __toESM(require("@mui/material/IconButton"));
     import_CircularProgress2 = __toESM(require("@mui/material/CircularProgress"));
@@ -3066,7 +3098,7 @@ var init_KeyFormDialog = __esm({
                     value: generateForm.duration || "30d",
                     onChange: (e) => setFormData({ duration: e.target.value }),
                     fullWidth: true,
-                    children: import_backstage_plugin_litellm_common3.DEFAULT_KEY_DURATIONS.map((duration) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_MenuItem.default, { value: duration, children: (0, import_backstage_plugin_litellm_common3.formatDurationLabel)(duration) }, duration))
+                    children: import_backstage_plugin_litellm_common3.DEFAULT_KEY_DURATIONS.map((duration) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_MenuItem2.default, { value: duration, children: (0, import_backstage_plugin_litellm_common3.formatDurationLabel)(duration) }, duration))
                   }
                 ),
                 generateForm.duration && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Typography7.default, { variant: "caption", color: "text.secondary", children: expiryPreview(generateForm.duration) })
@@ -3156,7 +3188,7 @@ var init_KeyFormDialog = __esm({
 });
 
 // src/components/ManageTeamDialog.tsx
-var import_react7, import_Dialog3, import_DialogTitle3, import_DialogContent3, import_DialogActions3, import_TextField3, import_Button4, import_Alert2, import_Checkbox2, import_FormControlLabel2, import_Autocomplete2, import_CircularProgress3, import_MenuItem2, import_Box10, import_Divider2, import_Typography8, import_IconButton4, import_Tooltip4, import_Paper4, import_Table2, import_TableBody2, import_TableCell2, import_TableContainer2, import_TableHead2, import_TableRow2, import_icons_material5, import_core_plugin_api4, import_plugin_catalog_react, import_catalog_model, import_jsx_runtime11, BUDGET_DURATION_OPTIONS, DEFAULT_BUDGET_DURATION, FALLBACK_BUDGET_CEILING, ManageTeamDialog;
+var import_react7, import_Dialog3, import_DialogTitle3, import_DialogContent3, import_DialogActions3, import_TextField3, import_Button4, import_Alert2, import_Checkbox2, import_FormControlLabel2, import_Autocomplete2, import_CircularProgress3, import_MenuItem3, import_Box10, import_Divider2, import_Typography8, import_IconButton4, import_Tooltip4, import_Paper4, import_Table2, import_TableBody2, import_TableCell2, import_TableContainer2, import_TableHead2, import_TableRow2, import_icons_material5, import_core_plugin_api4, import_plugin_catalog_react, import_catalog_model, import_jsx_runtime11, BUDGET_DURATION_OPTIONS, DEFAULT_BUDGET_DURATION, FALLBACK_BUDGET_CEILING, ManageTeamDialog;
 var init_ManageTeamDialog = __esm({
   "src/components/ManageTeamDialog.tsx"() {
     "use strict";
@@ -3172,7 +3204,7 @@ var init_ManageTeamDialog = __esm({
     import_FormControlLabel2 = __toESM(require("@mui/material/FormControlLabel"));
     import_Autocomplete2 = __toESM(require("@mui/material/Autocomplete"));
     import_CircularProgress3 = __toESM(require("@mui/material/CircularProgress"));
-    import_MenuItem2 = __toESM(require("@mui/material/MenuItem"));
+    import_MenuItem3 = __toESM(require("@mui/material/MenuItem"));
     import_Box10 = __toESM(require("@mui/material/Box"));
     import_Divider2 = __toESM(require("@mui/material/Divider"));
     import_Typography8 = __toESM(require("@mui/material/Typography"));
@@ -3590,7 +3622,7 @@ var init_ManageTeamDialog = __esm({
                             disabled: submitting || unlimited,
                             helperText: "Spend-reset period for the team budget",
                             fullWidth: true,
-                            children: durationOptions.map((o) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_MenuItem2.default, { value: o.value, children: o.label }, o.value))
+                            children: durationOptions.map((o) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_MenuItem3.default, { value: o.value, children: o.label }, o.value))
                           }
                         )
                       ]
@@ -3970,7 +4002,7 @@ function rateTone(rate) {
   if (rate >= 0.9) return "warning";
   return "danger";
 }
-var import_react8, import_Paper5, import_Box11, import_Typography9, import_TextField4, import_MenuItem3, import_Grid, import_Alert3, import_Button5, import_Table3, import_TableBody3, import_TableCell3, import_TableContainer3, import_TableHead3, import_TableRow3, import_Skeleton3, import_recharts, import_jsx_runtime12, TOP_N_MODELS, PERIOD_LS_KEY, PRESET_LABELS, fmtPct, ChartSkeleton, ChartOrFallback, SuccessRateCell, UsageStats;
+var import_react8, import_Paper5, import_Box11, import_Typography9, import_TextField4, import_MenuItem4, import_Grid, import_Alert3, import_Button5, import_Table3, import_TableBody3, import_TableCell3, import_TableContainer3, import_TableHead3, import_TableRow3, import_Skeleton3, import_recharts, import_jsx_runtime12, TOP_N_MODELS, PERIOD_LS_KEY, PRESET_LABELS, fmtPct, ChartSkeleton, ChartOrFallback, SuccessRateCell, UsageStats;
 var init_UsageStats = __esm({
   "src/components/UsageStats.tsx"() {
     "use strict";
@@ -3979,7 +4011,7 @@ var init_UsageStats = __esm({
     import_Box11 = __toESM(require("@mui/material/Box"));
     import_Typography9 = __toESM(require("@mui/material/Typography"));
     import_TextField4 = __toESM(require("@mui/material/TextField"));
-    import_MenuItem3 = __toESM(require("@mui/material/MenuItem"));
+    import_MenuItem4 = __toESM(require("@mui/material/MenuItem"));
     import_Grid = __toESM(require("@mui/material/Grid"));
     import_Alert3 = __toESM(require("@mui/material/Alert"));
     import_Button5 = __toESM(require("@mui/material/Button"));
@@ -4237,7 +4269,7 @@ var init_UsageStats = __esm({
           value: currentPreset,
           onChange: (e) => handlePresetChange(e.target.value),
           sx: { minWidth: 160 },
-          children: Object.keys(PRESET_LABELS).map((p) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_MenuItem3.default, { value: p, children: PRESET_LABELS[p] }, p))
+          children: Object.keys(PRESET_LABELS).map((p) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_MenuItem4.default, { value: p, children: PRESET_LABELS[p] }, p))
         }
       );
       if (usageError) {
@@ -4298,8 +4330,8 @@ var init_UsageStats = __esm({
                       onChange: (e) => setSelectedModel(e.target.value),
                       sx: { minWidth: 220 },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_MenuItem3.default, { value: "all", children: "All models" }),
-                        models.filter((m) => modelsInPeriod.includes(m.model_name)).map((m) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_MenuItem3.default, { value: m.model_name, children: m.model_name }, m.model_name))
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_MenuItem4.default, { value: "all", children: "All models" }),
+                        models.filter((m) => modelsInPeriod.includes(m.model_name)).map((m) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_MenuItem4.default, { value: m.model_name, children: m.model_name }, m.model_name))
                       ]
                     }
                   )
@@ -5079,7 +5111,7 @@ var init_TeamUsage = __esm({
         }) })
       ] }) });
     };
-    TeamCard = ({ team, usage, usageLoading, memberUsage, memberUsageLoading, canManage, onEditTeam, canManageMembers, onManageMembers, onExpand }) => {
+    TeamCard = ({ team, usage, usageLoading, memberUsage, memberUsageLoading, canManage, onEditTeam, canManageMembers, onManageMembers, onExpand, vectorStores, mcpServers }) => {
       const [expanded, setExpanded] = (0, import_react10.useState)(false);
       const chart = useChartTheme();
       const handleExpandChange = (newExpanded) => {
@@ -5146,6 +5178,10 @@ var init_TeamUsage = __esm({
           children: label
         }
       );
+      const renderNamedTags = (label, ids, items) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Box14.default, { mb: 2.5, children: [
+        sectionLabel(label),
+        ids?.length ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Box14.default, { display: "flex", gap: 0.5, flexWrap: "wrap", children: ids.map((id) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TagChip, { label: items?.find((i) => i.id === id)?.name ?? id, title: id }, id)) }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Typography12.default, { variant: "body2", color: "text.secondary", children: "None configured" })
+      ] });
       return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Paper8.default, { variant: "outlined", sx: { borderRadius: 2, p: 2.5 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Box14.default, { display: "flex", alignItems: "center", gap: 1.5, children: [
           /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
@@ -5271,6 +5307,8 @@ var init_TeamUsage = __esm({
             sectionLabel("Models"),
             team.models?.length ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Box14.default, { display: "flex", gap: 0.5, flexWrap: "wrap", children: team.models.map((m) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TagChip, { label: m, title: m }, m)) }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Typography12.default, { variant: "body2", color: "text.secondary", children: "All models allowed" })
           ] }),
+          renderNamedTags("Knowledge bases", team.object_permission?.vector_stores, vectorStores),
+          renderNamedTags("MCP servers", team.object_permission?.mcp_servers, mcpServers),
           renderDailySpendSection(),
           (memberUsageLoading || memberUsage) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Box14.default, { mb: 2.5, children: [
             sectionLabel("Usage by member"),
@@ -5339,7 +5377,9 @@ var init_TeamUsage = __esm({
       onTeamExpand,
       canManageMembers,
       onManageMembers,
-      readOnly
+      readOnly,
+      vectorStores,
+      mcpServers
     }) => {
       const readOnlyBadge = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Tooltip5.default, { title: "Teams and memberships are managed in your identity provider. Changes made here would be overwritten, so editing is disabled.", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         import_Box14.default,
@@ -5397,7 +5437,9 @@ var init_TeamUsage = __esm({
               onEditTeam,
               canManageMembers: canManageMembers?.(team),
               onManageMembers,
-              onExpand: onTeamExpand
+              onExpand: onTeamExpand,
+              vectorStores,
+              mcpServers
             },
             team.team_id
           )) })
@@ -5425,7 +5467,7 @@ function fmtTokens(n) {
   if (n >= 1e3) return `${(n / 1e3).toFixed(0)}K`;
   return String(n);
 }
-var import_react11, import_Box15, import_Table5, import_TableBody5, import_TableCell5, import_TableContainer5, import_TableHead5, import_TableRow5, import_TableSortLabel2, import_Typography13, import_MenuItem4, import_Select, import_FormControl, import_InputLabel, import_TextField5, import_InputAdornment3, import_icons_material8, import_ContentCopy, import_Tooltip6, import_Snackbar, import_Alert4, import_styles11, import_jsx_runtime16, ALL_PROXY_MODELS, ModelsTable;
+var import_react11, import_Box15, import_Table5, import_TableBody5, import_TableCell5, import_TableContainer5, import_TableHead5, import_TableRow5, import_TableSortLabel2, import_Typography13, import_MenuItem5, import_Select, import_FormControl, import_InputLabel, import_TextField5, import_InputAdornment3, import_icons_material8, import_ContentCopy, import_Tooltip6, import_Snackbar, import_Alert4, import_styles11, import_jsx_runtime16, ALL_PROXY_MODELS, ModelsTable;
 var init_ModelsTable = __esm({
   "src/components/ModelsTable.tsx"() {
     "use strict";
@@ -5439,7 +5481,7 @@ var init_ModelsTable = __esm({
     import_TableRow5 = __toESM(require("@mui/material/TableRow"));
     import_TableSortLabel2 = __toESM(require("@mui/material/TableSortLabel"));
     import_Typography13 = __toESM(require("@mui/material/Typography"));
-    import_MenuItem4 = __toESM(require("@mui/material/MenuItem"));
+    import_MenuItem5 = __toESM(require("@mui/material/MenuItem"));
     import_Select = __toESM(require("@mui/material/Select"));
     import_FormControl = __toESM(require("@mui/material/FormControl"));
     import_InputLabel = __toESM(require("@mui/material/InputLabel"));
@@ -5557,7 +5599,7 @@ var init_ModelsTable = __esm({
                     value: selectedTeamId,
                     label: "Team",
                     onChange: (e) => setSelectedTeamId(e.target.value),
-                    children: teams.map((t) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_MenuItem4.default, { value: t.team_id, children: t.team_alias ?? t.team_id }, t.team_id))
+                    children: teams.map((t) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_MenuItem5.default, { value: t.team_id, children: t.team_alias ?? t.team_id }, t.team_id))
                   }
                 )
               ] }),
@@ -6366,12 +6408,12 @@ var init_LiteLLMPage = __esm({
       const teamMgmtEnabled = liteLlmConfig?.teamManagement?.enabled ?? false;
       const objectPermsEnabled = liteLlmConfig?.teamManagement?.objectPermissionsEnabled ?? false;
       const { value: vectorStores } = (0, import_react_use2.useAsync)(
-        async () => objectPermsEnabled ? api.getVectorStores().catch(() => []) : [],
-        [api, objectPermsEnabled]
+        () => api.getVectorStores().catch(() => []),
+        [api]
       );
       const { value: mcpServers } = (0, import_react_use2.useAsync)(
-        async () => objectPermsEnabled ? api.getMcpServers().catch(() => []) : [],
-        [api, objectPermsEnabled]
+        () => api.getMcpServers().catch(() => []),
+        [api]
       );
       const teams = (0, import_react13.useMemo)(() => {
         if (!allTeams?.length) return [];
@@ -6697,7 +6739,8 @@ var init_LiteLLMPage = __esm({
                 onDeleteKey: handleDeleteKey,
                 onPruneExpiredKeys: handlePruneExpiredKeys,
                 filter,
-                onClearFilter: clearFilter
+                onClearFilter: clearFilter,
+                teams: allTeams ?? []
               }
             );
           })(),
@@ -6728,6 +6771,8 @@ var init_LiteLLMPage = __esm({
                 onEditTeam: (t) => setManageTeam({ mode: "edit", team: t }),
                 canCreate: teamMgmtEnabled && canCreateTeam && !readOnly,
                 onCreateTeam: () => setManageTeam({ mode: "create" }),
+                vectorStores: vectorStores ?? [],
+                mcpServers: mcpServers ?? [],
                 canManageMembers: (t) => teamMgmtEnabled && canManageMembers && isTeamMemberManager(t, userInfo?.user_id, memberManagerRoles, readOnly),
                 onManageMembers: (t) => setManageTeam({ mode: "members", team: t }),
                 readOnly,
@@ -7113,7 +7158,7 @@ var import_Box19 = __toESM(require("@mui/material/Box"));
 var import_Typography17 = __toESM(require("@mui/material/Typography"));
 var import_FormControl2 = __toESM(require("@mui/material/FormControl"));
 var import_Select2 = __toESM(require("@mui/material/Select"));
-var import_MenuItem5 = __toESM(require("@mui/material/MenuItem"));
+var import_MenuItem6 = __toESM(require("@mui/material/MenuItem"));
 var import_Skeleton7 = __toESM(require("@mui/material/Skeleton"));
 var import_recharts3 = require("recharts");
 var import_core_plugin_api7 = require("@backstage/core-plugin-api");
@@ -7250,9 +7295,9 @@ var LiteLLMHomeWidget = ({
           displayEmpty: true,
           inputProps: { "aria-label": "Usage period" },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_MenuItem5.default, { value: "today", children: "Today" }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_MenuItem5.default, { value: "7d", children: "7d" }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_MenuItem5.default, { value: "30d", children: "30d" })
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_MenuItem6.default, { value: "today", children: "Today" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_MenuItem6.default, { value: "7d", children: "7d" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_MenuItem6.default, { value: "30d", children: "30d" })
           ]
         }
       ) })