@kyverno/backstage-plugin-policy-reporter 2.9.0 → 2.11.0

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @kyverno/backstage-plugin-policy-reporter
 
+## 2.11.0
+
+### Minor Changes
+
+- 32f327e: Add cluster-scoped source, kind, category and policy filters.
+- 32f327e: NFS (/alpha): Add a new subpage for viewing cluster-scoped policies.
+- 32f327e: Backstage verion bump to v1.55.3
+
+### Patch Changes
+
+- Updated dependencies [32f327e]
+- Updated dependencies [32f327e]
+- Updated dependencies [32f327e]
+  - @kyverno/backstage-plugin-policy-reporter-common@2.6.0
+
+## 2.10.0
+
+### Minor Changes
+
+- 256fb9a: Added source filtering to the PolicyReportsPage. Users can now filter the list of policy reports by selecting one or more sources from the selected cluster.
+- 2f4ac45: Added policy filtering to the PolicyReportsPage. Users can now filter the list of policy reports by selecting one or more policies from the selected cluster.
+- d598ade: Added category filtering to the PolicyReportsPage. Users can now filter the list of policy reports by selecting one or more categories from the selected cluster.
+- a664d0c: Added kind filtering to the PolicyReportsPage. Users can now filter the list of policy reports by selecting one or more kinds from the selected cluster.
+- a1d0f51: Updated components that make use of the Policy Reporter Backend API to create toast whenever there are any requests errors.
+- 880eecc: Backstage version bump to v1.51.1
+- 44c5238: Backstage version bump to v1.52.0
+
+### Patch Changes
+
+- d803dd4: Fixed namespace, kind, sources and category filters being cleared when the responsive filter layout remounts. Cleanup now skips while option lists are loading or temporarily empty.
+- dbc7557: Fixed a bug where switching environments would retain the previously selected namespace, even if it didn't exist in the new environment.
+- Updated dependencies [256fb9a]
+- Updated dependencies [2f4ac45]
+- Updated dependencies [d598ade]
+- Updated dependencies [a664d0c]
+- Updated dependencies [880eecc]
+- Updated dependencies [44c5238]
+  - @kyverno/backstage-plugin-policy-reporter-common@2.5.0
+
 ## 2.9.0
 
 ### Minor Changes

package/dist/alpha/components/PolicyReporterPoliciesSubPage/PolicyReporterPoliciesSubPage.esm.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Progress } from '@backstage/core-components';
+import { Flex } from '@backstage/ui';
+import { useEnvironments } from '../../../hooks/useEnvironments.esm.js';
+import { SelectEnvironment } from '../../../components/SelectEnvironment/SelectEnvironment.esm.js';
+import { PolicyReportsTable } from '../../../components/PolicyReportsTable/PolicyReportsTable.esm.js';
+import { SearchField } from '../../../components/SearchField/SearchField.esm.js';
+import { PolicyReportsFiltersProvider } from '../../../hooks/usePolicyReportsFilters.esm.js';
+import { FilterLayout } from '../../../components/FilterLayout/FilterLayout.esm.js';
+import { MissingKubernetesCluster } from '../../../components/MissingKubernetesCluster/MissingKubernetesCluster.esm.js';
+
+const PolicyReporterPoliciesSubPage = (props) => {
+  const { initiallySelectedFilter, filters, context } = props;
+  const { environments, environmentsLoading } = useEnvironments();
+  if (environmentsLoading) return /* @__PURE__ */ jsx(Progress, {});
+  if (!environments?.length) return /* @__PURE__ */ jsx(MissingKubernetesCluster, {});
+  return /* @__PURE__ */ jsx(
+    PolicyReportsFiltersProvider,
+    {
+      defaultEnvironment: environments[0].entityRef,
+      context,
+      defaultFilters: initiallySelectedFilter,
+      children: /* @__PURE__ */ jsxs(FilterLayout, { children: [
+        /* @__PURE__ */ jsxs(FilterLayout.Filters, { children: [
+          /* @__PURE__ */ jsx(SelectEnvironment, { environments }),
+          filters
+        ] }),
+        /* @__PURE__ */ jsx(FilterLayout.Content, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", children: [
+          /* @__PURE__ */ jsx(SearchField, {}),
+          /* @__PURE__ */ jsx(PolicyReportsTable, { emptyContentText: "No policies found" })
+        ] }) })
+      ] })
+    }
+  );
+};
+
+export { PolicyReporterPoliciesSubPage };
+//# sourceMappingURL=PolicyReporterPoliciesSubPage.esm.js.map

package/dist/alpha/components/PolicyReporterPoliciesSubPage/PolicyReporterPoliciesSubPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyReporterPoliciesSubPage.esm.js","sources":["../../../../src/alpha/components/PolicyReporterPoliciesSubPage/PolicyReporterPoliciesSubPage.tsx"],"sourcesContent":["import { Progress } from '@backstage/core-components';\nimport { Flex } from '@backstage/ui';\nimport { useEnvironments } from '../../../hooks/useEnvironments';\nimport { SelectEnvironment } from '../../../components/SelectEnvironment';\nimport { PolicyReportsTable } from '../../../components/PolicyReportsTable';\nimport { SearchField } from '../../../components/SearchField';\nimport { PolicyReportsFiltersProvider } from '../../../hooks/usePolicyReportsFilters';\nimport { FilterLayout } from '../../../components/FilterLayout';\nimport { MissingKubernetesCluster } from '../../../components/MissingKubernetesCluster';\nimport { Filter } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { ReactNode } from 'react';\n\nexport interface PolicyReporterPoliciesSubPageProps {\n  // This naming aligns with the current Backstage catalog page\n  initiallySelectedFilter?: Filter;\n  // TODO: Could we implement something like this ?\n  // columns?: TableColumn<CatalogTableRow>[] | CatalogTableColumnsFunc;\n  filters?: ReactNode;\n  context: 'namespaced' | 'cluster';\n}\n\nexport const PolicyReporterPoliciesSubPage = (\n  props: PolicyReporterPoliciesSubPageProps,\n) => {\n  const { initiallySelectedFilter, filters, context } = props;\n  const { environments, environmentsLoading } = useEnvironments();\n\n  // Loading environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environment missing\n  if (!environments?.length) return <MissingKubernetesCluster />;\n\n  return (\n    <PolicyReportsFiltersProvider\n      defaultEnvironment={environments[0].entityRef}\n      context={context}\n      defaultFilters={initiallySelectedFilter}\n    >\n      <FilterLayout>\n        <FilterLayout.Filters>\n          <SelectEnvironment environments={environments} />\n          {filters}\n        </FilterLayout.Filters>\n        <FilterLayout.Content>\n          <Flex direction=\"column\" gap=\"4\">\n            <SearchField />\n            <PolicyReportsTable emptyContentText=\"No policies found\" />\n          </Flex>\n        </FilterLayout.Content>\n      </FilterLayout>\n    </PolicyReportsFiltersProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAqBO,MAAM,6BAAA,GAAgC,CAC3C,KAAA,KACG;AACH,EAAA,MAAM,EAAE,uBAAA,EAAyB,OAAA,EAAS,OAAA,EAAQ,GAAI,KAAA;AACtD,EAAA,MAAM,EAAE,YAAA,EAAc,mBAAA,EAAoB,GAAI,eAAA,EAAgB;AAG9D,EAAA,IAAI,mBAAA,EAAqB,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAG1C,EAAA,IAAI,CAAC,YAAA,EAAc,MAAA,EAAQ,2BAAQ,wBAAA,EAAA,EAAyB,CAAA;AAE5D,EAAA,uBACE,GAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,kBAAA,EAAoB,YAAA,CAAa,CAAC,CAAA,CAAE,SAAA;AAAA,MACpC,OAAA;AAAA,MACA,cAAA,EAAgB,uBAAA;AAAA,MAEhB,+BAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,YAAA,CAAa,SAAb,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,qBAAkB,YAAA,EAA4B,CAAA;AAAA,UAC9C;AAAA,SAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,aAAa,OAAA,EAAb,EACC,+BAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,GAAA,EAAI,GAAA,EAC3B,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA;AAAA,0BACb,GAAA,CAAC,kBAAA,EAAA,EAAmB,gBAAA,EAAiB,mBAAA,EAAoB;AAAA,SAAA,EAC3D,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/alpha/components/PolicyReporterPoliciesSubPage/index.esm.js

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

package/dist/alpha/components/PolicyReporterPoliciesSubPage/index.esm.js.map

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

package/dist/alpha/plugin.esm.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ApiBlueprint, fetchApiRef, discoveryApiRef, PageBlueprint, SubPageBlueprint, createRouteRef, createFrontendPlugin } from '@backstage/frontend-plugin-api';
 import { rootRouteRef } from '../routes.esm.js';
 import { policyReporterApiRef } from '../api/PolicyReporterClient.esm.js';
@@ -6,6 +6,14 @@ import { DefaultApiClient } from '@kyverno/backstage-plugin-policy-reporter-comm
 import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
 import { isPolicyReporterAvailable } from '../utils/annotations.esm.js';
 import PolicyIcon from '@material-ui/icons/Policy';
