@acarmisc/backstage-plugin-litellm 0.41.0 → 0.43.0

package/dist/api.d.ts

@@ -37,6 +37,11 @@ export interface LiteLlmApiInterface {
     }): Promise<TeamInfo>;
     removeTeamMember(teamId: string, userEntityRef: string): Promise<TeamInfo>;
     getVectorStores(): Promise<VectorStoreInfo[]>;
+    /** Id → name for every KB and MCP server, for labels only (not allowlist-filtered). */
+    getObjectNames(): Promise<{
+        vector_stores: VectorStoreInfo[];
+        mcp_servers: McpServerInfo[];
+    }>;
     setTeamKnowledgeBases(teamId: string, vectorStores: string[]): Promise<TeamInfo>;
     getMcpServers(): Promise<McpServerInfo[]>;
     setTeamMcpServers(teamId: string, mcpServers: string[]): Promise<TeamInfo>;
@@ -105,6 +110,10 @@ export declare class LiteLlmApi implements LiteLlmApiInterface {
     }): Promise<TeamInfo>;
     removeTeamMember(teamId: string, userEntityRef: string): Promise<TeamInfo>;
     getVectorStores(): Promise<VectorStoreInfo[]>;
+    getObjectNames(): Promise<{
+        vector_stores: VectorStoreInfo[];
+        mcp_servers: McpServerInfo[];
+    }>;
     setTeamKnowledgeBases(teamId: string, vectorStores: string[]): Promise<TeamInfo>;
     getMcpServers(): Promise<McpServerInfo[]>;
     setTeamMcpServers(teamId: string, mcpServers: string[]): Promise<TeamInfo>;

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/ManageTeamDialog.d.ts

