@backstage/plugin-catalog 0.7.6 → 0.7.9

package/CHANGELOG.md

@@ -1,5 +1,72 @@
 # @backstage/plugin-catalog
 
+## 0.7.9
+
+### Patch Changes
+
+- 7ba416be78: **@backstage/plugin-user-settings:** Hide Header on mobile screens to improve the UI & give more space to the content. Furthermore, the "Pin Sidebar" setting is removed on mobile screens, as the mobile sidebar is always pinned to the bottom.
+
+  **Other plugins:** Smaller style adjustments across plugins to improve the UI on mobile devices.
+
+- 51fbedc445: Migrated usage of deprecated `IdentityApi` methods.
+- c54c0d9d10: Add permission check to unregister entity button
+
+  If the permissions framework is disabled, this change should have no effect. If the permission framework is enabled, the unregister entity button will be disabled for those who do not have access to the `catalogEntityDeletePermission` as specified in your permission policy.
+
+- 61ded2a863: Export the `RelatedEntitiesCard` component which is helpful in case you want to model custom relations between entities
+- 2b27e49eb1: Internal update to match status field changes in `@backstage/catalog-model`.
+- Updated dependencies
+  - @backstage/core-components@0.8.5
+  - @backstage/core-plugin-api@0.6.0
+  - @backstage/plugin-catalog-react@0.6.12
+  - @backstage/plugin-catalog-common@0.1.1
+  - @backstage/catalog-model@0.9.10
+  - @backstage/catalog-client@0.5.5
+  - @backstage/integration-react@0.1.19
+
+## 0.7.9-next.0
+
+### Patch Changes
+
+- 7ba416be78: **@backstage/plugin-user-settings:** Hide Header on mobile screens to improve the UI & give more space to the content. Furthermore, the "Pin Sidebar" setting is removed on mobile screens, as the mobile sidebar is always pinned to the bottom.
+
+  **Other plugins:** Smaller style adjustments across plugins to improve the UI on mobile devices.
+
+- 51fbedc445: Migrated usage of deprecated `IdentityApi` methods.
+- 2b27e49eb1: Internal update to match status field changes in `@backstage/catalog-model`.
+- Updated dependencies
+  - @backstage/core-components@0.8.5-next.0
+  - @backstage/core-plugin-api@0.6.0-next.0
+  - @backstage/plugin-catalog-react@0.6.12-next.0
+  - @backstage/catalog-model@0.9.10-next.0
+  - @backstage/integration-react@0.1.19-next.0
+  - @backstage/catalog-client@0.5.5-next.0
+
+## 0.7.8
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.8.4
+  - @backstage/core-plugin-api@0.5.0
+  - @backstage/plugin-catalog-react@0.6.11
+  - @backstage/errors@0.2.0
+  - @backstage/catalog-client@0.5.4
+  - @backstage/catalog-model@0.9.9
+  - @backstage/integration-react@0.1.18
+
+## 0.7.7
+
+### Patch Changes
+
+- 4ce51ab0f1: Internal refactor of the `react-use` imports to use `react-use/lib/*` instead.
+- 11b81683a9: Support customizing index page layouts via outlets
+- e195390974: Allow entities from `file` locations to be manually refreshed through the UI
+- Updated dependencies
+  - @backstage/core-plugin-api@0.4.1
+  - @backstage/plugin-catalog-react@0.6.10
+  - @backstage/core-components@0.8.3
+
 ## 0.7.6
 
 ### Patch Changes

package/dist/esm/{index-09f72bec.esm.js → index-1d9c4228.esm.js}

@@ -1,6 +1,6 @@
 import { RELATION_DEPENDS_ON } from '@backstage/catalog-model';
 import React from 'react';
-import { R as RelatedEntitiesCard, r as resourceEntityColumns, d as componentEntityHelpLink, f as asResourceEntities } from './presets-42c2cb51.esm.js';
+import { R as RelatedEntitiesCard, r as resourceEntityColumns, d as componentEntityHelpLink, f as asResourceEntities } from './presets-711f07f8.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
@@ -19,4 +19,4 @@ const DependsOnResourcesCard = ({ variant = "gridItem" }) => {
 };
 
 export { DependsOnResourcesCard };
-//# sourceMappingURL=index-09f72bec.esm.js.map
+//# sourceMappingURL=index-1d9c4228.esm.js.map

