@kuadrant/kuadrant-backstage-plugin-frontend 0.0.1-test.1-57ace816 → 0.0.1-test.1-464d7760

package/dist/components/ApiAccessCard/ApiAccessCard.esm.js

@@ -11,30 +11,35 @@ const ApiAccessCard = ({ namespace: propNamespace }) => {
   const identityApi = useApi(identityApiRef);
   const fetchApi = useApi(fetchApiRef);
   const backendUrl = config.getString("backend.baseUrl");
-  const [userId, setUserId] = useState("guest");
+  const [, setUserId] = useState("guest");
+  const apiProductName = entity.metadata.annotations?.["kuadrant.io/apiproduct"] || entity.metadata.name;
   const namespace = entity.metadata.annotations?.["kuadrant.io/namespace"] || propNamespace || "default";
   useAsync(async () => {
     const identity = await identityApi.getBackstageIdentity();
     setUserId(identity.userEntityRef.split("/")[1] || "guest");
   }, [identityApi]);
-  const { value: apiKeys, loading: keysLoading, error: keysError } = useAsync(async () => {
-    const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/apikeys?namespace=${namespace}&userId=${userId}`);
+  const { value: requests, loading: keysLoading, error: keysError } = useAsync(async () => {
+    const url = `${backendUrl}/api/kuadrant/requests/my?namespace=${namespace}` ;
+    const response = await fetchApi.fetch(url);
     if (!response.ok) {
-      throw new Error("failed to fetch api keys");
+      throw new Error("failed to fetch api key requests");
     }
     const data = await response.json();
-    return data.items || [];
-  }, [namespace, userId, backendUrl, fetchApi]);
+    const allRequests = data.items || [];
+    return allRequests.filter(
+      (r) => r.spec.apiName === apiProductName && r.status?.phase === "Approved"
+    );
+  }, [namespace, apiProductName, backendUrl, fetchApi]);
   if (keysLoading) {
     return /* @__PURE__ */ React.createElement(Progress, null);
   }
   if (keysError) {
     return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error: keysError });
   }
-  const keys = apiKeys || [];
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InfoCard, { title: "Kuadrant API Keys" }, /* @__PURE__ */ React.createElement(Box, { p: 2 }, keys.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true }, "You have ", keys.length, " active API key", keys.length !== 1 ? "s" : "", " for this API"), keys.map((key) => {
-    const planTier = key.metadata.annotations?.["secret.kuadrant.io/plan-id"] || "Unknown";
-    return /* @__PURE__ */ React.createElement(Box, { key: key.metadata.name, mb: 1, p: 1, border: 1, borderColor: "grey.300", borderRadius: 4 }, /* @__PURE__ */ React.createElement(Box, { display: "flex", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, key.metadata.name), /* @__PURE__ */ React.createElement(Chip, { label: planTier, color: "primary", size: "small" })));
+  const keys = requests || [];
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InfoCard, { title: "Kuadrant API Keys" }, /* @__PURE__ */ React.createElement(Box, { p: 2 }, keys.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true }, "You have ", keys.length, " active API key", keys.length !== 1 ? "s" : "", " for this API"), keys.map((request) => {
+    const planTier = request.spec.planTier;
+    return /* @__PURE__ */ React.createElement(Box, { key: request.metadata.name, mb: 1, p: 1, border: 1, borderColor: "grey.300", borderRadius: 4 }, /* @__PURE__ */ React.createElement(Box, { display: "flex", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, request.metadata.name), /* @__PURE__ */ React.createElement(Chip, { label: planTier, color: "primary", size: "small" })));
   }), /* @__PURE__ */ React.createElement(Box, { mt: 2 }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", color: "textSecondary" }, "Visit the API Keys tab to view keys, make new requests, or manage access"))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true }, "You don't have any API keys for this API yet"), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary" }, "Visit the API Keys tab to request access")))));
 };
 

package/dist/components/ApiAccessCard/ApiAccessCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiAccessCard.esm.js","sources":["../../../src/components/ApiAccessCard/ApiAccessCard.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useAsync } from 'react-use';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport {\n  Typography,\n  Box,\n  Chip,\n} from '@material-ui/core';\nimport { useApi, configApiRef, identityApiRef, fetchApiRef } from '@backstage/core-plugin-api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\ninterface ApiKey {\n  metadata: {\n    name: string;\n    namespace: string;\n    annotations?: {\n      'secret.kuadrant.io/plan-id'?: string;\n      'secret.kuadrant.io/user-id'?: string;\n    };\n  };\n  data?: {\n    api_key?: string;\n  };\n}\n\nexport interface ApiAccessCardProps {\n  // deprecated: use entity annotations instead\n  namespace?: string;\n}\n\nexport const ApiAccessCard = ({ namespace: propNamespace }: ApiAccessCardProps) => {\n  const { entity } = useEntity();\n  const config = useApi(configApiRef);\n  const identityApi = useApi(identityApiRef);\n  const fetchApi = useApi(fetchApiRef);\n  const backendUrl = config.getString('backend.baseUrl');\n  const [userId, setUserId] = useState<string>('guest');\n\n  // read from entity annotations, fallback to props for backwards compat\n  const namespace = entity.metadata.annotations?.['kuadrant.io/namespace'] || propNamespace || 'default';\n\n  // get current user identity\n  useAsync(async () => {\n    const identity = await identityApi.getBackstageIdentity();\n    setUserId(identity.userEntityRef.split('/')[1] || 'guest');\n  }, [identityApi]);\n\n  const { value: apiKeys, loading: keysLoading, error: keysError } = useAsync(async () => {\n    const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/apikeys?namespace=${namespace}&userId=${userId}`);\n    if (!response.ok) {\n      throw new Error('failed to fetch api keys');\n    }\n    const data = await response.json();\n    return data.items || [];\n  }, [namespace, userId, backendUrl, fetchApi]);\n\n  if (keysLoading) {\n    return <Progress />;\n  }\n\n  if (keysError) {\n    return <ResponseErrorPanel error={keysError} />;\n  }\n\n  const keys = (apiKeys as ApiKey[]) || [];\n\n  return (\n    <>\n      <InfoCard title=\"Kuadrant API Keys\">\n        <Box p={2}>\n          {keys.length > 0 ? (\n            <>\n              <Typography variant=\"body1\" gutterBottom>\n                You have {keys.length} active API key{keys.length !== 1 ? 's' : ''} for this API\n              </Typography>\n              {keys.map((key: ApiKey) => {\n                const planTier = key.metadata.annotations?.['secret.kuadrant.io/plan-id'] || 'Unknown';\n\n                return (\n                  <Box key={key.metadata.name} mb={1} p={1} border={1} borderColor=\"grey.300\" borderRadius={4}>\n                    <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\">\n                      <Typography variant=\"body2\">\n                        {key.metadata.name}\n                      </Typography>\n                      <Chip label={planTier} color=\"primary\" size=\"small\" />\n                    </Box>\n                  </Box>\n                );\n              })}\n              <Box mt={2}>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  Visit the API Keys tab to view keys, make new requests, or manage access\n                </Typography>\n              </Box>\n            </>\n          ) : (\n            <>\n              <Typography variant=\"body1\" gutterBottom>\n                You don't have any API keys for this API yet\n              </Typography>\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                Visit the API Keys tab to request access\n              </Typography>\n            </>\n          )}\n        </Box>\n      </InfoCard>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ApiAccessCard.esm.js","sources":["../../../src/components/ApiAccessCard/ApiAccessCard.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useAsync } from 'react-use';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport {\n  Typography,\n  Box,\n  Chip,\n} from '@material-ui/core';\nimport { useApi, configApiRef, identityApiRef, fetchApiRef } from '@backstage/core-plugin-api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\ninterface APIKeyRequest {\n  metadata: {\n    name: string;\n    namespace: string;\n  };\n  spec: {\n    apiName: string;\n    planTier: string;\n  };\n  status?: {\n    phase: 'Pending' | 'Approved' | 'Rejected';\n    apiKey?: string;\n  };\n}\n\nexport interface ApiAccessCardProps {\n  // deprecated: use entity annotations instead\n  namespace?: string;\n}\n\nexport const ApiAccessCard = ({ namespace: propNamespace }: ApiAccessCardProps) => {\n  const { entity } = useEntity();\n  const config = useApi(configApiRef);\n  const identityApi = useApi(identityApiRef);\n  const fetchApi = useApi(fetchApiRef);\n  const backendUrl = config.getString('backend.baseUrl');\n  const [, setUserId] = useState<string>('guest');\n\n  // get apiproduct name from entity annotation (set by entity provider)\n  const apiProductName = entity.metadata.annotations?.['kuadrant.io/apiproduct'] || entity.metadata.name;\n  const namespace = entity.metadata.annotations?.['kuadrant.io/namespace'] || propNamespace || 'default';\n\n  // get current user identity\n  useAsync(async () => {\n    const identity = await identityApi.getBackstageIdentity();\n    setUserId(identity.userEntityRef.split('/')[1] || 'guest');\n  }, [identityApi]);\n\n  const { value: requests, loading: keysLoading, error: keysError } = useAsync(async () => {\n    const url = namespace\n      ? `${backendUrl}/api/kuadrant/requests/my?namespace=${namespace}`\n      : `${backendUrl}/api/kuadrant/requests/my`;\n    const response = await fetchApi.fetch(url);\n    if (!response.ok) {\n      throw new Error('failed to fetch api key requests');\n    }\n    const data = await response.json();\n    // filter to only this apiproduct's approved requests\n    const allRequests = data.items || [];\n    return allRequests.filter((r: APIKeyRequest) =>\n      r.spec.apiName === apiProductName && r.status?.phase === 'Approved'\n    );\n  }, [namespace, apiProductName, backendUrl, fetchApi]);\n\n  if (keysLoading) {\n    return <Progress />;\n  }\n\n  if (keysError) {\n    return <ResponseErrorPanel error={keysError} />;\n  }\n\n  const keys = (requests as APIKeyRequest[]) || [];\n\n  return (\n    <>\n      <InfoCard title=\"Kuadrant API Keys\">\n        <Box p={2}>\n          {keys.length > 0 ? (\n            <>\n              <Typography variant=\"body1\" gutterBottom>\n                You have {keys.length} active API key{keys.length !== 1 ? 's' : ''} for this API\n              </Typography>\n              {keys.map((request: APIKeyRequest) => {\n                const planTier = request.spec.planTier;\n\n                return (\n                  <Box key={request.metadata.name} mb={1} p={1} border={1} borderColor=\"grey.300\" borderRadius={4}>\n                    <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\">\n                      <Typography variant=\"body2\">\n                        {request.metadata.name}\n                      </Typography>\n                      <Chip label={planTier} color=\"primary\" size=\"small\" />\n                    </Box>\n                  </Box>\n                );\n              })}\n              <Box mt={2}>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  Visit the API Keys tab to view keys, make new requests, or manage access\n                </Typography>\n              </Box>\n            </>\n          ) : (\n            <>\n              <Typography variant=\"body1\" gutterBottom>\n                You don't have any API keys for this API yet\n              </Typography>\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                Visit the API Keys tab to request access\n              </Typography>\n            </>\n          )}\n        </Box>\n      </InfoCard>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ApiKeyManagementTab/ApiKeyManagementTab.esm.js

@@ -28,6 +28,9 @@ const ApiKeyManagementTab = ({ namespace: propNamespace }) => {
   const [useCase, setUseCase] = useState("");
   const [creating, setCreating] = useState(false);
   const [createError, setCreateError] = useState(null);
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+  const [requestToDelete, setRequestToDelete] = useState(null);
+  const [deleting, setDeleting] = useState(false);
   const apiProductName = entity.metadata.annotations?.["kuadrant.io/apiproduct"] || entity.metadata.name;
   const namespace = entity.metadata.annotations?.["kuadrant.io/namespace"] || propNamespace || "default";
   useAsync(async () => {
@@ -37,9 +40,8 @@ const ApiKeyManagementTab = ({ namespace: propNamespace }) => {
     setUserEmail(profile.email || "");
   }, [identityApi]);
   const { value: requests, loading: requestsLoading, error: requestsError } = useAsync(async () => {
-    if (!userId) return [];
     const response = await fetchApi.fetch(
-      `${backendUrl}/api/kuadrant/requests/my?userId=${userId}&namespace=${namespace}`
+      `${backendUrl}/api/kuadrant/requests/my?namespace=${namespace}`
     );
     if (!response.ok) {
       throw new Error("failed to fetch requests");
@@ -48,7 +50,7 @@ const ApiKeyManagementTab = ({ namespace: propNamespace }) => {
     return (data.items || []).filter(
       (r) => r.spec.apiName === apiProductName && r.spec.apiNamespace === namespace
     );
-  }, [userId, apiProductName, namespace, refresh, fetchApi]);
+  }, [apiProductName, namespace, refresh, fetchApi, backendUrl]);
   const { value: apiProduct, loading: plansLoading, error: plansError } = useAsync(async () => {
     const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/apiproducts`);
     if (!response.ok) {
@@ -76,20 +78,34 @@ const ApiKeyManagementTab = ({ namespace: propNamespace }) => {
     loading: deleteAllPermissionLoading,
     error: deleteAllPermissionError
   } = useKuadrantPermission(kuadrantApiKeyDeleteAllPermission);
-  const handleDeleteRequest = async (name) => {
+  const handleDeleteClick = (name, displayName) => {
+    setRequestToDelete({ name, displayName });
+    setDeleteDialogOpen(true);
+  };
+  const handleDeleteConfirm = async () => {
+    if (!requestToDelete) return;
+    setDeleting(true);
     try {
       const response = await fetchApi.fetch(
-        `${backendUrl}/api/kuadrant/requests/${namespace}/${name}`,
+        `${backendUrl}/api/kuadrant/requests/${namespace}/${requestToDelete.name}`,
         { method: "DELETE" }
       );
       if (!response.ok) {
         throw new Error("failed to delete request");
       }
       setRefresh((r) => r + 1);
+      setDeleteDialogOpen(false);
+      setRequestToDelete(null);
     } catch (err) {
       console.error("error deleting request:", err);
+    } finally {
+      setDeleting(false);
     }
   };
+  const handleDeleteCancel = () => {
+    setDeleteDialogOpen(false);
+    setRequestToDelete(null);
+  };
   const toggleVisibility = (keyName) => {
     setVisibleKeys((prev) => {
       const newSet = new Set(prev);
@@ -311,7 +327,7 @@ func main() {
           IconButton,
           {
             size: "small",
-            onClick: () => handleDeleteRequest(row.metadata.name),
+            onClick: () => handleDeleteClick(row.metadata.name, apiProductName),
             color: "secondary",
             title: "Revoke access and delete key"
           },
@@ -379,7 +395,7 @@ func main() {
           IconButton,
           {
             size: "small",
-            onClick: () => handleDeleteRequest(row.metadata.name),
+            onClick: () => handleDeleteClick(row.metadata.name, apiProductName),
             color: "secondary"
           },
           /* @__PURE__ */ React.createElement(DeleteIcon, null)
@@ -463,7 +479,7 @@ func main() {
       disabled: !selectedPlan || creating
     },
     creating ? "Submitting..." : "Submit Request"
-  ))));
+  ))), /* @__PURE__ */ React.createElement(Dialog, { open: deleteDialogOpen, onClose: handleDeleteCancel }, /* @__PURE__ */ React.createElement(DialogTitle, null, "Confirm Delete"), /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(Typography, null, "Are you sure you want to revoke access and delete your API key for ", /* @__PURE__ */ React.createElement("strong", null, requestToDelete?.displayName), "?"), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary", style: { marginTop: 8 } }, "This action cannot be undone. You will need to request access again if you want to use this API in the future.")), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button, { onClick: handleDeleteCancel, color: "primary" }, "Cancel"), /* @__PURE__ */ React.createElement(Button, { onClick: handleDeleteConfirm, color: "secondary", disabled: deleting }, deleting ? "Deleting..." : "Delete"))));
 };
 
 export { ApiKeyManagementTab };

package/dist/components/ApiKeyManagementTab/ApiKeyManagementTab.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeyManagementTab.esm.js","sources":["../../../src/components/ApiKeyManagementTab/ApiKeyManagementTab.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { useAsync } from 'react-use';\nimport {\n  Table,\n  TableColumn,\n  Progress,\n  ResponseErrorPanel,\n  CodeSnippet,\n} from '@backstage/core-components';\nimport {\n  IconButton,\n  Typography,\n  Box,\n  Chip,\n  Grid,\n  Button,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  TextField,\n  Select,\n  MenuItem,\n  FormControl,\n  InputLabel,\n  Tabs,\n  Tab,\n} from '@material-ui/core';\nimport { useApi, configApiRef, identityApiRef, fetchApiRef } from '@backstage/core-plugin-api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport VisibilityIcon from '@material-ui/icons/Visibility';\nimport VisibilityOffIcon from '@material-ui/icons/VisibilityOff';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport HourglassEmptyIcon from '@material-ui/icons/HourglassEmpty';\nimport CancelIcon from '@material-ui/icons/Cancel';\nimport AddIcon from '@material-ui/icons/Add';\nimport { APIKeyRequest } from '../../types/api-management';\nimport {\n  kuadrantApiKeyRequestCreatePermission,\n  kuadrantApiKeyDeleteOwnPermission,\n  kuadrantApiKeyDeleteAllPermission,\n} from '../../permissions';\nimport { useKuadrantPermission, canDeleteResource } from '../../utils/permissions';\n\ninterface APIProduct {\n  metadata: {\n    name: string;\n    namespace: string;\n  };\n  spec: {\n    plans?: Array<{\n      tier: string;\n      description?: string;\n      limits?: any;\n    }>;\n  };\n}\n\ninterface Plan {\n  tier: string;\n  limits: any;\n}\n\nexport interface ApiKeyManagementTabProps {\n  namespace?: string;\n}\n\nexport const ApiKeyManagementTab = ({ namespace: propNamespace }: ApiKeyManagementTabProps) => {\n  const { entity } = useEntity();\n  const config = useApi(configApiRef);\n  const identityApi = useApi(identityApiRef);\n  const fetchApi = useApi(fetchApiRef);\n  const backendUrl = config.getString('backend.baseUrl');\n  const [visibleKeys, setVisibleKeys] = useState<Set<string>>(new Set());\n  const [refresh, setRefresh] = useState(0);\n  const [userId, setUserId] = useState<string>('guest');\n  const [userEmail, setUserEmail] = useState<string>('');\n  const [open, setOpen] = useState(false);\n  const [selectedPlan, setSelectedPlan] = useState('');\n  const [useCase, setUseCase] = useState('');\n  const [creating, setCreating] = useState(false);\n  const [createError, setCreateError] = useState<string | null>(null);\n\n  // get apiproduct name from entity annotation (set by entity provider)\n  const apiProductName = entity.metadata.annotations?.['kuadrant.io/apiproduct'] || entity.metadata.name;\n  const namespace = entity.metadata.annotations?.['kuadrant.io/namespace'] || propNamespace || 'default';\n\n  useAsync(async () => {\n    const identity = await identityApi.getBackstageIdentity();\n    const profile = await identityApi.getProfileInfo();\n    setUserId(identity.userEntityRef.split('/')[1] || 'guest');\n    setUserEmail(profile.email || '');\n  }, [identityApi]);\n\n  const { value: requests, loading: requestsLoading, error: requestsError } = useAsync(async () => {\n    if (!userId) return [];\n    const response = await fetchApi.fetch(\n      `${backendUrl}/api/kuadrant/requests/my?userId=${userId}&namespace=${namespace}`\n    );\n    if (!response.ok) {\n      throw new Error('failed to fetch requests');\n    }\n    const data = await response.json();\n    // filter by apiproduct name, not httproute name\n    return (data.items || []).filter(\n      (r: APIKeyRequest) => r.spec.apiName === apiProductName && r.spec.apiNamespace === namespace\n    );\n  }, [userId, apiProductName, namespace, refresh, fetchApi]);\n\n  const { value: apiProduct, loading: plansLoading, error: plansError } = useAsync(async () => {\n    const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/apiproducts`);\n    if (!response.ok) {\n      throw new Error('failed to fetch api products');\n    }\n    const data = await response.json();\n\n    const product = data.items?.find((p: APIProduct) =>\n      p.metadata.namespace === namespace &&\n      p.metadata.name === apiProductName\n    );\n\n    return product;\n  }, [namespace, apiProductName, fetchApi]);\n\n  // check permissions with resource reference once we have the apiproduct\n  const resourceRef = apiProduct ? `apiproduct:${apiProduct.metadata.namespace}/${apiProduct.metadata.name}` : undefined;\n\n  const {\n    allowed: canCreateRequest,\n    loading: createRequestPermissionLoading,\n    error: createRequestPermissionError,\n  } = useKuadrantPermission(kuadrantApiKeyRequestCreatePermission, resourceRef);\n\n  const {\n    allowed: canDeleteOwnKey,\n    loading: deleteOwnPermissionLoading,\n    error: deleteOwnPermissionError,\n  } = useKuadrantPermission(kuadrantApiKeyDeleteOwnPermission);\n\n  const {\n    allowed: canDeleteAllKeys,\n    loading: deleteAllPermissionLoading,\n    error: deleteAllPermissionError,\n  } = useKuadrantPermission(kuadrantApiKeyDeleteAllPermission);\n\n  const handleDeleteRequest = async (name: string) => {\n    try {\n      const response = await fetchApi.fetch(\n        `${backendUrl}/api/kuadrant/requests/${namespace}/${name}`,\n        { method: 'DELETE' }\n      );\n      if (!response.ok) {\n        throw new Error('failed to delete request');\n      }\n      setRefresh(r => r + 1);\n    } catch (err) {\n      console.error('error deleting request:', err);\n    }\n  };\n\n  const toggleVisibility = (keyName: string) => {\n    setVisibleKeys(prev => {\n      const newSet = new Set(prev);\n      if (newSet.has(keyName)) {\n        newSet.delete(keyName);\n      } else {\n        newSet.add(keyName);\n      }\n      return newSet;\n    });\n  };\n\n  const handleRequestAccess = async () => {\n    if (!selectedPlan) return;\n\n    setCreating(true);\n    setCreateError(null);\n    try {\n      const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/requests`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          apiName: apiProductName,\n          apiNamespace: namespace,\n          userId,\n          userEmail,\n          planTier: selectedPlan,\n          useCase: useCase.trim() || '',\n          namespace,\n        }),\n      });\n\n      if (!response.ok) {\n        const errorData = await response.json().catch(() => ({}));\n        throw new Error(errorData.error || `failed to create request: ${response.status}`);\n      }\n\n      setOpen(false);\n      setSelectedPlan('');\n      setUseCase('');\n      setRefresh(r => r + 1);\n    } catch (err) {\n      console.error('error creating api key request:', err);\n      setCreateError(err instanceof Error ? err.message : 'unknown error occurred');\n    } finally {\n      setCreating(false);\n    }\n  };\n\n  const detailPanelConfig = useMemo(() => [\n    {\n      render: (data: any) => {\n        // backstage Table wraps the data in { rowData: actualData }\n        const request = data.rowData as APIKeyRequest;\n        if (!request?.metadata?.name) {\n          return <Box />;\n        }\n\n        return <DetailPanelContent request={request} apiName={apiProductName} />;\n      },\n    },\n  ], [apiProductName]);\n\n  // separate component to isolate state\n  const DetailPanelContent = ({ request, apiName: api }: { request: APIKeyRequest; apiName: string }) => {\n    const [selectedLanguage, setSelectedLanguage] = useState(0);\n    const hostname = request.status?.apiHostname || `${api}.apps.example.com`;\n\n    return (\n      <Box p={3} bgcolor=\"background.default\" onClick={(e) => e.stopPropagation()}>\n        <Typography variant=\"h6\" gutterBottom>\n          Usage Examples\n        </Typography>\n        <Typography variant=\"body2\" paragraph>\n          Use these code examples to test the API with your {request.spec.planTier} tier key.\n        </Typography>\n        <Box onClick={(e) => e.stopPropagation()}>\n          <Tabs\n            value={selectedLanguage}\n            onChange={(e, newValue) => {\n              e.stopPropagation();\n              setSelectedLanguage(newValue);\n            }}\n            indicatorColor=\"primary\"\n          >\n            <Tab label=\"cURL\" onClick={(e) => e.stopPropagation()} />\n            <Tab label=\"Node.js\" onClick={(e) => e.stopPropagation()} />\n            <Tab label=\"Python\" onClick={(e) => e.stopPropagation()} />\n            <Tab label=\"Go\" onClick={(e) => e.stopPropagation()} />\n          </Tabs>\n        </Box>\n            <Box mt={2}>\n              {selectedLanguage === 0 && (\n                <CodeSnippet\n                  text={`curl -X GET https://${hostname}/api/v1/endpoint \\\\\n  -H \"Authorization: Bearer ${request.status?.apiKey}\"`}\n                  language=\"bash\"\n                  showCopyCodeButton\n                />\n              )}\n              {selectedLanguage === 1 && (\n                <CodeSnippet\n                  text={`const fetch = require('node-fetch');\n\nconst apiKey = '${request.status?.apiKey}';\nconst endpoint = 'https://${hostname}/api/v1/endpoint';\n\nfetch(endpoint, {\n  method: 'GET',\n  headers: {\n    'Authorization': \\`Bearer \\${apiKey}\\`\n  }\n})\n  .then(response => response.json())\n  .then(data => console.log(data))\n  .catch(error => console.error('Error:', error));`}\n                  language=\"javascript\"\n                  showCopyCodeButton\n                />\n              )}\n              {selectedLanguage === 2 && (\n                <CodeSnippet\n                  text={`import requests\n\napi_key = '${request.status?.apiKey}'\nendpoint = 'https://${hostname}/api/v1/endpoint'\n\nheaders = {\n    'Authorization': f'Bearer {api_key}'\n}\n\nresponse = requests.get(endpoint, headers=headers)\nprint(response.json())`}\n                  language=\"python\"\n                  showCopyCodeButton\n                />\n              )}\n              {selectedLanguage === 3 && (\n                <CodeSnippet\n                  text={`package main\n\nimport (\n    \"fmt\"\n    \"net/http\"\n    \"io\"\n)\n\nfunc main() {\n    apiKey := \"${request.status?.apiKey}\"\n    endpoint := \"https://${hostname}/api/v1/endpoint\"\n\n    client := &http.Client{}\n    req, _ := http.NewRequest(\"GET\", endpoint, nil)\n    req.Header.Add(\"Authorization\", \"Bearer \" + apiKey)\n\n    resp, err := client.Do(req)\n    if err != nil {\n        fmt.Println(\"Error:\", err)\n        return\n    }\n    defer resp.Body.Close()\n\n    body, _ := io.ReadAll(resp.Body)\n    fmt.Println(string(body))\n}`}\n                  language=\"go\"\n                  showCopyCodeButton\n                />\n              )}\n        </Box>\n      </Box>\n    );\n  };\n\n  const loading = requestsLoading || plansLoading || createRequestPermissionLoading || deleteOwnPermissionLoading || deleteAllPermissionLoading;\n  const error = requestsError || plansError;\n  const permissionError = createRequestPermissionError || deleteOwnPermissionError || deleteAllPermissionError;\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (permissionError) {\n    const failedPermission = createRequestPermissionError ? 'kuadrant.apikeyrequest.create' :\n                            deleteOwnPermissionError ? 'kuadrant.apikey.delete.own' :\n                            deleteAllPermissionError ? 'kuadrant.apikey.delete.all' : 'unknown';\n    return (\n      <Box p={2}>\n        <Typography color=\"error\">\n          Unable to check permissions: {permissionError.message}\n        </Typography>\n        <Typography variant=\"body2\" color=\"textSecondary\">\n          Permission: {failedPermission}\n        </Typography>\n        <Typography variant=\"body2\" color=\"textSecondary\">\n          Please try again or contact your administrator\n        </Typography>\n      </Box>\n    );\n  }\n\n  const myRequests = (requests || []) as APIKeyRequest[];\n  const plans = (apiProduct?.spec?.plans || []) as Plan[];\n\n  const pendingRequests = myRequests.filter(r => !r.status?.phase || r.status.phase === 'Pending');\n  const approvedRequests = myRequests.filter(r => r.status?.phase === 'Approved');\n  const rejectedRequests = myRequests.filter(r => r.status?.phase === 'Rejected');\n\n  const approvedColumns: TableColumn<APIKeyRequest>[] = [\n    {\n      title: 'Plan Tier',\n      field: 'spec.planTier',\n      render: (row: APIKeyRequest) => (\n        <Chip label={row.spec.planTier} color=\"primary\" size=\"small\" />\n      ),\n    },\n    {\n      title: 'Approved',\n      field: 'status.reviewedAt',\n      render: (row: APIKeyRequest) => (\n        <Typography variant=\"body2\">\n          {row.status?.reviewedAt ? new Date(row.status.reviewedAt).toLocaleDateString() : '-'}\n        </Typography>\n      ),\n    },\n    {\n      title: 'API Key',\n      field: 'status.apiKey',\n      searchable: false,\n      render: (row: APIKeyRequest) => {\n        const isVisible = visibleKeys.has(row.metadata.name);\n        const apiKey = row.status?.apiKey || 'N/A';\n\n        return (\n          <Box display=\"flex\" alignItems=\"center\">\n            <Typography\n              variant=\"body2\"\n              style={{\n                fontFamily: 'monospace',\n                marginRight: 8,\n              }}\n            >\n              {isVisible ? apiKey : '••••••••••••••••'}\n            </Typography>\n            <IconButton\n              size=\"small\"\n              onClick={() => toggleVisibility(row.metadata.name)}\n            >\n              {isVisible ? <VisibilityOffIcon /> : <VisibilityIcon />}\n            </IconButton>\n          </Box>\n        );\n      },\n    },\n    {\n      title: 'Actions',\n      field: 'actions',\n      searchable: false,\n      render: (row: APIKeyRequest) => {\n        const ownerId = row.spec.requestedBy.userId;\n        const canDelete = canDeleteResource(ownerId, userId, canDeleteOwnKey, canDeleteAllKeys);\n        if (!canDelete) return null;\n        return (\n          <IconButton\n            size=\"small\"\n            onClick={() => handleDeleteRequest(row.metadata.name)}\n            color=\"secondary\"\n            title=\"Revoke access and delete key\"\n          >\n            <DeleteIcon />\n          </IconButton>\n        );\n      },\n    },\n  ];\n\n  const requestColumns: TableColumn<APIKeyRequest>[] = [\n    {\n      title: 'Status',\n      field: 'status.phase',\n      render: (row: APIKeyRequest) => {\n        const phase = row.status?.phase || 'Pending';\n        const isPending = phase === 'Pending';\n        return (\n          <Chip\n            label={phase}\n            size=\"small\"\n            icon={isPending ? <HourglassEmptyIcon /> : <CancelIcon />}\n            color={isPending ? 'default' : 'secondary'}\n          />\n        );\n      },\n    },\n    {\n      title: 'Plan Tier',\n      field: 'spec.planTier',\n      render: (row: APIKeyRequest) => (\n        <Chip label={row.spec.planTier} color=\"primary\" size=\"small\" />\n      ),\n    },\n    {\n      title: 'Use Case',\n      field: 'spec.useCase',\n      render: (row: APIKeyRequest) => (\n        <Typography variant=\"body2\">{row.spec.useCase || '-'}</Typography>\n      ),\n    },\n    {\n      title: 'Requested',\n      field: 'spec.requestedAt',\n      render: (row: APIKeyRequest) => (\n        <Typography variant=\"body2\">\n          {row.spec.requestedAt ? new Date(row.spec.requestedAt).toLocaleDateString() : '-'}\n        </Typography>\n      ),\n    },\n    {\n      title: 'Reviewed',\n      field: 'status.reviewedAt',\n      render: (row: APIKeyRequest) => {\n        if (!row.status?.reviewedAt) return <Typography variant=\"body2\">-</Typography>;\n        return (\n          <Typography variant=\"body2\">\n            {new Date(row.status.reviewedAt).toLocaleDateString()}\n          </Typography>\n        );\n      },\n    },\n    {\n      title: 'Reason',\n      field: 'status.reason',\n      render: (row: APIKeyRequest) => (\n        <Typography variant=\"body2\">{row.status?.reason || '-'}</Typography>\n      ),\n    },\n    {\n      title: 'Actions',\n      field: 'actions',\n      searchable: false,\n      render: (row: APIKeyRequest) => {\n        const isPending = !row.status?.phase || row.status.phase === 'Pending';\n        const ownerId = row.spec.requestedBy.userId;\n        const canDelete = canDeleteResource(ownerId, userId, canDeleteOwnKey, canDeleteAllKeys);\n        if (!isPending || !canDelete) return null;\n        return (\n          <IconButton\n            size=\"small\"\n            onClick={() => handleDeleteRequest(row.metadata.name)}\n            color=\"secondary\"\n          >\n            <DeleteIcon />\n          </IconButton>\n        );\n      },\n    },\n  ];\n\n  return (\n    <Box p={2}>\n      <Grid container spacing={3} direction=\"column\">\n        {canCreateRequest && (\n          <Grid item>\n            <Box display=\"flex\" flexDirection=\"column\" alignItems=\"flex-end\" mb={2}>\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                startIcon={<AddIcon />}\n                onClick={() => setOpen(true)}\n                disabled={plans.length === 0}\n              >\n                Request API Access\n              </Button>\n              {plans.length === 0 && (\n                <Typography variant=\"caption\" color=\"textSecondary\" style={{ marginTop: 4 }}>\n                  {!apiProduct ? 'API product not found' : 'No plans available'}\n                </Typography>\n              )}\n            </Box>\n          </Grid>\n        )}\n        {pendingRequests.length === 0 && rejectedRequests.length === 0 && approvedRequests.length === 0 && (\n          <Grid item>\n            <Box p={3} textAlign=\"center\">\n              <Typography variant=\"body1\" color=\"textSecondary\">\n                No API keys yet. Request access to get started.\n              </Typography>\n            </Box>\n          </Grid>\n        )}\n        {pendingRequests.length > 0 && (\n          <Grid item>\n            <Table\n              title=\"Pending Requests\"\n              options={{\n                paging: false,\n                search: false,\n              }}\n              columns={requestColumns}\n              data={pendingRequests}\n            />\n          </Grid>\n        )}\n        {rejectedRequests.length > 0 && (\n          <Grid item>\n            <Table\n              title=\"Rejected Requests\"\n              options={{\n                paging: false,\n                search: false,\n              }}\n              columns={requestColumns}\n              data={rejectedRequests}\n            />\n          </Grid>\n        )}\n        {approvedRequests.length > 0 && (\n          <Grid item>\n            <Table\n              key=\"api-keys-table\"\n              title=\"API Keys\"\n              options={{\n                paging: false,\n                search: false,\n              }}\n              columns={approvedColumns}\n              data={approvedRequests}\n              detailPanel={detailPanelConfig}\n            />\n          </Grid>\n        )}\n      </Grid>\n\n      <Dialog open={open} onClose={() => setOpen(false)} maxWidth=\"sm\" fullWidth>\n        <DialogTitle>Request API Access</DialogTitle>\n        <DialogContent>\n          {createError && (\n            <Box mb={2} p={2} bgcolor=\"error.main\" color=\"error.contrastText\" borderRadius={1}>\n              <Typography variant=\"body2\">{createError}</Typography>\n            </Box>\n          )}\n          <FormControl fullWidth margin=\"normal\">\n            <InputLabel>Select Plan Tier</InputLabel>\n            <Select\n              value={selectedPlan}\n              onChange={(e) => setSelectedPlan(e.target.value as string)}\n            >\n              {plans.map((plan: Plan) => {\n                const limitDesc = Object.entries(plan.limits || {})\n                  .map(([key, val]) => `${val} per ${key}`)\n                  .join(', ');\n                return (\n                  <MenuItem key={plan.tier} value={plan.tier}>\n                    {plan.tier} {limitDesc ? `(${limitDesc})` : ''}\n                  </MenuItem>\n                );\n              })}\n            </Select>\n          </FormControl>\n          <TextField\n            label=\"Use Case (optional)\"\n            placeholder=\"Describe how you plan to use this API\"\n            multiline\n            rows={3}\n            fullWidth\n            margin=\"normal\"\n            value={useCase}\n            onChange={(e) => setUseCase(e.target.value)}\n            helperText=\"Explain your intended use of this API for admin review\"\n          />\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => setOpen(false)}>Cancel</Button>\n          <Button\n            onClick={handleRequestAccess}\n            color=\"primary\"\n            disabled={!selectedPlan || creating}\n          >\n            {creating ? 'Submitting...' : 'Submit Request'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ApiKeyManagementTab.esm.js","sources":["../../../src/components/ApiKeyManagementTab/ApiKeyManagementTab.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { useAsync } from 'react-use';\nimport {\n  Table,\n  TableColumn,\n  Progress,\n  ResponseErrorPanel,\n  CodeSnippet,\n} from '@backstage/core-components';\nimport {\n  IconButton,\n  Typography,\n  Box,\n  Chip,\n  Grid,\n  Button,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  TextField,\n  Select,\n  MenuItem,\n  FormControl,\n  InputLabel,\n  Tabs,\n  Tab,\n} from '@material-ui/core';\nimport { useApi, configApiRef, identityApiRef, fetchApiRef } from '@backstage/core-plugin-api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport VisibilityIcon from '@material-ui/icons/Visibility';\nimport VisibilityOffIcon from '@material-ui/icons/VisibilityOff';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport HourglassEmptyIcon from '@material-ui/icons/HourglassEmpty';\nimport CancelIcon from '@material-ui/icons/Cancel';\nimport AddIcon from '@material-ui/icons/Add';\nimport { APIKeyRequest } from '../../types/api-management';\nimport {\n  kuadrantApiKeyRequestCreatePermission,\n  kuadrantApiKeyDeleteOwnPermission,\n  kuadrantApiKeyDeleteAllPermission,\n} from '../../permissions';\nimport { useKuadrantPermission, canDeleteResource } from '../../utils/permissions';\n\ninterface APIProduct {\n  metadata: {\n    name: string;\n    namespace: string;\n  };\n  spec: {\n    plans?: Array<{\n      tier: string;\n      description?: string;\n      limits?: any;\n    }>;\n  };\n}\n\ninterface Plan {\n  tier: string;\n  limits: any;\n}\n\nexport interface ApiKeyManagementTabProps {\n  namespace?: string;\n}\n\nexport const ApiKeyManagementTab = ({ namespace: propNamespace }: ApiKeyManagementTabProps) => {\n  const { entity } = useEntity();\n  const config = useApi(configApiRef);\n  const identityApi = useApi(identityApiRef);\n  const fetchApi = useApi(fetchApiRef);\n  const backendUrl = config.getString('backend.baseUrl');\n  const [visibleKeys, setVisibleKeys] = useState<Set<string>>(new Set());\n  const [refresh, setRefresh] = useState(0);\n  const [userId, setUserId] = useState<string>('guest');\n  const [userEmail, setUserEmail] = useState<string>('');\n  const [open, setOpen] = useState(false);\n  const [selectedPlan, setSelectedPlan] = useState('');\n  const [useCase, setUseCase] = useState('');\n  const [creating, setCreating] = useState(false);\n  const [createError, setCreateError] = useState<string | null>(null);\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n  const [requestToDelete, setRequestToDelete] = useState<{ name: string; displayName: string } | null>(null);\n  const [deleting, setDeleting] = useState(false);\n\n  // get apiproduct name from entity annotation (set by entity provider)\n  const apiProductName = entity.metadata.annotations?.['kuadrant.io/apiproduct'] || entity.metadata.name;\n  const namespace = entity.metadata.annotations?.['kuadrant.io/namespace'] || propNamespace || 'default';\n\n  useAsync(async () => {\n    const identity = await identityApi.getBackstageIdentity();\n    const profile = await identityApi.getProfileInfo();\n    setUserId(identity.userEntityRef.split('/')[1] || 'guest');\n    setUserEmail(profile.email || '');\n  }, [identityApi]);\n\n  const { value: requests, loading: requestsLoading, error: requestsError } = useAsync(async () => {\n    const response = await fetchApi.fetch(\n      `${backendUrl}/api/kuadrant/requests/my?namespace=${namespace}`\n    );\n    if (!response.ok) {\n      throw new Error('failed to fetch requests');\n    }\n    const data = await response.json();\n    // filter by apiproduct name, not httproute name\n    return (data.items || []).filter(\n      (r: APIKeyRequest) => r.spec.apiName === apiProductName && r.spec.apiNamespace === namespace\n    );\n  }, [apiProductName, namespace, refresh, fetchApi, backendUrl]);\n\n  const { value: apiProduct, loading: plansLoading, error: plansError } = useAsync(async () => {\n    const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/apiproducts`);\n    if (!response.ok) {\n      throw new Error('failed to fetch api products');\n    }\n    const data = await response.json();\n\n    const product = data.items?.find((p: APIProduct) =>\n      p.metadata.namespace === namespace &&\n      p.metadata.name === apiProductName\n    );\n\n    return product;\n  }, [namespace, apiProductName, fetchApi]);\n\n  // check permissions with resource reference once we have the apiproduct\n  const resourceRef = apiProduct ? `apiproduct:${apiProduct.metadata.namespace}/${apiProduct.metadata.name}` : undefined;\n\n  const {\n    allowed: canCreateRequest,\n    loading: createRequestPermissionLoading,\n    error: createRequestPermissionError,\n  } = useKuadrantPermission(kuadrantApiKeyRequestCreatePermission, resourceRef);\n\n  const {\n    allowed: canDeleteOwnKey,\n    loading: deleteOwnPermissionLoading,\n    error: deleteOwnPermissionError,\n  } = useKuadrantPermission(kuadrantApiKeyDeleteOwnPermission);\n\n  const {\n    allowed: canDeleteAllKeys,\n    loading: deleteAllPermissionLoading,\n    error: deleteAllPermissionError,\n  } = useKuadrantPermission(kuadrantApiKeyDeleteAllPermission);\n\n  const handleDeleteClick = (name: string, displayName: string) => {\n    setRequestToDelete({ name, displayName });\n    setDeleteDialogOpen(true);\n  };\n\n  const handleDeleteConfirm = async () => {\n    if (!requestToDelete) return;\n\n    setDeleting(true);\n    try {\n      const response = await fetchApi.fetch(\n        `${backendUrl}/api/kuadrant/requests/${namespace}/${requestToDelete.name}`,\n        { method: 'DELETE' }\n      );\n      if (!response.ok) {\n        throw new Error('failed to delete request');\n      }\n      setRefresh(r => r + 1);\n      setDeleteDialogOpen(false);\n      setRequestToDelete(null);\n    } catch (err) {\n      console.error('error deleting request:', err);\n    } finally {\n      setDeleting(false);\n    }\n  };\n\n  const handleDeleteCancel = () => {\n    setDeleteDialogOpen(false);\n    setRequestToDelete(null);\n  };\n\n  const toggleVisibility = (keyName: string) => {\n    setVisibleKeys(prev => {\n      const newSet = new Set(prev);\n      if (newSet.has(keyName)) {\n        newSet.delete(keyName);\n      } else {\n        newSet.add(keyName);\n      }\n      return newSet;\n    });\n  };\n\n  const handleRequestAccess = async () => {\n    if (!selectedPlan) return;\n\n    setCreating(true);\n    setCreateError(null);\n    try {\n      const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/requests`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          apiName: apiProductName,\n          apiNamespace: namespace,\n          userId,\n          userEmail,\n          planTier: selectedPlan,\n          useCase: useCase.trim() || '',\n          namespace,\n        }),\n      });\n\n      if (!response.ok) {\n        const errorData = await response.json().catch(() => ({}));\n        throw new Error(errorData.error || `failed to create request: ${response.status}`);\n      }\n\n      setOpen(false);\n      setSelectedPlan('');\n      setUseCase('');\n      setRefresh(r => r + 1);\n    } catch (err) {\n      console.error('error creating api key request:', err);\n      setCreateError(err instanceof Error ? err.message : 'unknown error occurred');\n    } finally {\n      setCreating(false);\n    }\n  };\n\n  const detailPanelConfig = useMemo(() => [\n    {\n      render: (data: any) => {\n        // backstage Table wraps the data in { rowData: actualData }\n        const request = data.rowData as APIKeyRequest;\n        if (!request?.metadata?.name) {\n          return <Box />;\n        }\n\n        return <DetailPanelContent request={request} apiName={apiProductName} />;\n      },\n    },\n  ], [apiProductName]);\n\n  // separate component to isolate state\n  const DetailPanelContent = ({ request, apiName: api }: { request: APIKeyRequest; apiName: string }) => {\n    const [selectedLanguage, setSelectedLanguage] = useState(0);\n    const hostname = request.status?.apiHostname || `${api}.apps.example.com`;\n\n    return (\n      <Box p={3} bgcolor=\"background.default\" onClick={(e) => e.stopPropagation()}>\n        <Typography variant=\"h6\" gutterBottom>\n          Usage Examples\n        </Typography>\n        <Typography variant=\"body2\" paragraph>\n          Use these code examples to test the API with your {request.spec.planTier} tier key.\n        </Typography>\n        <Box onClick={(e) => e.stopPropagation()}>\n          <Tabs\n            value={selectedLanguage}\n            onChange={(e, newValue) => {\n              e.stopPropagation();\n              setSelectedLanguage(newValue);\n            }}\n            indicatorColor=\"primary\"\n          >\n            <Tab label=\"cURL\" onClick={(e) => e.stopPropagation()} />\n            <Tab label=\"Node.js\" onClick={(e) => e.stopPropagation()} />\n            <Tab label=\"Python\" onClick={(e) => e.stopPropagation()} />\n            <Tab label=\"Go\" onClick={(e) => e.stopPropagation()} />\n          </Tabs>\n        </Box>\n            <Box mt={2}>\n              {selectedLanguage === 0 && (\n                <CodeSnippet\n                  text={`curl -X GET https://${hostname}/api/v1/endpoint \\\\\n  -H \"Authorization: Bearer ${request.status?.apiKey}\"`}\n                  language=\"bash\"\n                  showCopyCodeButton\n                />\n              )}\n              {selectedLanguage === 1 && (\n                <CodeSnippet\n                  text={`const fetch = require('node-fetch');\n\nconst apiKey = '${request.status?.apiKey}';\nconst endpoint = 'https://${hostname}/api/v1/endpoint';\n\nfetch(endpoint, {\n  method: 'GET',\n  headers: {\n    'Authorization': \\`Bearer \\${apiKey}\\`\n  }\n})\n  .then(response => response.json())\n  .then(data => console.log(data))\n  .catch(error => console.error('Error:', error));`}\n                  language=\"javascript\"\n                  showCopyCodeButton\n                />\n              )}\n              {selectedLanguage === 2 && (\n                <CodeSnippet\n                  text={`import requests\n\napi_key = '${request.status?.apiKey}'\nendpoint = 'https://${hostname}/api/v1/endpoint'\n\nheaders = {\n    'Authorization': f'Bearer {api_key}'\n}\n\nresponse = requests.get(endpoint, headers=headers)\nprint(response.json())`}\n                  language=\"python\"\n                  showCopyCodeButton\n                />\n              )}\n              {selectedLanguage === 3 && (\n                <CodeSnippet\n                  text={`package main\n\nimport (\n    \"fmt\"\n    \"net/http\"\n    \"io\"\n)\n\nfunc main() {\n    apiKey := \"${request.status?.apiKey}\"\n    endpoint := \"https://${hostname}/api/v1/endpoint\"\n\n    client := &http.Client{}\n    req, _ := http.NewRequest(\"GET\", endpoint, nil)\n    req.Header.Add(\"Authorization\", \"Bearer \" + apiKey)\n\n    resp, err := client.Do(req)\n    if err != nil {\n        fmt.Println(\"Error:\", err)\n        return\n    }\n    defer resp.Body.Close()\n\n    body, _ := io.ReadAll(resp.Body)\n    fmt.Println(string(body))\n}`}\n                  language=\"go\"\n                  showCopyCodeButton\n                />\n              )}\n        </Box>\n      </Box>\n    );\n  };\n\n  const loading = requestsLoading || plansLoading || createRequestPermissionLoading || deleteOwnPermissionLoading || deleteAllPermissionLoading;\n  const error = requestsError || plansError;\n  const permissionError = createRequestPermissionError || deleteOwnPermissionError || deleteAllPermissionError;\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (permissionError) {\n    const failedPermission = createRequestPermissionError ? 'kuadrant.apikeyrequest.create' :\n                            deleteOwnPermissionError ? 'kuadrant.apikey.delete.own' :\n                            deleteAllPermissionError ? 'kuadrant.apikey.delete.all' : 'unknown';\n    return (\n      <Box p={2}>\n        <Typography color=\"error\">\n          Unable to check permissions: {permissionError.message}\n        </Typography>\n        <Typography variant=\"body2\" color=\"textSecondary\">\n          Permission: {failedPermission}\n        </Typography>\n        <Typography variant=\"body2\" color=\"textSecondary\">\n          Please try again or contact your administrator\n        </Typography>\n      </Box>\n    );\n  }\n\n  const myRequests = (requests || []) as APIKeyRequest[];\n  const plans = (apiProduct?.spec?.plans || []) as Plan[];\n\n  const pendingRequests = myRequests.filter(r => !r.status?.phase || r.status.phase === 'Pending');\n  const approvedRequests = myRequests.filter(r => r.status?.phase === 'Approved');\n  const rejectedRequests = myRequests.filter(r => r.status?.phase === 'Rejected');\n\n  const approvedColumns: TableColumn<APIKeyRequest>[] = [\n    {\n      title: 'Plan Tier',\n      field: 'spec.planTier',\n      render: (row: APIKeyRequest) => (\n        <Chip label={row.spec.planTier} color=\"primary\" size=\"small\" />\n      ),\n    },\n    {\n      title: 'Approved',\n      field: 'status.reviewedAt',\n      render: (row: APIKeyRequest) => (\n        <Typography variant=\"body2\">\n          {row.status?.reviewedAt ? new Date(row.status.reviewedAt).toLocaleDateString() : '-'}\n        </Typography>\n      ),\n    },\n    {\n      title: 'API Key',\n      field: 'status.apiKey',\n      searchable: false,\n      render: (row: APIKeyRequest) => {\n        const isVisible = visibleKeys.has(row.metadata.name);\n        const apiKey = row.status?.apiKey || 'N/A';\n\n        return (\n          <Box display=\"flex\" alignItems=\"center\">\n            <Typography\n              variant=\"body2\"\n              style={{\n                fontFamily: 'monospace',\n                marginRight: 8,\n              }}\n            >\n              {isVisible ? apiKey : '••••••••••••••••'}\n            </Typography>\n            <IconButton\n              size=\"small\"\n              onClick={() => toggleVisibility(row.metadata.name)}\n            >\n              {isVisible ? <VisibilityOffIcon /> : <VisibilityIcon />}\n            </IconButton>\n          </Box>\n        );\n      },\n    },\n    {\n      title: 'Actions',\n      field: 'actions',\n      searchable: false,\n      render: (row: APIKeyRequest) => {\n        const ownerId = row.spec.requestedBy.userId;\n        const canDelete = canDeleteResource(ownerId, userId, canDeleteOwnKey, canDeleteAllKeys);\n        if (!canDelete) return null;\n        return (\n          <IconButton\n            size=\"small\"\n            onClick={() => handleDeleteClick(row.metadata.name, apiProductName)}\n            color=\"secondary\"\n            title=\"Revoke access and delete key\"\n          >\n            <DeleteIcon />\n          </IconButton>\n        );\n      },\n    },\n  ];\n\n  const requestColumns: TableColumn<APIKeyRequest>[] = [\n    {\n      title: 'Status',\n      field: 'status.phase',\n      render: (row: APIKeyRequest) => {\n        const phase = row.status?.phase || 'Pending';\n        const isPending = phase === 'Pending';\n        return (\n          <Chip\n            label={phase}\n            size=\"small\"\n            icon={isPending ? <HourglassEmptyIcon /> : <CancelIcon />}\n            color={isPending ? 'default' : 'secondary'}\n          />\n        );\n      },\n    },\n    {\n      title: 'Plan Tier',\n      field: 'spec.planTier',\n      render: (row: APIKeyRequest) => (\n        <Chip label={row.spec.planTier} color=\"primary\" size=\"small\" />\n      ),\n    },\n    {\n      title: 'Use Case',\n      field: 'spec.useCase',\n      render: (row: APIKeyRequest) => (\n        <Typography variant=\"body2\">{row.spec.useCase || '-'}</Typography>\n      ),\n    },\n    {\n      title: 'Requested',\n      field: 'spec.requestedAt',\n      render: (row: APIKeyRequest) => (\n        <Typography variant=\"body2\">\n          {row.spec.requestedAt ? new Date(row.spec.requestedAt).toLocaleDateString() : '-'}\n        </Typography>\n      ),\n    },\n    {\n      title: 'Reviewed',\n      field: 'status.reviewedAt',\n      render: (row: APIKeyRequest) => {\n        if (!row.status?.reviewedAt) return <Typography variant=\"body2\">-</Typography>;\n        return (\n          <Typography variant=\"body2\">\n            {new Date(row.status.reviewedAt).toLocaleDateString()}\n          </Typography>\n        );\n      },\n    },\n    {\n      title: 'Reason',\n      field: 'status.reason',\n      render: (row: APIKeyRequest) => (\n        <Typography variant=\"body2\">{row.status?.reason || '-'}</Typography>\n      ),\n    },\n    {\n      title: 'Actions',\n      field: 'actions',\n      searchable: false,\n      render: (row: APIKeyRequest) => {\n        const isPending = !row.status?.phase || row.status.phase === 'Pending';\n        const ownerId = row.spec.requestedBy.userId;\n        const canDelete = canDeleteResource(ownerId, userId, canDeleteOwnKey, canDeleteAllKeys);\n        if (!isPending || !canDelete) return null;\n        return (\n          <IconButton\n            size=\"small\"\n            onClick={() => handleDeleteClick(row.metadata.name, apiProductName)}\n            color=\"secondary\"\n          >\n            <DeleteIcon />\n          </IconButton>\n        );\n      },\n    },\n  ];\n\n  return (\n    <Box p={2}>\n      <Grid container spacing={3} direction=\"column\">\n        {canCreateRequest && (\n          <Grid item>\n            <Box display=\"flex\" flexDirection=\"column\" alignItems=\"flex-end\" mb={2}>\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                startIcon={<AddIcon />}\n                onClick={() => setOpen(true)}\n                disabled={plans.length === 0}\n              >\n                Request API Access\n              </Button>\n              {plans.length === 0 && (\n                <Typography variant=\"caption\" color=\"textSecondary\" style={{ marginTop: 4 }}>\n                  {!apiProduct ? 'API product not found' : 'No plans available'}\n                </Typography>\n              )}\n            </Box>\n          </Grid>\n        )}\n        {pendingRequests.length === 0 && rejectedRequests.length === 0 && approvedRequests.length === 0 && (\n          <Grid item>\n            <Box p={3} textAlign=\"center\">\n              <Typography variant=\"body1\" color=\"textSecondary\">\n                No API keys yet. Request access to get started.\n              </Typography>\n            </Box>\n          </Grid>\n        )}\n        {pendingRequests.length > 0 && (\n          <Grid item>\n            <Table\n              title=\"Pending Requests\"\n              options={{\n                paging: false,\n                search: false,\n              }}\n              columns={requestColumns}\n              data={pendingRequests}\n            />\n          </Grid>\n        )}\n        {rejectedRequests.length > 0 && (\n          <Grid item>\n            <Table\n              title=\"Rejected Requests\"\n              options={{\n                paging: false,\n                search: false,\n              }}\n              columns={requestColumns}\n              data={rejectedRequests}\n            />\n          </Grid>\n        )}\n        {approvedRequests.length > 0 && (\n          <Grid item>\n            <Table\n              key=\"api-keys-table\"\n              title=\"API Keys\"\n              options={{\n                paging: false,\n                search: false,\n              }}\n              columns={approvedColumns}\n              data={approvedRequests}\n              detailPanel={detailPanelConfig}\n            />\n          </Grid>\n        )}\n      </Grid>\n\n      <Dialog open={open} onClose={() => setOpen(false)} maxWidth=\"sm\" fullWidth>\n        <DialogTitle>Request API Access</DialogTitle>\n        <DialogContent>\n          {createError && (\n            <Box mb={2} p={2} bgcolor=\"error.main\" color=\"error.contrastText\" borderRadius={1}>\n              <Typography variant=\"body2\">{createError}</Typography>\n            </Box>\n          )}\n          <FormControl fullWidth margin=\"normal\">\n            <InputLabel>Select Plan Tier</InputLabel>\n            <Select\n              value={selectedPlan}\n              onChange={(e) => setSelectedPlan(e.target.value as string)}\n            >\n              {plans.map((plan: Plan) => {\n                const limitDesc = Object.entries(plan.limits || {})\n                  .map(([key, val]) => `${val} per ${key}`)\n                  .join(', ');\n                return (\n                  <MenuItem key={plan.tier} value={plan.tier}>\n                    {plan.tier} {limitDesc ? `(${limitDesc})` : ''}\n                  </MenuItem>\n                );\n              })}\n            </Select>\n          </FormControl>\n          <TextField\n            label=\"Use Case (optional)\"\n            placeholder=\"Describe how you plan to use this API\"\n            multiline\n            rows={3}\n            fullWidth\n            margin=\"normal\"\n            value={useCase}\n            onChange={(e) => setUseCase(e.target.value)}\n            helperText=\"Explain your intended use of this API for admin review\"\n          />\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => setOpen(false)}>Cancel</Button>\n          <Button\n            onClick={handleRequestAccess}\n            color=\"primary\"\n            disabled={!selectedPlan || creating}\n          >\n            {creating ? 'Submitting...' : 'Submit Request'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n\n      <Dialog open={deleteDialogOpen} onClose={handleDeleteCancel}>\n        <DialogTitle>Confirm Delete</DialogTitle>\n        <DialogContent>\n          <Typography>\n            Are you sure you want to revoke access and delete your API key for <strong>{requestToDelete?.displayName}</strong>?\n          </Typography>\n          <Typography variant=\"body2\" color=\"textSecondary\" style={{ marginTop: 8 }}>\n            This action cannot be undone. You will need to request access again if you want to use this API in the future.\n          </Typography>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={handleDeleteCancel} color=\"primary\">\n            Cancel\n          </Button>\n          <Button onClick={handleDeleteConfirm} color=\"secondary\" disabled={deleting}>\n            {deleting ? 'Deleting...' : 'Delete'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ApprovalQueueCard/ApprovalQueueCard.esm.js

@@ -4,7 +4,7 @@ import { useAsync } from 'react-use';
 import { Progress, ResponseErrorPanel, InfoCard, Table } from '@backstage/core-components';
 import { kuadrantApiKeyRequestUpdatePermission } from '../../permissions.esm.js';
 import { useKuadrantPermission } from '../../utils/permissions.esm.js';
-import { Box, Typography, Button, Dialog, DialogTitle, DialogContent, TextField, DialogActions, Chip } from '@material-ui/core';
+import { Box, Typography, Tabs, Tab, Button, Dialog, DialogTitle, DialogContent, TextField, DialogActions, Chip } from '@material-ui/core';
 import CheckCircleIcon from '@material-ui/icons/CheckCircle';
 import CancelIcon from '@material-ui/icons/Cancel';
 
@@ -69,6 +69,7 @@ const ApprovalQueueCard = () => {
   const identityApi = useApi(identityApiRef);
   const backendUrl = config.getString("backend.baseUrl");
   const [refresh, setRefresh] = useState(0);
+  const [selectedTab, setSelectedTab] = useState(0);
   const [selectedRequests, setSelectedRequests] = useState([]);
   const [dialogState, setDialogState] = useState({
     open: false,
@@ -394,56 +395,87 @@ const ApprovalQueueCard = () => {
       render: (row) => /* @__PURE__ */ React.createElement(Typography, { variant: "body2", style: { maxWidth: 200 }, noWrap: true, title: row.status?.reason }, row.status?.reason || "-")
     }
   ];
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(InfoCard, { title: `Pending Requests (${pending.length})` }, pending.length === 0 ? /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary" }, "No pending requests") : /* @__PURE__ */ React.createElement(React.Fragment, null, canUpdateRequests && selectedRequests.length > 0 && /* @__PURE__ */ React.createElement(Box, { mb: 2, display: "flex", alignItems: "center", justifyContent: "space-between", p: 2, bgcolor: "background.default" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, selectedRequests.length, " request", selectedRequests.length !== 1 ? "s" : "", " selected"), /* @__PURE__ */ React.createElement(Box, { display: "flex", style: { gap: 8 } }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      size: "small",
-      variant: "contained",
-      color: "primary",
-      startIcon: /* @__PURE__ */ React.createElement(CheckCircleIcon, null),
-      onClick: handleBulkApprove
-    },
-    "Approve Selected"
-  ), /* @__PURE__ */ React.createElement(
-    Button,
+  const getTabData = () => {
+    switch (selectedTab) {
+      case 0:
+        return { data: approved, columns: approvedColumns, showSelection: false };
+      case 1:
+        const pendingWithSelection = pending.map((row) => {
+          const isSelected = selectedRequests.some(
+            (selected) => selected.metadata.name === row.metadata.name && selected.metadata.namespace === row.metadata.namespace
+          );
+          return {
+            ...row,
+            tableData: { checked: isSelected }
+          };
+        });
+        return { data: pendingWithSelection, columns: pendingColumns, showSelection: true };
+      case 2:
+        return { data: rejected, columns: rejectedColumns, showSelection: false };
+      default:
+        return { data: approved, columns: approvedColumns, showSelection: false };
+    }
+  };
+  const tabData = getTabData();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    InfoCard,
     {
-      size: "small",
-      variant: "contained",
-      color: "secondary",
-      startIcon: /* @__PURE__ */ React.createElement(CancelIcon, null),
-      onClick: handleBulkReject
+      title: "API Access Requests",
+      subheader: `${pending.length} pending, ${approved.length} approved, ${rejected.length} rejected`
     },
-    "Reject Selected"
-  ))), /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      options: {
-        selection: canUpdateRequests,
-        paging: true,
-        pageSize: 5,
-        search: false,
-        showTextRowsSelected: false,
-        toolbar: false
+    /* @__PURE__ */ React.createElement(Box, { mb: 2 }, /* @__PURE__ */ React.createElement(
+      Tabs,
+      {
+        value: selectedTab,
+        onChange: (_, newValue) => {
+          setSelectedTab(newValue);
+          setSelectedRequests([]);
+        },
+        indicatorColor: "primary",
+        textColor: "primary"
       },
-      data: pending,
-      columns: pendingColumns,
-      onSelectionChange: (rows) => setSelectedRequests(rows)
-    }
-  ))), approved.length > 0 && /* @__PURE__ */ React.createElement(Box, { mt: 3 }, /* @__PURE__ */ React.createElement(InfoCard, { title: `Approved Requests (${approved.length})` }, /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      options: { paging: true, pageSize: 5, search: false, toolbar: false },
-      data: approved,
-      columns: approvedColumns
-    }
-  ))), rejected.length > 0 && /* @__PURE__ */ React.createElement(Box, { mt: 3 }, /* @__PURE__ */ React.createElement(InfoCard, { title: `Rejected Requests (${rejected.length})` }, /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      options: { paging: true, pageSize: 5, search: false, toolbar: false },
-      data: rejected,
-      columns: rejectedColumns
-    }
-  )))), /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(Tab, { label: `Approved (${approved.length})` }),
+      /* @__PURE__ */ React.createElement(Tab, { label: `Pending (${pending.length})` }),
+      /* @__PURE__ */ React.createElement(Tab, { label: `Rejected (${rejected.length})` })
+    )),
+    canUpdateRequests && selectedTab === 1 && selectedRequests.length > 0 && /* @__PURE__ */ React.createElement(Box, { mb: 2, display: "flex", alignItems: "center", justifyContent: "space-between", p: 2, bgcolor: "background.default" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, selectedRequests.length, " request", selectedRequests.length !== 1 ? "s" : "", " selected"), /* @__PURE__ */ React.createElement(Box, { display: "flex", style: { gap: 8 } }, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        size: "small",
+        variant: "contained",
+        color: "primary",
+        startIcon: /* @__PURE__ */ React.createElement(CheckCircleIcon, null),
+        onClick: handleBulkApprove
+      },
+      "Approve Selected"
+    ), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        size: "small",
+        variant: "contained",
+        color: "secondary",
+        startIcon: /* @__PURE__ */ React.createElement(CancelIcon, null),
+        onClick: handleBulkReject
+      },
+      "Reject Selected"
+    ))),
+    tabData.data.length === 0 ? /* @__PURE__ */ React.createElement(Box, { p: 3, textAlign: "center" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", color: "textSecondary" }, selectedTab === 0 && "No approved requests.", selectedTab === 1 && "No pending requests.", selectedTab === 2 && "No rejected requests.")) : /* @__PURE__ */ React.createElement(
+      Table,
+      {
+        options: {
+          selection: canUpdateRequests && tabData.showSelection,
+          paging: tabData.data.length > 10,
+          pageSize: 10,
+          search: false,
+          showTextRowsSelected: false,
+          toolbar: false
+        },
+        data: tabData.data,
+        columns: tabData.columns,
+        onSelectionChange: (rows) => setSelectedRequests(rows)
+      }
+    )
+  ), /* @__PURE__ */ React.createElement(
     ApprovalDialog,
     {
       open: dialogState.open,