@acarmisc/backstage-plugin-litellm 0.5.0 → 0.6.0

package/dist/index.cjs.js

@@ -1245,7 +1245,7 @@ var init_LiteLLMPage = __esm({
         const hint = userError?.body?.hint;
         return /* @__PURE__ */ import_react6.default.createElement(import_material6.Box, { p: 3 }, /* @__PURE__ */ import_react6.default.createElement(import_material6.Paper, { sx: { p: 3 } }, /* @__PURE__ */ import_react6.default.createElement(import_material6.Typography, { variant: "h6", gutterBottom: true }, "Account not provisioned"), /* @__PURE__ */ import_react6.default.createElement(import_material6.Typography, { color: "text.secondary", paragraph: true }, "Your Backstage account is not linked to a LiteLLM user."), hint ? /* @__PURE__ */ import_react6.default.createElement(import_material6.Typography, { variant: "body2", color: "text.secondary" }, hint) : /* @__PURE__ */ import_react6.default.createElement(import_material6.Typography, { 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__ */ import_react6.default.createElement(import_material6.Box, { p: 3 }, userInfo.can_view_audit && /* @__PURE__ */ import_react6.default.createElement(
+      return /* @__PURE__ */ import_react6.default.createElement(import_material6.Box, { p: 3 }, /* @__PURE__ */ import_react6.default.createElement(import_material6.Box, { mb: 2 }, /* @__PURE__ */ import_react6.default.createElement(DashboardHeader, { userInfo, teams: teams ?? [], loading: userLoading || teamsLoading })), /* @__PURE__ */ import_react6.default.createElement(
         import_material6.Tabs,
         {
           value: activeTab,
@@ -1253,20 +1253,10 @@ var init_LiteLLMPage = __esm({
           sx: { mb: 2, borderBottom: 1, borderColor: "divider" }
         },
         /* @__PURE__ */ import_react6.default.createElement(import_material6.Tab, { label: "Overview", value: "overview" }),
-        /* @__PURE__ */ import_react6.default.createElement(import_material6.Tab, { label: "Audit Log", value: "audit" })
-      ), activeTab === "audit" ? /* @__PURE__ */ import_react6.default.createElement(AuditLog, { api }) : /* @__PURE__ */ import_react6.default.createElement(import_material6.Grid, { container: true, spacing: 2 }, /* @__PURE__ */ import_react6.default.createElement(import_material6.Grid, { item: true, xs: 12 }, /* @__PURE__ */ import_react6.default.createElement(DashboardHeader, { userInfo, teams: teams ?? [], loading: userLoading || teamsLoading })), /* @__PURE__ */ import_react6.default.createElement(import_material6.Grid, { item: true, xs: 12 }, /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement(import_material6.Grid, { item: true, xs: 12 }, /* @__PURE__ */ import_react6.default.createElement(
+        /* @__PURE__ */ import_react6.default.createElement(import_material6.Tab, { label: "Keys", value: "keys" }),
+        /* @__PURE__ */ import_react6.default.createElement(import_material6.Tab, { label: "Teams", value: "teams" }),
+        userInfo.can_view_audit && /* @__PURE__ */ import_react6.default.createElement(import_material6.Tab, { label: "Audit Log", value: "audit" })
+      ), activeTab === "overview" && /* @__PURE__ */ import_react6.default.createElement(
         UsageStats,
         {
           usage: usage ?? null,
@@ -1276,7 +1266,7 @@ var init_LiteLLMPage = __esm({
           loading: usageLoading,
           userInfo
         }
-      )), /* @__PURE__ */ import_react6.default.createElement(import_material6.Grid, { item: true, xs: 12 }, /* @__PURE__ */ import_react6.default.createElement(
+      ), activeTab === "keys" && /* @__PURE__ */ import_react6.default.createElement(
         KeysTable,
         {
           keys: keys ?? [],
@@ -1291,7 +1281,19 @@ var init_LiteLLMPage = __esm({
           onResetKeySpend: handleResetKeySpend,
           onDeleteKey: handleDeleteKey
         }
-      ))), /* @__PURE__ */ import_react6.default.createElement(
+      ), activeTab === "teams" && /* @__PURE__ */ import_react6.default.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
+        }
+      ), activeTab === "audit" && userInfo.can_view_audit && /* @__PURE__ */ import_react6.default.createElement(AuditLog, { api }), /* @__PURE__ */ import_react6.default.createElement(
         import_material6.Snackbar,
         {
           open: !!snackbar,