package/dist/esm/{index-09f72bec.esm.js.map → index-1d9c4228.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-09f72bec.esm.js","sources":["../../src/components/DependsOnResourcesCard/DependsOnResourcesCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 */\n\nimport { RELATION_DEPENDS_ON } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n  asResourceEntities,\n  componentEntityHelpLink,\n  RelatedEntitiesCard,\n  resourceEntityColumns,\n} from '../RelatedEntitiesCard';\n\ntype Props = {\n  variant?: 'gridItem';\n};\n\nexport const DependsOnResourcesCard = ({ variant = 'gridItem' }: Props) => {\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title=\"Depends on resources\"\n      entityKind=\"Resource\"\n      relationType={RELATION_DEPENDS_ON}\n      columns={resourceEntityColumns}\n      emptyMessage=\"No resource is a dependency of this component\"\n      emptyHelpLink={componentEntityHelpLink}\n      asRenderableEntities={asResourceEntities}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;MA6Ba,yBAAyB,CAAC,EAAE,UAAU,iBAAwB;AACzE,6CACG,qBAAD;AAAA,IACE;AAAA,IACA,OAAM;AAAA,IACN,YAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,cAAa;AAAA,IACb,eAAe;AAAA,IACf,sBAAsB;AAAA;AAAA;;;;"}
+{"version":3,"file":"index-1d9c4228.esm.js","sources":["../../src/components/DependsOnResourcesCard/DependsOnResourcesCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 */\n\nimport { RELATION_DEPENDS_ON } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n  asResourceEntities,\n  componentEntityHelpLink,\n  RelatedEntitiesCard,\n  resourceEntityColumns,\n} from '../RelatedEntitiesCard';\n\ntype Props = {\n  variant?: 'gridItem';\n};\n\nexport const DependsOnResourcesCard = ({ variant = 'gridItem' }: Props) => {\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title=\"Depends on resources\"\n      entityKind=\"Resource\"\n      relationType={RELATION_DEPENDS_ON}\n      columns={resourceEntityColumns}\n      emptyMessage=\"No resource is a dependency of this component\"\n      emptyHelpLink={componentEntityHelpLink}\n      asRenderableEntities={asResourceEntities}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;MA6Ba,yBAAyB,CAAC,EAAE,UAAU,iBAAwB;AACzE,6CACG,qBAAD;AAAA,IACE;AAAA,IACA,OAAM;AAAA,IACN,YAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,cAAa;AAAA,IACb,eAAe;AAAA,IACf,sBAAsB;AAAA;AAAA;;;;"}

package/dist/esm/{index-96cd0b79.esm.js → index-57f985a3.esm.js}

@@ -1,4 +1,4 @@
-export { A as AboutCard, a as AboutContent, b as AboutField } from './index-66d685f8.esm.js';
+export { A as AboutCard, a as AboutContent, b as AboutField } from './index-9e441058.esm.js';
 import '@backstage/catalog-model';
 import '@backstage/core-components';
 import '@backstage/core-plugin-api';
@@ -16,10 +16,11 @@ import 'react-router';
 import '@material-ui/core/styles';
 import '@material-ui/icons/Cancel';
 import '@material-ui/icons/MoreVert';
+import '@backstage/plugin-catalog-common';
 import '@backstage/errors';
 import '@backstage/catalog-client';
-import 'react-use';
+import 'react-use/lib/useAsync';
 import 'react-helmet';
 import '@material-ui/icons/FilterList';
 import '../components/EntityNotFound/Illo/illo.svg';
-//# sourceMappingURL=index-96cd0b79.esm.js.map
+//# sourceMappingURL=index-57f985a3.esm.js.map

package/dist/esm/index-57f985a3.esm.js.map

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

package/dist/esm/index-5f548c06.esm.js

@@ -0,0 +1,6 @@
+export { R as RelatedEntitiesCard, e as asComponentEntities, f as asResourceEntities, a as asSystemEntities, c as componentEntityColumns, d as componentEntityHelpLink, r as resourceEntityColumns, g as resourceEntityHelpLink, s as systemEntityColumns, b as systemEntityHelpLink } from './presets-711f07f8.esm.js';
+import '@material-ui/core';
+import '@backstage/plugin-catalog-react';
+import 'react';
+import '@backstage/core-components';
+//# sourceMappingURL=index-5f548c06.esm.js.map

package/dist/esm/index-5f548c06.esm.js.map

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

package/dist/esm/{index-f4427460.esm.js → index-76b6bb58.esm.js}

@@ -1,6 +1,6 @@
 import { RELATION_DEPENDENCY_OF } from '@backstage/catalog-model';
 import React from 'react';
-import { R as RelatedEntitiesCard, c as componentEntityColumns, d as componentEntityHelpLink, e as asComponentEntities } from './presets-42c2cb51.esm.js';
+import { R as RelatedEntitiesCard, c as componentEntityColumns, d as componentEntityHelpLink, e as asComponentEntities } from './presets-711f07f8.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
@@ -22,4 +22,4 @@ const DependencyOfComponentsCard = ({
 };
 
 export { DependencyOfComponentsCard };
-//# sourceMappingURL=index-f4427460.esm.js.map
+//# sourceMappingURL=index-76b6bb58.esm.js.map

package/dist/esm/{index-f4427460.esm.js.map → index-76b6bb58.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-f4427460.esm.js","sources":["../../src/components/DependencyOfComponentsCard/DependencyOfComponentsCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 */\n\nimport { RELATION_DEPENDENCY_OF } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n  asComponentEntities,\n  componentEntityColumns,\n  componentEntityHelpLink,\n  RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\ntype Props = {\n  variant?: 'gridItem';\n  title?: string;\n};\n\nexport const DependencyOfComponentsCard = ({\n  variant = 'gridItem',\n  title = 'Dependency of components',\n}: Props) => {\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title={title}\n      entityKind=\"Component\"\n      relationType={RELATION_DEPENDENCY_OF}\n      columns={componentEntityColumns}\n      emptyMessage=\"No component depends on this component\"\n      emptyHelpLink={componentEntityHelpLink}\n      asRenderableEntities={asComponentEntities}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;MA8Ba,6BAA6B,CAAC;AAAA,EACzC,UAAU;AAAA,EACV,QAAQ;AAAA,MACG;AACX,6CACG,qBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,YAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,cAAa;AAAA,IACb,eAAe;AAAA,IACf,sBAAsB;AAAA;AAAA;;;;"}
+{"version":3,"file":"index-76b6bb58.esm.js","sources":["../../src/components/DependencyOfComponentsCard/DependencyOfComponentsCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 */\n\nimport { RELATION_DEPENDENCY_OF } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n  asComponentEntities,\n  componentEntityColumns,\n  componentEntityHelpLink,\n  RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\ntype Props = {\n  variant?: 'gridItem';\n  title?: string;\n};\n\nexport const DependencyOfComponentsCard = ({\n  variant = 'gridItem',\n  title = 'Dependency of components',\n}: Props) => {\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title={title}\n      entityKind=\"Component\"\n      relationType={RELATION_DEPENDENCY_OF}\n      columns={componentEntityColumns}\n      emptyMessage=\"No component depends on this component\"\n      emptyHelpLink={componentEntityHelpLink}\n      asRenderableEntities={asComponentEntities}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;MA8Ba,6BAA6B,CAAC;AAAA,EACzC,UAAU;AAAA,EACV,QAAQ;AAAA,MACG;AACX,6CACG,qBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,YAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,cAAa;AAAA,IACb,eAAe;AAAA,IACf,sBAAsB;AAAA;AAAA;;;;"}

package/dist/esm/{index-66d685f8.esm.js → index-9e441058.esm.js}

@@ -2,7 +2,7 @@ import { RELATION_PART_OF, RELATION_OWNED_BY, ENTITY_DEFAULT_NAMESPACE, LOCATION
 import { Link, HeaderIconLinkRow, OverflowTooltip, WarningPanel, CodeSnippet, Table, Page, Header, Progress, RoutedTabs, Content, HeaderLabel, ResponseErrorPanel, HeaderTabs, PageWithHeader, ContentHeader, CreateButton, SupportButton } from '@backstage/core-components';
 import { createExternalRouteRef, useElementFilter, useApi, alertApiRef, useRouteRef, attachComponentData, useApiHolder, configApiRef, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, storageApiRef, createRoutableExtension, createComponentExtension } from '@backstage/core-plugin-api';
 import { scmIntegrationsApiRef, ScmIntegrationIcon } from '@backstage/integration-react';
-import { getEntityRelations, EntityRefLinks, useEntity, catalogApiRef, getEntitySourceLocation, getEntityMetadataEditUrl, useEntityKinds, useEntityListProvider, EntityKindFilter, formatEntityRefTitle, EntityRefLink, useStarredEntities, getEntityMetadataViewUrl, favoriteEntityIcon, favoriteEntityTooltip, useEntityCompoundName, EntityContext, UnregisterEntityDialog, FavoriteEntity, catalogRouteRef, EntityListProvider, EntityTypePicker, UserListPicker, EntityOwnerPicker, EntityLifecyclePicker, EntityTagPicker, AsyncEntityProvider, useEntityFromUrl, starredEntitiesApiRef, DefaultStarredEntitiesApi, entityRouteRef } from '@backstage/plugin-catalog-react';
+import { getEntityRelations, EntityRefLinks, useEntity, catalogApiRef, getEntitySourceLocation, getEntityMetadataEditUrl, useEntityKinds, useEntityListProvider, EntityKindFilter, formatEntityRefTitle, EntityRefLink, useStarredEntities, getEntityMetadataViewUrl, favoriteEntityIcon, favoriteEntityTooltip, useEntityPermission, useEntityCompoundName, EntityContext, UnregisterEntityDialog, FavoriteEntity, catalogRouteRef, EntityListProvider, EntityTypePicker, UserListPicker, EntityOwnerPicker, EntityLifecyclePicker, EntityTagPicker, AsyncEntityProvider, useEntityFromUrl, starredEntitiesApiRef, DefaultStarredEntitiesApi, entityRouteRef } from '@backstage/plugin-catalog-react';
 import { makeStyles, Typography, Grid, Chip, Card, CardHeader, IconButton, Divider, CardContent, createStyles, capitalize, Select, InputBase, MenuItem, ListItem, ListItemText, Box, ListItemIcon, Popover, MenuList, Dialog, DialogTitle, DialogActions, Button, useMediaQuery, useTheme, Drawer } from '@material-ui/core';
 import CachedIcon from '@material-ui/icons/Cached';
 import DocsIcon from '@material-ui/icons/Description';
@@ -11,13 +11,14 @@ import React, { useCallback, useState, useEffect, useMemo, useContext } from 're
 import OpenInNew from '@material-ui/icons/OpenInNew';
 import { capitalize as capitalize$1 } from 'lodash';
 import { Alert } from '@material-ui/lab';
-import { useNavigate, useParams, Navigate, matchRoutes, useRoutes, Routes, Route as Route$1 } from 'react-router';
+import { useNavigate, useParams, Navigate, matchRoutes, useRoutes, useOutlet, Routes, Route as Route$1 } from 'react-router';
 import { makeStyles as makeStyles$1 } from '@material-ui/core/styles';
 import Cancel from '@material-ui/icons/Cancel';
 import MoreVert from '@material-ui/icons/MoreVert';
+import { catalogEntityDeletePermission } from '@backstage/plugin-catalog-common';
 import { assertError } from '@backstage/errors';
 import { ENTITY_STATUS_CATALOG_PROCESSING_TYPE, CatalogClient } from '@backstage/catalog-client';
-import { useAsync } from 'react-use';
+import useAsync from 'react-use/lib/useAsync';
 import { Helmet } from 'react-helmet';
 import FilterListIcon from '@material-ui/icons/FilterList';
 import IlloSvgUrl from '../components/EntityNotFound/Illo/illo.svg';
@@ -28,64 +29,40 @@ class CatalogClientWrapper {
     this.identityApi = options.identityApi;
   }
   async getLocationById(id, options) {
-    var _a;
-    return await this.client.getLocationById(id, {
-      token: (_a = options == null ? void 0 : options.token) != null ? _a : await this.identityApi.getIdToken()
-    });
+    return await this.client.getLocationById(id, await this.getCredentials(options));
   }
   async getEntities(request, options) {
-    var _a;
-    return await this.client.getEntities(request, {
-      token: (_a = options == null ? void 0 : options.token) != null ? _a : await this.identityApi.getIdToken()
-    });
+    return await this.client.getEntities(request, await this.getCredentials(options));
   }
   async getEntityByName(compoundName, options) {
-    var _a;
-    return await this.client.getEntityByName(compoundName, {
-      token: (_a = options == null ? void 0 : options.token) != null ? _a : await this.identityApi.getIdToken()
-    });
+    return await this.client.getEntityByName(compoundName, await this.getCredentials(options));
   }
   async addLocation(request, options) {
-    var _a;
-    return await this.client.addLocation(request, {
-      token: (_a = options == null ? void 0 : options.token) != null ? _a : await this.identityApi.getIdToken()
-    });
+    return await this.client.addLocation(request, await this.getCredentials(options));
   }
   async getOriginLocationByEntity(entity, options) {
-    var _a;
-    return await this.client.getOriginLocationByEntity(entity, {
-      token: (_a = options == null ? void 0 : options.token) != null ? _a : await this.identityApi.getIdToken()
-    });
+    return await this.client.getOriginLocationByEntity(entity, await this.getCredentials(options));
   }
   async getLocationByEntity(entity, options) {
-    var _a;
-    return await this.client.getLocationByEntity(entity, {
-      token: (_a = options == null ? void 0 : options.token) != null ? _a : await this.identityApi.getIdToken()
-    });
+    return await this.client.getLocationByEntity(entity, await this.getCredentials(options));
   }
   async removeLocationById(id, options) {
-    var _a;
-    return await this.client.removeLocationById(id, {
-      token: (_a = options == null ? void 0 : options.token) != null ? _a : await this.identityApi.getIdToken()
-    });
+    return await this.client.removeLocationById(id, await this.getCredentials(options));
   }
   async removeEntityByUid(uid, options) {
-    var _a;
-    return await this.client.removeEntityByUid(uid, {
-      token: (_a = options == null ? void 0 : options.token) != null ? _a : await this.identityApi.getIdToken()
-    });
+    return await this.client.removeEntityByUid(uid, await this.getCredentials(options));
   }
   async refreshEntity(entityRef, options) {
-    var _a;
-    return await this.client.refreshEntity(entityRef, {
-      token: (_a = options == null ? void 0 : options.token) != null ? _a : await this.identityApi.getIdToken()
-    });
+    return await this.client.refreshEntity(entityRef, await this.getCredentials(options));
   }
   async getEntityAncestors(request, options) {
-    var _a;
-    return await this.client.getEntityAncestors(request, {
-      token: (_a = options == null ? void 0 : options.token) != null ? _a : await this.identityApi.getIdToken()
-    });
+    return await this.client.getEntityAncestors(request, await this.getCredentials(options));
+  }
+  async getCredentials(options) {
+    if (options == null ? void 0 : options.token) {
+      return { token: options == null ? void 0 : options.token };
+    }
+    return this.identityApi.getCredentials();
   }
 }
 
@@ -233,7 +210,7 @@ const useStyles$5 = makeStyles({
   }
 });
 function AboutCard({ variant }) {
-  var _a, _b, _c;
+  var _a, _b;
   const classes = useStyles$5();
   const { entity } = useEntity();
   const scmIntegrationsApi = useApi(scmIntegrationsApiRef);
@@ -272,7 +249,8 @@ function AboutCard({ variant }) {
   } else if (variant === "fullHeight") {
     cardContentClass = classes.fullHeightCardContent;
   }
-  const isUrl = (_c = (_b = entity.metadata.annotations) == null ? void 0 : _b[LOCATION_ANNOTATION]) == null ? void 0 : _c.startsWith("url:");
+  const entityLocation = (_b = entity.metadata.annotations) == null ? void 0 : _b[LOCATION_ANNOTATION];
+  const allowRefresh = (entityLocation == null ? void 0 : entityLocation.startsWith("url:")) || (entityLocation == null ? void 0 : entityLocation.startsWith("file:"));
   const refreshEntity = useCallback(async () => {
     await catalogApi.refreshEntity(stringifyEntityRef(entity));
     alertApi.post({ message: "Refresh scheduled", severity: "info" });
@@ -281,7 +259,7 @@ function AboutCard({ variant }) {
     className: cardClass
   }, /* @__PURE__ */ React.createElement(CardHeader, {
     title: "About",
-    action: /* @__PURE__ */ React.createElement(React.Fragment, null, isUrl && /* @__PURE__ */ React.createElement(IconButton, {
+    action: /* @__PURE__ */ React.createElement(React.Fragment, null, allowRefresh && /* @__PURE__ */ React.createElement(IconButton, {
       "aria-label": "Refresh",
       title: "Schedule entity refresh",
       onClick: refreshEntity
@@ -343,6 +321,7 @@ const useStyles$3 = makeStyles({
   },
   itemText: {
     width: "100%",
+    wordBreak: "break-all",
     marginBottom: "1rem"
   }
 });
@@ -592,6 +571,7 @@ const EntityContextMenu = ({
   var _a;
   const [anchorEl, setAnchorEl] = useState();
   const classes = useStyles$2();
+  const unregisterPermission = useEntityPermission(catalogEntityDeletePermission);
   const onOpen = (event) => {
     setAnchorEl(event.currentTarget);
   };
@@ -614,7 +594,7 @@ const EntityContextMenu = ({
       key: "the divider is here!"
     })
   ];
-  const disableUnregister = (_a = UNSTABLE_contextMenuOptions == null ? void 0 : UNSTABLE_contextMenuOptions.disableUnregister) != null ? _a : false;
+  const disableUnregister = (_a = !unregisterPermission.allowed || (UNSTABLE_contextMenuOptions == null ? void 0 : UNSTABLE_contextMenuOptions.disableUnregister)) != null ? _a : false;
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(IconButton, {
     "aria-label": "more",
     "aria-controls": "long-menu",
@@ -1119,7 +1099,7 @@ const EntityListContainer = ({ children }) => /* @__PURE__ */ React.createElemen
   lg: 10
 }, children);
 
-const CatalogPage = ({
+const DefaultCatalogPage = ({
   columns,
   actions,
   initiallySelectedFilter = "owned"
@@ -1143,6 +1123,13 @@ const CatalogPage = ({
   }))))));
 };
 
+const CatalogPage = (props) => {
+  const outlet = useOutlet();
+  return outlet || /* @__PURE__ */ React.createElement(DefaultCatalogPage, {
+    ...props
+  });
+};
+
 const useStyles$1 = makeStyles((theme) => ({
   illo: {
     maxWidth: "60%",
@@ -1287,7 +1274,7 @@ const catalogPlugin = createPlugin({
 });
 const CatalogIndexPage = catalogPlugin.provide(createRoutableExtension({
   name: "CatalogIndexPage",
-  component: () => import('./index-00a86fa7.esm.js').then((m) => m.CatalogPage),
+  component: () => import('./index-a41d9b20.esm.js').then((m) => m.CatalogPage),
   mountPoint: catalogRouteRef
 }));
 const CatalogEntityPage = catalogPlugin.provide(createRoutableExtension({
@@ -1298,7 +1285,7 @@ const CatalogEntityPage = catalogPlugin.provide(createRoutableExtension({
 const EntityAboutCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityAboutCard",
   component: {
-    lazy: () => import('./index-96cd0b79.esm.js').then((m) => m.AboutCard)
+    lazy: () => import('./index-57f985a3.esm.js').then((m) => m.AboutCard)
   }
 }));
 const EntityLinksCard = catalogPlugin.provide(createComponentExtension({
@@ -1310,51 +1297,57 @@ const EntityLinksCard = catalogPlugin.provide(createComponentExtension({
 const EntityHasSystemsCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityHasSystemsCard",
   component: {
-    lazy: () => import('./index-0d1fd1c3.esm.js').then((m) => m.HasSystemsCard)
+    lazy: () => import('./index-acc2d5cf.esm.js').then((m) => m.HasSystemsCard)
   }
 }));
 const EntityHasComponentsCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityHasComponentsCard",
   component: {
-    lazy: () => import('./index-45f1acd4.esm.js').then((m) => m.HasComponentsCard)
+    lazy: () => import('./index-f38c05cb.esm.js').then((m) => m.HasComponentsCard)
   }
 }));
 const EntityHasSubcomponentsCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityHasSubcomponentsCard",
   component: {
-    lazy: () => import('./index-ca3eb997.esm.js').then((m) => m.HasSubcomponentsCard)
+    lazy: () => import('./index-dd3d0aa1.esm.js').then((m) => m.HasSubcomponentsCard)
   }
 }));
 const EntityHasResourcesCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityHasResourcesCard",
   component: {
-    lazy: () => import('./index-a83cc17f.esm.js').then((m) => m.HasResourcesCard)
+    lazy: () => import('./index-ae83ecd3.esm.js').then((m) => m.HasResourcesCard)
   }
 }));
 const EntityDependsOnComponentsCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityDependsOnComponentsCard",
   component: {
-    lazy: () => import('./index-6cad9618.esm.js').then((m) => m.DependsOnComponentsCard)
+    lazy: () => import('./index-e48f93af.esm.js').then((m) => m.DependsOnComponentsCard)
   }
 }));
 const EntityDependencyOfComponentsCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityDependencyOfComponentsCard",
   component: {
-    lazy: () => import('./index-f4427460.esm.js').then((m) => m.DependencyOfComponentsCard)
+    lazy: () => import('./index-76b6bb58.esm.js').then((m) => m.DependencyOfComponentsCard)
   }
 }));
 const EntityDependsOnResourcesCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityDependsOnResourcesCard",
   component: {
-    lazy: () => import('./index-09f72bec.esm.js').then((m) => m.DependsOnResourcesCard)
+    lazy: () => import('./index-1d9c4228.esm.js').then((m) => m.DependsOnResourcesCard)
   }
 }));
 const EntitySystemDiagramCard = catalogPlugin.provide(createComponentExtension({
   name: "EntitySystemDiagramCard",
   component: {
-    lazy: () => import('./index-c9b0afd8.esm.js').then((m) => m.SystemDiagramCard)
+    lazy: () => import('./index-d363820f.esm.js').then((m) => m.SystemDiagramCard)
+  }
+}));
+const RelatedEntitiesCard = catalogPlugin.provide(createComponentExtension({
+  name: "RelatedEntitiesCard",
+  component: {
+    lazy: () => import('./index-5f548c06.esm.js').then((m) => m.RelatedEntitiesCard)
   }
 }));
 
-export { AboutCard as A, EntityOrphanWarning as B, CatalogPage as C, isOrphan as D, EntityAboutCard as E, EntityProcessingErrorsPanel as F, hasCatalogProcessingErrors as G, EntityPageLayout as H, EntitySwitch as I, isKind as J, isNamespace as K, isComponentType as L, FilteredEntityLayout as M, FilterContainer as N, EntityListContainer as O, Router as R, AboutContent as a, AboutField as b, CatalogClientWrapper as c, CatalogTable as d, CatalogEntityPage as e, CatalogIndexPage as f, catalogPlugin as g, EntityDependencyOfComponentsCard as h, EntityDependsOnComponentsCard as i, EntityDependsOnResourcesCard as j, EntityHasComponentsCard as k, EntityHasResourcesCard as l, EntityHasSubcomponentsCard as m, EntityHasSystemsCard as n, EntityLinksCard as o, EntitySystemDiagramCard as p, CatalogKindHeader as q, CatalogResultListItem as r, createNameColumn as s, createSystemColumn as t, createOwnerColumn as u, createSpecTypeColumn as v, createSpecLifecycleColumn as w, createMetadataDescriptionColumn as x, createTagsColumn as y, EntityLayout as z };
-//# sourceMappingURL=index-66d685f8.esm.js.map
+export { AboutCard as A, EntityLayout as B, CatalogPage as C, DefaultCatalogPage as D, EntityAboutCard as E, EntityOrphanWarning as F, isOrphan as G, EntityProcessingErrorsPanel as H, hasCatalogProcessingErrors as I, EntityPageLayout as J, EntitySwitch as K, isKind as L, isNamespace as M, isComponentType as N, FilteredEntityLayout as O, FilterContainer as P, EntityListContainer as Q, Router as R, AboutContent as a, AboutField as b, CatalogClientWrapper as c, CatalogTable as d, CatalogEntityPage as e, CatalogIndexPage as f, catalogPlugin as g, EntityDependencyOfComponentsCard as h, EntityDependsOnComponentsCard as i, EntityDependsOnResourcesCard as j, EntityHasComponentsCard as k, EntityHasResourcesCard as l, EntityHasSubcomponentsCard as m, EntityHasSystemsCard as n, EntityLinksCard as o, EntitySystemDiagramCard as p, RelatedEntitiesCard as q, CatalogKindHeader as r, CatalogResultListItem as s, createNameColumn as t, createSystemColumn as u, createOwnerColumn as v, createSpecTypeColumn as w, createSpecLifecycleColumn as x, createMetadataDescriptionColumn as y, createTagsColumn as z };
+//# sourceMappingURL=index-9e441058.esm.js.map