@acarmisc/backstage-plugin-litellm 0.1.3 → 0.1.7

package/dist/index.esm.js

@@ -10,10 +10,17 @@ var __export = (target, all) => {
 
 // src/api.ts
 import { createApiRef } from "@backstage/core-plugin-api";
-var liteLlmApiRef, LiteLlmApi;
+var ApiError, liteLlmApiRef, LiteLlmApi;
 var init_api = __esm({
   "src/api.ts"() {
     "use strict";
+    ApiError = class extends Error {
+      constructor(message, status, body) {
+        super(message);
+        this.status = status;
+        this.body = body;
+      }
+    };
     liteLlmApiRef = createApiRef({
       id: "plugin.litellm.api"
     });
@@ -22,17 +29,24 @@ var init_api = __esm({
         this.fetchApi = fetchApi;
         this.basePath = basePath;
       }
+      async throwIfNotOk(response) {
+        if (!response.ok) {
+          let body;
+          try {
+            body = await response.json();
+          } catch {
+            body = await response.text().catch(() => "");
+          }
+          throw new ApiError(`${response.status} ${response.statusText}`, response.status, body);
+        }
+      }
       async get(path, params) {
         const url = new URL(`${this.basePath}${path}`, window.location.origin);
         if (params) {
-          Object.entries(params).forEach(([key, value]) => {
-            url.searchParams.append(key, value);
-          });
+          Object.entries(params).forEach(([key, value]) => url.searchParams.append(key, value));
         }
         const response = await this.fetchApi.fetch(url.toString());
-        if (!response.ok) {
-          throw new Error(`Failed to fetch: ${response.status} ${response.statusText}`);
-        }
+        await this.throwIfNotOk(response);
         return response.json();
       }
       async post(path, body) {
@@ -41,9 +55,7 @@ var init_api = __esm({
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(body)
         });
-        if (!response.ok) {
-          throw new Error(`Failed to fetch: ${response.status} ${response.statusText}`);
-        }
+        await this.throwIfNotOk(response);
         return response.json();
       }
       async del(path) {
@@ -51,18 +63,16 @@ var init_api = __esm({
           method: "DELETE",
           headers: { "Content-Type": "application/json" }
         });
-        if (!response.ok) {
-          throw new Error(`Failed to fetch: ${response.status} ${response.statusText}`);
-        }
+        await this.throwIfNotOk(response);
         return response.json();
       }
-      async getUserInfo(userId) {
-        const params = userId ? { user_id: userId } : void 0;
-        return this.get("/user/info", params);
+      // User identity is resolved server-side from the Backstage Bearer token.
+      // No user_id param needed on the frontend.
+      async getUserInfo() {
+        return this.get("/user/info");
       }
-      async listKeys(userId) {
-        const params = userId ? { user_id: userId } : void 0;
-        return this.get("/keys", params);
+      async listKeys() {
+        return this.get("/keys");
       }
       async generateKey(request) {
         return this.post("/keys/generate", request);
@@ -73,10 +83,17 @@ var init_api = __esm({
       async listModels() {
         return this.get("/models");
       }
-      async getUsage(startDate, endDate, userId) {
-        const params = { start_date: startDate, end_date: endDate };
-        if (userId) params.user_id = userId;
-        return this.get("/usage", params);
+      async getTeams() {
+        return this.get("/teams");
+      }
+      async getUsage(startDate, endDate) {
+        return this.get("/usage", { start_date: startDate, end_date: endDate });
+      }
+      async getTeamUsage(teamId, startDate, endDate) {
+        return this.get(`/teams/${encodeURIComponent(teamId)}/usage`, {
+          start_date: startDate,
+          end_date: endDate
+        });
       }
     };
   }
@@ -85,7 +102,7 @@ var init_api = __esm({
 // src/components/DashboardHeader.tsx
 import React from "react";
 import { Box, Typography, LinearProgress, Paper, Chip } from "@mui/material";
-import { Warning, Group } from "@mui/icons-material";
+import { Warning } from "@mui/icons-material";
 var DashboardHeader;
 var init_DashboardHeader = __esm({
   "src/components/DashboardHeader.tsx"() {
@@ -94,20 +111,18 @@ var init_DashboardHeader = __esm({
       if (loading) {
         return /* @__PURE__ */ React.createElement(Paper, { sx: { p: 2, mb: 2 } }, /* @__PURE__ */ React.createElement(LinearProgress, null));
       }
-      if (!userInfo) {
-        return null;
-      }
+      const displayName = userInfo.user_email ?? userInfo.email ?? userInfo.user_id;
       const budget = userInfo.max_budget ?? 0;
-      const spend = userInfo.current_spend ?? 0;
-      const budgetPercentage = budget > 0 ? Math.min(spend / budget * 100, 100) : 0;
-      const isOverBudget = budget > 0 && spend >= budget;
-      const isNearLimit = budget > 0 && spend >= budget * 0.8 && !isOverBudget;
-      return /* @__PURE__ */ React.createElement(Paper, { sx: { p: 2, mb: 2 } }, /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center", gap: 2, flexWrap: "wrap" }, /* @__PURE__ */ React.createElement(Box, { flexGrow: 1 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, userInfo.email), userInfo.team_alias && /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center", gap: 0.5, mt: 0.5 }, /* @__PURE__ */ React.createElement(Group, { fontSize: "small", color: "action" }), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "text.secondary" }, userInfo.team_alias))), budget > 0 && /* @__PURE__ */ React.createElement(Box, { minWidth: 200 }, /* @__PURE__ */ React.createElement(Box, { display: "flex", justifyContent: "space-between", mb: 0.5 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, "Spend: $", spend.toFixed(2), " / $", budget.toFixed(2)), isOverBudget && /* @__PURE__ */ React.createElement(Chip, { icon: /* @__PURE__ */ React.createElement(Warning, null), label: "Over Budget", size: "small", color: "error" }), isNearLimit && /* @__PURE__ */ React.createElement(Chip, { label: "Near Limit", size: "small", color: "warning" })), /* @__PURE__ */ React.createElement(
+      const spend = userInfo.spend ?? userInfo.current_spend ?? 0;
+      const budgetPct = budget > 0 ? Math.min(spend / budget * 100, 100) : 0;
+      const isOver = budget > 0 && spend >= budget;
+      const isNear = budget > 0 && spend >= budget * 0.8 && !isOver;
+      return /* @__PURE__ */ React.createElement(Paper, { sx: { p: 2, mb: 2 } }, /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center", gap: 2, flexWrap: "wrap" }, /* @__PURE__ */ React.createElement(Box, { flexGrow: 1 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, displayName), /* @__PURE__ */ React.createElement(Typography, { variant: "caption", color: "text.secondary" }, userInfo.user_id)), budget > 0 && /* @__PURE__ */ React.createElement(Box, { minWidth: 220 }, /* @__PURE__ */ React.createElement(Box, { display: "flex", justifyContent: "space-between", mb: 0.5 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, "$", spend.toFixed(2), " / $", budget.toFixed(2)), isOver && /* @__PURE__ */ React.createElement(Chip, { icon: /* @__PURE__ */ React.createElement(Warning, null), label: "Over Budget", size: "small", color: "error" }), isNear && /* @__PURE__ */ React.createElement(Chip, { label: "Near Limit", size: "small", color: "warning" })), /* @__PURE__ */ React.createElement(
         LinearProgress,
         {
           variant: "determinate",
-          value: budgetPercentage,
-          color: isOverBudget ? "error" : isNearLimit ? "warning" : "primary",
+          value: budgetPct,
+          color: isOver ? "error" : isNear ? "warning" : "primary",
           sx: { height: 8, borderRadius: 1 }
         }
       ))));
@@ -265,12 +280,13 @@ var init_KeysTable = __esm({
         {
           select: true,
           label: "Models",
-          SelectProps: { multiple: true },
+          SelectProps: { multiple: true, displayEmpty: true },
           value: formData.models || [],
           onChange: (e) => setFormData({ ...formData, models: e.target.value }),
-          fullWidth: true
+          fullWidth: true,
+          placeholder: "Select models"
         },
-        models.map((model) => /* @__PURE__ */ React2.createElement(MenuItem, { key: model.model_name, value: model.model_name }, model.model_name))
+        models.length === 0 ? /* @__PURE__ */ React2.createElement(MenuItem, { disabled: true, value: "" }, "No models available") : models.map((model) => /* @__PURE__ */ React2.createElement(MenuItem, { key: model.model_name, value: model.model_name }, model.model_name, model.supports_function_calling && " \u{1F527}", model.supports_vision && " \u{1F441}\uFE0F"))
       ))), /* @__PURE__ */ React2.createElement(DialogActions, null, /* @__PURE__ */ React2.createElement(Button, { onClick: handleCloseModal }, newKeyValue ? "Done" : "Cancel"), !newKeyValue && /* @__PURE__ */ React2.createElement(Button, { onClick: handleGenerate, variant: "contained", color: "primary", disabled: submitting }, submitting ? /* @__PURE__ */ React2.createElement(CircularProgress, { size: 24 }) : "Generate"))));
     };
   }
@@ -364,13 +380,95 @@ var init_UsageStats = __esm({
   }
 });
 
+// src/components/TeamUsage.tsx
+import React4, { useState as useState3 } from "react";
+import {
+  Paper as Paper4,
+  Box as Box4,
+  Typography as Typography4,
+  LinearProgress as LinearProgress2,
+  Chip as Chip3,
+  Table as Table2,
+  TableBody as TableBody2,
+  TableCell as TableCell2,
+  TableHead as TableHead2,
+  TableRow as TableRow2,
+  TableContainer as TableContainer2,
+  Collapse,
+  IconButton as IconButton2,
+  CircularProgress as CircularProgress3
+} from "@mui/material";
+import { ExpandMore, ExpandLess, Group } from "@mui/icons-material";
+import {
+  AreaChart as AreaChart2,
+  Area as Area2,
+  XAxis as XAxis2,
+  YAxis as YAxis2,
+  CartesianGrid as CartesianGrid2,
+  Tooltip as Tooltip2,
+  ResponsiveContainer as ResponsiveContainer2
+} from "recharts";
+var TeamCard, TeamUsage;
+var init_TeamUsage = __esm({
+  "src/components/TeamUsage.tsx"() {
+    "use strict";
+    TeamCard = ({ team, usage, usageLoading }) => {
+      const [expanded, setExpanded] = useState3(false);
+      const budget = team.max_budget ?? 0;
+      const spend = team.spend ?? 0;
+      const budgetPct = budget > 0 ? Math.min(spend / budget * 100, 100) : 0;
+      const isOver = budget > 0 && spend >= budget;
+      const isNear = budget > 0 && spend >= budget * 0.8 && !isOver;
+      const dailyData = usage?.daily_usage?.map((d) => ({ date: d.date, spend: d.spend })) ?? [];
+      return /* @__PURE__ */ React4.createElement(Paper4, { variant: "outlined", sx: { p: 2, mb: 2 } }, /* @__PURE__ */ React4.createElement(Box4, { display: "flex", alignItems: "center", gap: 1 }, /* @__PURE__ */ React4.createElement(Group, { color: "action" }), /* @__PURE__ */ React4.createElement(Box4, { flexGrow: 1 }, /* @__PURE__ */ React4.createElement(Typography4, { variant: "subtitle1", fontWeight: 600 }, team.team_alias ?? team.team_id), team.models?.length ? /* @__PURE__ */ React4.createElement(Box4, { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.5 }, team.models.map((m) => /* @__PURE__ */ React4.createElement(Chip3, { key: m, label: m, size: "small", variant: "outlined" }))) : /* @__PURE__ */ React4.createElement(Typography4, { variant: "caption", color: "text.secondary" }, "All models")), /* @__PURE__ */ React4.createElement(IconButton2, { size: "small", onClick: () => setExpanded((e) => !e) }, expanded ? /* @__PURE__ */ React4.createElement(ExpandLess, null) : /* @__PURE__ */ React4.createElement(ExpandMore, null))), budget > 0 && /* @__PURE__ */ React4.createElement(Box4, { mt: 1.5 }, /* @__PURE__ */ React4.createElement(Box4, { display: "flex", justifyContent: "space-between", mb: 0.5 }, /* @__PURE__ */ React4.createElement(Typography4, { variant: "body2" }, "$", spend.toFixed(2), " / $", budget.toFixed(2)), isOver && /* @__PURE__ */ React4.createElement(Chip3, { label: "Over Budget", size: "small", color: "error" }), isNear && /* @__PURE__ */ React4.createElement(Chip3, { label: "Near Limit", size: "small", color: "warning" })), /* @__PURE__ */ React4.createElement(
+        LinearProgress2,
+        {
+          variant: "determinate",
+          value: budgetPct,
+          color: isOver ? "error" : isNear ? "warning" : "primary",
+          sx: { height: 6, borderRadius: 1 }
+        }
+      )), /* @__PURE__ */ React4.createElement(Collapse, { in: expanded }, /* @__PURE__ */ React4.createElement(Box4, { mt: 2 }, usageLoading ? /* @__PURE__ */ React4.createElement(Box4, { display: "flex", justifyContent: "center", p: 2 }, /* @__PURE__ */ React4.createElement(CircularProgress3, { size: 24 })) : dailyData.length > 0 ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(Typography4, { variant: "subtitle2", color: "text.secondary", gutterBottom: true }, "Daily Spend"), /* @__PURE__ */ React4.createElement(Box4, { height: 160 }, /* @__PURE__ */ React4.createElement(ResponsiveContainer2, { width: "100%", height: "100%" }, /* @__PURE__ */ React4.createElement(AreaChart2, { data: dailyData }, /* @__PURE__ */ React4.createElement(CartesianGrid2, { strokeDasharray: "3 3" }), /* @__PURE__ */ React4.createElement(XAxis2, { dataKey: "date", tick: { fontSize: 11 } }), /* @__PURE__ */ React4.createElement(YAxis2, { tick: { fontSize: 11 }, tickFormatter: (v) => `$${v.toFixed(2)}` }), /* @__PURE__ */ React4.createElement(Tooltip2, { formatter: (v) => [`$${v.toFixed(4)}`, "Spend"] }), /* @__PURE__ */ React4.createElement(Area2, { type: "monotone", dataKey: "spend", stroke: "#8884d8", fill: "#8884d8", fillOpacity: 0.3 }))))) : null, team.members_with_roles?.length ? /* @__PURE__ */ React4.createElement(Box4, { mt: 2 }, /* @__PURE__ */ React4.createElement(Typography4, { variant: "subtitle2", color: "text.secondary", gutterBottom: true }, "Members"), /* @__PURE__ */ React4.createElement(TableContainer2, null, /* @__PURE__ */ React4.createElement(Table2, { size: "small" }, /* @__PURE__ */ React4.createElement(TableHead2, null, /* @__PURE__ */ React4.createElement(TableRow2, null, /* @__PURE__ */ React4.createElement(TableCell2, null, "User"), /* @__PURE__ */ React4.createElement(TableCell2, null, "Role"))), /* @__PURE__ */ React4.createElement(TableBody2, null, team.members_with_roles.map((m) => /* @__PURE__ */ React4.createElement(TableRow2, { key: m.user_id }, /* @__PURE__ */ React4.createElement(TableCell2, { sx: { fontFamily: "monospace", fontSize: 12 } }, m.user_id), /* @__PURE__ */ React4.createElement(TableCell2, null, /* @__PURE__ */ React4.createElement(
+        Chip3,
+        {
+          label: m.role,
+          size: "small",
+          color: m.role === "admin" ? "primary" : "default"
+        }
+      )))))))) : null)));
+    };
+    TeamUsage = ({
+      teams,
+      loading,
+      getTeamUsage,
+      getTeamUsageLoading
+    }) => {
+      if (loading) {
+        return /* @__PURE__ */ React4.createElement(Paper4, { sx: { p: 2 } }, /* @__PURE__ */ React4.createElement(LinearProgress2, null));
+      }
+      if (!teams.length) {
+        return /* @__PURE__ */ React4.createElement(Paper4, { sx: { p: 2 } }, /* @__PURE__ */ React4.createElement(Box4, { display: "flex", alignItems: "center", gap: 1 }, /* @__PURE__ */ React4.createElement(Group, { color: "disabled" }), /* @__PURE__ */ React4.createElement(Typography4, { color: "text.secondary", variant: "body2" }, "No team membership found in LiteLLM for this account.")));
+      }
+      return /* @__PURE__ */ React4.createElement(Box4, null, /* @__PURE__ */ React4.createElement(Typography4, { variant: "h6", mb: 1 }, "Teams"), teams.map((team) => /* @__PURE__ */ React4.createElement(
+        TeamCard,
+        {
+          key: team.team_id,
+          team,
+          usage: getTeamUsage(team.team_id),
+          usageLoading: getTeamUsageLoading(team.team_id)
+        }
+      )));
+    };
+  }
+});
+
 // src/components/LiteLLMPage.tsx
 var LiteLLMPage_exports = {};
 __export(LiteLLMPage_exports, {
   LiteLLMPage: () => LiteLLMPage
 });
-import React4, { useState as useState3, useCallback } from "react";
-import { Grid as Grid2, Box as Box4, Snackbar, Alert, CircularProgress as CircularProgress3 } from "@mui/material";
+import React5, { useState as useState4, useCallback, useMemo } from "react";
+import { Grid as Grid2, Box as Box5, Snackbar, Alert, CircularProgress as CircularProgress4, Typography as Typography5, Paper as Paper5 } from "@mui/material";
 import { useAsync, useAsyncRetry } from "react-use";
 import { useApi } from "@backstage/core-plugin-api";
 var LiteLLMPage;
@@ -380,48 +478,74 @@ var init_LiteLLMPage = __esm({
     init_DashboardHeader();
     init_KeysTable();
     init_UsageStats();
+    init_TeamUsage();
     init_api();
     LiteLLMPage = () => {
       const api = useApi(liteLlmApiRef);
-      const [dateRange, setDateRange] = useState3(() => {
+      const [dateRange, setDateRange] = useState4(() => {
         const end = /* @__PURE__ */ new Date();
         const start = /* @__PURE__ */ new Date();
         start.setDate(start.getDate() - 7);
         return { start, end };
       });
-      const [snackbar, setSnackbar] = useState3(null);
-      const { value: userInfo, loading: userLoading } = useAsync(async () => {
-        try {
-          return await api.getUserInfo();
-        } catch (e) {
-          setSnackbar({ message: `Failed to load user info: ${e.message}`, severity: "error" });
-          return null;
-        }
-      }, [api]);
-      const {
-        value: keys,
-        loading: keysLoading,
-        retry: refreshKeys
-      } = useAsyncRetry(async () => {
-        try {
-          return await api.listKeys();
-        } catch (e) {
-          setSnackbar({ message: `Failed to load keys: ${e.message}`, severity: "error" });
-          return [];
-        }
-      }, [api]);
-      const { value: models, loading: modelsLoading } = useAsync(async () => {
-        try {
-          return await api.listModels();
-        } catch {
-          return [];
-        }
-      }, [api]);
+      const [snackbar, setSnackbar] = useState4(null);
+      const [teamUsageCache, setTeamUsageCache] = useState4({});
+      const [teamUsageLoading, setTeamUsageLoading] = useState4({});
+      const { value: userInfo, loading: userLoading, error: userError } = useAsync(
+        () => api.getUserInfo(),
+        [api]
+      );
+      const { value: keys, loading: keysLoading, retry: refreshKeys } = useAsyncRetry(
+        async () => {
+          try {
+            return await api.listKeys();
+          } catch (e) {
+            setSnackbar({ message: `Failed to load keys: ${e.message}`, severity: "error" });
+            return [];
+          }
+        },
+        [api]
+      );
+      const { value: allModels, loading: modelsLoading } = useAsync(
+        () => api.listModels().catch(() => []),
+        [api]
+      );
+      const { value: teams, loading: teamsLoading } = useAsync(
+        () => api.getTeams().catch(() => []),
+        [api]
+      );
       const { value: usage, loading: usageLoading } = useAsync(async () => {
         const startDate = dateRange.start.toISOString().split("T")[0];
         const endDate = dateRange.end.toISOString().split("T")[0];
         return api.getUsage(startDate, endDate);
       }, [api, dateRange]);
+      const loadTeamUsage = useCallback(async (teamId) => {
+        if (teamUsageCache[teamId] !== void 0 || teamUsageLoading[teamId]) return;
+        setTeamUsageLoading((prev) => ({ ...prev, [teamId]: true }));
+        try {
+          const startDate = dateRange.start.toISOString().split("T")[0];
+          const endDate = dateRange.end.toISOString().split("T")[0];
+          const data = await api.getTeamUsage(teamId, startDate, endDate);
+          setTeamUsageCache((prev) => ({ ...prev, [teamId]: data }));
+        } catch {
+          setTeamUsageCache((prev) => ({ ...prev, [teamId]: null }));
+        } finally {
+          setTeamUsageLoading((prev) => ({ ...prev, [teamId]: false }));
+        }
+      }, [api, dateRange, teamUsageCache, teamUsageLoading]);
+      const allowedModels = useMemo(() => {
+        if (!allModels?.length) return [];
+        const userModels = userInfo?.models;
+        const teamModels = teams?.flatMap((t) => t.models ?? []);
+        const hasUserRestriction = userModels && userModels.length > 0;
+        const hasTeamRestriction = teamModels && teamModels.length > 0;
+        if (!hasUserRestriction && !hasTeamRestriction) return allModels;
+        const allowed = /* @__PURE__ */ new Set([
+          ...hasUserRestriction ? userModels : allModels.map((m) => m.model_name),
+          ...hasTeamRestriction ? teamModels : []
+        ]);
+        return allModels.filter((m) => allowed.has(m.model_name));
+      }, [allModels, userInfo, teams]);
       const handleGenerateKey = useCallback(
         async (request) => {
           const response = await api.generateKey(request);
@@ -443,28 +567,46 @@ var init_LiteLLMPage = __esm({
         },
         [api, refreshKeys]
       );
-      if ((userLoading || keysLoading || modelsLoading) && !userInfo && !keys) {
-        return /* @__PURE__ */ React4.createElement(Box4, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "50vh" }, /* @__PURE__ */ React4.createElement(CircularProgress3, null));
+      const isInitialLoading = userLoading && !userInfo;
+      if (isInitialLoading) {
+        return /* @__PURE__ */ React5.createElement(Box5, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "50vh" }, /* @__PURE__ */ React5.createElement(CircularProgress4, null));
+      }
+      if (userError || !userInfo) {
+        const isProvisioningEnabled = userError?.body?.provisioning === true;
+        const hint = userError?.body?.hint;
+        return /* @__PURE__ */ React5.createElement(Box5, { p: 3 }, /* @__PURE__ */ React5.createElement(Paper5, { sx: { p: 3 } }, /* @__PURE__ */ React5.createElement(Typography5, { variant: "h6", gutterBottom: true }, "Account not provisioned"), /* @__PURE__ */ React5.createElement(Typography5, { color: "text.secondary", paragraph: true }, "Your Backstage account is not linked to a LiteLLM user."), hint ? /* @__PURE__ */ React5.createElement(Typography5, { variant: "body2", color: "text.secondary" }, hint) : /* @__PURE__ */ React5.createElement(Typography5, { variant: "body2", color: "text.secondary" }, isProvisioningEnabled ? "Auto-provisioning is enabled but failed. Check the backend logs." : "Set litellm.provisioning.enabled: true in app-config.yaml to enable auto-provisioning, or ask your administrator to create the account manually.")));
       }
-      return /* @__PURE__ */ React4.createElement(Box4, { p: 3 }, /* @__PURE__ */ React4.createElement(Grid2, { container: true, spacing: 2 }, /* @__PURE__ */ React4.createElement(Grid2, { item: true, xs: 12 }, /* @__PURE__ */ React4.createElement(DashboardHeader, { userInfo: userInfo ?? null, loading: userLoading })), /* @__PURE__ */ React4.createElement(Grid2, { item: true, xs: 12 }, /* @__PURE__ */ React4.createElement(
+      return /* @__PURE__ */ React5.createElement(Box5, { p: 3 }, /* @__PURE__ */ React5.createElement(Grid2, { container: true, spacing: 2 }, /* @__PURE__ */ React5.createElement(Grid2, { item: true, xs: 12 }, /* @__PURE__ */ React5.createElement(DashboardHeader, { userInfo, loading: userLoading })), /* @__PURE__ */ React5.createElement(Grid2, { item: true, xs: 12 }, /* @__PURE__ */ React5.createElement(
+        TeamUsage,
+        {
+          teams: teams ?? [],
+          loading: teamsLoading,
+          dateRange,
+          getTeamUsage: (teamId) => {
+            if (teamUsageCache[teamId] === void 0) loadTeamUsage(teamId);
+            return teamUsageCache[teamId] ?? null;
+          },
+          getTeamUsageLoading: (teamId) => teamUsageLoading[teamId] ?? false
+        }
+      )), /* @__PURE__ */ React5.createElement(Grid2, { item: true, xs: 12 }, /* @__PURE__ */ React5.createElement(
         KeysTable,
         {
           keys: keys ?? [],
-          models: models ?? [],
-          loading: keysLoading,
+          models: allowedModels,
+          loading: keysLoading || modelsLoading,
           onGenerateKey: handleGenerateKey,
           onDeleteKey: handleDeleteKey
         }
-      )), /* @__PURE__ */ React4.createElement(Grid2, { item: true, xs: 12 }, /* @__PURE__ */ React4.createElement(
+      )), /* @__PURE__ */ React5.createElement(Grid2, { item: true, xs: 12 }, /* @__PURE__ */ React5.createElement(
         UsageStats,
         {
           usage: usage ?? null,
-          models: models ?? [],
+          models: allModels ?? [],
           dateRange,
           onDateRangeChange: setDateRange,
           loading: usageLoading
         }
-      ))), /* @__PURE__ */ React4.createElement(
+      ))), /* @__PURE__ */ React5.createElement(
         Snackbar,
         {
           open: !!snackbar,
@@ -472,7 +614,7 @@ var init_LiteLLMPage = __esm({
           onClose: () => setSnackbar(null),
           anchorOrigin: { vertical: "bottom", horizontal: "right" }
         },
-        snackbar ? /* @__PURE__ */ React4.createElement(Alert, { severity: snackbar.severity, onClose: () => setSnackbar(null) }, snackbar.message) : void 0
+        snackbar ? /* @__PURE__ */ React5.createElement(Alert, { severity: snackbar.severity, onClose: () => setSnackbar(null) }, snackbar.message) : void 0
       ));
     };
   }
@@ -480,12 +622,14 @@ var init_LiteLLMPage = __esm({
 
 // src/plugin.ts
 init_api();
-import React5 from "react";
+import React6 from "react";
+import { TrendingUp as TrendingUpIcon } from "@mui/icons-material";
 import {
   createFrontendPlugin,
   createApiExtension,
   createPageExtension,
   createApiFactory,
+  createSidebarExtension,
   fetchApiRef
 } from "@backstage/frontend-plugin-api";
 var litellmPlugin = createFrontendPlugin({
@@ -498,11 +642,17 @@ var litellmPlugin = createFrontendPlugin({
         factory: ({ fetchApi }) => new LiteLlmApi(fetchApi)
       })
     }),
+    createSidebarExtension({
+      id: "root",
+      title: "LiteLLM",
+      icon: /* @__PURE__ */ React6.createElement(TrendingUpIcon, null),
+      defaultPath: "/litellm"
+    }),
     createPageExtension({
       defaultPath: "/litellm",
       loader: async () => {
         const { LiteLLMPage: LiteLLMPage2 } = await Promise.resolve().then(() => (init_LiteLLMPage(), LiteLLMPage_exports));
-        return React5.createElement(LiteLLMPage2);
+        return React6.createElement(LiteLLMPage2);
       }
     })
   ]
@@ -513,12 +663,14 @@ init_LiteLLMPage();
 init_DashboardHeader();
 init_KeysTable();
 init_UsageStats();
+init_TeamUsage();
 init_api();
 export {
   DashboardHeader,
   KeysTable,
   LiteLLMPage,
   LiteLlmApi,
+  TeamUsage,
   UsageStats,
   liteLlmApiRef,
   litellmPlugin

package/dist/index.esm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/api.ts", "../src/components/DashboardHeader.tsx", "../src/components/KeysTable.tsx", "../src/components/UsageStats.tsx", "../src/components/LiteLLMPage.tsx", "../src/plugin.ts", "../src/index.ts"],
-  "sourcesContent": ["import { createApiRef, FetchApi } from '@backstage/core-plugin-api';\nimport { UserInfo, VirtualKey, ModelInfo, UsageMetrics, GenerateKeyRequest, GenerateKeyResponse } from './types';\n\nexport interface LiteLlmApiInterface {\n  getUserInfo(userId?: string): Promise<UserInfo>;\n  listKeys(userId?: string): Promise<VirtualKey[]>;\n  generateKey(request: GenerateKeyRequest): Promise<GenerateKeyResponse>;\n  deleteKey(keyId: string): Promise<{ success: boolean }>;\n  listModels(): Promise<ModelInfo[]>;\n  getUsage(startDate: string, endDate: string, userId?: string): Promise<UsageMetrics>;\n}\n\nexport const liteLlmApiRef = createApiRef<LiteLlmApiInterface>({\n  id: 'plugin.litellm.api',\n});\n\nexport class LiteLlmApi implements LiteLlmApiInterface {\n  private fetchApi: FetchApi;\n  private basePath: string;\n\n  constructor(fetchApi: FetchApi, basePath: string = '/api/litellm') {\n    this.fetchApi = fetchApi;\n    this.basePath = basePath;\n  }\n\n  private async get<T>(path: string, params?: Record<string, string>): Promise<T> {\n    const url = new URL(`${this.basePath}${path}`, window.location.origin);\n    if (params) {\n      Object.entries(params).forEach(([key, value]) => {\n        url.searchParams.append(key, value);\n      });\n    }\n    const response = await this.fetchApi.fetch(url.toString());\n    if (!response.ok) {\n      throw new Error(`Failed to fetch: ${response.status} ${response.statusText}`);\n    }\n    return response.json();\n  }\n\n  private async post<T>(path: string, body: unknown): Promise<T> {\n    const response = await this.fetchApi.fetch(`${this.basePath}${path}`, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify(body),\n    });\n    if (!response.ok) {\n      throw new Error(`Failed to fetch: ${response.status} ${response.statusText}`);\n    }\n    return response.json();\n  }\n\n  private async del<T>(path: string): Promise<T> {\n    const response = await this.fetchApi.fetch(`${this.basePath}${path}`, {\n      method: 'DELETE',\n      headers: { 'Content-Type': 'application/json' },\n    });\n    if (!response.ok) {\n      throw new Error(`Failed to fetch: ${response.status} ${response.statusText}`);\n    }\n    return response.json();\n  }\n\n  async getUserInfo(userId?: string): Promise<UserInfo> {\n    const params = userId ? { user_id: userId } : undefined;\n    return this.get<UserInfo>('/user/info', params);\n  }\n\n  async listKeys(userId?: string): Promise<VirtualKey[]> {\n    const params = userId ? { user_id: userId } : undefined;\n    return this.get<VirtualKey[]>('/keys', params);\n  }\n\n  async generateKey(request: GenerateKeyRequest): Promise<GenerateKeyResponse> {\n    return this.post<GenerateKeyResponse>('/keys/generate', request);\n  }\n\n  async deleteKey(keyId: string): Promise<{ success: boolean }> {\n    return this.del<{ success: boolean }>(`/keys/${encodeURIComponent(keyId)}`);\n  }\n\n  async listModels(): Promise<ModelInfo[]> {\n    return this.get<ModelInfo[]>('/models');\n  }\n\n  async getUsage(startDate: string, endDate: string, userId?: string): Promise<UsageMetrics> {\n    const params: Record<string, string> = { start_date: startDate, end_date: endDate };\n    if (userId) params.user_id = userId;\n    return this.get<UsageMetrics>('/usage', params);\n  }\n}\n", "import React from 'react';\nimport { Box, Typography, LinearProgress, Paper, Chip } from '@mui/material';\nimport { Warning, Group } from '@mui/icons-material';\nimport { UserInfo } from '../types';\n\ninterface DashboardHeaderProps {\n  userInfo: UserInfo | null;\n  loading: boolean;\n}\n\nexport const DashboardHeader: React.FC<DashboardHeaderProps> = ({ userInfo, loading }) => {\n  if (loading) {\n    return (\n      <Paper sx={{ p: 2, mb: 2 }}>\n        <LinearProgress />\n      </Paper>\n    );\n  }\n\n  if (!userInfo) {\n    return null;\n  }\n\n  const budget = userInfo.max_budget ?? 0;\n  const spend = userInfo.current_spend ?? 0;\n  const budgetPercentage = budget > 0 ? Math.min((spend / budget) * 100, 100) : 0;\n  const isOverBudget = budget > 0 && spend >= budget;\n  const isNearLimit = budget > 0 && spend >= budget * 0.8 && !isOverBudget;\n\n  return (\n    <Paper sx={{ p: 2, mb: 2 }}>\n      <Box display=\"flex\" alignItems=\"center\" gap={2} flexWrap=\"wrap\">\n        <Box flexGrow={1}>\n          <Typography variant=\"h6\">{userInfo.email}</Typography>\n          {userInfo.team_alias && (\n            <Box display=\"flex\" alignItems=\"center\" gap={0.5} mt={0.5}>\n              <Group fontSize=\"small\" color=\"action\" />\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {userInfo.team_alias}\n              </Typography>\n            </Box>\n          )}\n        </Box>\n\n        {budget > 0 && (\n          <Box minWidth={200}>\n            <Box display=\"flex\" justifyContent=\"space-between\" mb={0.5}>\n              <Typography variant=\"body2\">\n                Spend: ${spend.toFixed(2)} / ${budget.toFixed(2)}\n              </Typography>\n              {isOverBudget && (\n                <Chip icon={<Warning />} label=\"Over Budget\" size=\"small\" color=\"error\" />\n              )}\n              {isNearLimit && <Chip label=\"Near Limit\" size=\"small\" color=\"warning\" />}\n            </Box>\n            <LinearProgress\n              variant=\"determinate\"\n              value={budgetPercentage}\n              color={isOverBudget ? 'error' : isNearLimit ? 'warning' : 'primary'}\n              sx={{ height: 8, borderRadius: 1 }}\n            />\n          </Box>\n        )}\n      </Box>\n    </Paper>\n  );\n};\n", "import React, { useState } from 'react';\nimport {\n  Paper,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  Button,\n  IconButton,\n  Box,\n  Typography,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  TextField,\n  MenuItem,\n  Chip,\n  CircularProgress,\n} from '@mui/material';\nimport { ContentCopy, Delete, Add, Visibility, VisibilityOff } from '@mui/icons-material';\nimport { VirtualKey, ModelInfo, GenerateKeyRequest, GenerateKeyResponse } from '../types';\n\ninterface KeysTableProps {\n  keys: VirtualKey[];\n  models: ModelInfo[];\n  loading: boolean;\n  onGenerateKey: (request: GenerateKeyRequest) => Promise<GenerateKeyResponse>;\n  onDeleteKey: (keyId: string) => Promise<void>;\n}\n\nconst maskKey = (key: string): string => {\n  if (key.length <= 8) return '***';\n  return `${key.slice(0, 4)}...${key.slice(-4)}`;\n};\n\nconst formatDate = (dateStr: string): string => {\n  try {\n    return new Date(dateStr).toLocaleDateString();\n  } catch {\n    return dateStr;\n  }\n};\n\nexport const KeysTable: React.FC<KeysTableProps> = ({\n  keys,\n  models,\n  loading,\n  onGenerateKey,\n  onDeleteKey,\n}) => {\n  const [generateModalOpen, setGenerateModalOpen] = useState(false);\n  const [showKeyValue, setShowKeyValue] = useState<string | null>(null);\n  const [newKeyValue, setNewKeyValue] = useState<string | null>(null);\n  const [formData, setFormData] = useState<GenerateKeyRequest>({\n    alias: '',\n    models: [],\n    duration: '30d',\n    max_budget: undefined,\n    tpm_limit: undefined,\n  });\n  const [submitting, setSubmitting] = useState(false);\n\n  const handleGenerate = async () => {\n    setSubmitting(true);\n    try {\n      const response = await onGenerateKey(formData);\n      setNewKeyValue(response?.key || '');\n      setFormData({ alias: '', models: [], duration: '30d' });\n    } catch (error) {\n      console.error('Failed to generate key:', error);\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  const handleCloseModal = () => {\n    setGenerateModalOpen(false);\n    setNewKeyValue(null);\n    setFormData({ alias: '', models: [], duration: '30d' });\n  };\n\n  const copyToClipboard = (text: string) => {\n    navigator.clipboard.writeText(text);\n  };\n\n  return (\n    <>\n      <Paper sx={{ mb: 2 }}>\n        <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" p={2}>\n          <Typography variant=\"h6\">Virtual Keys</Typography>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            startIcon={<Add />}\n            onClick={() => setGenerateModalOpen(true)}\n          >\n            Generate New Key\n          </Button>\n        </Box>\n\n        <TableContainer>\n          <Table>\n            <TableHead>\n              <TableRow>\n                <TableCell>Alias</TableCell>\n                <TableCell>Key</TableCell>\n                <TableCell>Created</TableCell>\n                <TableCell>Spend</TableCell>\n                <TableCell>Budget</TableCell>\n                <TableCell>TPM Limit</TableCell>\n                <TableCell>Models</TableCell>\n                <TableCell align=\"right\">Actions</TableCell>\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {loading ? (\n                <TableRow>\n                  <TableCell colSpan={8} align=\"center\">\n                    <CircularProgress size={24} />\n                  </TableCell>\n                </TableRow>\n              ) : keys.length === 0 ? (\n                <TableRow>\n                  <TableCell colSpan={8} align=\"center\">\n                    <Typography color=\"text.secondary\">No keys found</Typography>\n                  </TableCell>\n                </TableRow>\n              ) : (\n                keys.map((key) => (\n                  <TableRow key={key.key}>\n                    <TableCell>{key.key_alias || '-'}</TableCell>\n                    <TableCell>\n                      <Box display=\"flex\" alignItems=\"center\" gap={0.5}>\n                        <Typography variant=\"body2\" component=\"code\" sx={{ fontFamily: 'monospace' }}>\n                          {showKeyValue === key.key ? key.key : maskKey(key.key)}\n                        </Typography>\n                        <IconButton\n                          size=\"small\"\n                          onClick={() => setShowKeyValue(showKeyValue === key.key ? null : key.key)}\n                        >\n                          {showKeyValue === key.key ? <VisibilityOff /> : <Visibility />}\n                        </IconButton>\n                        <IconButton size=\"small\" onClick={() => copyToClipboard(key.key)}>\n                          <ContentCopy fontSize=\"small\" />\n                        </IconButton>\n                      </Box>\n                    </TableCell>\n                    <TableCell>{formatDate(key.created_at)}</TableCell>\n                    <TableCell>${key.spend?.toFixed(4) || '0.00'}</TableCell>\n                    <TableCell>{key.max_budget ? `$${key.max_budget}` : '-'}</TableCell>\n                    <TableCell>{key.tpm_limit || '-'}</TableCell>\n                    <TableCell>\n                      <Box display=\"flex\" gap={0.5} flexWrap=\"wrap\">\n                        {key.models?.slice(0, 2).map((model) => (\n                          <Chip key={model} label={model} size=\"small\" />\n                        ))}\n                        {(key.models?.length || 0) > 2 && (\n                          <Chip label={`+${(key.models?.length || 0) - 2}`} size=\"small\" variant=\"outlined\" />\n                        )}\n                      </Box>\n                    </TableCell>\n                    <TableCell align=\"right\">\n                      <IconButton color=\"error\" onClick={() => onDeleteKey(key.key)}>\n                        <Delete />\n                      </IconButton>\n                    </TableCell>\n                  </TableRow>\n                ))\n              )}\n            </TableBody>\n          </Table>\n        </TableContainer>\n      </Paper>\n\n      <Dialog open={generateModalOpen} onClose={handleCloseModal} maxWidth=\"sm\" fullWidth>\n        <DialogTitle>{newKeyValue ? 'Key Generated' : 'Generate New Key'}</DialogTitle>\n        <DialogContent>\n          {newKeyValue ? (\n            <Box>\n              <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n                Copy this key now. You won't be able to see it again.\n              </Typography>\n              <Box\n                display=\"flex\"\n                alignItems=\"center\"\n                gap={1}\n                mt={2}\n                p={2}\n                sx={{ backgroundColor: 'action.hover', borderRadius: 1 }}\n              >\n                <Typography component=\"code\" sx={{ fontFamily: 'monospace', wordBreak: 'break-all' }}>\n                  {newKeyValue}\n                </Typography>\n                <IconButton onClick={() => copyToClipboard(newKeyValue)}>\n                  <ContentCopy />\n                </IconButton>\n              </Box>\n            </Box>\n          ) : (\n            <Box display=\"flex\" flexDirection=\"column\" gap={2} mt={1}>\n              <TextField\n                label=\"Alias\"\n                value={formData.alias || ''}\n                onChange={(e) => setFormData({ ...formData, alias: e.target.value })}\n                fullWidth\n              />\n              <TextField\n                select\n                label=\"Duration\"\n                value={formData.duration || '30d'}\n                onChange={(e) => setFormData({ ...formData, duration: e.target.value })}\n                fullWidth\n              >\n                <MenuItem value=\"1d\">1 Day</MenuItem>\n                <MenuItem value=\"7d\">7 Days</MenuItem>\n                <MenuItem value=\"30d\">30 Days</MenuItem>\n                <MenuItem value=\"90d\">90 Days</MenuItem>\n                <MenuItem value=\"1y\">1 Year</MenuItem>\n              </TextField>\n              <TextField\n                label=\"Max Budget (USD)\"\n                type=\"number\"\n                value={formData.max_budget ?? ''}\n                onChange={(e) =>\n                  setFormData({ ...formData, max_budget: e.target.value ? Number(e.target.value) : undefined })\n                }\n                fullWidth\n              />\n              <TextField\n                label=\"TPM Limit\"\n                type=\"number\"\n                value={formData.tpm_limit ?? ''}\n                onChange={(e) =>\n                  setFormData({ ...formData, tpm_limit: e.target.value ? Number(e.target.value) : undefined })\n                }\n                fullWidth\n              />\n              <TextField\n                select\n                label=\"Models\"\n                SelectProps={{ multiple: true }}\n                value={formData.models || []}\n                onChange={(e) => setFormData({ ...formData, models: e.target.value as unknown as string[] })}\n                fullWidth\n              >\n                {models.map((model) => (\n                  <MenuItem key={model.model_name} value={model.model_name}>\n                    {model.model_name}\n                  </MenuItem>\n                ))}\n              </TextField>\n            </Box>\n          )}\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={handleCloseModal}>{newKeyValue ? 'Done' : 'Cancel'}</Button>\n          {!newKeyValue && (\n            <Button onClick={handleGenerate} variant=\"contained\" color=\"primary\" disabled={submitting}>\n              {submitting ? <CircularProgress size={24} /> : 'Generate'}\n            </Button>\n          )}\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n", "import React, { useState } from 'react';\nimport {\n  Paper,\n  Box,\n  Typography,\n  FormControl,\n  InputLabel,\n  Select,\n  MenuItem,\n  Grid,\n  CircularProgress,\n} from '@mui/material';\nimport {\n  AreaChart,\n  Area,\n  BarChart,\n  Bar,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  ResponsiveContainer,\n  Legend,\n} from 'recharts';\nimport { DateRange, UsageMetrics, ModelInfo } from '../types';\n\ninterface UsageStatsProps {\n  usage: UsageMetrics | null;\n  models: ModelInfo[];\n  dateRange: DateRange;\n  onDateRangeChange: (range: DateRange) => void;\n  loading: boolean;\n}\n\ntype DatePreset = 'today' | '7d' | '30d';\n\nexport const UsageStats: React.FC<UsageStatsProps> = ({\n  usage,\n  models,\n  dateRange,\n  onDateRangeChange,\n  loading,\n}) => {\n  const [selectedPreset, setSelectedPreset] = useState<DatePreset>('7d');\n  const [selectedModel, setSelectedModel] = useState<string>('all');\n\n  const handlePresetChange = (preset: DatePreset) => {\n    setSelectedPreset(preset);\n    const end = new Date();\n    const start = new Date();\n    if (preset === 'today') start.setHours(0, 0, 0, 0);\n    else if (preset === '7d') start.setDate(start.getDate() - 7);\n    else if (preset === '30d') start.setDate(start.getDate() - 30);\n    onDateRangeChange({ start, end });\n  };\n\n  if (loading) {\n    return (\n      <Paper sx={{ p: 2 }}>\n        <Box display=\"flex\" justifyContent=\"center\" p={4}>\n          <CircularProgress />\n        </Box>\n      </Paper>\n    );\n  }\n\n  const dailyData =\n    usage?.daily_usage?.map((d) => ({\n      date: d.date,\n      spend: d.spend,\n      promptTokens: d.prompt_tokens,\n      completionTokens: d.completion_tokens,\n      totalTokens: d.total_tokens,\n    })) || [];\n\n  const usageByModelData = Object.entries(usage?.usage_by_model || {}).map(([model, data]) => ({\n    model,\n    spend: data.total_spend,\n    promptTokens: data.prompt_tokens,\n    completionTokens: data.completion_tokens,\n  }));\n\n  const filteredModelData =\n    selectedModel === 'all'\n      ? usageByModelData\n      : usageByModelData.filter((d) => d.model === selectedModel);\n\n  return (\n    <Paper sx={{ p: 2 }}>\n      <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" mb={3}>\n        <Typography variant=\"h6\">Usage Analytics</Typography>\n        <Box display=\"flex\" gap={2} alignItems=\"center\">\n          <FormControl size=\"small\" sx={{ minWidth: 140 }}>\n            <InputLabel>Period</InputLabel>\n            <Select\n              value={selectedPreset}\n              label=\"Period\"\n              onChange={(e) => handlePresetChange(e.target.value as DatePreset)}\n            >\n              <MenuItem value=\"today\">Today</MenuItem>\n              <MenuItem value=\"7d\">Last 7 days</MenuItem>\n              <MenuItem value=\"30d\">Last 30 days</MenuItem>\n            </Select>\n          </FormControl>\n          <FormControl size=\"small\" sx={{ minWidth: 150 }}>\n            <InputLabel>Model</InputLabel>\n            <Select\n              value={selectedModel}\n              label=\"Model\"\n              onChange={(e) => setSelectedModel(e.target.value)}\n            >\n              <MenuItem value=\"all\">All Models</MenuItem>\n              {models.map((m) => (\n                <MenuItem key={m.model_name} value={m.model_name}>\n                  {m.model_name}\n                </MenuItem>\n              ))}\n            </Select>\n          </FormControl>\n        </Box>\n      </Box>\n\n      <Grid container spacing={3}>\n        <Grid item xs={12} md={6}>\n          <Typography variant=\"subtitle2\" color=\"text.secondary\" gutterBottom>\n            Daily Spend\n          </Typography>\n          <Box height={250}>\n            <ResponsiveContainer width=\"100%\" height=\"100%\">\n              <AreaChart data={dailyData}>\n                <CartesianGrid strokeDasharray=\"3 3\" />\n                <XAxis dataKey=\"date\" tick={{ fontSize: 12 }} />\n                <YAxis tick={{ fontSize: 12 }} tickFormatter={(v) => `$${v.toFixed(2)}`} />\n                <Tooltip formatter={(value: number) => [`$${value.toFixed(4)}`, 'Spend']} />\n                <Area type=\"monotone\" dataKey=\"spend\" stroke=\"#8884d8\" fill=\"#8884d8\" fillOpacity={0.3} />\n              </AreaChart>\n            </ResponsiveContainer>\n          </Box>\n        </Grid>\n\n        <Grid item xs={12} md={6}>\n          <Typography variant=\"subtitle2\" color=\"text.secondary\" gutterBottom>\n            Token Usage by Model\n          </Typography>\n          <Box height={250}>\n            <ResponsiveContainer width=\"100%\" height=\"100%\">\n              <BarChart data={filteredModelData}>\n                <CartesianGrid strokeDasharray=\"3 3\" />\n                <XAxis dataKey=\"model\" tick={{ fontSize: 10 }} />\n                <YAxis tick={{ fontSize: 12 }} />\n                <Tooltip />\n                <Legend />\n                <Bar dataKey=\"promptTokens\" name=\"Prompt Tokens\" fill=\"#8884d8\" stackId=\"a\" />\n                <Bar dataKey=\"completionTokens\" name=\"Completion Tokens\" fill=\"#82ca9d\" stackId=\"a\" />\n              </BarChart>\n            </ResponsiveContainer>\n          </Box>\n        </Grid>\n\n        <Grid item xs={12}>\n          <Box display=\"flex\" gap={4} flexWrap=\"wrap\">\n            <Box>\n              <Typography variant=\"body2\" color=\"text.secondary\">Total Spend</Typography>\n              <Typography variant=\"h5\">${usage?.total_spend?.toFixed(4) || '0.00'}</Typography>\n            </Box>\n            <Box>\n              <Typography variant=\"body2\" color=\"text.secondary\">Total Tokens</Typography>\n              <Typography variant=\"h5\">{usage?.total_tokens?.toLocaleString() || '0'}</Typography>\n            </Box>\n            <Box>\n              <Typography variant=\"body2\" color=\"text.secondary\">Prompt Tokens</Typography>\n              <Typography variant=\"h5\">{usage?.prompt_tokens?.toLocaleString() || '0'}</Typography>\n            </Box>\n            <Box>\n              <Typography variant=\"body2\" color=\"text.secondary\">Completion Tokens</Typography>\n              <Typography variant=\"h5\">{usage?.completion_tokens?.toLocaleString() || '0'}</Typography>\n            </Box>\n          </Box>\n        </Grid>\n      </Grid>\n    </Paper>\n  );\n};\n", "import React, { useState, useCallback } from 'react';\nimport { Grid, Box, Snackbar, Alert, CircularProgress } from '@mui/material';\nimport { useAsync, useAsyncRetry } from 'react-use';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { DashboardHeader } from './DashboardHeader';\nimport { KeysTable } from './KeysTable';\nimport { UsageStats } from './UsageStats';\nimport { liteLlmApiRef } from '../api';\nimport { DateRange, GenerateKeyRequest, GenerateKeyResponse } from '../types';\n\nexport const LiteLLMPage: React.FC = () => {\n  const api = useApi(liteLlmApiRef);\n\n  const [dateRange, setDateRange] = useState<DateRange>(() => {\n    const end = new Date();\n    const start = new Date();\n    start.setDate(start.getDate() - 7);\n    return { start, end };\n  });\n\n  const [snackbar, setSnackbar] = useState<{ message: string; severity: 'success' | 'error' } | null>(null);\n\n  const { value: userInfo, loading: userLoading } = useAsync(async () => {\n    try {\n      return await api.getUserInfo();\n    } catch (e: any) {\n      setSnackbar({ message: `Failed to load user info: ${e.message}`, severity: 'error' });\n      return null;\n    }\n  }, [api]);\n\n  const {\n    value: keys,\n    loading: keysLoading,\n    retry: refreshKeys,\n  } = useAsyncRetry(async () => {\n    try {\n      return await api.listKeys();\n    } catch (e: any) {\n      setSnackbar({ message: `Failed to load keys: ${e.message}`, severity: 'error' });\n      return [];\n    }\n  }, [api]);\n\n  const { value: models, loading: modelsLoading } = useAsync(async () => {\n    try {\n      return await api.listModels();\n    } catch {\n      return [];\n    }\n  }, [api]);\n\n  const { value: usage, loading: usageLoading } = useAsync(async () => {\n    const startDate = dateRange.start.toISOString().split('T')[0];\n    const endDate = dateRange.end.toISOString().split('T')[0];\n    return api.getUsage(startDate, endDate);\n  }, [api, dateRange]);\n\n  const handleGenerateKey = useCallback(\n    async (request: GenerateKeyRequest): Promise<GenerateKeyResponse> => {\n      const response = await api.generateKey(request);\n      setSnackbar({ message: 'Key generated successfully', severity: 'success' });\n      refreshKeys();\n      return response;\n    },\n    [api, refreshKeys],\n  );\n\n  const handleDeleteKey = useCallback(\n    async (keyId: string) => {\n      try {\n        await api.deleteKey(keyId);\n        setSnackbar({ message: 'Key revoked successfully', severity: 'success' });\n        refreshKeys();\n      } catch (e: any) {\n        setSnackbar({ message: `Failed to revoke key: ${e.message}`, severity: 'error' });\n      }\n    },\n    [api, refreshKeys],\n  );\n\n  if ((userLoading || keysLoading || modelsLoading) && !userInfo && !keys) {\n    return (\n      <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\" minHeight=\"50vh\">\n        <CircularProgress />\n      </Box>\n    );\n  }\n\n  return (\n    <Box p={3}>\n      <Grid container spacing={2}>\n        <Grid item xs={12}>\n          <DashboardHeader userInfo={userInfo ?? null} loading={userLoading} />\n        </Grid>\n        <Grid item xs={12}>\n          <KeysTable\n            keys={keys ?? []}\n            models={models ?? []}\n            loading={keysLoading}\n            onGenerateKey={handleGenerateKey}\n            onDeleteKey={handleDeleteKey}\n          />\n        </Grid>\n        <Grid item xs={12}>\n          <UsageStats\n            usage={usage ?? null}\n            models={models ?? []}\n            dateRange={dateRange}\n            onDateRangeChange={setDateRange}\n            loading={usageLoading}\n          />\n        </Grid>\n      </Grid>\n\n      <Snackbar\n        open={!!snackbar}\n        autoHideDuration={5000}\n        onClose={() => setSnackbar(null)}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n      >\n        {snackbar ? (\n          <Alert severity={snackbar.severity} onClose={() => setSnackbar(null)}>\n            {snackbar.message}\n          </Alert>\n        ) : undefined}\n      </Snackbar>\n    </Box>\n  );\n};\n", "import React from 'react';\nimport {\n  createFrontendPlugin,\n  createApiExtension,\n  createPageExtension,\n  createApiFactory,\n  fetchApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { liteLlmApiRef, LiteLlmApi } from './api';\n\nexport const litellmPlugin = createFrontendPlugin({\n  id: 'litellm',\n  extensions: [\n    createApiExtension({\n      factory: createApiFactory({\n        api: liteLlmApiRef,\n        deps: { fetchApi: fetchApiRef },\n        factory: ({ fetchApi }) => new LiteLlmApi(fetchApi),\n      }),\n    }),\n    createPageExtension({\n      defaultPath: '/litellm',\n      loader: async () => {\n        const { LiteLLMPage } = await import('./components/LiteLLMPage');\n        return React.createElement(LiteLLMPage);\n      },\n    }),\n  ],\n});\n", "export { litellmPlugin } from './plugin';\nexport { LiteLLMPage } from './components/LiteLLMPage';\nexport { DashboardHeader } from './components/DashboardHeader';\nexport { KeysTable } from './components/KeysTable';\nexport { UsageStats } from './components/UsageStats';\nexport { LiteLlmApi, liteLlmApiRef } from './api';\nexport type { LiteLlmApiInterface } from './api';\nexport * from './types';\n"],
-  "mappings": "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",
-  "names": ["React", "Paper", "Box", "Typography", "Chip", "React", "useState", "Paper", "Box", "Typography", "MenuItem", "CircularProgress", "React", "useState", "Grid", "Box", "CircularProgress", "React", "LiteLLMPage"]
+  "sources": ["../src/api.ts", "../src/components/DashboardHeader.tsx", "../src/components/KeysTable.tsx", "../src/components/UsageStats.tsx", "../src/components/TeamUsage.tsx", "../src/components/LiteLLMPage.tsx", "../src/plugin.ts", "../src/index.ts"],
+  "sourcesContent": ["import { createApiRef, FetchApi } from '@backstage/core-plugin-api';\nimport {\n  UserInfo,\n  VirtualKey,\n  ModelInfo,\n  UsageMetrics,\n  TeamInfo,\n  GenerateKeyRequest,\n  GenerateKeyResponse,\n} from './types';\n\nclass ApiError extends Error {\n  body: unknown;\n  status: number;\n  constructor(message: string, status: number, body: unknown) {\n    super(message);\n    this.status = status;\n    this.body = body;\n  }\n}\n\nexport interface LiteLlmApiInterface {\n  getUserInfo(): Promise<UserInfo>;\n  listKeys(): Promise<VirtualKey[]>;\n  generateKey(request: GenerateKeyRequest): Promise<GenerateKeyResponse>;\n  deleteKey(keyId: string): Promise<{ success: boolean }>;\n  listModels(): Promise<ModelInfo[]>;\n  getTeams(): Promise<TeamInfo[]>;\n  getUsage(startDate: string, endDate: string): Promise<UsageMetrics>;\n  getTeamUsage(teamId: string, startDate: string, endDate: string): Promise<UsageMetrics>;\n}\n\nexport const liteLlmApiRef = createApiRef<LiteLlmApiInterface>({\n  id: 'plugin.litellm.api',\n});\n\nexport class LiteLlmApi implements LiteLlmApiInterface {\n  private fetchApi: FetchApi;\n  private basePath: string;\n\n  constructor(fetchApi: FetchApi, basePath: string = '/api/litellm') {\n    this.fetchApi = fetchApi;\n    this.basePath = basePath;\n  }\n\n  private async throwIfNotOk(response: Response): Promise<void> {\n    if (!response.ok) {\n      let body: unknown;\n      try { body = await response.json(); } catch { body = await response.text().catch(() => ''); }\n      throw new ApiError(`${response.status} ${response.statusText}`, response.status, body);\n    }\n  }\n\n  private async get<T>(path: string, params?: Record<string, string>): Promise<T> {\n    const url = new URL(`${this.basePath}${path}`, window.location.origin);\n    if (params) {\n      Object.entries(params).forEach(([key, value]) => url.searchParams.append(key, value));\n    }\n    const response = await this.fetchApi.fetch(url.toString());\n    await this.throwIfNotOk(response);\n    return response.json();\n  }\n\n  private async post<T>(path: string, body: unknown): Promise<T> {\n    const response = await this.fetchApi.fetch(`${this.basePath}${path}`, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify(body),\n    });\n    await this.throwIfNotOk(response);\n    return response.json();\n  }\n\n  private async del<T>(path: string): Promise<T> {\n    const response = await this.fetchApi.fetch(`${this.basePath}${path}`, {\n      method: 'DELETE',\n      headers: { 'Content-Type': 'application/json' },\n    });\n    await this.throwIfNotOk(response);\n    return response.json();\n  }\n\n  // User identity is resolved server-side from the Backstage Bearer token.\n  // No user_id param needed on the frontend.\n  async getUserInfo(): Promise<UserInfo> {\n    return this.get<UserInfo>('/user/info');\n  }\n\n  async listKeys(): Promise<VirtualKey[]> {\n    return this.get<VirtualKey[]>('/keys');\n  }\n\n  async generateKey(request: GenerateKeyRequest): Promise<GenerateKeyResponse> {\n    return this.post<GenerateKeyResponse>('/keys/generate', request);\n  }\n\n  async deleteKey(keyId: string): Promise<{ success: boolean }> {\n    return this.del<{ success: boolean }>(`/keys/${encodeURIComponent(keyId)}`);\n  }\n\n  async listModels(): Promise<ModelInfo[]> {\n    return this.get<ModelInfo[]>('/models');\n  }\n\n  async getTeams(): Promise<TeamInfo[]> {\n    return this.get<TeamInfo[]>('/teams');\n  }\n\n  async getUsage(startDate: string, endDate: string): Promise<UsageMetrics> {\n    return this.get<UsageMetrics>('/usage', { start_date: startDate, end_date: endDate });\n  }\n\n  async getTeamUsage(teamId: string, startDate: string, endDate: string): Promise<UsageMetrics> {\n    return this.get<UsageMetrics>(`/teams/${encodeURIComponent(teamId)}/usage`, {\n      start_date: startDate,\n      end_date: endDate,\n    });\n  }\n}\n", "import React from 'react';\nimport { Box, Typography, LinearProgress, Paper, Chip } from '@mui/material';\nimport { Warning } from '@mui/icons-material';\nimport { UserInfo } from '../types';\n\ninterface DashboardHeaderProps {\n  userInfo: UserInfo;\n  loading: boolean;\n}\n\nexport const DashboardHeader: React.FC<DashboardHeaderProps> = ({ userInfo, loading }) => {\n  if (loading) {\n    return (\n      <Paper sx={{ p: 2, mb: 2 }}>\n        <LinearProgress />\n      </Paper>\n    );\n  }\n\n  const displayName = userInfo.user_email ?? userInfo.email ?? userInfo.user_id;\n  const budget = userInfo.max_budget ?? 0;\n  const spend = userInfo.spend ?? userInfo.current_spend ?? 0;\n  const budgetPct = budget > 0 ? Math.min((spend / budget) * 100, 100) : 0;\n  const isOver = budget > 0 && spend >= budget;\n  const isNear = budget > 0 && spend >= budget * 0.8 && !isOver;\n\n  return (\n    <Paper sx={{ p: 2, mb: 2 }}>\n      <Box display=\"flex\" alignItems=\"center\" gap={2} flexWrap=\"wrap\">\n        <Box flexGrow={1}>\n          <Typography variant=\"h6\">{displayName}</Typography>\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {userInfo.user_id}\n          </Typography>\n        </Box>\n\n        {budget > 0 && (\n          <Box minWidth={220}>\n            <Box display=\"flex\" justifyContent=\"space-between\" mb={0.5}>\n              <Typography variant=\"body2\">\n                ${spend.toFixed(2)} / ${budget.toFixed(2)}\n              </Typography>\n              {isOver && <Chip icon={<Warning />} label=\"Over Budget\" size=\"small\" color=\"error\" />}\n              {isNear && <Chip label=\"Near Limit\" size=\"small\" color=\"warning\" />}\n            </Box>\n            <LinearProgress\n              variant=\"determinate\"\n              value={budgetPct}\n              color={isOver ? 'error' : isNear ? 'warning' : 'primary'}\n              sx={{ height: 8, borderRadius: 1 }}\n            />\n          </Box>\n        )}\n      </Box>\n    </Paper>\n  );\n};\n", "import React, { useState } from 'react';\nimport {\n  Paper,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  Button,\n  IconButton,\n  Box,\n  Typography,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  TextField,\n  MenuItem,\n  Chip,\n  CircularProgress,\n} from '@mui/material';\nimport { ContentCopy, Delete, Add, Visibility, VisibilityOff } from '@mui/icons-material';\nimport { VirtualKey, ModelInfo, GenerateKeyRequest, GenerateKeyResponse } from '../types';\n\ninterface KeysTableProps {\n  keys: VirtualKey[];\n  models: ModelInfo[];\n  loading: boolean;\n  onGenerateKey: (request: GenerateKeyRequest) => Promise<GenerateKeyResponse>;\n  onDeleteKey: (keyId: string) => Promise<void>;\n}\n\nconst maskKey = (key: string): string => {\n  if (key.length <= 8) return '***';\n  return `${key.slice(0, 4)}...${key.slice(-4)}`;\n};\n\nconst formatDate = (dateStr: string): string => {\n  try {\n    return new Date(dateStr).toLocaleDateString();\n  } catch {\n    return dateStr;\n  }\n};\n\nexport const KeysTable: React.FC<KeysTableProps> = ({\n  keys,\n  models,\n  loading,\n  onGenerateKey,\n  onDeleteKey,\n}) => {\n  const [generateModalOpen, setGenerateModalOpen] = useState(false);\n  const [showKeyValue, setShowKeyValue] = useState<string | null>(null);\n  const [newKeyValue, setNewKeyValue] = useState<string | null>(null);\n  const [formData, setFormData] = useState<GenerateKeyRequest>({\n    alias: '',\n    models: [],\n    duration: '30d',\n    max_budget: undefined,\n    tpm_limit: undefined,\n  });\n  const [submitting, setSubmitting] = useState(false);\n\n  const handleGenerate = async () => {\n    setSubmitting(true);\n    try {\n      const response = await onGenerateKey(formData);\n      setNewKeyValue(response?.key || '');\n      setFormData({ alias: '', models: [], duration: '30d' });\n    } catch (error) {\n      console.error('Failed to generate key:', error);\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  const handleCloseModal = () => {\n    setGenerateModalOpen(false);\n    setNewKeyValue(null);\n    setFormData({ alias: '', models: [], duration: '30d' });\n  };\n\n  const copyToClipboard = (text: string) => {\n    navigator.clipboard.writeText(text);\n  };\n\n  return (\n    <>\n      <Paper sx={{ mb: 2 }}>\n        <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" p={2}>\n          <Typography variant=\"h6\">Virtual Keys</Typography>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            startIcon={<Add />}\n            onClick={() => setGenerateModalOpen(true)}\n          >\n            Generate New Key\n          </Button>\n        </Box>\n\n        <TableContainer>\n          <Table>\n            <TableHead>\n              <TableRow>\n                <TableCell>Alias</TableCell>\n                <TableCell>Key</TableCell>\n                <TableCell>Created</TableCell>\n                <TableCell>Spend</TableCell>\n                <TableCell>Budget</TableCell>\n                <TableCell>TPM Limit</TableCell>\n                <TableCell>Models</TableCell>\n                <TableCell align=\"right\">Actions</TableCell>\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {loading ? (\n                <TableRow>\n                  <TableCell colSpan={8} align=\"center\">\n                    <CircularProgress size={24} />\n                  </TableCell>\n                </TableRow>\n              ) : keys.length === 0 ? (\n                <TableRow>\n                  <TableCell colSpan={8} align=\"center\">\n                    <Typography color=\"text.secondary\">No keys found</Typography>\n                  </TableCell>\n                </TableRow>\n              ) : (\n                keys.map((key) => (\n                  <TableRow key={key.key}>\n                    <TableCell>{key.key_alias || '-'}</TableCell>\n                    <TableCell>\n                      <Box display=\"flex\" alignItems=\"center\" gap={0.5}>\n                        <Typography variant=\"body2\" component=\"code\" sx={{ fontFamily: 'monospace' }}>\n                          {showKeyValue === key.key ? key.key : maskKey(key.key)}\n                        </Typography>\n                        <IconButton\n                          size=\"small\"\n                          onClick={() => setShowKeyValue(showKeyValue === key.key ? null : key.key)}\n                        >\n                          {showKeyValue === key.key ? <VisibilityOff /> : <Visibility />}\n                        </IconButton>\n                        <IconButton size=\"small\" onClick={() => copyToClipboard(key.key)}>\n                          <ContentCopy fontSize=\"small\" />\n                        </IconButton>\n                      </Box>\n                    </TableCell>\n                    <TableCell>{formatDate(key.created_at)}</TableCell>\n                    <TableCell>${key.spend?.toFixed(4) || '0.00'}</TableCell>\n                    <TableCell>{key.max_budget ? `$${key.max_budget}` : '-'}</TableCell>\n                    <TableCell>{key.tpm_limit || '-'}</TableCell>\n                    <TableCell>\n                      <Box display=\"flex\" gap={0.5} flexWrap=\"wrap\">\n                        {key.models?.slice(0, 2).map((model) => (\n                          <Chip key={model} label={model} size=\"small\" />\n                        ))}\n                        {(key.models?.length || 0) > 2 && (\n                          <Chip label={`+${(key.models?.length || 0) - 2}`} size=\"small\" variant=\"outlined\" />\n                        )}\n                      </Box>\n                    </TableCell>\n                    <TableCell align=\"right\">\n                      <IconButton color=\"error\" onClick={() => onDeleteKey(key.key)}>\n                        <Delete />\n                      </IconButton>\n                    </TableCell>\n                  </TableRow>\n                ))\n              )}\n            </TableBody>\n          </Table>\n        </TableContainer>\n      </Paper>\n\n      <Dialog open={generateModalOpen} onClose={handleCloseModal} maxWidth=\"sm\" fullWidth>\n        <DialogTitle>{newKeyValue ? 'Key Generated' : 'Generate New Key'}</DialogTitle>\n        <DialogContent>\n          {newKeyValue ? (\n            <Box>\n              <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n                Copy this key now. You won't be able to see it again.\n              </Typography>\n              <Box\n                display=\"flex\"\n                alignItems=\"center\"\n                gap={1}\n                mt={2}\n                p={2}\n                sx={{ backgroundColor: 'action.hover', borderRadius: 1 }}\n              >\n                <Typography component=\"code\" sx={{ fontFamily: 'monospace', wordBreak: 'break-all' }}>\n                  {newKeyValue}\n                </Typography>\n                <IconButton onClick={() => copyToClipboard(newKeyValue)}>\n                  <ContentCopy />\n                </IconButton>\n              </Box>\n            </Box>\n          ) : (\n            <Box display=\"flex\" flexDirection=\"column\" gap={2} mt={1}>\n              <TextField\n                label=\"Alias\"\n                value={formData.alias || ''}\n                onChange={(e) => setFormData({ ...formData, alias: e.target.value })}\n                fullWidth\n              />\n              <TextField\n                select\n                label=\"Duration\"\n                value={formData.duration || '30d'}\n                onChange={(e) => setFormData({ ...formData, duration: e.target.value })}\n                fullWidth\n              >\n                <MenuItem value=\"1d\">1 Day</MenuItem>\n                <MenuItem value=\"7d\">7 Days</MenuItem>\n                <MenuItem value=\"30d\">30 Days</MenuItem>\n                <MenuItem value=\"90d\">90 Days</MenuItem>\n                <MenuItem value=\"1y\">1 Year</MenuItem>\n              </TextField>\n              <TextField\n                label=\"Max Budget (USD)\"\n                type=\"number\"\n                value={formData.max_budget ?? ''}\n                onChange={(e) =>\n                  setFormData({ ...formData, max_budget: e.target.value ? Number(e.target.value) : undefined })\n                }\n                fullWidth\n              />\n              <TextField\n                label=\"TPM Limit\"\n                type=\"number\"\n                value={formData.tpm_limit ?? ''}\n                onChange={(e) =>\n                  setFormData({ ...formData, tpm_limit: e.target.value ? Number(e.target.value) : undefined })\n                }\n                fullWidth\n              />\n              <TextField\n                select\n                label=\"Models\"\n                SelectProps={{ multiple: true, displayEmpty: true }}\n                value={formData.models || []}\n                onChange={(e) => setFormData({ ...formData, models: e.target.value as unknown as string[] })}\n                fullWidth\n                placeholder=\"Select models\"\n              >\n                {models.length === 0 ? (\n                  <MenuItem disabled value=\"\">\n                    No models available\n                  </MenuItem>\n                ) : (\n                  models.map((model) => (\n                    <MenuItem key={model.model_name} value={model.model_name}>\n                      {model.model_name}\n                      {model.supports_function_calling && ' \uD83D\uDD27'}\n                      {model.supports_vision && ' \uD83D\uDC41\uFE0F'}\n                    </MenuItem>\n                  ))\n                )}\n              </TextField>\n            </Box>\n          )}\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={handleCloseModal}>{newKeyValue ? 'Done' : 'Cancel'}</Button>\n          {!newKeyValue && (\n            <Button onClick={handleGenerate} variant=\"contained\" color=\"primary\" disabled={submitting}>\n              {submitting ? <CircularProgress size={24} /> : 'Generate'}\n            </Button>\n          )}\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n", "import React, { useState } from 'react';\nimport {\n  Paper,\n  Box,\n  Typography,\n  FormControl,\n  InputLabel,\n  Select,\n  MenuItem,\n  Grid,\n  CircularProgress,\n} from '@mui/material';\nimport {\n  AreaChart,\n  Area,\n  BarChart,\n  Bar,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  ResponsiveContainer,\n  Legend,\n} from 'recharts';\nimport { DateRange, UsageMetrics, ModelInfo } from '../types';\n\ninterface UsageStatsProps {\n  usage: UsageMetrics | null;\n  models: ModelInfo[];\n  dateRange: DateRange;\n  onDateRangeChange: (range: DateRange) => void;\n  loading: boolean;\n}\n\ntype DatePreset = 'today' | '7d' | '30d';\n\nexport const UsageStats: React.FC<UsageStatsProps> = ({\n  usage,\n  models,\n  dateRange,\n  onDateRangeChange,\n  loading,\n}) => {\n  const [selectedPreset, setSelectedPreset] = useState<DatePreset>('7d');\n  const [selectedModel, setSelectedModel] = useState<string>('all');\n\n  const handlePresetChange = (preset: DatePreset) => {\n    setSelectedPreset(preset);\n    const end = new Date();\n    const start = new Date();\n    if (preset === 'today') start.setHours(0, 0, 0, 0);\n    else if (preset === '7d') start.setDate(start.getDate() - 7);\n    else if (preset === '30d') start.setDate(start.getDate() - 30);\n    onDateRangeChange({ start, end });\n  };\n\n  if (loading) {\n    return (\n      <Paper sx={{ p: 2 }}>\n        <Box display=\"flex\" justifyContent=\"center\" p={4}>\n          <CircularProgress />\n        </Box>\n      </Paper>\n    );\n  }\n\n  const dailyData =\n    usage?.daily_usage?.map((d) => ({\n      date: d.date,\n      spend: d.spend,\n      promptTokens: d.prompt_tokens,\n      completionTokens: d.completion_tokens,\n      totalTokens: d.total_tokens,\n    })) || [];\n\n  const usageByModelData = Object.entries(usage?.usage_by_model || {}).map(([model, data]) => ({\n    model,\n    spend: data.total_spend,\n    promptTokens: data.prompt_tokens,\n    completionTokens: data.completion_tokens,\n  }));\n\n  const filteredModelData =\n    selectedModel === 'all'\n      ? usageByModelData\n      : usageByModelData.filter((d) => d.model === selectedModel);\n\n  return (\n    <Paper sx={{ p: 2 }}>\n      <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" mb={3}>\n        <Typography variant=\"h6\">Usage Analytics</Typography>\n        <Box display=\"flex\" gap={2} alignItems=\"center\">\n          <FormControl size=\"small\" sx={{ minWidth: 140 }}>\n            <InputLabel>Period</InputLabel>\n            <Select\n              value={selectedPreset}\n              label=\"Period\"\n              onChange={(e) => handlePresetChange(e.target.value as DatePreset)}\n            >\n              <MenuItem value=\"today\">Today</MenuItem>\n              <MenuItem value=\"7d\">Last 7 days</MenuItem>\n              <MenuItem value=\"30d\">Last 30 days</MenuItem>\n            </Select>\n          </FormControl>\n          <FormControl size=\"small\" sx={{ minWidth: 150 }}>\n            <InputLabel>Model</InputLabel>\n            <Select\n              value={selectedModel}\n              label=\"Model\"\n              onChange={(e) => setSelectedModel(e.target.value)}\n            >\n              <MenuItem value=\"all\">All Models</MenuItem>\n              {models.map((m) => (\n                <MenuItem key={m.model_name} value={m.model_name}>\n                  {m.model_name}\n                </MenuItem>\n              ))}\n            </Select>\n          </FormControl>\n        </Box>\n      </Box>\n\n      <Grid container spacing={3}>\n        <Grid item xs={12} md={6}>\n          <Typography variant=\"subtitle2\" color=\"text.secondary\" gutterBottom>\n            Daily Spend\n          </Typography>\n          <Box height={250}>\n            <ResponsiveContainer width=\"100%\" height=\"100%\">\n              <AreaChart data={dailyData}>\n                <CartesianGrid strokeDasharray=\"3 3\" />\n                <XAxis dataKey=\"date\" tick={{ fontSize: 12 }} />\n                <YAxis tick={{ fontSize: 12 }} tickFormatter={(v) => `$${v.toFixed(2)}`} />\n                <Tooltip formatter={(value: number) => [`$${value.toFixed(4)}`, 'Spend']} />\n                <Area type=\"monotone\" dataKey=\"spend\" stroke=\"#8884d8\" fill=\"#8884d8\" fillOpacity={0.3} />\n              </AreaChart>\n            </ResponsiveContainer>\n          </Box>\n        </Grid>\n\n        <Grid item xs={12} md={6}>\n          <Typography variant=\"subtitle2\" color=\"text.secondary\" gutterBottom>\n            Token Usage by Model\n          </Typography>\n          <Box height={250}>\n            <ResponsiveContainer width=\"100%\" height=\"100%\">\n              <BarChart data={filteredModelData}>\n                <CartesianGrid strokeDasharray=\"3 3\" />\n                <XAxis dataKey=\"model\" tick={{ fontSize: 10 }} />\n                <YAxis tick={{ fontSize: 12 }} />\n                <Tooltip />\n                <Legend />\n                <Bar dataKey=\"promptTokens\" name=\"Prompt Tokens\" fill=\"#8884d8\" stackId=\"a\" />\n                <Bar dataKey=\"completionTokens\" name=\"Completion Tokens\" fill=\"#82ca9d\" stackId=\"a\" />\n              </BarChart>\n            </ResponsiveContainer>\n          </Box>\n        </Grid>\n\n        <Grid item xs={12}>\n          <Box display=\"flex\" gap={4} flexWrap=\"wrap\">\n            <Box>\n              <Typography variant=\"body2\" color=\"text.secondary\">Total Spend</Typography>\n              <Typography variant=\"h5\">${usage?.total_spend?.toFixed(4) || '0.00'}</Typography>\n            </Box>\n            <Box>\n              <Typography variant=\"body2\" color=\"text.secondary\">Total Tokens</Typography>\n              <Typography variant=\"h5\">{usage?.total_tokens?.toLocaleString() || '0'}</Typography>\n            </Box>\n            <Box>\n              <Typography variant=\"body2\" color=\"text.secondary\">Prompt Tokens</Typography>\n              <Typography variant=\"h5\">{usage?.prompt_tokens?.toLocaleString() || '0'}</Typography>\n            </Box>\n            <Box>\n              <Typography variant=\"body2\" color=\"text.secondary\">Completion Tokens</Typography>\n              <Typography variant=\"h5\">{usage?.completion_tokens?.toLocaleString() || '0'}</Typography>\n            </Box>\n          </Box>\n        </Grid>\n      </Grid>\n    </Paper>\n  );\n};\n", "import React, { useState } from 'react';\nimport {\n  Paper,\n  Box,\n  Typography,\n  LinearProgress,\n  Chip,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TableContainer,\n  Collapse,\n  IconButton,\n  CircularProgress,\n} from '@mui/material';\nimport { ExpandMore, ExpandLess, Group } from '@mui/icons-material';\nimport {\n  AreaChart,\n  Area,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  ResponsiveContainer,\n} from 'recharts';\nimport { TeamInfo, UsageMetrics, DateRange } from '../types';\n\ninterface TeamCardProps {\n  team: TeamInfo;\n  usage: UsageMetrics | null;\n  usageLoading: boolean;\n}\n\nconst TeamCard: React.FC<TeamCardProps> = ({ team, usage, usageLoading }) => {\n  const [expanded, setExpanded] = useState(false);\n\n  const budget = team.max_budget ?? 0;\n  const spend = team.spend ?? 0;\n  const budgetPct = budget > 0 ? Math.min((spend / budget) * 100, 100) : 0;\n  const isOver = budget > 0 && spend >= budget;\n  const isNear = budget > 0 && spend >= budget * 0.8 && !isOver;\n\n  const dailyData = usage?.daily_usage?.map(d => ({ date: d.date, spend: d.spend })) ?? [];\n\n  return (\n    <Paper variant=\"outlined\" sx={{ p: 2, mb: 2 }}>\n      <Box display=\"flex\" alignItems=\"center\" gap={1}>\n        <Group color=\"action\" />\n        <Box flexGrow={1}>\n          <Typography variant=\"subtitle1\" fontWeight={600}>\n            {team.team_alias ?? team.team_id}\n          </Typography>\n          {team.models?.length ? (\n            <Box display=\"flex\" gap={0.5} flexWrap=\"wrap\" mt={0.5}>\n              {team.models.map(m => (\n                <Chip key={m} label={m} size=\"small\" variant=\"outlined\" />\n              ))}\n            </Box>\n          ) : (\n            <Typography variant=\"caption\" color=\"text.secondary\">All models</Typography>\n          )}\n        </Box>\n        <IconButton size=\"small\" onClick={() => setExpanded(e => !e)}>\n          {expanded ? <ExpandLess /> : <ExpandMore />}\n        </IconButton>\n      </Box>\n\n      {budget > 0 && (\n        <Box mt={1.5}>\n          <Box display=\"flex\" justifyContent=\"space-between\" mb={0.5}>\n            <Typography variant=\"body2\">\n              ${spend.toFixed(2)} / ${budget.toFixed(2)}\n            </Typography>\n            {isOver && <Chip label=\"Over Budget\" size=\"small\" color=\"error\" />}\n            {isNear && <Chip label=\"Near Limit\" size=\"small\" color=\"warning\" />}\n          </Box>\n          <LinearProgress\n            variant=\"determinate\"\n            value={budgetPct}\n            color={isOver ? 'error' : isNear ? 'warning' : 'primary'}\n            sx={{ height: 6, borderRadius: 1 }}\n          />\n        </Box>\n      )}\n\n      <Collapse in={expanded}>\n        <Box mt={2}>\n          {usageLoading ? (\n            <Box display=\"flex\" justifyContent=\"center\" p={2}>\n              <CircularProgress size={24} />\n            </Box>\n          ) : dailyData.length > 0 ? (\n            <>\n              <Typography variant=\"subtitle2\" color=\"text.secondary\" gutterBottom>\n                Daily Spend\n              </Typography>\n              <Box height={160}>\n                <ResponsiveContainer width=\"100%\" height=\"100%\">\n                  <AreaChart data={dailyData}>\n                    <CartesianGrid strokeDasharray=\"3 3\" />\n                    <XAxis dataKey=\"date\" tick={{ fontSize: 11 }} />\n                    <YAxis tick={{ fontSize: 11 }} tickFormatter={v => `$${v.toFixed(2)}`} />\n                    <Tooltip formatter={(v: number) => [`$${v.toFixed(4)}`, 'Spend']} />\n                    <Area type=\"monotone\" dataKey=\"spend\" stroke=\"#8884d8\" fill=\"#8884d8\" fillOpacity={0.3} />\n                  </AreaChart>\n                </ResponsiveContainer>\n              </Box>\n            </>\n          ) : null}\n\n          {team.members_with_roles?.length ? (\n            <Box mt={2}>\n              <Typography variant=\"subtitle2\" color=\"text.secondary\" gutterBottom>\n                Members\n              </Typography>\n              <TableContainer>\n                <Table size=\"small\">\n                  <TableHead>\n                    <TableRow>\n                      <TableCell>User</TableCell>\n                      <TableCell>Role</TableCell>\n                    </TableRow>\n                  </TableHead>\n                  <TableBody>\n                    {team.members_with_roles.map(m => (\n                      <TableRow key={m.user_id}>\n                        <TableCell sx={{ fontFamily: 'monospace', fontSize: 12 }}>{m.user_id}</TableCell>\n                        <TableCell>\n                          <Chip\n                            label={m.role}\n                            size=\"small\"\n                            color={m.role === 'admin' ? 'primary' : 'default'}\n                          />\n                        </TableCell>\n                      </TableRow>\n                    ))}\n                  </TableBody>\n                </Table>\n              </TableContainer>\n            </Box>\n          ) : null}\n        </Box>\n      </Collapse>\n    </Paper>\n  );\n};\n\ninterface TeamUsageProps {\n  teams: TeamInfo[];\n  loading: boolean;\n  dateRange: DateRange;\n  getTeamUsage: (teamId: string) => UsageMetrics | null;\n  getTeamUsageLoading: (teamId: string) => boolean;\n}\n\nexport const TeamUsage: React.FC<TeamUsageProps> = ({\n  teams,\n  loading,\n  getTeamUsage,\n  getTeamUsageLoading,\n}) => {\n  if (loading) {\n    return (\n      <Paper sx={{ p: 2 }}>\n        <LinearProgress />\n      </Paper>\n    );\n  }\n\n  if (!teams.length) {\n    return (\n      <Paper sx={{ p: 2 }}>\n        <Box display=\"flex\" alignItems=\"center\" gap={1}>\n          <Group color=\"disabled\" />\n          <Typography color=\"text.secondary\" variant=\"body2\">\n            No team membership found in LiteLLM for this account.\n          </Typography>\n        </Box>\n      </Paper>\n    );\n  }\n\n  return (\n    <Box>\n      <Typography variant=\"h6\" mb={1}>Teams</Typography>\n      {teams.map(team => (\n        <TeamCard\n          key={team.team_id}\n          team={team}\n          usage={getTeamUsage(team.team_id)}\n          usageLoading={getTeamUsageLoading(team.team_id)}\n        />\n      ))}\n    </Box>\n  );\n};\n", "import React, { useState, useCallback, useMemo } from 'react';\nimport { Grid, Box, Snackbar, Alert, CircularProgress, Typography, Paper } from '@mui/material';\nimport { useAsync, useAsyncRetry } from 'react-use';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { DashboardHeader } from './DashboardHeader';\nimport { KeysTable } from './KeysTable';\nimport { UsageStats } from './UsageStats';\nimport { TeamUsage } from './TeamUsage';\nimport { liteLlmApiRef } from '../api';\nimport { DateRange, GenerateKeyRequest, GenerateKeyResponse, UsageMetrics } from '../types';\n\nexport const LiteLLMPage: React.FC = () => {\n  const api = useApi(liteLlmApiRef);\n\n  const [dateRange, setDateRange] = useState<DateRange>(() => {\n    const end = new Date();\n    const start = new Date();\n    start.setDate(start.getDate() - 7);\n    return { start, end };\n  });\n\n  const [snackbar, setSnackbar] = useState<{ message: string; severity: 'success' | 'error' } | null>(null);\n\n  // Team usage cache: teamId -> UsageMetrics\n  const [teamUsageCache, setTeamUsageCache] = useState<Record<string, UsageMetrics | null>>({});\n  const [teamUsageLoading, setTeamUsageLoading] = useState<Record<string, boolean>>({});\n\n  const { value: userInfo, loading: userLoading, error: userError } = useAsync(\n    () => api.getUserInfo(),\n    [api],\n  );\n\n  const { value: keys, loading: keysLoading, retry: refreshKeys } = useAsyncRetry(\n    async () => {\n      try {\n        return await api.listKeys();\n      } catch (e: any) {\n        setSnackbar({ message: `Failed to load keys: ${e.message}`, severity: 'error' });\n        return [];\n      }\n    },\n    [api],\n  );\n\n  const { value: allModels, loading: modelsLoading } = useAsync(\n    () => api.listModels().catch(() => []),\n    [api],\n  );\n\n  const { value: teams, loading: teamsLoading } = useAsync(\n    () => api.getTeams().catch(() => []),\n    [api],\n  );\n\n  const { value: usage, loading: usageLoading } = useAsync(async () => {\n    const startDate = dateRange.start.toISOString().split('T')[0];\n    const endDate = dateRange.end.toISOString().split('T')[0];\n    return api.getUsage(startDate, endDate);\n  }, [api, dateRange]);\n\n  // Fetch team usage on demand when a team card is expanded\n  const loadTeamUsage = useCallback(async (teamId: string) => {\n    if (teamUsageCache[teamId] !== undefined || teamUsageLoading[teamId]) return;\n    setTeamUsageLoading(prev => ({ ...prev, [teamId]: true }));\n    try {\n      const startDate = dateRange.start.toISOString().split('T')[0];\n      const endDate = dateRange.end.toISOString().split('T')[0];\n      const data = await api.getTeamUsage(teamId, startDate, endDate);\n      setTeamUsageCache(prev => ({ ...prev, [teamId]: data }));\n    } catch {\n      setTeamUsageCache(prev => ({ ...prev, [teamId]: null }));\n    } finally {\n      setTeamUsageLoading(prev => ({ ...prev, [teamId]: false }));\n    }\n  }, [api, dateRange, teamUsageCache, teamUsageLoading]);\n\n  // Models available for key generation: intersection of all models with user-level\n  // and team-level restrictions. If a user has no model restrictions, all models are allowed.\n  const allowedModels = useMemo(() => {\n    if (!allModels?.length) return [];\n    const userModels = userInfo?.models;\n    const teamModels = teams?.flatMap(t => t.models ?? []);\n    const hasUserRestriction = userModels && userModels.length > 0;\n    const hasTeamRestriction = teamModels && teamModels.length > 0;\n    if (!hasUserRestriction && !hasTeamRestriction) return allModels;\n    const allowed = new Set([\n      ...(hasUserRestriction ? userModels! : allModels.map(m => m.model_name)),\n      ...(hasTeamRestriction ? teamModels! : []),\n    ]);\n    return allModels.filter(m => allowed.has(m.model_name));\n  }, [allModels, userInfo, teams]);\n\n  const handleGenerateKey = useCallback(\n    async (request: GenerateKeyRequest): Promise<GenerateKeyResponse> => {\n      const response = await api.generateKey(request);\n      setSnackbar({ message: 'Key generated successfully', severity: 'success' });\n      refreshKeys();\n      return response;\n    },\n    [api, refreshKeys],\n  );\n\n  const handleDeleteKey = useCallback(\n    async (keyId: string) => {\n      try {\n        await api.deleteKey(keyId);\n        setSnackbar({ message: 'Key revoked successfully', severity: 'success' });\n        refreshKeys();\n      } catch (e: any) {\n        setSnackbar({ message: `Failed to revoke key: ${e.message}`, severity: 'error' });\n      }\n    },\n    [api, refreshKeys],\n  );\n\n  const isInitialLoading = userLoading && !userInfo;\n\n  if (isInitialLoading) {\n    return (\n      <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\" minHeight=\"50vh\">\n        <CircularProgress />\n      </Box>\n    );\n  }\n\n  // User exists in Backstage but has no LiteLLM account\n  if (userError || !userInfo) {\n    const isProvisioningEnabled = (userError as any)?.body?.provisioning === true;\n    const hint = (userError as any)?.body?.hint;\n    return (\n      <Box p={3}>\n        <Paper sx={{ p: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>Account not provisioned</Typography>\n          <Typography color=\"text.secondary\" paragraph>\n            Your Backstage account is not linked to a LiteLLM user.\n          </Typography>\n          {hint ? (\n            <Typography variant=\"body2\" color=\"text.secondary\">{hint}</Typography>\n          ) : (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {isProvisioningEnabled\n                ? 'Auto-provisioning is enabled but failed. Check the backend logs.'\n                : 'Set litellm.provisioning.enabled: true in app-config.yaml to enable auto-provisioning, or ask your administrator to create the account manually.'}\n            </Typography>\n          )}\n        </Paper>\n      </Box>\n    );\n  }\n\n  return (\n    <Box p={3}>\n      <Grid container spacing={2}>\n        <Grid item xs={12}>\n          <DashboardHeader userInfo={userInfo} loading={userLoading} />\n        </Grid>\n\n        <Grid item xs={12}>\n          <TeamUsage\n            teams={teams ?? []}\n            loading={teamsLoading}\n            dateRange={dateRange}\n            getTeamUsage={teamId => {\n              if (teamUsageCache[teamId] === undefined) loadTeamUsage(teamId);\n              return teamUsageCache[teamId] ?? null;\n            }}\n            getTeamUsageLoading={teamId => teamUsageLoading[teamId] ?? false}\n          />\n        </Grid>\n\n        <Grid item xs={12}>\n          <KeysTable\n            keys={keys ?? []}\n            models={allowedModels}\n            loading={keysLoading || modelsLoading}\n            onGenerateKey={handleGenerateKey}\n            onDeleteKey={handleDeleteKey}\n          />\n        </Grid>\n\n        <Grid item xs={12}>\n          <UsageStats\n            usage={usage ?? null}\n            models={allModels ?? []}\n            dateRange={dateRange}\n            onDateRangeChange={setDateRange}\n            loading={usageLoading}\n          />\n        </Grid>\n      </Grid>\n\n      <Snackbar\n        open={!!snackbar}\n        autoHideDuration={5000}\n        onClose={() => setSnackbar(null)}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n      >\n        {snackbar ? (\n          <Alert severity={snackbar.severity} onClose={() => setSnackbar(null)}>\n            {snackbar.message}\n          </Alert>\n        ) : undefined}\n      </Snackbar>\n    </Box>\n  );\n};\n", "import React from 'react';\nimport { TrendingUp as TrendingUpIcon } from '@mui/icons-material';\nimport {\n  createFrontendPlugin,\n  createApiExtension,\n  createPageExtension,\n  createApiFactory,\n  createSidebarExtension,\n  fetchApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { liteLlmApiRef, LiteLlmApi } from './api';\n\nexport const litellmPlugin = createFrontendPlugin({\n  id: 'litellm',\n  extensions: [\n    createApiExtension({\n      factory: createApiFactory({\n        api: liteLlmApiRef,\n        deps: { fetchApi: fetchApiRef },\n        factory: ({ fetchApi }) => new LiteLlmApi(fetchApi),\n      }),\n    }),\n    createSidebarExtension({\n      id: 'root',\n      title: 'LiteLLM',\n      icon: <TrendingUpIcon />,\n      defaultPath: '/litellm',\n    }),\n    createPageExtension({\n      defaultPath: '/litellm',\n      loader: async () => {\n        const { LiteLLMPage } = await import('./components/LiteLLMPage');\n        return React.createElement(LiteLLMPage);\n      },\n    }),\n  ],\n});\n", "export { litellmPlugin } from './plugin';\nexport { LiteLLMPage } from './components/LiteLLMPage';\nexport { DashboardHeader } from './components/DashboardHeader';\nexport { KeysTable } from './components/KeysTable';\nexport { UsageStats } from './components/UsageStats';\nexport { TeamUsage } from './components/TeamUsage';\nexport { LiteLlmApi, liteLlmApiRef } from './api';\nexport type { LiteLlmApiInterface } from './api';\nexport * from './types';\n"],
+  "mappings": "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",
+  "names": ["React", "Paper", "Box", "Typography", "Chip", "React", "useState", "Paper", "Box", "Typography", "MenuItem", "CircularProgress", "React", "useState", "Paper", "Box", "Typography", "LinearProgress", "Chip", "Table", "TableBody", "TableCell", "TableHead", "TableRow", "TableContainer", "IconButton", "CircularProgress", "AreaChart", "Area", "XAxis", "YAxis", "CartesianGrid", "Tooltip", "ResponsiveContainer", "React", "useState", "Grid", "Box", "CircularProgress", "Typography", "Paper", "React", "LiteLLMPage"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acarmisc/backstage-plugin-litellm",
-  "version": "0.1.3",
+  "version": "0.1.7",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "litellm",