@acarmisc/backstage-plugin-litellm 0.41.0 → 0.42.0

package/dist/index.esm.js

@@ -1762,7 +1762,8 @@ var init_KeysTable = __esm({
       onDeleteKey,
       onPruneExpiredKeys,
       filter,
-      onClearFilter
+      onClearFilter,
+      teams
     }) => {
       const managePermission = usePermission({ permission: litellmKeyManagePermission });
       const revokePermission = usePermission({ permission: litellmKeyRevokePermission });
@@ -1790,9 +1791,14 @@ var init_KeysTable = __esm({
           setSortDirection("asc");
         }
       };
+      const teamNames = useMemo2(
+        () => new Map((teams ?? []).map((t) => [t.team_id, t.team_alias || t.team_id])),
+        [teams]
+      );
+      const teamLabel = (id) => teamNames.get(id) ?? id;
       const teamIds = useMemo2(
-        () => [...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 = useMemo2(() => {
         let result = keys;
@@ -1916,7 +1922,7 @@ var init_KeysTable = __esm({
                   /* @__PURE__ */ jsx8(Typography5, { variant: "body2", children: key.key_alias || "\u2014" }),
                   key.blocked && /* @__PURE__ */ jsx8(StatusPill, { label: "Blocked", tone: "danger" })
                 ] }) }),
-                /* @__PURE__ */ jsx8(TableCell, { children: /* @__PURE__ */ jsx8(Typography5, { variant: "body2", color: "text.secondary", children: key.team_id || "\u2014" }) }),
+                /* @__PURE__ */ jsx8(TableCell, { children: /* @__PURE__ */ jsx8(Typography5, { variant: "body2", color: "text.secondary", children: key.team_id ? teamLabel(key.team_id) : "\u2014" }) }),
                 /* @__PURE__ */ jsx8(TableCell, { children: /* @__PURE__ */ jsxs7(Box7, { display: "flex", alignItems: "center", gap: 0.5, children: [
                   /* @__PURE__ */ jsx8(
                     Typography5,
@@ -2037,7 +2043,7 @@ var init_KeysTable = __esm({
                   sx: { minWidth: 160 },
                   children: [
                     /* @__PURE__ */ jsx8(MenuItem, { value: "", children: "All teams" }),
-                    teamIds.map((id) => /* @__PURE__ */ jsx8(MenuItem, { value: id, children: id }, id))
+                    teamIds.map((id) => /* @__PURE__ */ jsx8(MenuItem, { value: id, children: teamLabel(id) }, id))
                   ]
                 }
               ),
@@ -5108,7 +5114,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] = useState9(false);
       const chart = useChartTheme();
       const handleExpandChange = (newExpanded) => {
@@ -5175,6 +5181,10 @@ var init_TeamUsage = __esm({
           children: label
         }
       );
+      const renderNamedTags = (label, ids, items) => /* @__PURE__ */ jsxs14(Box14, { mb: 2.5, children: [
+        sectionLabel(label),
+        ids?.length ? /* @__PURE__ */ jsx15(Box14, { display: "flex", gap: 0.5, flexWrap: "wrap", children: ids.map((id) => /* @__PURE__ */ jsx15(TagChip, { label: items?.find((i) => i.id === id)?.name ?? id, title: id }, id)) }) : /* @__PURE__ */ jsx15(Typography12, { variant: "body2", color: "text.secondary", children: "None configured" })
+      ] });
       return /* @__PURE__ */ jsxs14(Paper8, { variant: "outlined", sx: { borderRadius: 2, p: 2.5 }, children: [
         /* @__PURE__ */ jsxs14(Box14, { display: "flex", alignItems: "center", gap: 1.5, children: [
           /* @__PURE__ */ jsx15(
@@ -5300,6 +5310,8 @@ var init_TeamUsage = __esm({
             sectionLabel("Models"),
             team.models?.length ? /* @__PURE__ */ jsx15(Box14, { display: "flex", gap: 0.5, flexWrap: "wrap", children: team.models.map((m) => /* @__PURE__ */ jsx15(TagChip, { label: m, title: m }, m)) }) : /* @__PURE__ */ jsx15(Typography12, { 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__ */ jsxs14(Box14, { mb: 2.5, children: [
             sectionLabel("Usage by member"),
@@ -5368,7 +5380,9 @@ var init_TeamUsage = __esm({
       onTeamExpand,
       canManageMembers,
       onManageMembers,
-      readOnly
+      readOnly,
+      vectorStores,
+      mcpServers
     }) => {
       const readOnlyBadge = /* @__PURE__ */ jsx15(MuiTooltip, { title: "Teams and memberships are managed in your identity provider. Changes made here would be overwritten, so editing is disabled.", children: /* @__PURE__ */ jsxs14(
         Box14,
@@ -5426,7 +5440,9 @@ var init_TeamUsage = __esm({
               onEditTeam,
               canManageMembers: canManageMembers?.(team),
               onManageMembers,
-              onExpand: onTeamExpand
+              onExpand: onTeamExpand,
+              vectorStores,
+              mcpServers
             },
             team.team_id
           )) })
@@ -6401,12 +6417,12 @@ var init_LiteLLMPage = __esm({
       const teamMgmtEnabled = liteLlmConfig?.teamManagement?.enabled ?? false;
       const objectPermsEnabled = liteLlmConfig?.teamManagement?.objectPermissionsEnabled ?? false;
       const { value: vectorStores } = useAsync(
-        async () => objectPermsEnabled ? api.getVectorStores().catch(() => []) : [],
-        [api, objectPermsEnabled]
+        () => api.getVectorStores().catch(() => []),
+        [api]
       );
       const { value: mcpServers } = useAsync(
-        async () => objectPermsEnabled ? api.getMcpServers().catch(() => []) : [],
-        [api, objectPermsEnabled]
+        () => api.getMcpServers().catch(() => []),
+        [api]
       );
       const teams = useMemo9(() => {
         if (!allTeams?.length) return [];
@@ -6732,7 +6748,8 @@ var init_LiteLLMPage = __esm({
                 onDeleteKey: handleDeleteKey,
                 onPruneExpiredKeys: handlePruneExpiredKeys,
                 filter,
-                onClearFilter: clearFilter
+                onClearFilter: clearFilter,
+                teams: allTeams ?? []
               }
             );
           })(),
@@ -6763,6 +6780,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,