@acarmisc/backstage-plugin-litellm 0.44.0 → 0.45.0

package/dist/components/GenerateKeyDialog.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { GenerateKeyRequest, GenerateKeyResponse, LiteLlmConfig, ModelInfo, TeamInfo, VirtualKey } from '../types';
+/**
+ * @deprecated Use {@link KeyFormDialog} with `mode="create"` instead — this
+ * wrapper only forwards props for backwards compatibility with the public
+ * entrypoint and will be removed in a future release.
+ */
+export declare const GenerateKeyDialog: FC<{
+    open: boolean;
+    onClose: () => void;
+    keys: VirtualKey[];
+    models: ModelInfo[];
+    teams: TeamInfo[];
+    username?: string;
+    keyGenerationSettings?: {
+        allowUnlimitedBudget: boolean;
+        teamRequired: boolean;
+    };
+    onGenerateKey: (request: GenerateKeyRequest) => Promise<GenerateKeyResponse>;
+    onGetConfig: () => Promise<LiteLlmConfig>;
+}>;

package/dist/components/TeamUsage.d.ts

@@ -25,6 +25,9 @@ interface TeamUsageProps {
     /** Per-key usage for a team; null hides the section. */
     getTeamKeyUsage?: (teamId: string) => TeamKeyUsage | null;
     getTeamKeyUsageLoading?: (teamId: string) => boolean;
+    /** True when the breakdown failed for a reason other than refusal: shows a caption. */
+    getTeamMemberUsageFailed?: (teamId: string) => boolean;
+    getTeamKeyUsageFailed?: (teamId: string) => boolean;
     canManage?: boolean;
     onEditTeam?: (team: TeamInfo) => void;
     /** When true (with `onCreateTeam`), a "Create Team" action renders in the section header. */

package/dist/index.cjs.js

@@ -5163,7 +5163,7 @@ var init_TeamUsage = __esm({
         }) })
       ] }) });
     };
-    TeamCard = ({ team, usage, usageLoading, memberUsage, memberUsageLoading, keyUsage, keyUsageLoading, canManage, onEditTeam, canManageMembers, onManageMembers, onExpand, vectorStores, mcpServers }) => {
+    TeamCard = ({ team, usage, usageLoading, memberUsage, memberUsageLoading, memberUsageFailed, keyUsage, keyUsageLoading, keyUsageFailed, canManage, onEditTeam, canManageMembers, onManageMembers, onExpand, vectorStores, mcpServers }) => {
       const [expanded, setExpanded] = (0, import_react10.useState)(false);
       const chart = useChartTheme();
       const handleExpandChange = (newExpanded) => {
@@ -5362,13 +5362,17 @@ var init_TeamUsage = __esm({
           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: [
+          (memberUsageLoading || memberUsage || memberUsageFailed) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Box14.default, { mb: 2.5, children: [
             sectionLabel("Usage by member"),
-            memberUsage ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MemberUsageTable, { usage: memberUsage }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Box14.default, { display: "flex", justifyContent: "center", py: 2, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_CircularProgress4.default, { size: 22 }) })
+            memberUsage && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MemberUsageTable, { usage: memberUsage }),
+            !memberUsage && memberUsageFailed && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Typography12.default, { variant: "caption", color: "text.secondary", children: "Could not load per-member usage" }),
+            !memberUsage && !memberUsageFailed && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Box14.default, { display: "flex", justifyContent: "center", py: 2, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_CircularProgress4.default, { size: 22 }) })
           ] }),