+import { Container } from '@backstage/ui';
+import { SelectStatus } from '../components/SelectStatus/SelectStatus.esm.js';
+import { SelectSeverity } from '../components/SelectSeverity/SelectSeverity.esm.js';
+import { SelectNamespace } from '../components/SelectNamespace/SelectNamespace.esm.js';
+import { SelectSource } from '../components/SelectSource/SelectSource.esm.js';
+import { SelectKind } from '../components/SelectKind/SelectKind.esm.js';
+import { SelectCategory } from '../components/SelectCategory/SelectCategory.esm.js';
+import { SelectPolicy } from '../components/SelectPolicy/SelectPolicy.esm.js';
 
 const policyReporterApi = ApiBlueprint.make({
   params: (defineParams) => defineParams({
@@ -25,17 +33,51 @@ const policyReporterPage = PageBlueprint.make({
     icon: /* @__PURE__ */ jsx(PolicyIcon, {})
   }
 });
-const policyReporterNamespacedPoliciesPage = SubPageBlueprint.make({
+const policyReporterClusterPoliciesSubPage = SubPageBlueprint.make({
+  name: "cluster-policy",
+  params: {
+    path: "cluster-policies",
+    routeRef: createRouteRef(),
+    title: "Cluster Policies",
+    loader: () => import('./components/PolicyReporterPoliciesSubPage/index.esm.js').then((m) => /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(
+      m.PolicyReporterPoliciesSubPage,
+      {
+        initiallySelectedFilter: { status: ["fail"] },
+        context: "cluster",
+        filters: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(SelectStatus, {}),
+          /* @__PURE__ */ jsx(SelectSeverity, {}),
+          /* @__PURE__ */ jsx(SelectSource, {}),
+          /* @__PURE__ */ jsx(SelectKind, {}),
+          /* @__PURE__ */ jsx(SelectCategory, {}),
+          /* @__PURE__ */ jsx(SelectPolicy, {})
+        ] })
+      }
+    ) }))
+  }
+});
+const policyReporterNamespacedPoliciesSubPage = SubPageBlueprint.make({
   name: "namespaced-policy",
   params: {
     path: "namespaced-policies",
     routeRef: createRouteRef(),
-    // TODO: Support configuration of the actual component
     title: "Namespaced Policies",
-    loader: () => (
-      // TODO: Create dedicated PolicyReporterNamespacedPoliciesPage Component
-      import('../components/PolicyReportsPage/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.PolicyReportsPage, {}))
-    )
+    loader: () => import('./components/PolicyReporterPoliciesSubPage/index.esm.js').then((m) => /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(
+      m.PolicyReporterPoliciesSubPage,
+      {
+        initiallySelectedFilter: { status: ["fail"] },
+        context: "namespaced",
+        filters: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(SelectStatus, {}),
+          /* @__PURE__ */ jsx(SelectSeverity, {}),
+          /* @__PURE__ */ jsx(SelectNamespace, {}),
+          /* @__PURE__ */ jsx(SelectSource, {}),
+          /* @__PURE__ */ jsx(SelectKind, {}),
+          /* @__PURE__ */ jsx(SelectCategory, {}),
+          /* @__PURE__ */ jsx(SelectPolicy, {})
+        ] })
+      }
+    ) }))
   }
 });
 const policyReporterEntityContent = EntityContentBlueprint.make({
@@ -62,7 +104,8 @@ var plugin = createFrontendPlugin({
     policyReporterApi,
     policyReporterEntityContent,
     policyReporterPage,
-    policyReporterNamespacedPoliciesPage
+    policyReporterNamespacedPoliciesSubPage,
+    policyReporterClusterPoliciesSubPage
   ]
 });
 

package/dist/alpha/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.tsx"],"sourcesContent":["import {\n  ApiBlueprint,\n  createFrontendPlugin,\n  createRouteRef,\n  discoveryApiRef,\n  fetchApiRef,\n  PageBlueprint,\n  SubPageBlueprint,\n} from '@backstage/frontend-plugin-api';\n\nimport { rootRouteRef } from '../routes';\nimport { policyReporterApiRef } from '../api';\nimport { DefaultApiClient } from '@kyverno/backstage-plugin-policy-reporter-common';\n\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport { isPolicyReporterAvailable } from '../utils/annotations';\nimport PolicyIcon from '@material-ui/icons/Policy';\n\n/** @alpha */\nexport const policyReporterApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: policyReporterApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new DefaultApiClient({ discoveryApi, fetchApi }),\n    }),\n});\n\n/** @alpha */\nconst policyReporterPage = PageBlueprint.make({\n  params: {\n    path: '/policy-reporter',\n    routeRef: rootRouteRef,\n    title: 'Policy Reporter',\n    icon: <PolicyIcon />,\n  },\n});\n\n/** @alpha */\nconst policyReporterNamespacedPoliciesPage = SubPageBlueprint.make({\n  name: 'namespaced-policy',\n  params: {\n    path: 'namespaced-policies',\n    routeRef: createRouteRef(),\n    // TODO: Support configuration of the actual component\n    title: 'Namespaced Policies',\n    loader: () =>\n      // TODO: Create dedicated PolicyReporterNamespacedPoliciesPage Component\n      import('../components/PolicyReportsPage/').then(m => (\n        <m.PolicyReportsPage /> // TODO: Update the PolicyReportsPage to be only used for old frontend system to mimic PageBlueprint from NFS\n      )),\n  },\n});\n\n/** @alpha */\nconst policyReporterEntityContent = EntityContentBlueprint.make({\n  name: 'policy-reporter',\n  params: {\n    path: '/policy-reporter',\n    title: 'Policy Reporter',\n    // TODO: Support configuration of the actual component\n    filter: isPolicyReporterAvailable,\n    loader: () =>\n      // TODO: Create dedicated EntityPolicyReporterContent component as replacement for Kyverno and Custom content components\n      import('../components/EntityKyvernoPoliciesContent/').then(m => (\n        <m.EntityKyvernoPoliciesContent />\n      )),\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'policy-reporter',\n  title: 'Policy Reporter',\n  info: { packageJson: () => import('../../package.json') },\n  routes: {\n    root: rootRouteRef,\n  },\n  extensions: [\n    policyReporterApi,\n    policyReporterEntityContent,\n    policyReporterPage,\n    policyReporterNamespacedPoliciesPage,\n  ],\n});\n"],"names":[],"mappings":";;;;;;;;;AAmBO,MAAM,iBAAA,GAAoB,aAAa,IAAA,CAAK;AAAA,EACjD,MAAA,EAAQ,kBACN,YAAA,CAAa;AAAA,IACX,GAAA,EAAK,oBAAA;AAAA,IACL,IAAA,EAAM;AAAA,MACJ,YAAA,EAAc,eAAA;AAAA,MACd,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,OAAA,EAAS,CAAC,EAAE,YAAA,EAAc,QAAA,EAAS,KACjC,IAAI,gBAAA,CAAiB,EAAE,YAAA,EAAc,QAAA,EAAU;AAAA,GAClD;AACL,CAAC;AAGD,MAAM,kBAAA,GAAqB,cAAc,IAAA,CAAK;AAAA,EAC5C,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,kBAAA;AAAA,IACN,QAAA,EAAU,YAAA;AAAA,IACV,KAAA,EAAO,iBAAA;AAAA,IACP,IAAA,sBAAO,UAAA,EAAA,EAAW;AAAA;AAEtB,CAAC,CAAA;AAGD,MAAM,oCAAA,GAAuC,iBAAiB,IAAA,CAAK;AAAA,EACjE,IAAA,EAAM,mBAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,qBAAA;AAAA,IACN,UAAU,cAAA,EAAe;AAAA;AAAA,IAEzB,KAAA,EAAO,qBAAA;AAAA,IACP,MAAA,EAAQ;AAAA;AAAA,MAEN,OAAO,8CAAkC,CAAA,CAAE,IAAA,CAAK,uBAC9C,GAAA,CAAC,CAAA,CAAE,iBAAA,EAAF,EAAoB,CACtB;AAAA;AAAA;AAEP,CAAC,CAAA;AAGD,MAAM,2BAAA,GAA8B,uBAAuB,IAAA,CAAK;AAAA,EAC9D,IAAA,EAAM,iBAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,kBAAA;AAAA,IACN,KAAA,EAAO,iBAAA;AAAA;AAAA,IAEP,MAAA,EAAQ,yBAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAAA,MAEN,OAAO,yDAA6C,CAAA,CAAE,IAAA,CAAK,uBACzD,GAAA,CAAC,CAAA,CAAE,4BAAA,EAAF,EAA+B,CACjC;AAAA;AAAA;AAEP,CAAC,CAAA;AAGD,aAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,iBAAA;AAAA,EACV,KAAA,EAAO,iBAAA;AAAA,EACP,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,wBAAoB,CAAA,EAAE;AAAA,EACxD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA,EACA,UAAA,EAAY;AAAA,IACV,iBAAA;AAAA,IACA,2BAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA;AAEJ,CAAC,CAAA;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.tsx"],"sourcesContent":["import {\n  ApiBlueprint,\n  createFrontendPlugin,\n  createRouteRef,\n  discoveryApiRef,\n  fetchApiRef,\n  PageBlueprint,\n  SubPageBlueprint,\n} from '@backstage/frontend-plugin-api';\n\nimport { rootRouteRef } from '../routes';\nimport { policyReporterApiRef } from '../api';\nimport { DefaultApiClient } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport { isPolicyReporterAvailable } from '../utils/annotations';\nimport PolicyIcon from '@material-ui/icons/Policy';\nimport { Container } from '@backstage/ui';\nimport { SelectStatus } from '../components/SelectStatus';\nimport { SelectSeverity } from '../components/SelectSeverity';\nimport { SelectNamespace } from '../components/SelectNamespace';\nimport { SelectSource } from '../components/SelectSource';\nimport { SelectKind } from '../components/SelectKind';\nimport { SelectCategory } from '../components/SelectCategory';\nimport { SelectPolicy } from '../components/SelectPolicy';\n\n/** @alpha */\nexport const policyReporterApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: policyReporterApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new DefaultApiClient({ discoveryApi, fetchApi }),\n    }),\n});\n\n/** @alpha */\nconst policyReporterPage = PageBlueprint.make({\n  params: {\n    path: '/policy-reporter',\n    routeRef: rootRouteRef,\n    title: 'Policy Reporter',\n    icon: <PolicyIcon />,\n  },\n});\n\n/** @alpha */\nconst policyReporterClusterPoliciesSubPage = SubPageBlueprint.make({\n  name: 'cluster-policy',\n  params: {\n    path: 'cluster-policies',\n    routeRef: createRouteRef(),\n    title: 'Cluster Policies',\n    loader: () =>\n      import('./components/PolicyReporterPoliciesSubPage').then(m => (\n        <Container>\n          <m.PolicyReporterPoliciesSubPage\n            // TODO: Add support for configuring initiallySelectedFilter using NFS\n            initiallySelectedFilter={{ status: ['fail'] }}\n            context=\"cluster\"\n            // TODO: Add support for configuring filters using NFS blueprint/extension\n            filters={\n              <>\n                <SelectStatus />\n                <SelectSeverity />\n                <SelectSource />\n                <SelectKind />\n                <SelectCategory />\n                <SelectPolicy />\n              </>\n            }\n          />\n        </Container>\n      )),\n  },\n});\n\n/** @alpha */\nconst policyReporterNamespacedPoliciesSubPage = SubPageBlueprint.make({\n  name: 'namespaced-policy',\n  params: {\n    path: 'namespaced-policies',\n    routeRef: createRouteRef(),\n    title: 'Namespaced Policies',\n    loader: () =>\n      import('./components/PolicyReporterPoliciesSubPage').then(m => (\n        <Container>\n          <m.PolicyReporterPoliciesSubPage\n            // TODO: Add support for configuring initiallySelectedFilter using NFS\n            initiallySelectedFilter={{ status: ['fail'] }}\n            context=\"namespaced\"\n            // TODO: Add support for configuring filters using NFS blueprint/extension\n            filters={\n              <>\n                <SelectStatus />\n                <SelectSeverity />\n                <SelectNamespace />\n                <SelectSource />\n                <SelectKind />\n                <SelectCategory />\n                <SelectPolicy />\n              </>\n            }\n          />\n        </Container>\n      )),\n  },\n});\n\n/** @alpha */\nconst policyReporterEntityContent = EntityContentBlueprint.make({\n  name: 'policy-reporter',\n  params: {\n    path: '/policy-reporter',\n    title: 'Policy Reporter',\n    // TODO: Support configuration of the actual component\n    filter: isPolicyReporterAvailable,\n    loader: () =>\n      // TODO: Create dedicated EntityPolicyReporterContent component as replacement for Kyverno and Custom content components\n      import('../components/EntityKyvernoPoliciesContent/').then(m => (\n        <m.EntityKyvernoPoliciesContent />\n      )),\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'policy-reporter',\n  title: 'Policy Reporter',\n  info: { packageJson: () => import('../../package.json') },\n  routes: {\n    root: rootRouteRef,\n  },\n  extensions: [\n    policyReporterApi,\n    policyReporterEntityContent,\n    policyReporterPage,\n    policyReporterNamespacedPoliciesSubPage,\n    policyReporterClusterPoliciesSubPage,\n  ],\n});\n"],"names":[],"mappings":"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"}

package/dist/alpha.d.ts

@@ -99,6 +99,31 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
             noHeader?: boolean;
         };
     }>;
+    "sub-page:policy-reporter/cluster-policy": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "sub-page";
+        name: "cluster-policy";
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+        };
+        configInput: {
+            path?: string | undefined;
+            title?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            path: string;
+            title: string;
+            icon?: _backstage_frontend_plugin_api.IconElement;
+            loader: () => Promise<JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+        };
+    }>;
     "sub-page:policy-reporter/namespaced-policy": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
         kind: "sub-page";
         name: "namespaced-policy";

