@acarmisc/backstage-plugin-litellm 0.44.0 → 0.45.0

package/dist/index.esm.js

@@ -5166,7 +5166,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] = useState9(false);
       const chart = useChartTheme();
       const handleExpandChange = (newExpanded) => {
@@ -5365,13 +5365,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__ */ jsxs14(Box14, { mb: 2.5, children: [
+          (memberUsageLoading || memberUsage || memberUsageFailed) && /* @__PURE__ */ jsxs14(Box14, { mb: 2.5, children: [
             sectionLabel("Usage by member"),
-            memberUsage ? /* @__PURE__ */ jsx15(MemberUsageTable, { usage: memberUsage }) : /* @__PURE__ */ jsx15(Box14, { display: "flex", justifyContent: "center", py: 2, children: /* @__PURE__ */ jsx15(CircularProgress4, { size: 22 }) })
+            memberUsage && /* @__PURE__ */ jsx15(MemberUsageTable, { usage: memberUsage }),
+            !memberUsage && memberUsageFailed && /* @__PURE__ */ jsx15(Typography12, { variant: "caption", color: "text.secondary", children: "Could not load per-member usage" }),
+            !memberUsage && !memberUsageFailed && /* @__PURE__ */ jsx15(Box14, { display: "flex", justifyContent: "center", py: 2, children: /* @__PURE__ */ jsx15(CircularProgress4, { size: 22 }) })
           ] }),
-          (keyUsageLoading || keyUsage) && /* @__PURE__ */ jsxs14(Box14, { mb: 2.5, children: [
+          (keyUsageLoading || keyUsage || keyUsageFailed) && /* @__PURE__ */ jsxs14(Box14, { mb: 2.5, children: [
             sectionLabel("Keys by member"),
-            keyUsage ? /* @__PURE__ */ jsx15(TeamKeyUsageTable, { usage: keyUsage }) : /* @__PURE__ */ jsx15(Box14, { display: "flex", justifyContent: "center", py: 2, children: /* @__PURE__ */ jsx15(CircularProgress4, { size: 22 }) })
+            keyUsage && /* @__PURE__ */ jsx15(TeamKeyUsageTable, { usage: keyUsage }),
+            !keyUsage && keyUsageFailed && /* @__PURE__ */ jsx15(Typography12, { variant: "caption", color: "text.secondary", children: "Could not load per-key usage" }),
+            !keyUsage && !keyUsageFailed && /* @__PURE__ */ jsx15(Box14, { display: "flex", justifyContent: "center", py: 2, children: /* @__PURE__ */ jsx15(CircularProgress4, { size: 22 }) })
           ] }),
           /* @__PURE__ */ jsxs14(Box14, { children: [
             sectionLabel("Members"),
@@ -5431,6 +5435,8 @@ var init_TeamUsage = __esm({
       getTeamMemberUsageLoading,
       getTeamKeyUsage,
       getTeamKeyUsageLoading,
+      getTeamMemberUsageFailed,
+      getTeamKeyUsageFailed,
       canManage,
       onEditTeam,
       canCreate,
@@ -5496,6 +5502,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),
@@ -6344,7 +6352,7 @@ function initDateRange() {
   else start.setDate(start.getDate() - 7);
   return { start, end };
 }
-var PERIOD_LS_KEY2, PAGE_TABS, isPageTab, LiteLLMPage;
+var PERIOD_LS_KEY2, PAGE_TABS, isPageTab, isRefusal, LiteLLMPage;
 var init_LiteLLMPage = __esm({
   "src/components/LiteLLMPage.tsx"() {
     "use strict";
@@ -6365,6 +6373,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 = useApi4(liteLlmApiRef);
       const alertApi = useApi4(alertApiRef2);
@@ -6450,6 +6459,8 @@ var init_LiteLLMPage = __esm({
       const [memberUsageLoading, setMemberUsageLoading] = useState11({});
       const [keyUsageCache, setKeyUsageCache] = useState11({});
       const [keyUsageLoading, setKeyUsageLoading] = useState11({});
+      const [memberUsageFailed, setMemberUsageFailed] = useState11({});
+      const [keyUsageFailed, setKeyUsageFailed] = useState11({});
       const { value: userInfo, loading: userLoading, error: userError } = useAsync(
         () => api.getUserInfo(),
         [api]
@@ -6518,6 +6529,8 @@ var init_LiteLLMPage = __esm({
         setMemberUsageLoading({});
         setKeyUsageCache({});
         setKeyUsageLoading({});
+        setMemberUsageFailed({});
+        setKeyUsageFailed({});
       }, [setDateRange, setCurrentPreset]);
       const loadTeamUsage = useCallback4(async (teamId) => {
         if (teamUsageCache[teamId] !== void 0 || teamUsageLoading[teamId]) return;
@@ -6541,8 +6554,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 }));
         }
@@ -6555,8 +6569,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 }));
         }
@@ -6860,6 +6875,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,