@acarmisc/backstage-plugin-litellm 0.21.0 → 0.21.1

package/dist/index.esm.js

@@ -2802,16 +2802,14 @@ function buildBudgetSummary(user, teams, keys, maxKeys = 3) {
   };
 }
 function budgetHeadline(summary) {
-  const pcts = [
-    ...summary.keys.map((k) => k.pct),
-    ...summary.user ? [summary.user.pct] : [],
-    ...summary.teams.map((t) => t.pct)
+  const all = [
+    ...summary.keys,
+    ...summary.user ? [summary.user] : [],
+    ...summary.teams
   ];
   const count = summary.keys.length + summary.hiddenBudgetedKeys + (summary.user ? 1 : 0) + summary.teams.length;
-  return {
-    count,
-    closestPct: pcts.length ? Math.max(...pcts) : null
-  };
+  const closest = all.length ? all.reduce((a, b) => b.pct > a.pct ? b : a) : null;
+  return { count, closest };
 }
 function fmtBudgetDuration(duration) {
   if (!duration) return null;
@@ -2861,7 +2859,7 @@ function levelToneColor(tone, theme) {
       return theme.palette.primary.main;
   }
 }
-var LevelFrame, EmptyLimitCard, LimitCard, TaggedLimit, FullBody, CompactBody, LiteLLMBudgetWidget;
+var LevelFrame, EmptyLimitCard, LimitCard, CLOSEST_LEVEL_LABEL, TaggedLimit, FullBody, CompactBody, LiteLLMBudgetWidget;
 var init_LiteLLMBudgetWidget = __esm({
   "src/components/LiteLLMBudgetWidget.tsx"() {
     "use strict";
@@ -2973,6 +2971,11 @@ var init_LiteLLMBudgetWidget = __esm({
         /* @__PURE__ */ React7.createElement(Typography7, { variant: "caption", color: "text.secondary" }, fmtBudgetDuration(limit.budgetDuration) ? `resets ${fmtBudgetDuration(limit.budgetDuration)}` : "never resets")
       ));
     };
+    CLOSEST_LEVEL_LABEL = {
+      key: "key",
+      user: "personal",
+      team: "team"
+    };
     TaggedLimit = ({ limit }) => {
       const tone = budgetTone2(limit.pct);
       return /* @__PURE__ */ React7.createElement(Box7, null, /* @__PURE__ */ React7.createElement(
@@ -3079,7 +3082,9 @@ var init_LiteLLMBudgetWidget = __esm({
       );
       const headline = useMemo6(() => budgetHeadline(summary), [summary]);
       const limitsWord = `${headline.count} limit${headline.count === 1 ? "" : "s"}`;
-      const closestWord = headline.closestPct === null ? "" : ` \xB7 closest ${Math.round(headline.closestPct)}%`;
+      const closestWord = headline.closest === null ? "" : ` \xB7 closest: ${CLOSEST_LEVEL_LABEL[headline.closest.kind]} ${Math.round(
+        headline.closest.pct
+      )}%`;
       const summaryText = headline.count === 0 ? "no limits apply" : `${limitsWord}${closestWord}`;
       const body = /* @__PURE__ */ React7.createElement(React7.Fragment, null, loading && /* @__PURE__ */ React7.createElement(Box7, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: 140 }, /* @__PURE__ */ React7.createElement(CircularProgress4, { size: 32 })), !loading && error && /* @__PURE__ */ React7.createElement(Alert3, { severity: "error", sx: { mt: 0.5 } }, error), !loading && !error && (compact ? /* @__PURE__ */ React7.createElement(CompactBody, { summary }) : /* @__PURE__ */ React7.createElement(FullBody, { summary })));
       return /* @__PURE__ */ React7.createElement(Paper5, { sx: { p: 2 } }, collapsible ? /* @__PURE__ */ React7.createElement(
@@ -3095,7 +3100,13 @@ var init_LiteLLMBudgetWidget = __esm({
             mb: expanded ? 1.5 : 0
           }
         },
-        /* @__PURE__ */ React7.createElement(Box7, { sx: { minWidth: 0, flex: 1, display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" } }, /* @__PURE__ */ React7.createElement(Typography7, { variant: "h6", lineHeight: 1.2 }, title), !loading && !error && /* @__PURE__ */ React7.createElement(StatusPill, { label: summaryText, tone: budgetTone2(headline.closestPct ?? 0) })),
+        /* @__PURE__ */ React7.createElement(Box7, { sx: { minWidth: 0, flex: 1 } }, /* @__PURE__ */ React7.createElement(Typography7, { variant: "h6", lineHeight: 1.2 }, title), !loading && !error && /* @__PURE__ */ React7.createElement(Box7, { sx: { mt: 0.5 } }, /* @__PURE__ */ React7.createElement(
+          StatusPill,
+          {
+            label: summaryText,
+            tone: budgetTone2(headline.closest?.pct ?? 0)
+          }
+        ))),
         /* @__PURE__ */ React7.createElement(
           IconButton4,
           {