@acarmisc/backstage-plugin-litellm 0.10.0 → 0.10.1

package/dist/index.esm.js

@@ -96,9 +96,6 @@ var init_api = __esm({
       async deleteKey(keyId) {
         return this.del(`/keys/${encodeURIComponent(keyId)}`);
       }
-      async rotateKey(keyId) {
-        return this.post(`/keys/${encodeURIComponent(keyId)}/regenerate`, {});
-      }
       async blockKey(keyId) {
         await this.post(`/keys/${encodeURIComponent(keyId)}/block`, {});
       }
@@ -316,9 +313,7 @@ var init_KeysTable = __esm({
       tpm_limit: void 0,
       rpm_limit: void 0,
       team_id: void 0,
-      key_type: "llm_api",
-      auto_rotate: false,
-      rotation_interval_days: void 0
+      key_type: "llm_api"
     });
     keyToEditForm = (k) => ({
       key_alias: k.key_alias ?? "",
@@ -334,7 +329,6 @@ var init_KeysTable = __esm({
       loading,
       onGenerateKey,
       onUpdateKey,
-      onRotateKey,
       onBlockKey,
       onUnblockKey,
       onResetKeySpend,
@@ -352,8 +346,6 @@ var init_KeysTable = __esm({
       const [editingKey, setEditingKey] = useState(null);
       const [editForm, setEditForm] = useState({});
       const [editSubmitting, setEditSubmitting] = useState(false);
-      const [rotatingKeyId, setRotatingKeyId] = useState(null);
-      const [rotatedKeyValue, setRotatedKeyValue] = useState(null);
       const [blockingKeyId, setBlockingKeyId] = useState(null);
       const [deleteConfirmId, setDeleteConfirmId] = useState(null);
       const [deleteSubmitting, setDeleteSubmitting] = useState(false);
@@ -433,17 +425,6 @@ var init_KeysTable = __esm({
           setEditSubmitting(false);
         }
       };
-      const handleRotate = async (keyId) => {
-        setRotatingKeyId(keyId);
-        try {
-          const response = await onRotateKey(keyId);
-          setRotatedKeyValue(response.key);
-        } catch (error) {
-          console.error("Failed to rotate key:", error);
-        } finally {
-          setRotatingKeyId(null);
-        }
-      };
       const handleToggleBlock = async (key) => {
         const keyId = key.token ?? key.key;
         setBlockingKeyId(keyId);
@@ -548,7 +529,6 @@ var init_KeysTable = __esm({
         "Generate Your First Key"
       )))) : filteredKeys.map((key) => {
         const keyId = key.token ?? key.key;
-        const isRotating = rotatingKeyId === keyId;
         const isBlocking = blockingKeyId === keyId;
         return /* @__PURE__ */ React2.createElement(TableRow, { key: keyId, sx: key.blocked ? { bgcolor: "action.disabledBackground" } : void 0 }, /* @__PURE__ */ React2.createElement(TableCell, null, /* @__PURE__ */ React2.createElement(Box2, { display: "flex", alignItems: "center", gap: 0.5 }, key.key_alias || "-", key.blocked && /* @__PURE__ */ React2.createElement(Chip2, { label: "Blocked", color: "error", size: "small" }))), /* @__PURE__ */ React2.createElement(TableCell, null, /* @__PURE__ */ React2.createElement(Box2, { display: "flex", alignItems: "center", gap: 0.5 }, /* @__PURE__ */ React2.createElement(
           Typography2,
@@ -567,14 +547,6 @@ var init_KeysTable = __esm({
           },
           shortKeyId(keyId)
         ), /* @__PURE__ */ React2.createElement(IconButton, { size: "small", onClick: () => copyToClipboard(keyId), title: "Copy Key ID" }, /* @__PURE__ */ React2.createElement(ContentCopy, { fontSize: "small" })))), /* @__PURE__ */ React2.createElement(TableCell, null, formatDate(key.created_at)), /* @__PURE__ */ React2.createElement(TableCell, null, /* @__PURE__ */ React2.createElement(ExpiryChip, { expiresAt: key.expires_at })), /* @__PURE__ */ React2.createElement(TableCell, null, /* @__PURE__ */ React2.createElement(BudgetCell, { spend: key.spend ?? 0, maxBudget: key.max_budget })), /* @__PURE__ */ React2.createElement(TableCell, null, /* @__PURE__ */ React2.createElement(Typography2, { variant: "body2" }, key.tpm_limit ?? "-", " / ", key.rpm_limit ?? "-")), /* @__PURE__ */ React2.createElement(TableCell, null, /* @__PURE__ */ React2.createElement(Box2, { display: "flex", gap: 0.5, flexWrap: "wrap" }, key.models?.slice(0, 2).map((model) => /* @__PURE__ */ React2.createElement(Chip2, { key: model, label: model, size: "small" })), (key.models?.length || 0) > 2 && /* @__PURE__ */ React2.createElement(Chip2, { label: `+${(key.models?.length || 0) - 2}`, size: "small", variant: "outlined" }))), /* @__PURE__ */ React2.createElement(TableCell, { align: "right" }, /* @__PURE__ */ React2.createElement(IconButton, { onClick: () => handleOpenEdit(key), title: "Edit key" }, /* @__PURE__ */ React2.createElement(Edit, { fontSize: "small" })), /* @__PURE__ */ React2.createElement(
-          IconButton,
-          {
-            onClick: () => handleRotate(keyId),
-            disabled: isRotating,
-            title: "Rotate key \u2014 generates a new secret, same settings"
-          },
-          isRotating ? /* @__PURE__ */ React2.createElement(CircularProgress, { size: 18 }) : /* @__PURE__ */ React2.createElement(Autorenew, { fontSize: "small" })
-        ), /* @__PURE__ */ React2.createElement(
           IconButton,
           {
             onClick: () => handleToggleBlock(key),
@@ -721,36 +693,7 @@ var init_KeysTable = __esm({
           onChange: (e) => setFormData({ ...formData, rpm_limit: e.target.value ? Number(e.target.value) : void 0 }),
           fullWidth: true
         }
-      ), /* @__PURE__ */ React2.createElement(
-        FormControlLabel,
-        {
-          control: /* @__PURE__ */ React2.createElement(
-            Checkbox,
-            {
-              checked: !!formData.auto_rotate,
-              onChange: (e) => setFormData({
-                ...formData,
-                auto_rotate: e.target.checked,
-                rotation_interval_days: e.target.checked ? formData.rotation_interval_days ?? 90 : void 0
-              })
-            }
-          ),
-          label: "Auto-rotate (LiteLLM rotates the secret on a schedule)"
-        }
-      ), formData.auto_rotate && /* @__PURE__ */ React2.createElement(
-        TextField,
-        {
-          label: "Rotate every (days)",
-          type: "number",
-          value: formData.rotation_interval_days ?? "",
-          onChange: (e) => setFormData({
-            ...formData,
-            rotation_interval_days: e.target.value ? Number(e.target.value) : void 0
-          }),
-          helperText: "LiteLLM enforces this interval server-side; the old secret stops working the moment it rotates.",
-          fullWidth: true
-        }
-      ))), /* @__PURE__ */ React2.createElement(DialogActions, null, /* @__PURE__ */ React2.createElement(Button, { onClick: handleCloseModal }, newKeyValue ? "Done" : "Cancel"), !newKeyValue && /* @__PURE__ */ React2.createElement(
+      ))), /* @__PURE__ */ React2.createElement(DialogActions, null, newKeyValue ? /* @__PURE__ */ React2.createElement(Button, { onClick: handleCloseModal, variant: "contained", color: "success" }, "Done") : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Button, { onClick: handleCloseModal }, "Cancel"), /* @__PURE__ */ React2.createElement(
         Button,
         {
           onClick: handleGenerate,
@@ -759,7 +702,7 @@ var init_KeysTable = __esm({
           disabled: !canGenerate
         },
         submitting ? /* @__PURE__ */ React2.createElement(CircularProgress, { size: 24 }) : "Generate"
-      ), newKeyValue && /* @__PURE__ */ React2.createElement(Button, { onClick: handleCloseModal, variant: "contained", color: "success" }, "Done"))), /* @__PURE__ */ React2.createElement(Dialog, { open: !!editingKey, onClose: handleCloseEdit, maxWidth: "sm", fullWidth: true }, /* @__PURE__ */ React2.createElement(DialogTitle, null, "Edit Key"), /* @__PURE__ */ React2.createElement(DialogContent, null, editingKey && /* @__PURE__ */ React2.createElement(Box2, { display: "flex", flexDirection: "column", gap: 2, mt: 1 }, /* @__PURE__ */ React2.createElement(Typography2, { variant: "body2", color: "text.secondary" }, /* @__PURE__ */ React2.createElement("code", { style: { fontFamily: "monospace", color: "inherit" } }, maskKey(editingKey.key))), /* @__PURE__ */ React2.createElement(
+      )))), /* @__PURE__ */ React2.createElement(Dialog, { open: !!editingKey, onClose: handleCloseEdit, maxWidth: "sm", fullWidth: true }, /* @__PURE__ */ React2.createElement(DialogTitle, null, "Edit Key"), /* @__PURE__ */ React2.createElement(DialogContent, null, editingKey && /* @__PURE__ */ React2.createElement(Box2, { display: "flex", flexDirection: "column", gap: 2, mt: 1 }, /* @__PURE__ */ React2.createElement(Typography2, { variant: "body2", color: "text.secondary" }, /* @__PURE__ */ React2.createElement("code", { style: { fontFamily: "monospace", color: "inherit" } }, maskKey(editingKey.key))), /* @__PURE__ */ React2.createElement(
         TextField,
         {
           label: "Alias",
@@ -825,26 +768,7 @@ var init_KeysTable = __esm({
           onClick: handleResetSpend
         },
         resetSpendSubmitting ? /* @__PURE__ */ React2.createElement(CircularProgress, { size: 16 }) : "Confirm"
-      ), /* @__PURE__ */ React2.createElement(Button, { size: "small", onClick: () => setResetSpendConfirm(false) }, "Cancel"))))), /* @__PURE__ */ React2.createElement(DialogActions, null, /* @__PURE__ */ React2.createElement(Button, { onClick: handleCloseEdit }, "Cancel"), /* @__PURE__ */ React2.createElement(Button, { onClick: handleUpdate, variant: "contained", color: "primary", disabled: editSubmitting }, editSubmitting ? /* @__PURE__ */ React2.createElement(CircularProgress, { size: 24 }) : "Save"))), /* @__PURE__ */ React2.createElement(Dialog, { open: !!rotatedKeyValue, onClose: () => setRotatedKeyValue(null), maxWidth: "sm", fullWidth: true }, /* @__PURE__ */ React2.createElement(DialogTitle, null, "Key Rotated"), /* @__PURE__ */ React2.createElement(DialogContent, null, /* @__PURE__ */ React2.createElement(Typography2, { variant: "body2", color: "text.secondary", gutterBottom: true }, "The old secret is now invalid. Copy the new one \u2014 you won't see it again."), /* @__PURE__ */ React2.createElement(
-        Box2,
-        {
-          display: "flex",
-          alignItems: "center",
-          gap: 1,
-          mt: 2,
-          p: 2,
-          sx: { backgroundColor: "action.hover", border: "1px solid", borderColor: "divider", borderRadius: 1 }
-        },
-        /* @__PURE__ */ React2.createElement(
-          Typography2,
-          {
-            component: "code",
-            sx: { fontFamily: "monospace", wordBreak: "break-all", flex: 1 }
-          },
-          rotatedKeyValue
-        ),
-        /* @__PURE__ */ React2.createElement(IconButton, { onClick: () => copyToClipboard(rotatedKeyValue) }, /* @__PURE__ */ React2.createElement(ContentCopy, null))
-      )), /* @__PURE__ */ React2.createElement(DialogActions, null, /* @__PURE__ */ React2.createElement(Button, { onClick: () => setRotatedKeyValue(null), variant: "contained", color: "success" }, "Done"))), /* @__PURE__ */ React2.createElement(Dialog, { open: !!deleteConfirmId, onClose: () => setDeleteConfirmId(null), maxWidth: "xs", fullWidth: true }, /* @__PURE__ */ React2.createElement(DialogTitle, null, "Revoke Key?"), /* @__PURE__ */ React2.createElement(DialogContent, null, /* @__PURE__ */ React2.createElement(Typography2, null, "This will permanently revoke the key. Any integrations using it will stop working immediately.")), /* @__PURE__ */ React2.createElement(DialogActions, null, /* @__PURE__ */ React2.createElement(Button, { onClick: () => setDeleteConfirmId(null), disabled: deleteSubmitting }, "Cancel"), /* @__PURE__ */ React2.createElement(
+      ), /* @__PURE__ */ React2.createElement(Button, { size: "small", onClick: () => setResetSpendConfirm(false) }, "Cancel"))))), /* @__PURE__ */ React2.createElement(DialogActions, null, /* @__PURE__ */ React2.createElement(Button, { onClick: handleCloseEdit }, "Cancel"), /* @__PURE__ */ React2.createElement(Button, { onClick: handleUpdate, variant: "contained", color: "primary", disabled: editSubmitting }, editSubmitting ? /* @__PURE__ */ React2.createElement(CircularProgress, { size: 24 }) : "Save"))), /* @__PURE__ */ React2.createElement(Dialog, { open: !!deleteConfirmId, onClose: () => setDeleteConfirmId(null), maxWidth: "xs", fullWidth: true }, /* @__PURE__ */ React2.createElement(DialogTitle, null, "Revoke Key?"), /* @__PURE__ */ React2.createElement(DialogContent, null, /* @__PURE__ */ React2.createElement(Typography2, null, "This will permanently revoke the key. Any integrations using it will stop working immediately.")), /* @__PURE__ */ React2.createElement(DialogActions, null, /* @__PURE__ */ React2.createElement(Button, { onClick: () => setDeleteConfirmId(null), disabled: deleteSubmitting }, "Cancel"), /* @__PURE__ */ React2.createElement(
         Button,
         {
           onClick: handleConfirmDelete,
@@ -1584,15 +1508,6 @@ var init_LiteLLMPage = __esm({
         },
         [api, refreshKeys]
       );
-      const handleRotateKey = useCallback2(
-        async (keyId) => {
-          const response = await api.rotateKey(keyId);
-          setSnackbar({ message: "Key rotated \u2014 copy the new secret now", severity: "success" });
-          refreshKeys();
-          return response;
-        },
-        [api, refreshKeys]
-      );
       const handleDeleteKey = useCallback2(
         async (keyId) => {
           try {
@@ -1662,7 +1577,6 @@ var init_LiteLLMPage = __esm({
           loading: keysLoading || modelsLoading,
           onGenerateKey: handleGenerateKey,
           onUpdateKey: handleUpdateKey,
-          onRotateKey: handleRotateKey,
           onBlockKey: handleBlockKey,
           onUnblockKey: handleUnblockKey,
           onResetKeySpend: handleResetKeySpend,