-          (keyUsageLoading || keyUsage) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Box14.default, { mb: 2.5, children: [
+          (keyUsageLoading || keyUsage || keyUsageFailed) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Box14.default, { mb: 2.5, children: [
             sectionLabel("Keys by member"),
-            keyUsage ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TeamKeyUsageTable, { usage: keyUsage }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Box14.default, { display: "flex", justifyContent: "center", py: 2, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_CircularProgress4.default, { size: 22 }) })
+            keyUsage && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TeamKeyUsageTable, { usage: keyUsage }),
+            !keyUsage && keyUsageFailed && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Typography12.default, { variant: "caption", color: "text.secondary", children: "Could not load per-key usage" }),
+            !keyUsage && !keyUsageFailed && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Box14.default, { display: "flex", justifyContent: "center", py: 2, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_CircularProgress4.default, { size: 22 }) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Box14.default, { children: [
             sectionLabel("Members"),
@@ -5428,6 +5432,8 @@ var init_TeamUsage = __esm({
       getTeamMemberUsageLoading,
       getTeamKeyUsage,
       getTeamKeyUsageLoading,
+      getTeamMemberUsageFailed,
+      getTeamKeyUsageFailed,
       canManage,
       onEditTeam,
       canCreate,
@@ -5493,6 +5499,8 @@ var init_TeamUsage = __esm({
               memberUsageLoading: getTeamMemberUsageLoading?.(team.team_id) ?? false,
               keyUsage: getTeamKeyUsage?.(team.team_id) ?? null,
               keyUsageLoading: getTeamKeyUsageLoading?.(team.team_id) ?? false,
+              memberUsageFailed: getTeamMemberUsageFailed?.(team.team_id) ?? false,
+              keyUsageFailed: getTeamKeyUsageFailed?.(team.team_id) ?? false,
               canManage,
               onEditTeam,
               canManageMembers: canManageMembers?.(team),
@@ -6316,7 +6324,7 @@ function initDateRange() {
   else start.setDate(start.getDate() - 7);
   return { start, end };
 }
-var import_react13, import_Box17, import_Alert6, import_Button8, import_Typography15, import_Tabs2, import_Tab2, import_Grid3, import_Accordion2, import_AccordionSummary2, import_AccordionDetails2, import_ExpandMore, import_react_router_dom, import_react_use2, import_core_plugin_api5, import_core_components3, import_plugin_permission_react3, import_backstage_plugin_litellm_common5, import_jsx_runtime18, PERIOD_LS_KEY2, PAGE_TABS, isPageTab, LiteLLMPage;
+var import_react13, import_Box17, import_Alert6, import_Button8, import_Typography15, import_Tabs2, import_Tab2, import_Grid3, import_Accordion2, import_AccordionSummary2, import_AccordionDetails2, import_ExpandMore, import_react_router_dom, import_react_use2, import_core_plugin_api5, import_core_components3, import_plugin_permission_react3, import_backstage_plugin_litellm_common5, import_jsx_runtime18, PERIOD_LS_KEY2, PAGE_TABS, isPageTab, isRefusal, LiteLLMPage;
 var init_LiteLLMPage = __esm({
   "src/components/LiteLLMPage.tsx"() {
     "use strict";
@@ -6356,6 +6364,7 @@ var init_LiteLLMPage = __esm({
     PERIOD_LS_KEY2 = "litellm_usage_period";
     PAGE_TABS = ["overview", "keys", "teams", "models", "insights"];
     isPageTab = (v) => !!v && PAGE_TABS.includes(v);
+    isRefusal = (err) => err instanceof ApiError && (err.status === 403 || err.status === 404);
     LiteLLMPage = () => {
       const api = (0, import_core_plugin_api5.useApi)(liteLlmApiRef);
       const alertApi = (0, import_core_plugin_api5.useApi)(import_core_plugin_api5.alertApiRef);
@@ -6441,6 +6450,8 @@ var init_LiteLLMPage = __esm({
       const [memberUsageLoading, setMemberUsageLoading] = (0, import_react13.useState)({});
       const [keyUsageCache, setKeyUsageCache] = (0, import_react13.useState)({});
       const [keyUsageLoading, setKeyUsageLoading] = (0, import_react13.useState)({});
+      const [memberUsageFailed, setMemberUsageFailed] = (0, import_react13.useState)({});
+      const [keyUsageFailed, setKeyUsageFailed] = (0, import_react13.useState)({});
       const { value: userInfo, loading: userLoading, error: userError } = (0, import_react_use2.useAsync)(
         () => api.getUserInfo(),
         [api]
@@ -6509,6 +6520,8 @@ var init_LiteLLMPage = __esm({
         setMemberUsageLoading({});
         setKeyUsageCache({});
         setKeyUsageLoading({});
+        setMemberUsageFailed({});
+        setKeyUsageFailed({});
       }, [setDateRange, setCurrentPreset]);
       const loadTeamUsage = (0, import_react13.useCallback)(async (teamId) => {
         if (teamUsageCache[teamId] !== void 0 || teamUsageLoading[teamId]) return;
@@ -6532,8 +6545,9 @@ var init_LiteLLMPage = __esm({
           const endDate = toLocalDay(dateRange.end);
           const data = await api.getTeamMemberUsage(teamId, startDate, endDate);
           setMemberUsageCache((prev) => ({ ...prev, [teamId]: data }));
-        } catch {
+        } catch (err) {
           setMemberUsageCache((prev) => ({ ...prev, [teamId]: null }));
+          setMemberUsageFailed((prev) => ({ ...prev, [teamId]: !isRefusal(err) }));
         } finally {
           setMemberUsageLoading((prev) => ({ ...prev, [teamId]: false }));
         }
@@ -6546,8 +6560,9 @@ var init_LiteLLMPage = __esm({
           const endDate = toLocalDay(dateRange.end);
           const data = await api.getTeamKeyUsage(teamId, startDate, endDate);
           setKeyUsageCache((prev) => ({ ...prev, [teamId]: data }));
-        } catch {
+        } catch (err) {
           setKeyUsageCache((prev) => ({ ...prev, [teamId]: null }));
+          setKeyUsageFailed((prev) => ({ ...prev, [teamId]: !isRefusal(err) }));
         } finally {
           setKeyUsageLoading((prev) => ({ ...prev, [teamId]: false }));
         }
@@ -6851,6 +6866,8 @@ var init_LiteLLMPage = __esm({
                 getTeamMemberUsageLoading: (teamId) => memberUsageLoading[teamId] ?? false,
                 getTeamKeyUsage: (teamId) => keyUsageCache[teamId] ?? null,
                 getTeamKeyUsageLoading: (teamId) => keyUsageLoading[teamId] ?? false,
+                getTeamMemberUsageFailed: (teamId) => memberUsageFailed[teamId] ?? false,
+                getTeamKeyUsageFailed: (teamId) => keyUsageFailed[teamId] ?? false,
                 canManage: teamMgmtEnabled && canManageTeam && !readOnly,
                 onEditTeam: (t) => setManageTeam({ mode: "edit", team: t }),
                 canCreate: teamMgmtEnabled && canCreateTeam && !readOnly,