@@ -27,12 +27,16 @@ interface ManageTeamDialogProps {
     canManageKnowledgeBases?: boolean;
     /** Vector stores the caller may attach (already allowlist-filtered server-side). */
     vectorStores?: VectorStoreInfo[];
+    /** Names for labelling attached stores; may include stores not offered in the picker. */
+    vectorStoreNames?: VectorStoreInfo[];
     /** Called to replace the team's attached knowledge bases; parent refreshes `team`. */
     onSaveKnowledgeBases?: (vectorStoreIds: string[]) => Promise<void>;
     /** When true, the MCP Servers section (edit mode only) is shown. */
     canManageMcpServers?: boolean;
     /** MCP servers the caller may attach (already allowlist-filtered server-side). */
     mcpServers?: McpServerInfo[];
+    /** Names for labelling attached servers; may include servers not offered in the picker. */
+    mcpServerNames?: McpServerInfo[];
     /** Called to replace the team's attached MCP servers; parent refreshes `team`. */
     onSaveMcpServers?: (mcpServerIds: string[]) => Promise<void>;
     /** When true, only members section is shown (not budget/models/KB/MCP); title changes; Save becomes Done. */

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

@@ -287,6 +287,10 @@ var init_api = __esm({
       async getVectorStores() {
         return this.get("/vector-stores");
       }
+      // Names only, readable by any signed-in user; never used for the picker.
+      async getObjectNames() {
+        return this.get("/object-names");
+      }
       async setTeamKnowledgeBases(teamId, vectorStores) {
         return this.put(
           `/teams/${encodeURIComponent(teamId)}/knowledge-bases`,
@@ -1782,7 +1786,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 });
@@ -1810,9 +1815,14 @@ 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(),
-        [keys]
+        () => [...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;
@@ -1936,7 +1946,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 || "\u2014" }) }),
+                /* @__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,
@@ -2057,7 +2067,7 @@ var init_KeysTable = __esm({
                   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: id }, id))
+                    teamIds.map((id) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_MenuItem.default, { value: id, children: teamLabel(id) }, id))
                   ]
                 }
               ),
@@ -3239,9 +3249,11 @@ var init_ManageTeamDialog = __esm({
       onRemoveMember,
       canManageKnowledgeBases,
       vectorStores,
+      vectorStoreNames,
       onSaveKnowledgeBases,
       canManageMcpServers,
       mcpServers,
+      mcpServerNames,
       onSaveMcpServers,
       membersOnly,
       currentUserId,
@@ -3510,10 +3522,10 @@ var init_ManageTeamDialog = __esm({
       const durationOptions = BUDGET_DURATION_OPTIONS.some((o) => o.value === budgetDuration) ? BUDGET_DURATION_OPTIONS : [...BUDGET_DURATION_OPTIONS, { value: budgetDuration, label: budgetDuration }];
       const showKnowledgeBases = mode === "edit" && !!canManageKnowledgeBases;
       const kbOptions = (vectorStores ?? []).map((v) => v.id);
-      const kbLabel = (id) => (vectorStores ?? []).find((v) => v.id === id)?.name ?? id;
+      const kbLabel = (id) => (vectorStoreNames ?? []).find((v) => v.id === id)?.name ?? id;
       const showMcpServers = mode === "edit" && !!canManageMcpServers;
       const mcpOptions = (mcpServers ?? []).map((s) => s.id);
-      const mcpLabel = (id) => (mcpServers ?? []).find((s) => s.id === id)?.name ?? id;
+      const mcpLabel = (id) => (mcpServerNames ?? []).find((s) => s.id === id)?.name ?? id;
       const isRemovalDisabled = (memberUserId, memberRole) => {
         if (!membersOnly) return { disabled: false };
         if (memberUserId === currentUserId) {
@@ -5105,7 +5117,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) => {
@@ -5172,6 +5184,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)(
@@ -5297,6 +5313,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"),
@@ -5365,7 +5383,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,
@@ -5423,7 +5443,9 @@ var init_TeamUsage = __esm({
               onEditTeam,
               canManageMembers: canManageMembers?.(team),
               onManageMembers,
-              onExpand: onTeamExpand
+              onExpand: onTeamExpand,
+              vectorStores,
+              mcpServers
             },
             team.team_id
           )) })
@@ -6392,12 +6414,16 @@ 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 { value: objectNames } = (0, import_react_use2.useAsync)(
+        () => api.getObjectNames().catch(() => ({ vector_stores: [], mcp_servers: [] })),
+        [api]
       );
       const teams = (0, import_react13.useMemo)(() => {
         if (!allTeams?.length) return [];
@@ -6723,7 +6749,8 @@ var init_LiteLLMPage = __esm({
                 onDeleteKey: handleDeleteKey,
                 onPruneExpiredKeys: handlePruneExpiredKeys,
                 filter,
-                onClearFilter: clearFilter
+                onClearFilter: clearFilter,
+                teams: allTeams ?? []
               }
             );
           })(),
@@ -6754,6 +6781,8 @@ var init_LiteLLMPage = __esm({
                 onEditTeam: (t) => setManageTeam({ mode: "edit", team: t }),
                 canCreate: teamMgmtEnabled && canCreateTeam && !readOnly,
                 onCreateTeam: () => setManageTeam({ mode: "create" }),
+                vectorStores: objectNames?.vector_stores ?? [],
+                mcpServers: objectNames?.mcp_servers ?? [],
                 canManageMembers: (t) => teamMgmtEnabled && canManageMembers && isTeamMemberManager(t, userInfo?.user_id, memberManagerRoles, readOnly),
                 onManageMembers: (t) => setManageTeam({ mode: "members", team: t }),
                 readOnly,
@@ -6885,6 +6914,7 @@ var init_LiteLLMPage = __esm({
             },
             canManageKnowledgeBases: teamMgmtEnabled && objectPermsEnabled && canManageKnowledgeBases,
             vectorStores: vectorStores ?? [],
+            vectorStoreNames: objectNames?.vector_stores ?? [],
             onSaveKnowledgeBases: async (vectorStoreIds) => {
               if (!manageTeam?.team) return;
               try {
@@ -6903,6 +6933,7 @@ var init_LiteLLMPage = __esm({
             },
             canManageMcpServers: teamMgmtEnabled && objectPermsEnabled && canManageMcpServers,
             mcpServers: mcpServers ?? [],
+            mcpServerNames: objectNames?.mcp_servers ?? [],
             onSaveMcpServers: async (mcpServerIds) => {
               if (!manageTeam?.team) return;
               try {