@kuadrant/kuadrant-backstage-plugin-frontend 0.0.1-test.1-2bfd8489 → 0.0.1-test.1-57ace816

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

@@ -10,6 +10,8 @@ import DeleteIcon from '@material-ui/icons/Delete';
 import HourglassEmptyIcon from '@material-ui/icons/HourglassEmpty';
 import CancelIcon from '@material-ui/icons/Cancel';
 import AddIcon from '@material-ui/icons/Add';
+import { kuadrantApiKeyRequestCreatePermission, kuadrantApiKeyDeleteOwnPermission, kuadrantApiKeyDeleteAllPermission } from '../../permissions.esm.js';
+import { useKuadrantPermission, canDeleteResource } from '../../utils/permissions.esm.js';
 
 const ApiKeyManagementTab = ({ namespace: propNamespace }) => {
   const { entity } = useEntity();
@@ -26,9 +28,8 @@ const ApiKeyManagementTab = ({ namespace: propNamespace }) => {
   const [useCase, setUseCase] = useState("");
   const [creating, setCreating] = useState(false);
   const [createError, setCreateError] = useState(null);
-  const httproute = entity.metadata.annotations?.["kuadrant.io/httproute"] || entity.metadata.name;
+  const apiProductName = entity.metadata.annotations?.["kuadrant.io/apiproduct"] || entity.metadata.name;
   const namespace = entity.metadata.annotations?.["kuadrant.io/namespace"] || propNamespace || "default";
-  const apiName = httproute;
   useAsync(async () => {
     const identity = await identityApi.getBackstageIdentity();
     const profile = await identityApi.getProfileInfo();
@@ -45,9 +46,9 @@ const ApiKeyManagementTab = ({ namespace: propNamespace }) => {
     }
     const data = await response.json();
     return (data.items || []).filter(
-      (r) => r.spec.apiName === apiName && r.spec.apiNamespace === namespace
+      (r) => r.spec.apiName === apiProductName && r.spec.apiNamespace === namespace
     );
-  }, [userId, apiName, namespace, refresh, fetchApi]);
+  }, [userId, apiProductName, namespace, refresh, fetchApi]);
   const { value: apiProduct, loading: plansLoading, error: plansError } = useAsync(async () => {
     const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/apiproducts`);
     if (!response.ok) {
@@ -55,10 +56,26 @@ const ApiKeyManagementTab = ({ namespace: propNamespace }) => {
     }
     const data = await response.json();
     const product = data.items?.find(
-      (p) => p.metadata.namespace === namespace && (p.metadata.name === apiName || p.metadata.name === `${apiName}-api`)
+      (p) => p.metadata.namespace === namespace && p.metadata.name === apiProductName
     );
     return product;
-  }, [namespace, apiName, fetchApi]);
+  }, [namespace, apiProductName, fetchApi]);
+  const resourceRef = apiProduct ? `apiproduct:${apiProduct.metadata.namespace}/${apiProduct.metadata.name}` : undefined;
+  const {
+    allowed: canCreateRequest,
+    loading: createRequestPermissionLoading,
+    error: createRequestPermissionError
+  } = useKuadrantPermission(kuadrantApiKeyRequestCreatePermission, resourceRef);
+  const {
+    allowed: canDeleteOwnKey,
+    loading: deleteOwnPermissionLoading,
+    error: deleteOwnPermissionError
+  } = useKuadrantPermission(kuadrantApiKeyDeleteOwnPermission);
+  const {
+    allowed: canDeleteAllKeys,
+    loading: deleteAllPermissionLoading,
+    error: deleteAllPermissionError
+  } = useKuadrantPermission(kuadrantApiKeyDeleteAllPermission);
   const handleDeleteRequest = async (name) => {
     try {
       const response = await fetchApi.fetch(
@@ -95,7 +112,7 @@ const ApiKeyManagementTab = ({ namespace: propNamespace }) => {
           "Content-Type": "application/json"
         },
         body: JSON.stringify({
-          apiName,
+          apiName: apiProductName,
           apiNamespace: namespace,
           userId,
           userEmail,
@@ -126,10 +143,10 @@ const ApiKeyManagementTab = ({ namespace: propNamespace }) => {
         if (!request?.metadata?.name) {
           return /* @__PURE__ */ React.createElement(Box, null);
         }
-        return /* @__PURE__ */ React.createElement(DetailPanelContent, { request, apiName });
+        return /* @__PURE__ */ React.createElement(DetailPanelContent, { request, apiName: apiProductName });
       }
     }
-  ], [apiName]);
+  ], [apiProductName]);
   const DetailPanelContent = ({ request, apiName: api }) => {
     const [selectedLanguage, setSelectedLanguage] = useState(0);
     const hostname = request.status?.apiHostname || `${api}.apps.example.com`;
@@ -226,14 +243,19 @@ func main() {
       }
     )));
   };
-  const loading = requestsLoading || plansLoading;
+  const loading = requestsLoading || plansLoading || createRequestPermissionLoading || deleteOwnPermissionLoading || deleteAllPermissionLoading;
   const error = requestsError || plansError;
+  const permissionError = createRequestPermissionError || deleteOwnPermissionError || deleteAllPermissionError;
   if (loading) {
     return /* @__PURE__ */ React.createElement(Progress, null);
   }
   if (error) {
     return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
   }
+  if (permissionError) {
+    const failedPermission = createRequestPermissionError ? "kuadrant.apikeyrequest.create" : deleteOwnPermissionError ? "kuadrant.apikey.delete.own" : deleteAllPermissionError ? "kuadrant.apikey.delete.all" : "unknown";
+    return /* @__PURE__ */ React.createElement(Box, { p: 2 }, /* @__PURE__ */ React.createElement(Typography, { color: "error" }, "Unable to check permissions: ", permissionError.message), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary" }, "Permission: ", failedPermission), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary" }, "Please try again or contact your administrator"));
+  }
   const myRequests = requests || [];
   const plans = apiProduct?.spec?.plans || [];
   const pendingRequests = myRequests.filter((r) => !r.status?.phase || r.status.phase === "Pending");
@@ -281,16 +303,21 @@ func main() {
       title: "Actions",
       field: "actions",
       searchable: false,
-      render: (row) => /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          size: "small",
-          onClick: () => handleDeleteRequest(row.metadata.name),
-          color: "secondary",
-          title: "Revoke access and delete key"
-        },
-        /* @__PURE__ */ React.createElement(DeleteIcon, null)
-      )
+      render: (row) => {
+        const ownerId = row.spec.requestedBy.userId;
+        const canDelete = canDeleteResource(ownerId, userId, canDeleteOwnKey, canDeleteAllKeys);
+        if (!canDelete) return null;
+        return /* @__PURE__ */ React.createElement(
+          IconButton,
+          {
+            size: "small",
+            onClick: () => handleDeleteRequest(row.metadata.name),
+            color: "secondary",
+            title: "Revoke access and delete key"
+          },
+          /* @__PURE__ */ React.createElement(DeleteIcon, null)
+        );
+      }
     }
   ];
   const requestColumns = [
@@ -345,7 +372,9 @@ func main() {
       searchable: false,
       render: (row) => {
         const isPending = !row.status?.phase || row.status.phase === "Pending";
-        if (!isPending) return null;
+        const ownerId = row.spec.requestedBy.userId;
+        const canDelete = canDeleteResource(ownerId, userId, canDeleteOwnKey, canDeleteAllKeys);
+        if (!isPending || !canDelete) return null;
         return /* @__PURE__ */ React.createElement(
           IconButton,
           {
@@ -358,7 +387,7 @@ func main() {
       }
     }
   ];
-  return /* @__PURE__ */ React.createElement(Box, { p: 2 }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Box, { display: "flex", justifyContent: "flex-end", mb: 2 }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Box, { p: 2 }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, canCreateRequest && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Box, { display: "flex", flexDirection: "column", alignItems: "flex-end", mb: 2 }, /* @__PURE__ */ React.createElement(
     Button,
     {
       variant: "contained",
@@ -368,7 +397,7 @@ func main() {
       disabled: plans.length === 0
     },
     "Request API Access"
-  ))), pendingRequests.length > 0 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+  ), plans.length === 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "caption", color: "textSecondary", style: { marginTop: 4 } }, !apiProduct ? "API product not found" : "No plans available"))), pendingRequests.length === 0 && rejectedRequests.length === 0 && approvedRequests.length === 0 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Box, { p: 3, textAlign: "center" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", color: "textSecondary" }, "No API keys yet. Request access to get started."))), pendingRequests.length > 0 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
     Table,
     {
       title: "Pending Requests",

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';\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  const httproute = entity.metadata.annotations?.['kuadrant.io/httproute'] || entity.metadata.name;\n  const namespace = entity.metadata.annotations?.['kuadrant.io/namespace'] || propNamespace || 'default';\n  const apiName = httproute;\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    return (data.items || []).filter(\n      (r: APIKeyRequest) => r.spec.apiName === apiName && r.spec.apiNamespace === namespace\n    );\n  }, [userId, apiName, 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 === apiName || p.metadata.name === `${apiName}-api`)\n    );\n\n    return product;\n  }, [namespace, apiName, fetchApi]);\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,\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={apiName} />;\n      },\n    },\n  ], [apiName]);\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;\n  const error = requestsError || plansError;\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\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        <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  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        if (!isPending) 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        <Grid item>\n          <Box display=\"flex\" justifyContent=\"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          </Box>\n        </Grid>\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\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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"}

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

@@ -2,7 +2,9 @@ import React, { useState } from 'react';
 import { useApi, configApiRef, fetchApiRef, identityApiRef } from '@backstage/core-plugin-api';
 import { useAsync } from 'react-use';
 import { Progress, ResponseErrorPanel, InfoCard, Table } from '@backstage/core-components';
-import { Box, Typography, Dialog, DialogTitle, DialogContent, TextField, DialogActions, Button, Chip } from '@material-ui/core';
+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 CheckCircleIcon from '@material-ui/icons/CheckCircle';
 import CancelIcon from '@material-ui/icons/Cancel';
 
@@ -33,17 +35,56 @@ const ApprovalDialog = ({ open, request, action, onClose, onConfirm }) => {
     action === "approve" ? "Approve" : "Reject"
   )));
 };
+const BulkActionDialog = ({ open, requests, action, onClose, onConfirm }) => {
+  const [comment, setComment] = useState("");
+  const handleConfirm = () => {
+    onConfirm(comment);
+    setComment("");
+  };
+  const isApprove = action === "approve";
+  return /* @__PURE__ */ React.createElement(Dialog, { open, onClose, maxWidth: "md", fullWidth: true }, /* @__PURE__ */ React.createElement(DialogTitle, null, isApprove ? "Approve" : "Reject", " ", requests.length, " API Key Requests"), /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", paragraph: true }, "You are about to ", isApprove ? "approve" : "reject", " the following requests:"), /* @__PURE__ */ React.createElement(Box, { mb: 2, maxHeight: 200, overflow: "auto" }, requests.map((request) => /* @__PURE__ */ React.createElement(Box, { key: `${request.metadata.namespace}/${request.metadata.name}`, mb: 1, p: 1, bgcolor: "background.default" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, request.spec.requestedBy.userId), " - ", request.spec.apiName, " (", request.spec.planTier, ")")))), /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      label: "Comment (optional)",
+      multiline: true,
+      fullWidth: true,
+      margin: "normal",
+      value: comment,
+      onChange: (e) => setComment(e.target.value),
+      helperText: `This comment will be applied to all ${isApprove ? "approved" : "rejected"} requests`
+    }
+  )), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button, { onClick: onClose }, "Cancel"), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: handleConfirm,
+      color: isApprove ? "primary" : "secondary",
+      variant: "contained"
+    },
+    isApprove ? "Approve All" : "Reject All"
+  )));
+};
 const ApprovalQueueCard = () => {
   const config = useApi(configApiRef);
   const fetchApi = useApi(fetchApiRef);
   const identityApi = useApi(identityApiRef);
   const backendUrl = config.getString("backend.baseUrl");
   const [refresh, setRefresh] = useState(0);
+  const [selectedRequests, setSelectedRequests] = useState([]);
   const [dialogState, setDialogState] = useState({
     open: false,
     request: null,
     action: "approve"
   });
+  const [bulkDialogState, setBulkDialogState] = useState({
+    open: false,
+    requests: [],
+    action: "approve"
+  });
+  const {
+    allowed: canUpdateRequests,
+    loading: updatePermissionLoading,
+    error: updatePermissionError
+  } = useKuadrantPermission(kuadrantApiKeyRequestUpdatePermission);
   const { value, loading, error } = useAsync(async () => {
     const identity = await identityApi.getBackstageIdentity();
     const reviewedBy = identity.userEntityRef;
@@ -110,12 +151,50 @@ const ApprovalQueueCard = () => {
       console.error(`error ${dialogState.action}ing request:`, err);
     }
   };
-  if (loading) {
+  const handleBulkApprove = () => {
+    if (selectedRequests.length === 0) return;
+    setBulkDialogState({ open: true, requests: selectedRequests, action: "approve" });
+  };
+  const handleBulkReject = () => {
+    if (selectedRequests.length === 0) return;
+    setBulkDialogState({ open: true, requests: selectedRequests, action: "reject" });
+  };
+  const handleBulkConfirm = async (comment) => {
+    if (!value || bulkDialogState.requests.length === 0) return;
+    const isApprove = bulkDialogState.action === "approve";
+    const endpoint = isApprove ? `${backendUrl}/api/kuadrant/requests/bulk-approve` : `${backendUrl}/api/kuadrant/requests/bulk-reject`;
+    try {
+      const response = await fetchApi.fetch(endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          requests: bulkDialogState.requests.map((r) => ({
+            namespace: r.metadata.namespace,
+            name: r.metadata.name
+          })),
+          comment,
+          reviewedBy: value.reviewedBy
+        })
+      });
+      if (!response.ok) {
+        throw new Error(`failed to bulk ${bulkDialogState.action} requests`);
+      }
+      setBulkDialogState({ open: false, requests: [], action: "approve" });
+      setSelectedRequests([]);
+      setRefresh((r) => r + 1);
+    } catch (err) {
+      console.error(`error bulk ${bulkDialogState.action}ing requests:`, err);
+    }
+  };
+  if (loading || updatePermissionLoading) {
     return /* @__PURE__ */ React.createElement(Progress, null);
   }
   if (error) {
     return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
   }
+  if (updatePermissionError) {
+    return /* @__PURE__ */ React.createElement(Box, { p: 2 }, /* @__PURE__ */ React.createElement(Typography, { color: "error" }, "Unable to check permissions: ", updatePermissionError.message), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary" }, "Permission: kuadrant.apikeyrequest.update"), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary" }, "Please try again or contact your administrator"));
+  }
   const pending = value?.pending || [];
   const approved = value?.approved || [];
   const rejected = value?.rejected || [];
@@ -173,27 +252,30 @@ const ApprovalQueueCard = () => {
     },
     {
       title: "Actions",
-      render: (row) => /* @__PURE__ */ React.createElement(Box, { display: "flex", style: { gap: 8 } }, /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          size: "small",
-          startIcon: /* @__PURE__ */ React.createElement(CheckCircleIcon, null),
-          onClick: () => handleApprove(row),
-          color: "primary",
-          variant: "outlined"
-        },
-        "Approve"
-      ), /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          size: "small",
-          startIcon: /* @__PURE__ */ React.createElement(CancelIcon, null),
-          onClick: () => handleReject(row),
-          color: "secondary",
-          variant: "outlined"
-        },
-        "Reject"
-      ))
+      render: (row) => {
+        if (!canUpdateRequests) return null;
+        return /* @__PURE__ */ React.createElement(Box, { display: "flex", style: { gap: 8 } }, /* @__PURE__ */ React.createElement(
+          Button,
+          {
+            size: "small",
+            startIcon: /* @__PURE__ */ React.createElement(CheckCircleIcon, null),
+            onClick: () => handleApprove(row),
+            color: "primary",
+            variant: "outlined"
+          },
+          "Approve"
+        ), /* @__PURE__ */ React.createElement(
+          Button,
+          {
+            size: "small",
+            startIcon: /* @__PURE__ */ React.createElement(CancelIcon, null),
+            onClick: () => handleReject(row),
+            color: "secondary",
+            variant: "outlined"
+          },
+          "Reject"
+        ));
+      }
     }
   ];
   const approvedColumns = [
@@ -308,18 +390,46 @@ const ApprovalQueueCard = () => {
     },
     {
       title: "Reason",
-      field: "status.comment",
-      render: (row) => /* @__PURE__ */ React.createElement(Typography, { variant: "body2", style: { maxWidth: 200 }, noWrap: true, title: row.status?.comment }, row.status?.comment || "-")
+      field: "status.reason",
+      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(
+  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,
+    {
+      size: "small",
+      variant: "contained",
+      color: "secondary",
+      startIcon: /* @__PURE__ */ React.createElement(CancelIcon, null),
+      onClick: handleBulkReject
+    },
+    "Reject Selected"
+  ))), /* @__PURE__ */ React.createElement(
     Table,
     {
-      options: { paging: true, pageSize: 5, search: false, toolbar: false },
+      options: {
+        selection: canUpdateRequests,
+        paging: true,
+        pageSize: 5,
+        search: false,
+        showTextRowsSelected: false,
+        toolbar: false
+      },
       data: pending,
-      columns: pendingColumns
+      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(
+  ))), 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 },
@@ -342,6 +452,15 @@ const ApprovalQueueCard = () => {
       onClose: () => setDialogState({ open: false, request: null, action: "approve" }),
       onConfirm: handleConfirm
     }
+  ), /* @__PURE__ */ React.createElement(
+    BulkActionDialog,
+    {
+      open: bulkDialogState.open,
+      requests: bulkDialogState.requests,
+      action: bulkDialogState.action,
+      onClose: () => setBulkDialogState({ open: false, requests: [], action: "approve" }),
+      onConfirm: handleBulkConfirm
+    }
   ));
 };