@acarmisc/backstage-plugin-litellm 0.29.0 → 0.30.0

package/dist/index.cjs.js

@@ -1524,6 +1524,18 @@ function pruneCopy(n) {
   }
   return `Remove ${n} expired keys from the list. They already don't work.`;
 }
+function blockButtonState(blocked, manage, unblock) {
+  if (blocked) {
+    return {
+      label: unblock.denied ? "No permission to unblock keys" : "Unblock key",
+      disabled: !unblock.allowed
+    };
+  }
+  return {
+    label: manage.denied ? "No permission to block keys" : "Block key \u2014 suspends without revoking",
+    disabled: !manage.allowed
+  };
+}
 var init_keyLabels = __esm({
   "src/keyLabels.ts"() {
     "use strict";
@@ -1738,10 +1750,13 @@ var init_KeysTable = __esm({
     }) => {
       const managePermission = (0, import_plugin_permission_react.usePermission)({ permission: import_backstage_plugin_litellm_common.litellmKeyManagePermission });
       const revokePermission = (0, import_plugin_permission_react.usePermission)({ permission: import_backstage_plugin_litellm_common.litellmKeyRevokePermission });
+      const unblockPermission = (0, import_plugin_permission_react.usePermission)({ permission: import_backstage_plugin_litellm_common.litellmKeyUnblockPermission });
       const canManageKeys = !managePermission.loading && managePermission.allowed;
       const canRevokeKeys = !revokePermission.loading && revokePermission.allowed;
       const manageDenied = !managePermission.loading && !managePermission.allowed;
       const revokeDenied = !revokePermission.loading && !revokePermission.allowed;
+      const canUnblockKeys = !unblockPermission.loading && unblockPermission.allowed;
+      const unblockDenied = !unblockPermission.loading && !unblockPermission.allowed;
       const [blockConfirmKey, setBlockConfirmKey] = (0, import_react4.useState)(null);
       const [blockSubmitting, setBlockSubmitting] = (0, import_react4.useState)(false);
       const [deleteConfirmKey, setDeleteConfirmKey] = (0, import_react4.useState)(null);
@@ -1860,6 +1875,11 @@ var init_KeysTable = __esm({
         return filteredKeys.map((key) => {
           const keyId = key.token ?? key.key;
           const keyModels = key.models ?? [];
+          const blockState = blockButtonState(
+            key.blocked,
+            { allowed: canManageKeys, denied: manageDenied },
+            { allowed: canUnblockKeys, denied: unblockDenied }
+          );
           return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
             import_TableRow.default,
             {
@@ -1931,19 +1951,13 @@ var init_KeysTable = __esm({
                       children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_material2.Edit, { fontSize: "small" })
                     }
                   ) }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Tooltip.default, { describeChild: true, title: (() => {
-                    if (manageDenied) return "No permission to block keys";
-                    return key.blocked ? "Unblock key" : "Block key \u2014 suspends without revoking";
-                  })(), placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Tooltip.default, { describeChild: true, title: blockState.label, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                     import_IconButton.default,
                     {
                       size: "small",
                       onClick: () => handleToggleBlock(key),
-                      disabled: blockSubmitting || !canManageKeys,
-                      "aria-label": (() => {
-                        if (manageDenied) return "No permission to block keys";
-                        return key.blocked ? "Unblock key" : "Block key \u2014 suspends without revoking";
-                      })(),
+                      disabled: blockSubmitting || blockState.disabled,
+                      "aria-label": blockState.label,
                       sx: quietIconButtonSx("warning"),
                       children: keyBlockIcon(blockSubmitting, key.blocked)
                     }