@backstage-community/plugin-apiiro 0.1.0

package/dist/pages/Risks/tableConfig.esm.js

@@ -0,0 +1,305 @@
+import { jsx } from 'react/jsx-runtime';
+import Link from '@mui/material/Link';
+import '@backstage/core-components';
+import '@mui/material/SvgIcon';
+import 'react';
+import '@mui/x-data-grid';
+import '@mui/material/Box';
+import '@mui/material/styles';
+import '@mui/material/MenuItem';
+import '@mui/material/ListItemIcon';
+import '@mui/material/ListItemText';
+import '@mui/icons-material';
+import '@mui/material/Typography';
+import '@mui/material/Select';
+import '@mui/material/Pagination';
+import '@mui/material/TextField';
+import '@mui/material/InputAdornment';
+import '@mui/icons-material/Search';
+import '@mui/icons-material/Clear';
+import '@mui/material/IconButton';
+import '../../components/common/ChartBox.esm.js';
+import 'react-dom';
+import '../../components/common/logoSpinner.esm.js';
+import '@mui/material/Chip';
+import { ChipsList } from '../../components/ChipsList.esm.js';
+import { RiskLevel } from '../../components/RiskLevel.esm.js';
+import { SimpleTooltip } from '../../components/SimpleTooltip.esm.js';
+import { RiskStatus } from '../../components/RiskStatus.esm.js';
+import { ComponentDisplay } from '../../components/ComponentDisplay.esm.js';
+import { MainContributors } from '../../components/MainContributors/MainContributors.esm.js';
+import { ApplicationsList } from '../../components/ApplicationsList/ApplicationsList.esm.js';
+import { RepositoryDisplay } from '../../components/RepositoryDisplay/RepositoryDisplay.esm.js';
+import { TagsList } from '../../components/TagsList/TagsList.esm.js';
+import { TeamsDisplay } from '../../components/TeamsDisplay.esm.js';
+import { SourcesDisplay } from '../../components/SourcesDisplay.esm.js';
+import { DueDateDisplay } from '../../components/DueDate.esm.js';
+import '../../components/filters/FilterDropdown.esm.js';
+import '../../components/filters/RiskInsightFilter.esm.js';
+import '../../components/CalendarDatePicker.esm.js';
+import '@mui/material/ButtonBase';
+import '@mui/material/Popper';
+import '@mui/material/ClickAwayListener';
+import '@mui/material/Tooltip';
+import '@mui/material/Skeleton';
+import '@mui/icons-material/KeyboardArrowDown';
+import '@mui/icons-material/Close';
+import { formatDate } from '../../utils/dateFormatter.esm.js';
+import { APIIRO_DEFAULT_BASE_URL } from '@backstage-community/plugin-apiiro-common';
+
+const risksColumns = [
+  {
+    field: "riskStatus",
+    headerName: "Risk Status",
+    flex: 1,
+    minWidth: 150,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.riskStatus,
+    renderCell: (params) => /* @__PURE__ */ jsx(SimpleTooltip, { title: params.value ?? "", centered: true, children: /* @__PURE__ */ jsx(RiskStatus, { status: params.value, iconSize: "large" }) })
+  },
+  {
+    field: "riskLevel",
+    headerName: "Risk Level",
+    flex: 1,
+    minWidth: 150,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.riskLevel,
+    sortComparator: (v1, v2) => {
+      const riskOrder = { Critical: 3, High: 2, Medium: 1, Low: 0 };
+      const order1 = riskOrder[v1] ?? -1;
+      const order2 = riskOrder[v2] ?? -1;
+      return order1 - order2;
+    },
+    renderCell: (params) => /* @__PURE__ */ jsx(SimpleTooltip, { title: params.value ?? "", centered: true, children: /* @__PURE__ */ jsx(RiskLevel, { level: params.value, iconSize: "large" }) })
+  },
+  {
+    field: "policyName",
+    headerName: "Policy Name",
+    flex: 1,
+    hideable: false,
+    minWidth: 220,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.ruleName,
+    renderCell: (params) => /* @__PURE__ */ jsx(SimpleTooltip, { title: params.value ?? "", children: /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: `${APIIRO_DEFAULT_BASE_URL}/profiles/repositories/${params.row.entity?.details?.key}/risk/development?fl[RiskStatus][values][0]=${params.row.riskStatus}&trigger=${params.row.id}`,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        color: "inherit",
+        children: params.value ?? ""
+      }
+    ) })
+  },
+  {
+    field: "component",
+    headerName: "Component",
+    flex: 1,
+    minWidth: 200,
+    valueGetter: (_, row) => row.component,
+    renderCell: (params) => /* @__PURE__ */ jsx(
+      ComponentDisplay,
+      {
+        filePath: params.row.sourceCode?.filePath,
+        component: params.value ?? ""
+      }
+    )
+  },
+  {
+    field: "insights",
+    headerName: "Insights",
+    flex: 1,
+    headerAlign: "center",
+    minWidth: 300,
+    valueGetter: (_, row) => row.insights.map((insight) => insight.name).join(", "),
+    renderCell: (params) => {
+      const insights = params.row.insights || [];
+      return /* @__PURE__ */ jsx(
+        ChipsList,
+        {
+          items: insights.map((insight) => ({
+            id: insight.name,
+            label: insight.name,
+            tooltip: insight.reason
+          })),
+          maxVisible: 1,
+          gap: 0,
+          variant: "outlined",
+          chipSx: {
+            maxWidth: "200px",
+            "& .MuiChip-label": {
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            }
+          }
+        }
+      );
+    }
+  },
+  {
+    field: "applications",
+    headerName: "Applications",
+    flex: 1,
+    minWidth: 280,
+    headerAlign: "center",
+    renderCell: (params) => /* @__PURE__ */ jsx(ApplicationsList, { applications: params.row.applications || [] })
+  },
+  {
+    field: "repository",
+    headerName: "Repository",
+    flex: 1,
+    minWidth: 280,
+    headerAlign: "center",
+    renderCell: (params) => /* @__PURE__ */ jsx(RepositoryDisplay, { entity: params.row.entity })
+  },
+  {
+    field: "riskCategory",
+    headerName: "Risk Category",
+    flex: 1,
+    minWidth: 150,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.riskCategory,
+    renderCell: (params) => /* @__PURE__ */ jsx(SimpleTooltip, { title: params.value ?? "", centered: true, children: params.value ?? "" })
+  },
+  {
+    field: "discoveredOn",
+    headerName: "Discovered On",
+    flex: 1,
+    headerAlign: "center",
+    minWidth: 150,
+    valueGetter: (_, row) => row.discoveredOn,
+    renderCell: (params) => {
+      const formattedDate = formatDate(params.value);
+      return /* @__PURE__ */ jsx(SimpleTooltip, { title: formattedDate, centered: true, children: formattedDate });
+    }
+  },
+  {
+    field: "source",
+    headerName: "Source",
+    flex: 1,
+    minWidth: 200,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.source.map((source) => source.name).join(", "),
+    renderCell: (params) => /* @__PURE__ */ jsx(SourcesDisplay, { sources: params.row.source || [] })
+  },
+  {
+    field: "orgTeams",
+    headerName: "Teams",
+    flex: 1,
+    minWidth: 150,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.orgTeams.map((orgTeam) => orgTeam.name).join(", "),
+    renderCell: (params) => /* @__PURE__ */ jsx(TeamsDisplay, { teams: params.row.orgTeams || [] })
+  },
+  {
+    field: "mainContributor",
+    headerName: "Main Contributor",
+    flex: 1,
+    minWidth: 150,
+    headerAlign: "center",
+    renderCell: (params) => /* @__PURE__ */ jsx(MainContributors, { contributors: params.row.contributors || [] })
+  },
+  {
+    field: "applicationTags",
+    headerName: "Application Tags",
+    flex: 1,
+    minWidth: 270,
+    headerAlign: "center",
+    renderCell: (params) => /* @__PURE__ */ jsx(TagsList, { tags: params.row.applicationTags || [] })
+  },
+  {
+    field: "repositoryTags",
+    headerName: "Repository Tags",
+    flex: 1,
+    minWidth: 270,
+    headerAlign: "center",
+    renderCell: (params) => /* @__PURE__ */ jsx(TagsList, { tags: params.row.repositoryTags || [] })
+  },
+  {
+    field: "repositoryGroup",
+    headerName: "Repository Group",
+    flex: 1,
+    minWidth: 150,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.entity?.details?.repositoryGroup,
+    renderCell: (params) => /* @__PURE__ */ jsx(SimpleTooltip, { title: params.value ?? "", centered: true, children: params.value ?? "" })
+  },
+  {
+    field: "dueDate",
+    headerName: "Due Date",
+    flex: 1,
+    minWidth: 150,
+    type: "date",
+    headerAlign: "center",
+    valueGetter: (_, row) => row.dueDate ? new Date(row.dueDate) : null,
+    renderCell: (params) => {
+      return /* @__PURE__ */ jsx(DueDateDisplay, { dateString: params.value });
+    }
+  },
+  {
+    field: "serverUrl",
+    headerName: "Server URL",
+    flex: 1,
+    minWidth: 150,
+    valueGetter: (_, row) => row.entity?.details?.serverUrl,
+    renderCell: (params) => {
+      return /* @__PURE__ */ jsx(SimpleTooltip, { title: params.value ?? "", children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: params.value,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          style: { textDecoration: "underline" },
+          children: params.value
+        }
+      ) });
+    }
+  },
+  {
+    field: "findingName",
+    headerName: "Finding Name",
+    flex: 1,
+    minWidth: 180,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.findingName,
+    renderCell: (params) => {
+      return /* @__PURE__ */ jsx(SimpleTooltip, { title: params.value ?? "", children: params.value ?? "" });
+    }
+  },
+  {
+    field: "findingCategory",
+    headerName: "Finding Category",
+    flex: 1,
+    minWidth: 180,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.findingCategory,
+    renderCell: (params) => {
+      return /* @__PURE__ */ jsx(SimpleTooltip, { title: params.value ?? "", centered: true, children: params.value ?? "" });
+    }
+  }
+];
+const columnVisibilityModal = {
+  riskStatus: true,
+  riskLevel: true,
+  policyName: true,
+  component: true,
+  insights: true,
+  applications: true,
+  repository: true,
+  riskCategory: true,
+  discoveredOn: true,
+  source: true,
+  orgTeams: true,
+  mainContributor: true,
+  applicationTags: false,
+  repositoryTags: false,
+  repositoryGroup: false,
+  dueDate: false,
+  serverUrl: false,
+  findingName: false,
+  findingCategory: false
+};
+
+export { columnVisibilityModal, risksColumns };
+//# sourceMappingURL=tableConfig.esm.js.map

