@acarmisc/backstage-plugin-litellm 0.3.1 → 0.3.2

package/dist/index.esm.js

@@ -143,7 +143,7 @@ var init_DashboardHeader = __esm({
 });
 
 // src/components/KeysTable.tsx
-import React2, { useEffect, useState } from "react";
+import React2, { useState } from "react";
 import {
   Paper as Paper2,
   Table,
@@ -191,7 +191,7 @@ var init_KeysTable = __esm({
       alias: "",
       models: [],
       duration: "30d",
-      max_budget: void 0,
+      max_budget: 100,
       tpm_limit: void 0,
       team_id: void 0,
       key_type: "llm_api"
@@ -216,12 +216,6 @@ var init_KeysTable = __esm({
       const [newKeyValue, setNewKeyValue] = useState(null);
       const [formData, setFormData] = useState(emptyForm());
       const [submitting, setSubmitting] = useState(false);
-      useEffect(() => {
-        if (!generateModalOpen) return;
-        if (!formData.team_id && teams.length > 0) {
-          setFormData((f) => ({ ...f, team_id: teams[0].team_id }));
-        }
-      }, [generateModalOpen, teams, formData.team_id]);
       const canGenerate = true;
       const [editingKey, setEditingKey] = useState(null);
       const [editForm, setEditForm] = useState({});
@@ -235,10 +229,6 @@ var init_KeysTable = __esm({
           const response = await onGenerateKey(formData);
           setNewKeyValue(response.key);
           setFormData(emptyForm());
-          setTimeout(() => {
-            setGenerateModalOpen(false);
-            setNewKeyValue(null);
-          }, 1500);
         } catch (error) {
           console.error("Failed to generate key:", error);
         } finally {
@@ -310,7 +300,9 @@ var init_KeysTable = __esm({
           mt: 2,
           p: 2,
           sx: {
-            backgroundColor: "grey.100",
+            backgroundColor: "action.hover",
+            border: "1px solid",
+            borderColor: "divider",
             borderRadius: 1
           }
         },
@@ -330,6 +322,7 @@ var init_KeysTable = __esm({
           label: "Alias",
           value: formData.alias || "",
           onChange: (e) => setFormData({ ...formData, alias: e.target.value }),
+          required: true,
           fullWidth: true
         }
       ), /* @__PURE__ */ React2.createElement(
@@ -373,7 +366,7 @@ var init_KeysTable = __esm({
           value: selectedModels,
           onChange: (_e, selected) => setFormData({ ...formData, models: selected.map((m) => m.model_name) }),
           renderOption: (props, m) => /* @__PURE__ */ React2.createElement("li", { ...props }, m.model_name, m.supports_function_calling && " \u{1F527}", m.supports_vision && " \u{1F441}\uFE0F"),
-          renderInput: (params) => /* @__PURE__ */ React2.createElement(TextField, { ...params, label: "Models", fullWidth: true })
+          renderInput: (params) => /* @__PURE__ */ React2.createElement(TextField, { ...params, label: "Models", helperText: "Leave empty to allow all models", fullWidth: true })
         }
       ), /* @__PURE__ */ React2.createElement(
         TextField,
@@ -382,6 +375,7 @@ var init_KeysTable = __esm({
           type: "number",
           value: formData.max_budget ?? "",
           onChange: (e) => setFormData({ ...formData, max_budget: e.target.value ? Number(e.target.value) : void 0 }),
+          required: true,
           fullWidth: true
         }
       ), /* @__PURE__ */ React2.createElement(
@@ -956,7 +950,7 @@ init_TeamUsage();
 
 // src/components/LiteLLMHomeWidget.tsx
 init_api();
-import React7, { useState as useState5, useEffect as useEffect2 } from "react";
+import React7, { useState as useState5, useEffect } from "react";
 import {
   Paper as Paper6,
   Box as Box6,
@@ -995,7 +989,7 @@ var LiteLLMHomeWidget = ({
   const [error, setError] = useState5(null);
   const [usage, setUsage] = useState5(null);
   const [keys, setKeys] = useState5([]);
-  useEffect2(() => {
+  useEffect(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);