@kuadrant/kuadrant-backstage-plugin-frontend 0.0.1-test.1-1593c3ec

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

@@ -0,0 +1,441 @@
+import React, { useState, useMemo } from 'react';
+import { useAsync } from 'react-use';
+import { CodeSnippet, Progress, ResponseErrorPanel, Table } from '@backstage/core-components';
+import { Box, Typography, Tabs, Tab, Grid, Button, Dialog, DialogTitle, DialogContent, FormControl, InputLabel, Select, MenuItem, TextField, DialogActions, Chip, IconButton } from '@material-ui/core';
+import { useApi, configApiRef, identityApiRef, fetchApiRef } from '@backstage/core-plugin-api';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import VisibilityIcon from '@material-ui/icons/Visibility';
+import VisibilityOffIcon from '@material-ui/icons/VisibilityOff';
+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';
+
+const ApiKeyManagementTab = ({ namespace: propNamespace }) => {
+  const { entity } = useEntity();
+  const config = useApi(configApiRef);
+  const identityApi = useApi(identityApiRef);
+  const fetchApi = useApi(fetchApiRef);
+  const backendUrl = config.getString("backend.baseUrl");
+  const [visibleKeys, setVisibleKeys] = useState(/* @__PURE__ */ new Set());
+  const [refresh, setRefresh] = useState(0);
+  const [userId, setUserId] = useState("guest");
+  const [userEmail, setUserEmail] = useState("");
+  const [open, setOpen] = useState(false);
+  const [selectedPlan, setSelectedPlan] = useState("");
+  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 namespace = entity.metadata.annotations?.["kuadrant.io/namespace"] || propNamespace || "default";
+  const apiName = httproute;
+  useAsync(async () => {
+    const identity = await identityApi.getBackstageIdentity();
+    const profile = await identityApi.getProfileInfo();
+    setUserId(identity.userEntityRef.split("/")[1] || "guest");
+    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}`
+    );
+    if (!response.ok) {
+      throw new Error("failed to fetch requests");
+    }
+    const data = await response.json();
+    return (data.items || []).filter(
+      (r) => r.spec.apiName === apiName && r.spec.apiNamespace === namespace
+    );
+  }, [userId, apiName, namespace, refresh, fetchApi]);
+  const { value: apiProduct, loading: plansLoading, error: plansError } = useAsync(async () => {
+    const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/apiproducts`);
+    if (!response.ok) {
+      throw new Error("failed to fetch api products");
+    }
+    const data = await response.json();
+    const product = data.items?.find(
+      (p) => p.metadata.namespace === namespace && (p.metadata.name === apiName || p.metadata.name === `${apiName}-api`)
+    );
+    return product;
+  }, [namespace, apiName, fetchApi]);
+  const handleDeleteRequest = async (name) => {
+    try {
+      const response = await fetchApi.fetch(
+        `${backendUrl}/api/kuadrant/requests/${namespace}/${name}`,
+        { method: "DELETE" }
+      );
+      if (!response.ok) {
+        throw new Error("failed to delete request");
+      }
+      setRefresh((r) => r + 1);
+    } catch (err) {
+      console.error("error deleting request:", err);
+    }
+  };
+  const toggleVisibility = (keyName) => {
+    setVisibleKeys((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(keyName)) {
+        newSet.delete(keyName);
+      } else {
+        newSet.add(keyName);
+      }
+      return newSet;
+    });
+  };
+  const handleRequestAccess = async () => {
+    if (!selectedPlan) return;
+    setCreating(true);
+    setCreateError(null);
+    try {
+      const response = await fetchApi.fetch(`${backendUrl}/api/kuadrant/requests`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          apiName,
+          apiNamespace: namespace,
+          userId,
+          userEmail,
+          planTier: selectedPlan,
+          useCase: useCase.trim() || "",
+          namespace
+        })
+      });
+      if (!response.ok) {
+        const errorData = await response.json().catch(() => ({}));
+        throw new Error(errorData.error || `failed to create request: ${response.status}`);
+      }
+      setOpen(false);
+      setSelectedPlan("");
+      setUseCase("");
+      setRefresh((r) => r + 1);
+    } catch (err) {
+      console.error("error creating api key request:", err);
+      setCreateError(err instanceof Error ? err.message : "unknown error occurred");
+    } finally {
+      setCreating(false);
+    }
+  };
+  const detailPanelConfig = useMemo(() => [
+    {
+      render: (data) => {
+        const request = data.rowData;
+        if (!request?.metadata?.name) {
+          return /* @__PURE__ */ React.createElement(Box, null);
+        }
+        return /* @__PURE__ */ React.createElement(DetailPanelContent, { request, apiName });
+      }
+    }
+  ], [apiName]);
+  const DetailPanelContent = ({ request, apiName: api }) => {
+    const [selectedLanguage, setSelectedLanguage] = useState(0);
+    const hostname = request.status?.apiHostname || `${api}.apps.example.com`;
+    return /* @__PURE__ */ React.createElement(Box, { p: 3, bgcolor: "background.default", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6", gutterBottom: true }, "Usage Examples"), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", paragraph: true }, "Use these code examples to test the API with your ", request.spec.planTier, " tier key."), /* @__PURE__ */ React.createElement(Box, { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement(
+      Tabs,
+      {
+        value: selectedLanguage,
+        onChange: (e, newValue) => {
+          e.stopPropagation();
+          setSelectedLanguage(newValue);
+        },
+        indicatorColor: "primary"
+      },
+      /* @__PURE__ */ React.createElement(Tab, { label: "cURL", onClick: (e) => e.stopPropagation() }),
+      /* @__PURE__ */ React.createElement(Tab, { label: "Node.js", onClick: (e) => e.stopPropagation() }),
+      /* @__PURE__ */ React.createElement(Tab, { label: "Python", onClick: (e) => e.stopPropagation() }),
+      /* @__PURE__ */ React.createElement(Tab, { label: "Go", onClick: (e) => e.stopPropagation() })
+    )), /* @__PURE__ */ React.createElement(Box, { mt: 2 }, selectedLanguage === 0 && /* @__PURE__ */ React.createElement(
+      CodeSnippet,
+      {
+        text: `curl -X GET https://${hostname}/api/v1/endpoint \\
+  -H "Authorization: Bearer ${request.status?.apiKey}"`,
+        language: "bash",
+        showCopyCodeButton: true
+      }
+    ), selectedLanguage === 1 && /* @__PURE__ */ React.createElement(
+      CodeSnippet,
+      {
+        text: `const fetch = require('node-fetch');
+
+const apiKey = '${request.status?.apiKey}';
+const endpoint = 'https://${hostname}/api/v1/endpoint';
+
+fetch(endpoint, {
+  method: 'GET',
+  headers: {
+    'Authorization': \`Bearer \${apiKey}\`
+  }
+})
+  .then(response => response.json())
+  .then(data => console.log(data))
+  .catch(error => console.error('Error:', error));`,
+        language: "javascript",
+        showCopyCodeButton: true
+      }
+    ), selectedLanguage === 2 && /* @__PURE__ */ React.createElement(
+      CodeSnippet,
+      {
+        text: `import requests
+
+api_key = '${request.status?.apiKey}'
+endpoint = 'https://${hostname}/api/v1/endpoint'
+
+headers = {
+    'Authorization': f'Bearer {api_key}'
+}
+
+response = requests.get(endpoint, headers=headers)
+print(response.json())`,
+        language: "python",
+        showCopyCodeButton: true
+      }
+    ), selectedLanguage === 3 && /* @__PURE__ */ React.createElement(
+      CodeSnippet,
+      {
+        text: `package main
+
+import (
+    "fmt"
+    "net/http"
+    "io"
+)
+
+func main() {
+    apiKey := "${request.status?.apiKey}"
+    endpoint := "https://${hostname}/api/v1/endpoint"
+
+    client := &http.Client{}
+    req, _ := http.NewRequest("GET", endpoint, nil)
+    req.Header.Add("Authorization", "Bearer " + apiKey)
+
+    resp, err := client.Do(req)
+    if err != nil {
+        fmt.Println("Error:", err)
+        return
+    }
+    defer resp.Body.Close()
+
+    body, _ := io.ReadAll(resp.Body)
+    fmt.Println(string(body))
+}`,
+        language: "go",
+        showCopyCodeButton: true
+      }
+    )));
+  };
+  const loading = requestsLoading || plansLoading;
+  const error = requestsError || plansError;
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  const myRequests = requests || [];
+  const plans = apiProduct?.spec?.plans || [];
+  const pendingRequests = myRequests.filter((r) => !r.status?.phase || r.status.phase === "Pending");
+  const approvedRequests = myRequests.filter((r) => r.status?.phase === "Approved");
+  const rejectedRequests = myRequests.filter((r) => r.status?.phase === "Rejected");
+  const approvedColumns = [
+    {
+      title: "Plan Tier",
+      field: "spec.planTier",
+      render: (row) => /* @__PURE__ */ React.createElement(Chip, { label: row.spec.planTier, color: "primary", size: "small" })
+    },
+    {
+      title: "Approved",
+      field: "status.reviewedAt",
+      render: (row) => /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, row.status?.reviewedAt ? new Date(row.status.reviewedAt).toLocaleDateString() : "-")
+    },
+    {
+      title: "API Key",
+      field: "status.apiKey",
+      searchable: false,
+      render: (row) => {
+        const isVisible = visibleKeys.has(row.metadata.name);
+        const apiKey = row.status?.apiKey || "N/A";
+        return /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(
+          Typography,
+          {
+            variant: "body2",
+            style: {
+              fontFamily: "monospace",
+              marginRight: 8
+            }
+          },
+          isVisible ? apiKey : "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
+        ), /* @__PURE__ */ React.createElement(
+          IconButton,
+          {
+            size: "small",
+            onClick: () => toggleVisibility(row.metadata.name)
+          },
+          isVisible ? /* @__PURE__ */ React.createElement(VisibilityOffIcon, null) : /* @__PURE__ */ React.createElement(VisibilityIcon, null)
+        ));
+      }
+    },
+    {
+      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)
+      )
+    }
+  ];
+  const requestColumns = [
+    {
+      title: "Status",
+      field: "status.phase",
+      render: (row) => {
+        const phase = row.status?.phase || "Pending";
+        const isPending = phase === "Pending";
+        return /* @__PURE__ */ React.createElement(
+          Chip,
+          {
+            label: phase,
+            size: "small",
+            icon: isPending ? /* @__PURE__ */ React.createElement(HourglassEmptyIcon, null) : /* @__PURE__ */ React.createElement(CancelIcon, null),
+            color: isPending ? "default" : "secondary"
+          }
+        );
+      }
+    },
+    {
+      title: "Plan Tier",
+      field: "spec.planTier",
+      render: (row) => /* @__PURE__ */ React.createElement(Chip, { label: row.spec.planTier, color: "primary", size: "small" })
+    },
+    {
+      title: "Use Case",
+      field: "spec.useCase",
+      render: (row) => /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, row.spec.useCase || "-")
+    },
+    {
+      title: "Requested",
+      field: "spec.requestedAt",
+      render: (row) => /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, row.spec.requestedAt ? new Date(row.spec.requestedAt).toLocaleDateString() : "-")
+    },
+    {
+      title: "Reviewed",
+      field: "status.reviewedAt",
+      render: (row) => {
+        if (!row.status?.reviewedAt) return /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, "-");
+        return /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, new Date(row.status.reviewedAt).toLocaleDateString());
+      }
+    },
+    {
+      title: "Reason",
+      field: "status.reason",
+      render: (row) => /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, row.status?.reason || "-")
+    },
+    {
+      title: "Actions",
+      field: "actions",
+      searchable: false,
+      render: (row) => {
+        const isPending = !row.status?.phase || row.status.phase === "Pending";
+        if (!isPending) return null;
+        return /* @__PURE__ */ React.createElement(
+          IconButton,
+          {
+            size: "small",
+            onClick: () => handleDeleteRequest(row.metadata.name),
+            color: "secondary"
+          },
+          /* @__PURE__ */ React.createElement(DeleteIcon, null)
+        );
+      }
+    }
+  ];
+  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(
+    Button,
+    {
+      variant: "contained",
+      color: "primary",
+      startIcon: /* @__PURE__ */ React.createElement(AddIcon, null),
+      onClick: () => setOpen(true),
+      disabled: plans.length === 0
+    },
+    "Request API Access"
+  ))), pendingRequests.length > 0 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      title: "Pending Requests",
+      options: {
+        paging: false,
+        search: false
+      },
+      columns: requestColumns,
+      data: pendingRequests
+    }
+  )), rejectedRequests.length > 0 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      title: "Rejected Requests",
+      options: {
+        paging: false,
+        search: false
+      },
+      columns: requestColumns,
+      data: rejectedRequests
+    }
+  )), approvedRequests.length > 0 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      key: "api-keys-table",
+      title: "API Keys",
+      options: {
+        paging: false,
+        search: false
+      },
+      columns: approvedColumns,
+      data: approvedRequests,
+      detailPanel: detailPanelConfig
+    }
+  ))), /* @__PURE__ */ React.createElement(Dialog, { open, onClose: () => setOpen(false), maxWidth: "sm", fullWidth: true }, /* @__PURE__ */ React.createElement(DialogTitle, null, "Request API Access"), /* @__PURE__ */ React.createElement(DialogContent, null, createError && /* @__PURE__ */ React.createElement(Box, { mb: 2, p: 2, bgcolor: "error.main", color: "error.contrastText", borderRadius: 1 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, createError)), /* @__PURE__ */ React.createElement(FormControl, { fullWidth: true, margin: "normal" }, /* @__PURE__ */ React.createElement(InputLabel, null, "Select Plan Tier"), /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      value: selectedPlan,
+      onChange: (e) => setSelectedPlan(e.target.value)
+    },
+    plans.map((plan) => {
+      const limitDesc = Object.entries(plan.limits || {}).map(([key, val]) => `${val} per ${key}`).join(", ");
+      return /* @__PURE__ */ React.createElement(MenuItem, { key: plan.tier, value: plan.tier }, plan.tier, " ", limitDesc ? `(${limitDesc})` : "");
+    })
+  )), /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      label: "Use Case (optional)",
+      placeholder: "Describe how you plan to use this API",
+      multiline: true,
+      rows: 3,
+      fullWidth: true,
+      margin: "normal",
+      value: useCase,
+      onChange: (e) => setUseCase(e.target.value),
+      helperText: "Explain your intended use of this API for admin review"
+    }
+  )), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button, { onClick: () => setOpen(false) }, "Cancel"), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: handleRequestAccess,
+      color: "primary",
+      disabled: !selectedPlan || creating
+    },
+    creating ? "Submitting..." : "Submit Request"
+  ))));
+};
+
+export { ApiKeyManagementTab };
+//# sourceMappingURL=ApiKeyManagementTab.esm.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,2 @@
+export { ApiKeyManagementTab } from './ApiKeyManagementTab.esm.js';
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/ApiProductInfoCard/ApiProductInfoCard.esm.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { useApi, configApiRef, fetchApiRef } from '@backstage/core-plugin-api';
+import { InfoCard, Progress, ResponseErrorPanel, Link } from '@backstage/core-components';
+import { Typography, Grid, Box, Chip, Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
+import useAsync from 'react-use/lib/useAsync';
+
+const ApiProductInfoCard = () => {
+  const { entity } = useEntity();
+  const config = useApi(configApiRef);
+  const fetchApi = useApi(fetchApiRef);
+  const backendUrl = config.getString("backend.baseUrl");
+  const namespace = entity.metadata.annotations?.["kuadrant.io/namespace"];
+  const apiProductName = entity.metadata.annotations?.["kuadrant.io/apiproduct"];
+  const { value: apiProduct, loading, error } = useAsync(async () => {
+    if (!namespace || !apiProductName) {
+      return null;
+    }
+    const response = await fetchApi.fetch(
+      `${backendUrl}/api/kuadrant/apiproducts/${namespace}/${apiProductName}`
+    );
+    return await response.json();
+  }, [backendUrl, fetchApi, namespace, apiProductName]);
+  if (!namespace || !apiProductName) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "API Product Information" }, /* @__PURE__ */ React.createElement(Typography, null, "No APIProduct linked to this API entity"));
+  }
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "API Product Information" }, /* @__PURE__ */ React.createElement(Progress, null));
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "API Product Information" }, /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error }));
+  }
+  if (!apiProduct) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "API Product Information" }, /* @__PURE__ */ React.createElement(Typography, null, "APIProduct not found"));
+  }
+  const { spec } = apiProduct;
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "API Product Details" }, /* @__PURE__ */ React.createElement(Box, { p: 2 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6", gutterBottom: true }, spec.displayName || apiProductName), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary", paragraph: true }, spec.description), /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center", flexWrap: "wrap", style: { gap: 8 } }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "Version:"), " ", spec.version || "v1"), spec.tags && spec.tags.length > 0 && /* @__PURE__ */ React.createElement(Box, { display: "flex", ml: 2, style: { gap: 4 } }, spec.tags.map((tag) => /* @__PURE__ */ React.createElement(Chip, { key: tag, label: tag, size: "small" }))))))), spec.plans && spec.plans.length > 0 && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Available Plans" }, /* @__PURE__ */ React.createElement(Table, { size: "small" }, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, /* @__PURE__ */ React.createElement(TableCell, null, "Tier"), /* @__PURE__ */ React.createElement(TableCell, null, "Description"), /* @__PURE__ */ React.createElement(TableCell, null, "Rate Limits"))), /* @__PURE__ */ React.createElement(TableBody, null, spec.plans.map((plan) => /* @__PURE__ */ React.createElement(TableRow, { key: plan.tier }, /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(
+    Chip,
+    {
+      label: plan.tier,
+      size: "small"
+    }
+  )), /* @__PURE__ */ React.createElement(TableCell, null, plan.description || "-"), /* @__PURE__ */ React.createElement(TableCell, null, plan.limits && Object.entries(plan.limits).map(([key, value]) => /* @__PURE__ */ React.createElement(Typography, { key, variant: "body2" }, String(value), " per ", key))))))), spec.planPolicyRef && /* @__PURE__ */ React.createElement(Box, { mt: 2 }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", color: "textSecondary" }, "Managed by PlanPolicy: ", /* @__PURE__ */ React.createElement("strong", null, spec.planPolicyRef.name), " (", spec.planPolicyRef.namespace, ")")))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 6 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Contact Information" }, spec.contact ? /* @__PURE__ */ React.createElement(Box, { p: 2 }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, spec.contact.team && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "Team:"), " ", spec.contact.team)), spec.contact.email && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "Email:"), " ", /* @__PURE__ */ React.createElement(Link, { to: `mailto:${spec.contact.email}` }, spec.contact.email))), spec.contact.slack && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "Slack:"), " ", spec.contact.slack)))) : /* @__PURE__ */ React.createElement(Box, { p: 2 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary" }, "No contact information available")))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 6 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Documentation" }, spec.documentation ? /* @__PURE__ */ React.createElement(Box, { p: 2 }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, spec.documentation.docsURL && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "Documentation:"), " ", /* @__PURE__ */ React.createElement(Link, { to: spec.documentation.docsURL, target: "_blank" }, "View Docs"))), spec.documentation.openAPISpec && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "OpenAPI Spec:"), " ", /* @__PURE__ */ React.createElement(Link, { to: spec.documentation.openAPISpec, target: "_blank" }, "View Spec"))))) : /* @__PURE__ */ React.createElement(Box, { p: 2 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary" }, "No documentation links available")))));
+};
+
+export { ApiProductInfoCard };
+//# sourceMappingURL=ApiProductInfoCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApiProductInfoCard.esm.js","sources":["../../../src/components/ApiProductInfoCard/ApiProductInfoCard.tsx"],"sourcesContent":["import React from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useApi, configApiRef, fetchApiRef } from '@backstage/core-plugin-api';\nimport { InfoCard, Link, Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { Grid, Chip, Typography, Box, Table, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\nimport useAsync from 'react-use/lib/useAsync';\n\nexport const ApiProductInfoCard = () => {\n  const { entity } = useEntity();\n  const config = useApi(configApiRef);\n  const fetchApi = useApi(fetchApiRef);\n  const backendUrl = config.getString('backend.baseUrl');\n\n  const namespace = entity.metadata.annotations?.['kuadrant.io/namespace'];\n  const apiProductName = entity.metadata.annotations?.['kuadrant.io/apiproduct'];\n\n  const { value: apiProduct, loading, error } = useAsync(async () => {\n    if (!namespace || !apiProductName) {\n      return null;\n    }\n\n    const response = await fetchApi.fetch(\n      `${backendUrl}/api/kuadrant/apiproducts/${namespace}/${apiProductName}`\n    );\n    return await response.json();\n  }, [backendUrl, fetchApi, namespace, apiProductName]);\n\n  if (!namespace || !apiProductName) {\n    return (\n      <InfoCard title=\"API Product Information\">\n        <Typography>No APIProduct linked to this API entity</Typography>\n      </InfoCard>\n    );\n  }\n\n  if (loading) {\n    return (\n      <InfoCard title=\"API Product Information\">\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (error) {\n    return (\n      <InfoCard title=\"API Product Information\">\n        <ResponseErrorPanel error={error} />\n      </InfoCard>\n    );\n  }\n\n  if (!apiProduct) {\n    return (\n      <InfoCard title=\"API Product Information\">\n        <Typography>APIProduct not found</Typography>\n      </InfoCard>\n    );\n  }\n\n  const { spec } = apiProduct;\n\n  return (\n    <Grid container spacing={3}>\n      <Grid item xs={12}>\n        <InfoCard title=\"API Product Details\">\n          <Box p={2}>\n            <Typography variant=\"h6\" gutterBottom>\n              {spec.displayName || apiProductName}\n            </Typography>\n            <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n              {spec.description}\n            </Typography>\n            <Box display=\"flex\" alignItems=\"center\" flexWrap=\"wrap\" style={{ gap: 8 }}>\n              <Typography variant=\"body2\">\n                <strong>Version:</strong> {spec.version || 'v1'}\n              </Typography>\n              {spec.tags && spec.tags.length > 0 && (\n                <Box display=\"flex\" ml={2} style={{ gap: 4 }}>\n                  {spec.tags.map((tag: string) => (\n                    <Chip key={tag} label={tag} size=\"small\" />\n                  ))}\n                </Box>\n              )}\n            </Box>\n          </Box>\n        </InfoCard>\n      </Grid>\n\n      {spec.plans && spec.plans.length > 0 && (\n        <Grid item xs={12}>\n          <InfoCard title=\"Available Plans\">\n            <Table size=\"small\">\n              <TableHead>\n                <TableRow>\n                  <TableCell>Tier</TableCell>\n                  <TableCell>Description</TableCell>\n                  <TableCell>Rate Limits</TableCell>\n                </TableRow>\n              </TableHead>\n              <TableBody>\n                {spec.plans.map((plan: any) => (\n                  <TableRow key={plan.tier}>\n                    <TableCell>\n                      <Chip\n                        label={plan.tier}\n                        size=\"small\"\n                      />\n                    </TableCell>\n                    <TableCell>{plan.description || '-'}</TableCell>\n                    <TableCell>\n                      {plan.limits && Object.entries(plan.limits).map(([key, value]) => (\n                        <Typography key={key} variant=\"body2\">\n                          {String(value)} per {key}\n                        </Typography>\n                      ))}\n                    </TableCell>\n                  </TableRow>\n                ))}\n              </TableBody>\n            </Table>\n            {spec.planPolicyRef && (\n              <Box mt={2}>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  Managed by PlanPolicy: <strong>{spec.planPolicyRef.name}</strong> ({spec.planPolicyRef.namespace})\n                </Typography>\n              </Box>\n            )}\n          </InfoCard>\n        </Grid>\n      )}\n\n      <Grid item xs={12} md={6}>\n        <InfoCard title=\"Contact Information\">\n          {spec.contact ? (\n            <Box p={2}>\n              <Grid container spacing={2}>\n                {spec.contact.team && (\n                  <Grid item xs={12}>\n                    <Typography variant=\"body2\">\n                      <strong>Team:</strong> {spec.contact.team}\n                    </Typography>\n                  </Grid>\n                )}\n                {spec.contact.email && (\n                  <Grid item xs={12}>\n                    <Typography variant=\"body2\">\n                      <strong>Email:</strong> <Link to={`mailto:${spec.contact.email}`}>{spec.contact.email}</Link>\n                    </Typography>\n                  </Grid>\n                )}\n                {spec.contact.slack && (\n                  <Grid item xs={12}>\n                    <Typography variant=\"body2\">\n                      <strong>Slack:</strong> {spec.contact.slack}\n                    </Typography>\n                  </Grid>\n                )}\n              </Grid>\n            </Box>\n          ) : (\n            <Box p={2}>\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                No contact information available\n              </Typography>\n            </Box>\n          )}\n        </InfoCard>\n      </Grid>\n\n      <Grid item xs={12} md={6}>\n        <InfoCard title=\"Documentation\">\n          {spec.documentation ? (\n            <Box p={2}>\n              <Grid container spacing={2}>\n                {spec.documentation.docsURL && (\n                  <Grid item xs={12}>\n                    <Typography variant=\"body2\">\n                      <strong>Documentation:</strong>{' '}\n                      <Link to={spec.documentation.docsURL} target=\"_blank\">\n                        View Docs\n                      </Link>\n                    </Typography>\n                  </Grid>\n                )}\n                {spec.documentation.openAPISpec && (\n                  <Grid item xs={12}>\n                    <Typography variant=\"body2\">\n                      <strong>OpenAPI Spec:</strong>{' '}\n                      <Link to={spec.documentation.openAPISpec} target=\"_blank\">\n                        View Spec\n                      </Link>\n                    </Typography>\n                  </Grid>\n                )}\n              </Grid>\n            </Box>\n          ) : (\n            <Box p={2}>\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                No documentation links available\n              </Typography>\n            </Box>\n          )}\n        </InfoCard>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,qBAAqB,MAAM;AACtC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA;AAClC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAM,MAAA,UAAA,GAAa,MAAO,CAAA,SAAA,CAAU,iBAAiB,CAAA;AAErD,EAAA,MAAM,SAAY,GAAA,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,uBAAuB,CAAA;AACvE,EAAA,MAAM,cAAiB,GAAA,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,wBAAwB,CAAA;AAE7E,EAAA,MAAM,EAAE,KAAO,EAAA,UAAA,EAAY,SAAS,KAAM,EAAA,GAAI,SAAS,YAAY;AACjE,IAAI,IAAA,CAAC,SAAa,IAAA,CAAC,cAAgB,EAAA;AACjC,MAAO,OAAA,IAAA;AAAA;AAGT,IAAM,MAAA,QAAA,GAAW,MAAM,QAAS,CAAA,KAAA;AAAA,MAC9B,CAAG,EAAA,UAAU,CAA6B,0BAAA,EAAA,SAAS,IAAI,cAAc,CAAA;AAAA,KACvE;AACA,IAAO,OAAA,MAAM,SAAS,IAAK,EAAA;AAAA,KAC1B,CAAC,UAAA,EAAY,QAAU,EAAA,SAAA,EAAW,cAAc,CAAC,CAAA;AAEpD,EAAI,IAAA,CAAC,SAAa,IAAA,CAAC,cAAgB,EAAA;AACjC,IAAA,2CACG,QAAS,EAAA,EAAA,KAAA,EAAM,6CACb,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EAAW,yCAAuC,CACrD,CAAA;AAAA;AAIJ,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CACG,QAAS,EAAA,EAAA,KAAA,EAAM,yBACd,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAS,CACZ,CAAA;AAAA;AAIJ,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,2CACG,QAAS,EAAA,EAAA,KAAA,EAAM,6CACb,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,OAAc,CACpC,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,UAAY,EAAA;AACf,IAAA,2CACG,QAAS,EAAA,EAAA,KAAA,EAAM,6CACb,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EAAW,sBAAoB,CAClC,CAAA;AAAA;AAIJ,EAAM,MAAA,EAAE,MAAS,GAAA,UAAA;AAEjB,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,qBACd,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,CAAA,EAAG,qBACL,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAK,cAAY,IAClC,EAAA,EAAA,IAAA,CAAK,WAAe,IAAA,cACvB,mBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAQ,OAAM,eAAgB,EAAA,SAAA,EAAS,IACxD,EAAA,EAAA,IAAA,CAAK,WACR,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAQ,QAAO,UAAW,EAAA,QAAA,EAAS,QAAS,EAAA,MAAA,EAAO,OAAO,EAAE,GAAA,EAAK,CAAE,EAAA,EAAA,sCACrE,UAAW,EAAA,EAAA,OAAA,EAAQ,OAClB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAO,UAAQ,CAAA,EAAS,GAAE,EAAA,IAAA,CAAK,WAAW,IAC7C,CAAA,EACC,IAAK,CAAA,IAAA,IAAQ,KAAK,IAAK,CAAA,MAAA,GAAS,CAC/B,oBAAA,KAAA,CAAA,aAAA,CAAC,OAAI,OAAQ,EAAA,MAAA,EAAO,EAAI,EAAA,CAAA,EAAG,OAAO,EAAE,GAAA,EAAK,CAAE,EAAA,EAAA,EACxC,KAAK,IAAK,CAAA,GAAA,CAAI,CAAC,GAAA,yCACb,IAAK,EAAA,EAAA,GAAA,EAAK,GAAK,EAAA,KAAA,EAAO,KAAK,IAAK,EAAA,OAAA,EAAQ,CAC1C,CACH,CAEJ,CACF,CACF,CACF,CAAA,EAEC,KAAK,KAAS,IAAA,IAAA,CAAK,KAAM,CAAA,MAAA,GAAS,qBAChC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAM,qCACb,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,IAAK,EAAA,OAAA,EAAA,sCACT,SACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAU,MAAI,CAAA,kBACd,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,EAAU,aAAW,CACtB,kBAAA,KAAA,CAAA,aAAA,CAAC,SAAU,EAAA,IAAA,EAAA,aAAW,CACxB,CACF,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,EACE,KAAK,KAAM,CAAA,GAAA,CAAI,CAAC,IAAA,yCACd,QAAS,EAAA,EAAA,GAAA,EAAK,IAAK,CAAA,IAAA,EAAA,sCACjB,SACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,OAAO,IAAK,CAAA,IAAA;AAAA,MACZ,IAAK,EAAA;AAAA;AAAA,GAET,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,EAAW,KAAK,WAAe,IAAA,GAAI,CACpC,kBAAA,KAAA,CAAA,aAAA,CAAC,SACE,EAAA,IAAA,EAAA,IAAA,CAAK,MAAU,IAAA,MAAA,CAAO,QAAQ,IAAK,CAAA,MAAM,CAAE,CAAA,GAAA,CAAI,CAAC,CAAC,GAAK,EAAA,KAAK,sBACzD,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,GAAU,EAAA,OAAA,EAAQ,OAC3B,EAAA,EAAA,MAAA,CAAO,KAAK,CAAA,EAAE,SAAM,GACvB,CACD,CACH,CACF,CACD,CACH,CACF,CAAA,EACC,KAAK,aACJ,oBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAU,KAAM,EAAA,eAAA,EAAA,EAAgB,yBAC3B,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,EAAA,IAAA,CAAK,aAAc,CAAA,IAAK,GAAS,IAAG,EAAA,IAAA,CAAK,aAAc,CAAA,SAAA,EAAU,GACnG,CACF,CAEJ,CACF,mBAGD,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAA,sCACpB,QAAS,EAAA,EAAA,KAAA,EAAM,qBACb,EAAA,EAAA,IAAA,CAAK,OACJ,mBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,CAAA,EAAG,qBACL,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAA,EACtB,IAAK,CAAA,OAAA,CAAQ,wBACX,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,OAClB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAO,EAAA,IAAA,EAAA,OAAK,CAAS,EAAA,GAAA,EAAE,IAAK,CAAA,OAAA,CAAQ,IACvC,CACF,CAAA,EAED,IAAK,CAAA,OAAA,CAAQ,KACZ,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,kBACjB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAO,QAAM,CAAS,EAAA,GAAA,kBAAE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,CAAU,OAAA,EAAA,IAAA,CAAK,OAAQ,CAAA,KAAK,MAAK,IAAK,CAAA,OAAA,CAAQ,KAAM,CACxF,CACF,CAAA,EAED,IAAK,CAAA,OAAA,CAAQ,yBACX,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,OAClB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAO,EAAA,IAAA,EAAA,QAAM,CAAS,EAAA,GAAA,EAAE,IAAK,CAAA,OAAA,CAAQ,KACxC,CACF,CAEJ,CACF,CAAA,mBAEC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,CAAG,EAAA,CAAA,EAAA,sCACL,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,KAAA,EAAM,eAAgB,EAAA,EAAA,kCAElD,CACF,CAEJ,CACF,CAEA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,qBACpB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,eAAA,EAAA,EACb,IAAK,CAAA,aAAA,mBACH,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,GAAG,CACN,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,EACtB,IAAK,CAAA,aAAA,CAAc,2BACjB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,OAClB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAO,EAAA,IAAA,EAAA,gBAAc,CAAU,EAAA,GAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,IAAK,CAAA,aAAA,CAAc,OAAS,EAAA,MAAA,EAAO,QAAS,EAAA,EAAA,WAEtD,CACF,CACF,GAED,IAAK,CAAA,aAAA,CAAc,WAClB,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,kBACjB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAO,eAAa,CAAA,EAAU,qBAC9B,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,IAAA,CAAK,aAAc,CAAA,WAAA,EAAa,MAAO,EAAA,QAAA,EAAA,EAAS,WAE1D,CACF,CACF,CAEJ,CACF,CAEA,mBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,CAAA,EAAG,qBACL,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAQ,OAAM,eAAgB,EAAA,EAAA,kCAElD,CACF,CAEJ,CACF,CACF,CAAA;AAEJ;;;;"}

package/dist/components/ApiProductInfoCard/index.esm.js

@@ -0,0 +1,2 @@
+export { ApiProductInfoCard } from './ApiProductInfoCard.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/ApiProductInfoCard/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}