package/dist/pages/Risks/tableConfig.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableConfig.esm.js","sources":["../../../src/pages/Risks/tableConfig.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Link from '@mui/material/Link';\nimport { GridColDef } from '@mui/x-data-grid';\nimport {\n  ApplicationsList,\n  ChipsList,\n  ComponentDisplay,\n  DueDateDisplay,\n  MainContributors,\n  RepositoryDisplay,\n  RiskLevel,\n  RiskStatus,\n  SimpleTooltip,\n  SourcesDisplay,\n  TagsList,\n  TeamsDisplay,\n} from '../../components';\nimport { formatDate } from '../../utils/dateFormatter';\nimport { APIIRO_DEFAULT_BASE_URL } from '@backstage-community/plugin-apiiro-common';\n\nexport const risksColumns: GridColDef[] = [\n  {\n    field: 'riskStatus',\n    headerName: 'Risk Status',\n    flex: 1,\n    minWidth: 150,\n    headerAlign: 'center',\n    valueGetter: (_, row) => row.riskStatus,\n    renderCell: (params: any) => (\n      <SimpleTooltip title={params.value ?? ''} centered>\n        <RiskStatus status={params.value} iconSize=\"large\" />\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'riskLevel',\n    headerName: 'Risk Level',\n    flex: 1,\n    minWidth: 150,\n    headerAlign: 'center',\n    valueGetter: (_, row) => row.riskLevel,\n    sortComparator: (v1: string, v2: string) => {\n      const riskOrder = { Critical: 3, High: 2, Medium: 1, Low: 0 };\n      const order1 = riskOrder[v1 as keyof typeof riskOrder] ?? -1;\n      const order2 = riskOrder[v2 as keyof typeof riskOrder] ?? -1;\n      return order1 - order2;\n    },\n    renderCell: (params: any) => (\n      <SimpleTooltip title={params.value ?? ''} centered>\n        <RiskLevel level={params.value} iconSize=\"large\" />\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'policyName',\n    headerName: 'Policy Name',\n    flex: 1,\n    hideable: false,\n    minWidth: 220,\n    headerAlign: 'center',\n    valueGetter: (_, row) => row.ruleName,\n    renderCell: (params: any) => (\n      <SimpleTooltip title={params.value ?? ''}>\n        <Link\n          href={`${APIIRO_DEFAULT_BASE_URL}/profiles/repositories/${params.row.entity?.details?.key}/risk/development?fl[RiskStatus][values][0]=${params.row.riskStatus}&trigger=${params.row.id}`}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          color=\"inherit\"\n        >\n          {params.value ?? ''}\n        </Link>\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'component',\n    headerName: 'Component',\n    flex: 1,\n    minWidth: 200,\n    valueGetter: (_, row) => row.component,\n    renderCell: (params: any) => (\n      <ComponentDisplay\n        filePath={params.row.sourceCode?.filePath}\n        component={params.value ?? ''}\n      />\n    ),\n  },\n  {\n    field: 'insights',\n    headerName: 'Insights',\n    flex: 1,\n    headerAlign: 'center',\n    minWidth: 300,\n    valueGetter: (_, row) =>\n      row.insights.map((insight: any) => insight.name).join(', '),\n    renderCell: (params: any) => {\n      const insights = params.row.insights || [];\n      return (\n        <ChipsList\n          items={insights.map((insight: any) => ({\n            id: insight.name,\n            label: insight.name,\n            tooltip: insight.reason,\n          }))}\n          maxVisible={1}\n          gap={0}\n          variant=\"outlined\"\n          chipSx={{\n            maxWidth: '200px',\n            '& .MuiChip-label': {\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n            },\n          }}\n        />\n      );\n    },\n  },\n  {\n    field: 'applications',\n    headerName: 'Applications',\n    flex: 1,\n    minWidth: 280,\n    headerAlign: 'center',\n    renderCell: (params: any) => (\n      <ApplicationsList applications={params.row.applications || []} />\n    ),\n  },\n  {\n    field: 'repository',\n    headerName: 'Repository',\n    flex: 1,\n    minWidth: 280,\n    headerAlign: 'center',\n    renderCell: (params: any) => (\n      <RepositoryDisplay entity={params.row.entity} />\n    ),\n  },\n  {\n    field: 'riskCategory',\n    headerName: 'Risk Category',\n    flex: 1,\n    minWidth: 150,\n    headerAlign: 'center',\n    valueGetter: (_, row) => row.riskCategory,\n    renderCell: (params: any) => (\n      <SimpleTooltip title={params.value ?? ''} centered>\n        {params.value ?? ''}\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'discoveredOn',\n    headerName: 'Discovered On',\n    flex: 1,\n    headerAlign: 'center',\n    minWidth: 150,\n    valueGetter: (_, row) => row.discoveredOn,\n    renderCell: (params: any) => {\n      const formattedDate = formatDate(params.value);\n      return (\n        <SimpleTooltip title={formattedDate} centered>\n          {formattedDate}\n        </SimpleTooltip>\n      );\n    },\n  },\n  {\n    field: 'source',\n    headerName: 'Source',\n    flex: 1,\n    minWidth: 200,\n    headerAlign: 'center',\n    valueGetter: (_, row) =>\n      row.source.map((source: any) => source.name).join(', '),\n    renderCell: (params: any) => (\n      <SourcesDisplay sources={params.row.source || []} />\n    ),\n  },\n  {\n    field: 'orgTeams',\n    headerName: 'Teams',\n    flex: 1,\n    minWidth: 150,\n    headerAlign: 'center',\n    valueGetter: (_, row) =>\n      row.orgTeams.map((orgTeam: any) => orgTeam.name).join(', '),\n    renderCell: (params: any) => (\n      <TeamsDisplay teams={params.row.orgTeams || []} />\n    ),\n  },\n  {\n    field: 'mainContributor',\n    headerName: 'Main Contributor',\n    flex: 1,\n    minWidth: 150,\n    headerAlign: 'center',\n    renderCell: (params: any) => (\n      <MainContributors contributors={params.row.contributors || []} />\n    ),\n  },\n  {\n    field: 'applicationTags',\n    headerName: 'Application Tags',\n    flex: 1,\n    minWidth: 270,\n    headerAlign: 'center',\n    renderCell: (params: any) => (\n      <TagsList tags={params.row.applicationTags || []} />\n    ),\n  },\n  {\n    field: 'repositoryTags',\n    headerName: 'Repository Tags',\n    flex: 1,\n    minWidth: 270,\n    headerAlign: 'center',\n    renderCell: (params: any) => (\n      <TagsList tags={params.row.repositoryTags || []} />\n    ),\n  },\n  {\n    field: 'repositoryGroup',\n    headerName: 'Repository Group',\n    flex: 1,\n    minWidth: 150,\n    headerAlign: 'center',\n    valueGetter: (_, row) => row.entity?.details?.repositoryGroup,\n    renderCell: (params: any) => (\n      <SimpleTooltip title={params.value ?? ''} centered>\n        {params.value ?? ''}\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'dueDate',\n    headerName: 'Due Date',\n    flex: 1,\n    minWidth: 150,\n    type: 'date',\n    headerAlign: 'center',\n    valueGetter: (_, row) => (row.dueDate ? new Date(row.dueDate) : null),\n    renderCell: (params: any) => {\n      return <DueDateDisplay dateString={params.value} />;\n    },\n  },\n  {\n    field: 'serverUrl',\n    headerName: 'Server URL',\n    flex: 1,\n    minWidth: 150,\n    valueGetter: (_, row) => row.entity?.details?.serverUrl,\n    renderCell: (params: any) => {\n      return (\n        <SimpleTooltip title={params.value ?? ''}>\n          <Link\n            href={params.value}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            style={{ textDecoration: 'underline' }}\n          >\n            {params.value}\n          </Link>\n        </SimpleTooltip>\n      );\n    },\n  },\n  {\n    field: 'findingName',\n    headerName: 'Finding Name',\n    flex: 1,\n    minWidth: 180,\n    headerAlign: 'center',\n    valueGetter: (_, row) => row.findingName,\n    renderCell: (params: any) => {\n      return (\n        <SimpleTooltip title={params.value ?? ''}>\n          {params.value ?? ''}\n        </SimpleTooltip>\n      );\n    },\n  },\n  {\n    field: 'findingCategory',\n    headerName: 'Finding Category',\n    flex: 1,\n    minWidth: 180,\n    headerAlign: 'center',\n    valueGetter: (_, row) => row.findingCategory,\n    renderCell: (params: any) => {\n      return (\n        <SimpleTooltip title={params.value ?? ''} centered>\n          {params.value ?? ''}\n        </SimpleTooltip>\n      );\n    },\n  },\n];\n\nexport const columnVisibilityModal = {\n  riskStatus: true,\n  riskLevel: true,\n  policyName: true,\n  component: true,\n  insights: true,\n  applications: true,\n  repository: true,\n  riskCategory: true,\n  discoveredOn: true,\n  source: true,\n  orgTeams: true,\n  mainContributor: true,\n  applicationTags: false,\n  repositoryTags: false,\n  repositoryGroup: false,\n  dueDate: false,\n  serverUrl: false,\n  findingName: false,\n  findingCategory: false,\n};\n"],"names":[],"mappings":"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"}

package/dist/pages/tab/Tab.esm.js

@@ -0,0 +1,147 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Content } from '@backstage/core-components';
+import { TabMetricsGroup } from '../../components/MetricsGroup/TabMetricsGroup.esm.js';
+import { useApi, fetchApiRef } from '@backstage/core-plugin-api';
+import { apiiroApiRef } from '../../api/index.esm.js';
+import { useRepositoriesData } from '../../queries/repository.queries.esm.js';
+import '@tanstack/react-query';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import '../../components/common/ChartBox.esm.js';
+import 'react';
+import 'react-dom';
+import { styled, useTheme } from '@mui/material/styles';
+import { NotFound } from '../../components/common/NotFound.esm.js';
+import { SomethingWentWrong } from '../../components/common/SomethingWentWrong.esm.js';
+import Box from '@mui/material/Box';
+import { LogoSpinner } from '../../components/common/logoSpinner.esm.js';
+import { ApiiroLogo } from '../../assets/apiiroLogo/apiiroLogo.esm.js';
+import '@mui/material/SvgIcon';
+import { Risks } from '../Risks/Risks.esm.js';
+import { APIIRO_PROJECT_ANNOTATION } from '@backstage-community/plugin-apiiro-common';
+import { getLogoContainerColors } from '../../theme/themeUtils.esm.js';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+
+const LogoContainer = styled(Box)(({ theme }) => {
+  const logoColors = getLogoContainerColors(theme);
+  return {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: "12px 15px",
+    gap: "10px",
+    width: "109px",
+    height: "40px",
+    background: logoColors.background,
+    borderRadius: "10px",
+    "& svg": {
+      width: "79px",
+      height: "22px",
+      "& path": {
+        fill: logoColors.logoFill
+      }
+    }
+  };
+});
+const Tab = () => {
+  const theme = useTheme();
+  const connectBackendApi = useApi(apiiroApiRef);
+  const { fetch } = useApi(fetchApiRef);
+  const { entity } = useEntity();
+  const repoId = entity?.metadata?.annotations?.[APIIRO_PROJECT_ANNOTATION] || void 0;
+  const entityRef = stringifyEntityRef(entity);
+  const { repositoriesData, repositoriesDataLoading, repositoriesDataError } = useRepositoriesData({
+    connectApi: connectBackendApi,
+    fetchApi: fetch,
+    enabled: true,
+    repositoryKey: repoId,
+    entityRef
+  });
+  if (repositoriesDataLoading) {
+    return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        minHeight: "300px",
+        children: /* @__PURE__ */ jsx(LogoSpinner, {})
+      }
+    ) });
+  }
+  if (repositoriesDataError) {
+    return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(
+      Box,
+      {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        flexDirection: "column",
+        minHeight: "300px",
+        sx: {
+          border: `1px solid ${theme.palette.divider}`,
+          borderRadius: "12px",
+          backgroundColor: theme.palette.background.paper,
+          boxShadow: theme.shadows[1]
+        },
+        children: [
+          /* @__PURE__ */ jsx(LogoContainer, { sx: { alignSelf: "flex-end" }, children: /* @__PURE__ */ jsx(ApiiroLogo, {}) }),
+          /* @__PURE__ */ jsx(
+            SomethingWentWrong,
+            {
+              statusCode: repositoriesDataError?.details?.status
+            }
+          )
+        ]
+      }
+    ) });
+  }
+  const repositories = repositoriesData?.repositories;
+  if (!repositories || repositories.length === 0) {
+    return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(
+      Box,
+      {
+        display: "flex",
+        justifyContent: "flex-start",
+        alignItems: "center",
+        flexDirection: "column",
+        minHeight: "300px",
+        sx: {
+          border: `1px solid ${theme.palette.divider}`,
+          borderRadius: "12px",
+          backgroundColor: theme.palette.background.paper,
+          boxShadow: theme.shadows[1]
+        },
+        children: [
+          /* @__PURE__ */ jsx(LogoContainer, { sx: { alignSelf: "flex-end" }, children: /* @__PURE__ */ jsx(ApiiroLogo, {}) }),
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              minHeight: "250px",
+              children: /* @__PURE__ */ jsx(NotFound, { message: "Results for this repository are either unavailable on Apiiro or cannot be accessed." })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+  const repositoryData = repositories[0];
+  return /* @__PURE__ */ jsxs(Content, { children: [
+    /* @__PURE__ */ jsx(
+      TabMetricsGroup,
+      {
+        repositoryData,
+        entity,
+        repoId,
+        entityRef
+      }
+    ),
+    /* @__PURE__ */ jsx(Risks, { repoId, entityRef })
+  ] });
+};
+
+export { Tab };
+//# sourceMappingURL=Tab.esm.js.map

package/dist/pages/tab/Tab.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.esm.js","sources":["../../../src/pages/tab/Tab.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Content } from '@backstage/core-components';\nimport { TabMetricsGroup } from '../../components/MetricsGroup';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { apiiroApiRef } from '../../api';\nimport { fetchApiRef } from '@backstage/core-plugin-api';\nimport { useRepositoriesData } from '../../queries';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { NotFound, SomethingWentWrong } from '../../components/common';\nimport Box from '@mui/material/Box';\nimport { LogoSpinner } from '../../components/common/logoSpinner';\nimport { styled, useTheme } from '@mui/material/styles';\nimport { ApiiroLogo } from '../../assets/apiiroLogo';\nimport { Risks } from '../Risks';\nimport { APIIRO_PROJECT_ANNOTATION } from '@backstage-community/plugin-apiiro-common';\nimport { getLogoContainerColors } from '../../theme/themeUtils';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\n\nconst LogoContainer = styled(Box)(({ theme }) => {\n  const logoColors = getLogoContainerColors(theme);\n  return {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: '12px 15px',\n    gap: '10px',\n    width: '109px',\n    height: '40px',\n    background: logoColors.background,\n    borderRadius: '10px',\n    '& svg': {\n      width: '79px',\n      height: '22px',\n      '& path': {\n        fill: logoColors.logoFill,\n      },\n    },\n  };\n});\n\nexport const Tab = () => {\n  const theme = useTheme();\n  const connectBackendApi = useApi(apiiroApiRef);\n  const { fetch } = useApi(fetchApiRef);\n  const { entity } = useEntity();\n  const repoId =\n    entity?.metadata?.annotations?.[APIIRO_PROJECT_ANNOTATION] || undefined;\n  const entityRef = stringifyEntityRef(entity);\n\n  const { repositoriesData, repositoriesDataLoading, repositoriesDataError } =\n    useRepositoriesData({\n      connectApi: connectBackendApi,\n      fetchApi: fetch,\n      enabled: true,\n      repositoryKey: repoId,\n      entityRef: entityRef,\n    });\n\n  if (repositoriesDataLoading) {\n    return (\n      <Content>\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          minHeight=\"300px\"\n        >\n          <LogoSpinner />\n        </Box>\n      </Content>\n    );\n  }\n\n  if (repositoriesDataError) {\n    return (\n      <Content>\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          flexDirection=\"column\"\n          minHeight=\"300px\"\n          sx={{\n            border: `1px solid ${theme.palette.divider}`,\n            borderRadius: '12px',\n            backgroundColor: theme.palette.background.paper,\n            boxShadow: theme.shadows[1],\n          }}\n        >\n          <LogoContainer sx={{ alignSelf: 'flex-end' }}>\n            <ApiiroLogo />\n          </LogoContainer>\n          <SomethingWentWrong\n            statusCode={repositoriesDataError?.details?.status}\n          />\n        </Box>\n      </Content>\n    );\n  }\n\n  const repositories = repositoriesData?.repositories;\n\n  if (!repositories || repositories.length === 0) {\n    return (\n      <Content>\n        <Box\n          display=\"flex\"\n          justifyContent=\"flex-start\"\n          alignItems=\"center\"\n          flexDirection=\"column\"\n          minHeight=\"300px\"\n          sx={{\n            border: `1px solid ${theme.palette.divider}`,\n            borderRadius: '12px',\n            backgroundColor: theme.palette.background.paper,\n            boxShadow: theme.shadows[1],\n          }}\n        >\n          <LogoContainer sx={{ alignSelf: 'flex-end' }}>\n            <ApiiroLogo />\n          </LogoContainer>\n          <Box\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            minHeight=\"250px\"\n          >\n            <NotFound message=\"Results for this repository are either unavailable on Apiiro or cannot be accessed.\" />\n          </Box>\n        </Box>\n      </Content>\n    );\n  }\n\n  const repositoryData = repositories[0];\n  return (\n    <Content>\n      <TabMetricsGroup\n        repositoryData={repositoryData}\n        entity={entity}\n        repoId={repoId!}\n        entityRef={entityRef}\n      />\n      <Risks repoId={repoId!} entityRef={entityRef} />\n    </Content>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/pages/tab/TabProvider.esm.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { QueryClientProvider } from '@tanstack/react-query';
+import { queryClient } from '../../api/index.esm.js';
+import { Tab } from './Tab.esm.js';
+
+const ApiiroTab = () => {
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(Tab, {}) });
+};
+
+export { ApiiroTab };
+//# sourceMappingURL=TabProvider.esm.js.map

package/dist/pages/tab/TabProvider.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabProvider.esm.js","sources":["../../../src/pages/tab/TabProvider.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { QueryClientProvider } from '@tanstack/react-query';\nimport { queryClient } from '../../api';\nimport { Tab } from './Tab';\n\n/** @public */\nexport const ApiiroTab = () => {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <Tab />\n    </QueryClientProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;AAoBO,MAAM,YAAY,MAAM;AAC7B,EAAA,2BACG,mBAAA,EAAA,EAAoB,MAAA,EAAQ,WAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,OAAI,CAAA,EACP,CAAA;AAEJ;;;;"}