package/dist/components/EntityCustomPoliciesContent/EntityCustomPoliciesContent.esm.js

@@ -47,6 +47,7 @@ const EntityCustomPoliciesContent = ({
         search: getResourceName(annotations)
       },
       defaultEnvironment: environments[0].entityRef,
+      context: "namespaced",
       children: /* @__PURE__ */ jsxs(Container, { children: [
         /* @__PURE__ */ jsx(
           Header,

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

@@ -1 +1 @@
-{"version":3,"file":"EntityCustomPoliciesContent.esm.js","sources":["../../../src/components/EntityCustomPoliciesContent/EntityCustomPoliciesContent.tsx"],"sourcesContent":["import { Content, Progress } from '@backstage/core-components';\nimport {\n  MissingAnnotationEmptyState,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Container, Header } from '@backstage/ui';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport {\n  getKinds,\n  getNamespaces,\n  getResourceName,\n  isPolicyReporterAvailable,\n} from '../../utils/annotations';\nimport { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState';\nimport { useEntityEnvironment } from '../../hooks/useEntityEnvironment';\nimport { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters';\nimport { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { SelectStatus } from '../SelectStatus';\nimport { SelectSeverity } from '../SelectSeverity';\nimport { FilterLayout } from '../FilterLayout';\n\ntype EntityCustomPoliciesContentProps = {\n  annotationsDocumentationUrl?: string;\n  policyDocumentationUrl?: string;\n  sources: string[];\n  title: string;\n};\n\nexport const EntityCustomPoliciesContent = ({\n  annotationsDocumentationUrl,\n  policyDocumentationUrl,\n  sources,\n  title,\n}: EntityCustomPoliciesContentProps) => {\n  const { entity } = useEntity();\n  const annotations = entity.metadata.annotations;\n\n  const annotationsState = isPolicyReporterAvailable(entity);\n\n  const { environments, environmentsLoading } = useEntityEnvironment(\n    entity,\n    annotationsState,\n  );\n\n  // Annotations missing\n  if (!annotationsState)\n    return (\n      <Container>\n        <Content>\n          <MissingAnnotationEmptyState\n            readMoreUrl={annotationsDocumentationUrl}\n            annotation={KYVERNO_RESOURCE_NAME_ANNOTATION}\n          />\n        </Content>\n      </Container>\n    );\n\n  // Fetching environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (!environments?.length)\n    return (\n      <Container>\n        <Content>\n          <MissingEnvironmentsEmptyState entity={entity} />\n        </Content>\n      </Container>\n    );\n\n  return (\n    <PolicyReportsFiltersProvider\n      defaultFilters={{\n        namespaces: getNamespaces(annotations),\n        kinds: getKinds(annotations),\n        sources: sources,\n        search: getResourceName(annotations),\n      }}\n      defaultEnvironment={environments[0].entityRef}\n    >\n      <Container>\n        <Header\n          title={title}\n          customActions={<SelectEnvironment environments={environments} />}\n        />\n        <Content>\n          <FilterLayout>\n            <FilterLayout.Filters>\n              <SelectStatus />\n              <SelectSeverity />\n            </FilterLayout.Filters>\n            <FilterLayout.Content>\n              <PolicyReportsTable\n                emptyContentText=\"No policies\"\n                policyDocumentationUrl={policyDocumentationUrl}\n              />\n            </FilterLayout.Content>\n          </FilterLayout>\n        </Content>\n      </Container>\n    </PolicyReportsFiltersProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6BO,MAAM,8BAA8B,CAAC;AAAA,EAC1C,2BAAA;AAAA,EACA,sBAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,KAAwC;AACtC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,WAAA,GAAc,OAAO,QAAA,CAAS,WAAA;AAEpC,EAAA,MAAM,gBAAA,GAAmB,0BAA0B,MAAM,CAAA;AAEzD,EAAA,MAAM,EAAE,YAAA,EAAc,mBAAA,EAAoB,GAAI,oBAAA;AAAA,IAC5C,MAAA;AAAA,IACA;AAAA,GACF;AAGA,EAAA,IAAI,CAAC,gBAAA;AACH,IAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAa,2BAAA;AAAA,QACb,UAAA,EAAY;AAAA;AAAA,OAEhB,CAAA,EACF,CAAA;AAIJ,EAAA,IAAI,mBAAA,EAAqB,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAG1C,EAAA,IAAI,CAAC,YAAA,EAAc,MAAA;AACjB,IAAA,uBACE,GAAA,CAAC,aACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,8BAAC,6BAAA,EAAA,EAA8B,MAAA,EAAgB,GACjD,CAAA,EACF,CAAA;AAGJ,EAAA,uBACE,GAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAgB;AAAA,QACd,UAAA,EAAY,cAAc,WAAW,CAAA;AAAA,QACrC,KAAA,EAAO,SAAS,WAAW,CAAA;AAAA,QAC3B,OAAA;AAAA,QACA,MAAA,EAAQ,gBAAgB,WAAW;AAAA,OACrC;AAAA,MACA,kBAAA,EAAoB,YAAA,CAAa,CAAC,CAAA,CAAE,SAAA;AAAA,MAEpC,+BAAC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA;AAAA,YACA,aAAA,kBAAe,GAAA,CAAC,iBAAA,EAAA,EAAkB,YAAA,EAA4B;AAAA;AAAA,SAChE;AAAA,wBACA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,YAAA,CAAa,SAAb,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,cAAA,EAAA,EAAe;AAAA,WAAA,EAClB,CAAA;AAAA,0BACA,GAAA,CAAC,YAAA,CAAa,OAAA,EAAb,EACC,QAAA,kBAAA,GAAA;AAAA,YAAC,kBAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAiB,aAAA;AAAA,cACjB;AAAA;AAAA,WACF,EACF;AAAA,SAAA,EACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"EntityCustomPoliciesContent.esm.js","sources":["../../../src/components/EntityCustomPoliciesContent/EntityCustomPoliciesContent.tsx"],"sourcesContent":["import { Content, Progress } from '@backstage/core-components';\nimport {\n  MissingAnnotationEmptyState,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Container, Header } from '@backstage/ui';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport {\n  getKinds,\n  getNamespaces,\n  getResourceName,\n  isPolicyReporterAvailable,\n} from '../../utils/annotations';\nimport { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState';\nimport { useEntityEnvironment } from '../../hooks/useEntityEnvironment';\nimport { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters';\nimport { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { SelectStatus } from '../SelectStatus';\nimport { SelectSeverity } from '../SelectSeverity';\nimport { FilterLayout } from '../FilterLayout';\n\ntype EntityCustomPoliciesContentProps = {\n  annotationsDocumentationUrl?: string;\n  policyDocumentationUrl?: string;\n  sources: string[];\n  title: string;\n};\n\nexport const EntityCustomPoliciesContent = ({\n  annotationsDocumentationUrl,\n  policyDocumentationUrl,\n  sources,\n  title,\n}: EntityCustomPoliciesContentProps) => {\n  const { entity } = useEntity();\n  const annotations = entity.metadata.annotations;\n\n  const annotationsState = isPolicyReporterAvailable(entity);\n\n  const { environments, environmentsLoading } = useEntityEnvironment(\n    entity,\n    annotationsState,\n  );\n\n  // Annotations missing\n  if (!annotationsState)\n    return (\n      <Container>\n        <Content>\n          <MissingAnnotationEmptyState\n            readMoreUrl={annotationsDocumentationUrl}\n            annotation={KYVERNO_RESOURCE_NAME_ANNOTATION}\n          />\n        </Content>\n      </Container>\n    );\n\n  // Fetching environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (!environments?.length)\n    return (\n      <Container>\n        <Content>\n          <MissingEnvironmentsEmptyState entity={entity} />\n        </Content>\n      </Container>\n    );\n\n  return (\n    <PolicyReportsFiltersProvider\n      defaultFilters={{\n        namespaces: getNamespaces(annotations),\n        kinds: getKinds(annotations),\n        sources: sources,\n        search: getResourceName(annotations),\n      }}\n      defaultEnvironment={environments[0].entityRef}\n      context=\"namespaced\"\n    >\n      <Container>\n        <Header\n          title={title}\n          customActions={<SelectEnvironment environments={environments} />}\n        />\n        <Content>\n          <FilterLayout>\n            <FilterLayout.Filters>\n              <SelectStatus />\n              <SelectSeverity />\n            </FilterLayout.Filters>\n            <FilterLayout.Content>\n              <PolicyReportsTable\n                emptyContentText=\"No policies\"\n                policyDocumentationUrl={policyDocumentationUrl}\n              />\n            </FilterLayout.Content>\n          </FilterLayout>\n        </Content>\n      </Container>\n    </PolicyReportsFiltersProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6BO,MAAM,8BAA8B,CAAC;AAAA,EAC1C,2BAAA;AAAA,EACA,sBAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,KAAwC;AACtC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,WAAA,GAAc,OAAO,QAAA,CAAS,WAAA;AAEpC,EAAA,MAAM,gBAAA,GAAmB,0BAA0B,MAAM,CAAA;AAEzD,EAAA,MAAM,EAAE,YAAA,EAAc,mBAAA,EAAoB,GAAI,oBAAA;AAAA,IAC5C,MAAA;AAAA,IACA;AAAA,GACF;AAGA,EAAA,IAAI,CAAC,gBAAA;AACH,IAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAa,2BAAA;AAAA,QACb,UAAA,EAAY;AAAA;AAAA,OAEhB,CAAA,EACF,CAAA;AAIJ,EAAA,IAAI,mBAAA,EAAqB,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAG1C,EAAA,IAAI,CAAC,YAAA,EAAc,MAAA;AACjB,IAAA,uBACE,GAAA,CAAC,aACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,8BAAC,6BAAA,EAAA,EAA8B,MAAA,EAAgB,GACjD,CAAA,EACF,CAAA;AAGJ,EAAA,uBACE,GAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAgB;AAAA,QACd,UAAA,EAAY,cAAc,WAAW,CAAA;AAAA,QACrC,KAAA,EAAO,SAAS,WAAW,CAAA;AAAA,QAC3B,OAAA;AAAA,QACA,MAAA,EAAQ,gBAAgB,WAAW;AAAA,OACrC;AAAA,MACA,kBAAA,EAAoB,YAAA,CAAa,CAAC,CAAA,CAAE,SAAA;AAAA,MACpC,OAAA,EAAQ,YAAA;AAAA,MAER,+BAAC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA;AAAA,YACA,aAAA,kBAAe,GAAA,CAAC,iBAAA,EAAA,EAAkB,YAAA,EAA4B;AAAA;AAAA,SAChE;AAAA,wBACA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,YAAA,CAAa,SAAb,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,cAAA,EAAA,EAAe;AAAA,WAAA,EAClB,CAAA;AAAA,0BACA,GAAA,CAAC,YAAA,CAAa,OAAA,EAAb,EACC,QAAA,kBAAA,GAAA;AAAA,YAAC,kBAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAiB,aAAA;AAAA,cACjB;AAAA;AAAA,WACF,EACF;AAAA,SAAA,EACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/EntityKyvernoPoliciesContent/EntityKyvernoPoliciesContent.esm.js

@@ -45,6 +45,7 @@ const EntityKyvernoPoliciesContent = ({
         search: getResourceName(annotations)
       },
       defaultEnvironment: environments[0].entityRef,
+      context: "namespaced",
       children: /* @__PURE__ */ jsxs(Container, { children: [
         /* @__PURE__ */ jsx(
           Header,

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

@@ -1 +1 @@
-{"version":3,"file":"EntityKyvernoPoliciesContent.esm.js","sources":["../../../src/components/EntityKyvernoPoliciesContent/EntityKyvernoPoliciesContent.tsx"],"sourcesContent":["import { Content, Progress } from '@backstage/core-components';\nimport {\n  MissingAnnotationEmptyState,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Container, Header } from '@backstage/ui';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport {\n  getKinds,\n  getNamespaces,\n  getResourceName,\n  isPolicyReporterAvailable,\n} from '../../utils/annotations';\nimport { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState';\nimport { useEntityEnvironment } from '../../hooks/useEntityEnvironment';\nimport { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters';\nimport { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { SelectSeverity } from '../SelectSeverity';\nimport { SelectStatus } from '../SelectStatus';\nimport { FilterLayout } from '../FilterLayout';\n\ntype KyvernoPoliciesContentProps = {\n  annotationsDocumentationUrl?: string;\n  policyDocumentationUrl?: string;\n};\n\nexport const EntityKyvernoPoliciesContent = ({\n  annotationsDocumentationUrl,\n  policyDocumentationUrl,\n}: KyvernoPoliciesContentProps) => {\n  const { entity } = useEntity();\n  const annotations = entity.metadata.annotations;\n\n  const annotationsState = isPolicyReporterAvailable(entity);\n\n  const { environments, environmentsLoading } = useEntityEnvironment(\n    entity,\n    annotationsState,\n  );\n\n  // Annotations missing\n  if (!annotationsState)\n    return (\n      <Container>\n        <Content>\n          <MissingAnnotationEmptyState\n            readMoreUrl={annotationsDocumentationUrl}\n            annotation={KYVERNO_RESOURCE_NAME_ANNOTATION}\n          />\n        </Content>\n      </Container>\n    );\n\n  // Fetching environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (!environments?.length)\n    return (\n      <Container>\n        <Content>\n          <MissingEnvironmentsEmptyState entity={entity} />\n        </Content>\n      </Container>\n    );\n\n  return (\n    <PolicyReportsFiltersProvider\n      defaultFilters={{\n        namespaces: getNamespaces(annotations),\n        kinds: getKinds(annotations),\n        sources: ['kyverno'],\n        search: getResourceName(annotations),\n      }}\n      defaultEnvironment={environments[0].entityRef}\n    >\n      <Container>\n        <Header\n          title=\"Kyverno Policy Reports\"\n          customActions={<SelectEnvironment environments={environments} />}\n        />\n        <Content>\n          <FilterLayout>\n            <FilterLayout.Filters>\n              <SelectStatus />\n              <SelectSeverity />\n            </FilterLayout.Filters>\n            <FilterLayout.Content>\n              <PolicyReportsTable\n                emptyContentText=\"No policies found\"\n                policyDocumentationUrl={policyDocumentationUrl}\n              />\n            </FilterLayout.Content>\n          </FilterLayout>\n        </Content>\n      </Container>\n    </PolicyReportsFiltersProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA2BO,MAAM,+BAA+B,CAAC;AAAA,EAC3C,2BAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,WAAA,GAAc,OAAO,QAAA,CAAS,WAAA;AAEpC,EAAA,MAAM,gBAAA,GAAmB,0BAA0B,MAAM,CAAA;AAEzD,EAAA,MAAM,EAAE,YAAA,EAAc,mBAAA,EAAoB,GAAI,oBAAA;AAAA,IAC5C,MAAA;AAAA,IACA;AAAA,GACF;AAGA,EAAA,IAAI,CAAC,gBAAA;AACH,IAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAa,2BAAA;AAAA,QACb,UAAA,EAAY;AAAA;AAAA,OAEhB,CAAA,EACF,CAAA;AAIJ,EAAA,IAAI,mBAAA,EAAqB,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAG1C,EAAA,IAAI,CAAC,YAAA,EAAc,MAAA;AACjB,IAAA,uBACE,GAAA,CAAC,aACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,8BAAC,6BAAA,EAAA,EAA8B,MAAA,EAAgB,GACjD,CAAA,EACF,CAAA;AAGJ,EAAA,uBACE,GAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAgB;AAAA,QACd,UAAA,EAAY,cAAc,WAAW,CAAA;AAAA,QACrC,KAAA,EAAO,SAAS,WAAW,CAAA;AAAA,QAC3B,OAAA,EAAS,CAAC,SAAS,CAAA;AAAA,QACnB,MAAA,EAAQ,gBAAgB,WAAW;AAAA,OACrC;AAAA,MACA,kBAAA,EAAoB,YAAA,CAAa,CAAC,CAAA,CAAE,SAAA;AAAA,MAEpC,+BAAC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,wBAAA;AAAA,YACN,aAAA,kBAAe,GAAA,CAAC,iBAAA,EAAA,EAAkB,YAAA,EAA4B;AAAA;AAAA,SAChE;AAAA,wBACA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,YAAA,CAAa,SAAb,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,cAAA,EAAA,EAAe;AAAA,WAAA,EAClB,CAAA;AAAA,0BACA,GAAA,CAAC,YAAA,CAAa,OAAA,EAAb,EACC,QAAA,kBAAA,GAAA;AAAA,YAAC,kBAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAiB,mBAAA;AAAA,cACjB;AAAA;AAAA,WACF,EACF;AAAA,SAAA,EACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"EntityKyvernoPoliciesContent.esm.js","sources":["../../../src/components/EntityKyvernoPoliciesContent/EntityKyvernoPoliciesContent.tsx"],"sourcesContent":["import { Content, Progress } from '@backstage/core-components';\nimport {\n  MissingAnnotationEmptyState,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Container, Header } from '@backstage/ui';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport {\n  getKinds,\n  getNamespaces,\n  getResourceName,\n  isPolicyReporterAvailable,\n} from '../../utils/annotations';\nimport { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState';\nimport { useEntityEnvironment } from '../../hooks/useEntityEnvironment';\nimport { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters';\nimport { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { SelectSeverity } from '../SelectSeverity';\nimport { SelectStatus } from '../SelectStatus';\nimport { FilterLayout } from '../FilterLayout';\n\ntype KyvernoPoliciesContentProps = {\n  annotationsDocumentationUrl?: string;\n  policyDocumentationUrl?: string;\n};\n\nexport const EntityKyvernoPoliciesContent = ({\n  annotationsDocumentationUrl,\n  policyDocumentationUrl,\n}: KyvernoPoliciesContentProps) => {\n  const { entity } = useEntity();\n  const annotations = entity.metadata.annotations;\n\n  const annotationsState = isPolicyReporterAvailable(entity);\n\n  const { environments, environmentsLoading } = useEntityEnvironment(\n    entity,\n    annotationsState,\n  );\n\n  // Annotations missing\n  if (!annotationsState)\n    return (\n      <Container>\n        <Content>\n          <MissingAnnotationEmptyState\n            readMoreUrl={annotationsDocumentationUrl}\n            annotation={KYVERNO_RESOURCE_NAME_ANNOTATION}\n          />\n        </Content>\n      </Container>\n    );\n\n  // Fetching environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (!environments?.length)\n    return (\n      <Container>\n        <Content>\n          <MissingEnvironmentsEmptyState entity={entity} />\n        </Content>\n      </Container>\n    );\n\n  return (\n    <PolicyReportsFiltersProvider\n      defaultFilters={{\n        namespaces: getNamespaces(annotations),\n        kinds: getKinds(annotations),\n        sources: ['kyverno'],\n        search: getResourceName(annotations),\n      }}\n      defaultEnvironment={environments[0].entityRef}\n      context=\"namespaced\"\n    >\n      <Container>\n        <Header\n          title=\"Kyverno Policy Reports\"\n          customActions={<SelectEnvironment environments={environments} />}\n        />\n        <Content>\n          <FilterLayout>\n            <FilterLayout.Filters>\n              <SelectStatus />\n              <SelectSeverity />\n            </FilterLayout.Filters>\n            <FilterLayout.Content>\n              <PolicyReportsTable\n                emptyContentText=\"No policies found\"\n                policyDocumentationUrl={policyDocumentationUrl}\n              />\n            </FilterLayout.Content>\n          </FilterLayout>\n        </Content>\n      </Container>\n    </PolicyReportsFiltersProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA2BO,MAAM,+BAA+B,CAAC;AAAA,EAC3C,2BAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,WAAA,GAAc,OAAO,QAAA,CAAS,WAAA;AAEpC,EAAA,MAAM,gBAAA,GAAmB,0BAA0B,MAAM,CAAA;AAEzD,EAAA,MAAM,EAAE,YAAA,EAAc,mBAAA,EAAoB,GAAI,oBAAA;AAAA,IAC5C,MAAA;AAAA,IACA;AAAA,GACF;AAGA,EAAA,IAAI,CAAC,gBAAA;AACH,IAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAa,2BAAA;AAAA,QACb,UAAA,EAAY;AAAA;AAAA,OAEhB,CAAA,EACF,CAAA;AAIJ,EAAA,IAAI,mBAAA,EAAqB,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAG1C,EAAA,IAAI,CAAC,YAAA,EAAc,MAAA;AACjB,IAAA,uBACE,GAAA,CAAC,aACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,8BAAC,6BAAA,EAAA,EAA8B,MAAA,EAAgB,GACjD,CAAA,EACF,CAAA;AAGJ,EAAA,uBACE,GAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAgB;AAAA,QACd,UAAA,EAAY,cAAc,WAAW,CAAA;AAAA,QACrC,KAAA,EAAO,SAAS,WAAW,CAAA;AAAA,QAC3B,OAAA,EAAS,CAAC,SAAS,CAAA;AAAA,QACnB,MAAA,EAAQ,gBAAgB,WAAW;AAAA,OACrC;AAAA,MACA,kBAAA,EAAoB,YAAA,CAAa,CAAC,CAAA,CAAE,SAAA;AAAA,MACpC,OAAA,EAAQ,YAAA;AAAA,MAER,+BAAC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,wBAAA;AAAA,YACN,aAAA,kBAAe,GAAA,CAAC,iBAAA,EAAA,EAAkB,YAAA,EAA4B;AAAA;AAAA,SAChE;AAAA,wBACA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,YAAA,CAAa,SAAb,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,cAAA,EAAA,EAAe;AAAA,WAAA,EAClB,CAAA;AAAA,0BACA,GAAA,CAAC,YAAA,CAAa,OAAA,EAAb,EACC,QAAA,kBAAA,GAAA;AAAA,YAAC,kBAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAiB,mBAAA;AAAA,cACjB;AAAA;AAAA,WACF,EACF;AAAA,SAAA,EACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/MissingKubernetesCluster/MissingKubernetesCluster.esm.js

@@ -0,0 +1,27 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { EmptyState } from '@backstage/core-components';
+import { ButtonLink } from '@backstage/ui';
+
+const MissingKubernetesCluster = () => /* @__PURE__ */ jsx(
+  EmptyState,
+  {
+    missing: "content",
+    title: "No kubernetes-cluster Resources found",
+    description: /* @__PURE__ */ jsxs(Fragment, { children: [
+      "You need to define a Resource with the kubernetes-cluster type and a",
+      /* @__PURE__ */ jsx("code", { children: " kyverno.io/endpoint " }),
+      " annotation for this plugin to work."
+    ] }),
+    action: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      ButtonLink,
+      {
+        target: "_blank",
+        href: "https://github.com/kyverno/backstage-policy-reporter-plugin",
+        children: "Read More"
+      }
+    ) })
+  }
+);
+
+export { MissingKubernetesCluster };
+//# sourceMappingURL=MissingKubernetesCluster.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MissingKubernetesCluster.esm.js","sources":["../../../src/components/MissingKubernetesCluster/MissingKubernetesCluster.tsx"],"sourcesContent":["import { EmptyState } from '@backstage/core-components';\nimport { ButtonLink } from '@backstage/ui';\n\nexport const MissingKubernetesCluster = () => (\n  <EmptyState\n    missing=\"content\"\n    title=\"No kubernetes-cluster Resources found\"\n    description={\n      <>\n        You need to define a Resource with the kubernetes-cluster type and a\n        <code> kyverno.io/endpoint </code> annotation for this plugin to work.\n      </>\n    }\n    action={\n      <>\n        <ButtonLink\n          target=\"_blank\"\n          href=\"https://github.com/kyverno/backstage-policy-reporter-plugin\"\n        >\n          Read More\n        </ButtonLink>\n      </>\n    }\n  />\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,2BAA2B,sBACtC,GAAA;AAAA,EAAC,UAAA;AAAA,EAAA;AAAA,IACC,OAAA,EAAQ,SAAA;AAAA,IACR,KAAA,EAAM,uCAAA;AAAA,IACN,6BACE,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,MAAA,sEAAA;AAAA,sBAEA,GAAA,CAAC,UAAK,QAAA,EAAA,uBAAA,EAAqB,CAAA;AAAA,MAAO;AAAA,KAAA,EACpC,CAAA;AAAA,IAEF,wBACE,GAAA,CAAA,QAAA,EAAA,EACE,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAO,QAAA;AAAA,QACP,IAAA,EAAK,6DAAA;AAAA,QACN,QAAA,EAAA;AAAA;AAAA,KAED,EACF;AAAA;AAEJ;;;;"}

package/dist/components/PolicyReportsPage/PolicyReportsPage.esm.js

@@ -1,6 +1,6 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Progress, Content, EmptyState } from '@backstage/core-components';
-import { Container, Header, ButtonLink, Flex } from '@backstage/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Progress, Content } from '@backstage/core-components';
+import { Container, Header, Flex } from '@backstage/ui';
 import { useEnvironments } from '../../hooks/useEnvironments.esm.js';
 import { SelectEnvironment } from '../SelectEnvironment/SelectEnvironment.esm.js';
 import { PolicyReportsTable } from '../PolicyReportsTable/PolicyReportsTable.esm.js';
@@ -10,10 +10,16 @@ import { SelectNamespace } from '../SelectNamespace/SelectNamespace.esm.js';
 import { SearchField } from '../SearchField/SearchField.esm.js';
 import { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters.esm.js';
 import { FilterLayout } from '../FilterLayout/FilterLayout.esm.js';
+import { SelectSource } from '../SelectSource/SelectSource.esm.js';
+import { SelectKind } from '../SelectKind/SelectKind.esm.js';
+import { SelectCategory } from '../SelectCategory/SelectCategory.esm.js';
+import { SelectPolicy } from '../SelectPolicy/SelectPolicy.esm.js';
+import { MissingKubernetesCluster } from '../MissingKubernetesCluster/MissingKubernetesCluster.esm.js';
 
 const PolicyReportsPage = ({
   title = "Policy Reports",
-  policyDocumentationUrl
+  policyDocumentationUrl,
+  subtitle
 }) => {
   const { environments, environmentsLoading } = useEnvironments();
   const defaultFilter = {
@@ -23,30 +29,12 @@ const PolicyReportsPage = ({
   if (!environments?.length)
     return /* @__PURE__ */ jsxs(Container, { children: [
       /* @__PURE__ */ jsx(Header, { title }),
-      /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
-        EmptyState,
-        {
-          missing: "content",
-          title: "No kubernetes-cluster Resources found",
-          description: /* @__PURE__ */ jsxs(Fragment, { children: [
-            "You need to define a Resource with the kubernetes-cluster type and a",
-            /* @__PURE__ */ jsx("code", { children: " kyverno.io/endpoint " }),
-            " annotation for this plugin to work."
-          ] }),
-          action: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-            ButtonLink,
-            {
-              target: "_blank",
-              href: "https://github.com/kyverno/backstage-policy-reporter-plugin",
-              children: "Read More"
-            }
-          ) })
-        }
-      ) })
+      /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(MissingKubernetesCluster, {}) })
     ] });
   return /* @__PURE__ */ jsx(
     PolicyReportsFiltersProvider,
     {
+      context: "namespaced",
       defaultFilters: defaultFilter,
       defaultEnvironment: environments[0].entityRef,
       children: /* @__PURE__ */ jsxs(Container, { children: [
@@ -54,6 +42,7 @@ const PolicyReportsPage = ({
           Header,
           {
             title,
+            description: subtitle,
             customActions: /* @__PURE__ */ jsx(SelectEnvironment, { environments })
           }
         ),
@@ -61,7 +50,11 @@ const PolicyReportsPage = ({
           /* @__PURE__ */ jsxs(FilterLayout.Filters, { children: [
             /* @__PURE__ */ jsx(SelectStatus, {}),
             /* @__PURE__ */ jsx(SelectSeverity, {}),
-            /* @__PURE__ */ jsx(SelectNamespace, {})
+            /* @__PURE__ */ jsx(SelectNamespace, {}),
+            /* @__PURE__ */ jsx(SelectSource, {}),
+            /* @__PURE__ */ jsx(SelectKind, {}),
+            /* @__PURE__ */ jsx(SelectCategory, {}),
+            /* @__PURE__ */ jsx(SelectPolicy, {})
           ] }),
           /* @__PURE__ */ jsx(FilterLayout.Content, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", children: [
             /* @__PURE__ */ jsx(SearchField, {}),

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyReportsPage.esm.js","sources":["../../../src/components/PolicyReportsPage/PolicyReportsPage.tsx"],"sourcesContent":["import { Content, EmptyState, Progress } from '@backstage/core-components';\nimport { Container, Flex, Header, ButtonLink } from '@backstage/ui';\nimport { useEnvironments } from '../../hooks/useEnvironments';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { SelectStatus } from '../SelectStatus';\nimport { SelectSeverity } from '../SelectSeverity';\nimport { SelectNamespace } from '../SelectNamespace';\nimport { SearchField } from '../SearchField';\nimport { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters';\nimport { Filter } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { FilterLayout } from '../FilterLayout';\n\nexport interface PolicyReportsPageProps {\n  title?: string;\n  policyDocumentationUrl?: string;\n  subtitle?: string;\n}\n\nexport const PolicyReportsPage = ({\n  title = 'Policy Reports',\n  policyDocumentationUrl,\n}: PolicyReportsPageProps) => {\n  const { environments, environmentsLoading } = useEnvironments();\n\n  const defaultFilter: Filter = {\n    status: ['fail'],\n  };\n\n  // Loading environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (!environments?.length)\n    return (\n      <Container>\n        <Header title={title} />\n        <Content>\n          <EmptyState\n            missing=\"content\"\n            title=\"No kubernetes-cluster Resources found\"\n            description={\n              <>\n                You need to define a Resource with the kubernetes-cluster type\n                and a<code> kyverno.io/endpoint </code> annotation for this\n                plugin to work.\n              </>\n            }\n            action={\n              <>\n                <ButtonLink\n                  target=\"_blank\"\n                  href=\"https://github.com/kyverno/backstage-policy-reporter-plugin\"\n                >\n                  Read More\n                </ButtonLink>\n              </>\n            }\n          />\n        </Content>\n      </Container>\n    );\n\n  return (\n    <PolicyReportsFiltersProvider\n      defaultFilters={defaultFilter}\n      defaultEnvironment={environments[0].entityRef}\n    >\n      <Container>\n        <Header\n          title={title}\n          customActions={<SelectEnvironment environments={environments} />}\n        />\n        <Content>\n          <FilterLayout>\n            <FilterLayout.Filters>\n              <SelectStatus />\n              <SelectSeverity />\n              <SelectNamespace />\n            </FilterLayout.Filters>\n            <FilterLayout.Content>\n              <Flex direction=\"column\" gap=\"4\">\n                <SearchField />\n                <PolicyReportsTable\n                  emptyContentText=\"No policies found\"\n                  policyDocumentationUrl={policyDocumentationUrl}\n                />\n              </Flex>\n            </FilterLayout.Content>\n          </FilterLayout>\n        </Content>\n      </Container>\n    </PolicyReportsFiltersProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAmBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,KAAA,GAAQ,gBAAA;AAAA,EACR;AACF,CAAA,KAA8B;AAC5B,EAAA,MAAM,EAAE,YAAA,EAAc,mBAAA,EAAoB,GAAI,eAAA,EAAgB;AAE9D,EAAA,MAAM,aAAA,GAAwB;AAAA,IAC5B,MAAA,EAAQ,CAAC,MAAM;AAAA,GACjB;AAGA,EAAA,IAAI,mBAAA,EAAqB,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAG1C,EAAA,IAAI,CAAC,YAAA,EAAc,MAAA;AACjB,IAAA,4BACG,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAO,KAAA,EAAc,CAAA;AAAA,0BACrB,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,SAAA;AAAA,UACR,KAAA,EAAM,uCAAA;AAAA,UACN,6BACE,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,YAAA,sEAAA;AAAA,4BAEK,GAAA,CAAC,UAAK,QAAA,EAAA,uBAAA,EAAqB,CAAA;AAAA,YAAO;AAAA,WAAA,EAEzC,CAAA;AAAA,UAEF,wBACE,GAAA,CAAA,QAAA,EAAA,EACE,QAAA,kBAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,MAAA,EAAO,QAAA;AAAA,cACP,IAAA,EAAK,6DAAA;AAAA,cACN,QAAA,EAAA;AAAA;AAAA,WAED,EACF;AAAA;AAAA,OAEJ,EACF;AAAA,KAAA,EACF,CAAA;AAGJ,EAAA,uBACE,GAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAgB,aAAA;AAAA,MAChB,kBAAA,EAAoB,YAAA,CAAa,CAAC,CAAA,CAAE,SAAA;AAAA,MAEpC,+BAAC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA;AAAA,YACA,aAAA,kBAAe,GAAA,CAAC,iBAAA,EAAA,EAAkB,YAAA,EAA4B;AAAA;AAAA,SAChE;AAAA,wBACA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,YAAA,CAAa,SAAb,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,cAAA,EAAA,EAAe,CAAA;AAAA,gCACf,eAAA,EAAA,EAAgB;AAAA,WAAA,EACnB,CAAA;AAAA,0BACA,GAAA,CAAC,aAAa,OAAA,EAAb,EACC,+BAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,GAAA,EAAI,GAAA,EAC3B,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA;AAAA,4BACb,GAAA;AAAA,cAAC,kBAAA;AAAA,cAAA;AAAA,gBACC,gBAAA,EAAiB,mBAAA;AAAA,gBACjB;AAAA;AAAA;AACF,WAAA,EACF,CAAA,EACF;AAAA,SAAA,EACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"PolicyReportsPage.esm.js","sources":["../../../src/components/PolicyReportsPage/PolicyReportsPage.tsx"],"sourcesContent":["import { Content, Progress } from '@backstage/core-components';\nimport { Container, Flex, Header } from '@backstage/ui';\nimport { useEnvironments } from '../../hooks/useEnvironments';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { SelectStatus } from '../SelectStatus';\nimport { SelectSeverity } from '../SelectSeverity';\nimport { SelectNamespace } from '../SelectNamespace';\nimport { SearchField } from '../SearchField';\nimport { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters';\nimport { Filter } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { FilterLayout } from '../FilterLayout';\nimport { SelectSource } from '../SelectSource';\nimport { SelectKind } from '../SelectKind';\nimport { SelectCategory } from '../SelectCategory';\nimport { SelectPolicy } from '../SelectPolicy';\nimport { MissingKubernetesCluster } from '../MissingKubernetesCluster';\n\nexport interface PolicyReportsPageProps {\n  title?: string;\n  policyDocumentationUrl?: string;\n  subtitle?: string;\n}\n\nexport const PolicyReportsPage = ({\n  title = 'Policy Reports',\n  policyDocumentationUrl,\n  subtitle,\n}: PolicyReportsPageProps) => {\n  const { environments, environmentsLoading } = useEnvironments();\n\n  const defaultFilter: Filter = {\n    status: ['fail'],\n  };\n\n  // Loading environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (!environments?.length)\n    return (\n      <Container>\n        <Header title={title} />\n        <Content>\n          <MissingKubernetesCluster />\n        </Content>\n      </Container>\n    );\n\n  return (\n    <PolicyReportsFiltersProvider\n      context=\"namespaced\"\n      defaultFilters={defaultFilter}\n      defaultEnvironment={environments[0].entityRef}\n    >\n      <Container>\n        <Header\n          title={title}\n          description={subtitle}\n          customActions={<SelectEnvironment environments={environments} />}\n        />\n        <Content>\n          <FilterLayout>\n            <FilterLayout.Filters>\n              <SelectStatus />\n              <SelectSeverity />\n              <SelectNamespace />\n              <SelectSource />\n              <SelectKind />\n              <SelectCategory />\n              <SelectPolicy />\n            </FilterLayout.Filters>\n            <FilterLayout.Content>\n              <Flex direction=\"column\" gap=\"4\">\n                <SearchField />\n                <PolicyReportsTable\n                  emptyContentText=\"No policies found\"\n                  policyDocumentationUrl={policyDocumentationUrl}\n                />\n              </Flex>\n            </FilterLayout.Content>\n          </FilterLayout>\n        </Content>\n      </Container>\n    </PolicyReportsFiltersProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAwBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,KAAA,GAAQ,gBAAA;AAAA,EACR,sBAAA;AAAA,EACA;AACF,CAAA,KAA8B;AAC5B,EAAA,MAAM,EAAE,YAAA,EAAc,mBAAA,EAAoB,GAAI,eAAA,EAAgB;AAE9D,EAAA,MAAM,aAAA,GAAwB;AAAA,IAC5B,MAAA,EAAQ,CAAC,MAAM;AAAA,GACjB;AAGA,EAAA,IAAI,mBAAA,EAAqB,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAG1C,EAAA,IAAI,CAAC,YAAA,EAAc,MAAA;AACjB,IAAA,4BACG,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAO,KAAA,EAAc,CAAA;AAAA,sBACtB,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,wBAAA,EAAA,EAAyB,CAAA,EAC5B;AAAA,KAAA,EACF,CAAA;AAGJ,EAAA,uBACE,GAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,YAAA;AAAA,MACR,cAAA,EAAgB,aAAA;AAAA,MAChB,kBAAA,EAAoB,YAAA,CAAa,CAAC,CAAA,CAAE,SAAA;AAAA,MAEpC,+BAAC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA;AAAA,YACA,WAAA,EAAa,QAAA;AAAA,YACb,aAAA,kBAAe,GAAA,CAAC,iBAAA,EAAA,EAAkB,YAAA,EAA4B;AAAA;AAAA,SAChE;AAAA,wBACA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,YAAA,CAAa,SAAb,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,cAAA,EAAA,EAAe,CAAA;AAAA,gCACf,eAAA,EAAA,EAAgB,CAAA;AAAA,gCAChB,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,UAAA,EAAA,EAAW,CAAA;AAAA,gCACX,cAAA,EAAA,EAAe,CAAA;AAAA,gCACf,YAAA,EAAA,EAAa;AAAA,WAAA,EAChB,CAAA;AAAA,0BACA,GAAA,CAAC,aAAa,OAAA,EAAb,EACC,+BAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,GAAA,EAAI,GAAA,EAC3B,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA;AAAA,4BACb,GAAA;AAAA,cAAC,kBAAA;AAAA,cAAA;AAAA,gBACC,gBAAA,EAAiB,mBAAA;AAAA,gBACjB;AAAA;AAAA;AACF,WAAA,EACF,CAAA,EACF;AAAA,SAAA,EACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/PolicyReportsTable/PolicyReportsTable.esm.js

@@ -5,7 +5,7 @@ import { StatusComponent } from '../StatusComponent/StatusComponent.esm.js';
 import { SeverityComponent } from '../SeverityComponent/SeverityComponent.esm.js';
 import { PolicyReportsDrawerComponent } from '../PolicyReportsDrawerComponent/PolicyReportsDrawerComponent.esm.js';
 import { useTable, Table, Text, CellText, Cell, Link } from '@backstage/ui';
-import { useApi } from '@backstage/frontend-plugin-api';
+import { useApi, toastApiRef } from '@backstage/frontend-plugin-api';
 import { policyReporterApiRef } from '../../api/PolicyReporterClient.esm.js';
 import { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters.esm.js';
 
@@ -14,8 +14,9 @@ const PolicyReportsTable = ({
   policyDocumentationUrl
 }) => {
   const policyReporterApi = useApi(policyReporterApiRef);
-  const { filter, environment } = usePolicyReportsFilters();
+  const { filter, environment, context } = usePolicyReportsFilters();
   const search = filter.search;
+  const toast = useApi(toastApiRef);
   const [drawerContent, setDrawerContent] = useState(
     void 0
   );
@@ -30,7 +31,7 @@ const PolicyReportsTable = ({
       search: searchParam
     }) => {
       const page = Math.floor(offset / pageSize) + 1;
-      const response = await policyReporterApi.getNamespacedResults({
+      const request = {
         query: {
           environment: encodeURI(environment),
           page,
@@ -38,8 +39,17 @@ const PolicyReportsTable = ({
           ...fetchFilter,
           search: searchParam === "" ? void 0 : searchParam
         }
-      });
+      };
+      const response = context === "cluster" ? await policyReporterApi.getClusterResults(request) : await policyReporterApi.getNamespacedResults(request);
       const result = await response.json();
+      if (!response.ok) {
+        toast.post({
+          title: "Failed to fetch policies",
+          description: result.error || response.statusText || `Request failed with status ${response.status}`,
+          status: "danger"
+        });
+        return { data: [], totalCount: 0 };
+      }
       return {
         data: result.items,
         totalCount: result.count
@@ -53,12 +63,14 @@ const PolicyReportsTable = ({
       isRowHeader: true,
       cell: (item) => /* @__PURE__ */ jsx(CellText, { title: item.name })
     },
-    {
-      id: "namespace",
-      label: "Namespace",
-      isRowHeader: true,
-      cell: (item) => /* @__PURE__ */ jsx(CellText, { title: item.namespace })
-    },
+    ...context === "namespaced" ? [
+      {
+        id: "namespace",
+        label: "Namespace",
+        isRowHeader: true,
+        cell: (item) => /* @__PURE__ */ jsx(CellText, { title: item.namespace })
+      }
+    ] : [],
     {
       id: "kind",
       label: "Kind",

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyReportsTable.esm.js","sources":["../../../src/components/PolicyReportsTable/PolicyReportsTable.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { ListResult } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { Drawer } from '@material-ui/core';\nimport { StatusComponent } from '../StatusComponent';\nimport { SeverityComponent } from '../SeverityComponent';\nimport { PolicyReportsDrawerComponent } from '../PolicyReportsDrawerComponent';\nimport {\n  CellText,\n  ColumnConfig,\n  Text,\n  useTable,\n  Table,\n  Cell,\n  Link,\n} from '@backstage/ui';\nimport { useApi } from '@backstage/frontend-plugin-api';\nimport { policyReporterApiRef } from '../../api';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\n\ninterface PolicyReportsTableProps {\n  emptyContentText: string;\n  policyDocumentationUrl?: string;\n}\n\nexport const PolicyReportsTable = ({\n  emptyContentText,\n  policyDocumentationUrl,\n}: PolicyReportsTableProps) => {\n  const policyReporterApi = useApi(policyReporterApiRef);\n  const { filter, environment } = usePolicyReportsFilters();\n  const search = filter.search;\n\n  const [drawerContent, setDrawerContent] = useState<ListResult | undefined>(\n    undefined,\n  );\n\n  const { tableProps } = useTable({\n    filter,\n    mode: 'offset',\n    search: search,\n    getData: async ({\n      offset,\n      pageSize,\n      filter: fetchFilter,\n      search: searchParam,\n    }) => {\n      // useTable provides:\n      // - offset: absolute record position (0, 20, 40, 60...)\n      // - pageSize: number of records per page (20)\n      //\n      // Policy Reporter API expects:\n      // - page: page number starting from 1 (1, 2, 3, 4...)\n      // - offset: number of results per page (this is actually pageSize)\n      //\n      // Example calculations:\n      // useTable offset=0,  pageSize=20 → page=1 (first 20 records)\n      // useTable offset=20, pageSize=20 → page=2 (records 21-40)\n      // useTable offset=40, pageSize=20 → page=3 (records 41-60)\n\n      // Convert useTable's absolute offset to 1-indexed page number\n      // Math.floor(0/20) + 1 = 1, Math.floor(20/20) + 1 = 2, etc.\n      const page = Math.floor(offset / pageSize) + 1;\n\n      const response = await policyReporterApi.getNamespacedResults({\n        query: {\n          environment: encodeURI(environment),\n          page: page,\n          offset: pageSize,\n          ...fetchFilter,\n          search: searchParam === '' ? undefined : searchParam,\n        },\n      });\n\n      const result = await response.json();\n\n      return {\n        data: result.items,\n        totalCount: result.count,\n      };\n    },\n  });\n\n  const columns: ColumnConfig<ListResult>[] = [\n    {\n      id: 'name',\n      label: 'Name',\n      isRowHeader: true,\n      cell: item => <CellText title={item.name} />,\n    },\n    {\n      id: 'namespace',\n      label: 'Namespace',\n      isRowHeader: true,\n      cell: item => <CellText title={item.namespace} />,\n    },\n    {\n      id: 'kind',\n      label: 'Kind',\n      isRowHeader: true,\n      cell: item => <CellText title={item.kind} />,\n    },\n    {\n      id: 'policy',\n      label: 'Policy',\n      isRowHeader: true,\n      cell: item => {\n        if (policyDocumentationUrl) {\n          return (\n            <Cell>\n              <Link\n                target=\"_blank\"\n                href={`${policyDocumentationUrl}#${item.policy}`}\n              >\n                {item.policy}\n              </Link>\n            </Cell>\n          );\n        }\n        return <CellText title={item.policy} />;\n      },\n    },\n    {\n      id: 'rule',\n      label: 'Rule',\n      isRowHeader: true,\n      cell: item => <CellText title={item.rule} />,\n    },\n    {\n      id: 'status',\n      label: 'Status',\n      isRowHeader: true,\n      cell: item => (\n        <Cell>\n          <StatusComponent status={item.status} />\n        </Cell>\n      ),\n    },\n    {\n      id: 'severity',\n      label: 'Severity',\n      isRowHeader: true,\n      cell: item => (\n        <Cell>\n          <SeverityComponent severity={item.severity} />\n        </Cell>\n      ),\n    },\n  ];\n\n  return (\n    <>\n      <Drawer\n        anchor=\"right\"\n        open={Boolean(drawerContent)}\n        onClose={() => setDrawerContent(undefined)}\n      >\n        <PolicyReportsDrawerComponent content={drawerContent} />\n      </Drawer>\n      <Table\n        rowConfig={{\n          onClick: item => setDrawerContent(item),\n        }}\n        emptyState={\n          search ? (\n            <Text>No results match \"{search}\"</Text>\n          ) : (\n            <Text>{emptyContentText}</Text>\n          )\n        }\n        columnConfig={columns}\n        {...tableProps}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PolicyReportsTable.esm.js","sources":["../../../src/components/PolicyReportsTable/PolicyReportsTable.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  GetClusterResults,\n  GetNamespacedResults,\n  ListResult,\n  RequestError,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { Drawer } from '@material-ui/core';\nimport { StatusComponent } from '../StatusComponent';\nimport { SeverityComponent } from '../SeverityComponent';\nimport { PolicyReportsDrawerComponent } from '../PolicyReportsDrawerComponent';\nimport {\n  CellText,\n  ColumnConfig,\n  Text,\n  useTable,\n  Table,\n  Cell,\n  Link,\n} from '@backstage/ui';\nimport { toastApiRef, useApi } from '@backstage/frontend-plugin-api';\nimport { policyReporterApiRef } from '../../api';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\n\ninterface PolicyReportsTableProps {\n  emptyContentText: string;\n  policyDocumentationUrl?: string;\n}\n\nexport const PolicyReportsTable = ({\n  emptyContentText,\n  policyDocumentationUrl,\n}: PolicyReportsTableProps) => {\n  const policyReporterApi = useApi(policyReporterApiRef);\n  const { filter, environment, context } = usePolicyReportsFilters();\n  const search = filter.search;\n  const toast = useApi(toastApiRef);\n\n  const [drawerContent, setDrawerContent] = useState<ListResult | undefined>(\n    undefined,\n  );\n\n  const { tableProps } = useTable({\n    filter,\n    mode: 'offset',\n    search: search,\n    getData: async ({\n      offset,\n      pageSize,\n      filter: fetchFilter,\n      search: searchParam,\n    }) => {\n      // useTable provides:\n      // - offset: absolute record position (0, 20, 40, 60...)\n      // - pageSize: number of records per page (20)\n      //\n      // Policy Reporter API expects:\n      // - page: page number starting from 1 (1, 2, 3, 4...)\n      // - offset: number of results per page (this is actually pageSize)\n      //\n      // Example calculations:\n      // useTable offset=0,  pageSize=20 → page=1 (first 20 records)\n      // useTable offset=20, pageSize=20 → page=2 (records 21-40)\n      // useTable offset=40, pageSize=20 → page=3 (records 41-60)\n\n      // Convert useTable's absolute offset to 1-indexed page number\n      // Math.floor(0/20) + 1 = 1, Math.floor(20/20) + 1 = 2, etc.\n      const page = Math.floor(offset / pageSize) + 1;\n\n      const request: GetClusterResults | GetNamespacedResults = {\n        query: {\n          environment: encodeURI(environment),\n          page: page,\n          offset: pageSize,\n          ...fetchFilter,\n          search: searchParam === '' ? undefined : searchParam,\n        },\n      };\n\n      const response =\n        context === 'cluster'\n          ? await policyReporterApi.getClusterResults(request)\n          : await policyReporterApi.getNamespacedResults(request);\n\n      const result = await response.json();\n\n      if (!response.ok) {\n        toast.post({\n          title: 'Failed to fetch policies',\n          description:\n            (result as unknown as RequestError).error ||\n            response.statusText ||\n            `Request failed with status ${response.status}`,\n          status: 'danger',\n        });\n        return { data: [], totalCount: 0 };\n      }\n\n      return {\n        data: result.items,\n        totalCount: result.count,\n      };\n    },\n  });\n\n  const columns: ColumnConfig<ListResult>[] = [\n    {\n      id: 'name',\n      label: 'Name',\n      isRowHeader: true,\n      cell: item => <CellText title={item.name} />,\n    },\n    ...(context === 'namespaced'\n      ? ([\n          {\n            id: 'namespace',\n            label: 'Namespace',\n            isRowHeader: true,\n            cell: item => <CellText title={item.namespace} />,\n          },\n        ] as ColumnConfig<ListResult>[])\n      : []),\n    {\n      id: 'kind',\n      label: 'Kind',\n      isRowHeader: true,\n      cell: item => <CellText title={item.kind} />,\n    },\n    {\n      id: 'policy',\n      label: 'Policy',\n      isRowHeader: true,\n      cell: item => {\n        if (policyDocumentationUrl) {\n          return (\n            <Cell>\n              <Link\n                target=\"_blank\"\n                href={`${policyDocumentationUrl}#${item.policy}`}\n              >\n                {item.policy}\n              </Link>\n            </Cell>\n          );\n        }\n        return <CellText title={item.policy} />;\n      },\n    },\n    {\n      id: 'rule',\n      label: 'Rule',\n      isRowHeader: true,\n      cell: item => <CellText title={item.rule} />,\n    },\n    {\n      id: 'status',\n      label: 'Status',\n      isRowHeader: true,\n      cell: item => (\n        <Cell>\n          <StatusComponent status={item.status} />\n        </Cell>\n      ),\n    },\n    {\n      id: 'severity',\n      label: 'Severity',\n      isRowHeader: true,\n      cell: item => (\n        <Cell>\n          <SeverityComponent severity={item.severity} />\n        </Cell>\n      ),\n    },\n  ];\n\n  return (\n    <>\n      <Drawer\n        anchor=\"right\"\n        open={Boolean(drawerContent)}\n        onClose={() => setDrawerContent(undefined)}\n      >\n        <PolicyReportsDrawerComponent content={drawerContent} />\n      </Drawer>\n      <Table\n        rowConfig={{\n          onClick: item => setDrawerContent(item),\n        }}\n        emptyState={\n          search ? (\n            <Text>No results match \"{search}\"</Text>\n          ) : (\n            <Text>{emptyContentText}</Text>\n          )\n        }\n        columnConfig={columns}\n        {...tableProps}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}