@backstage/plugin-techdocs 1.4.0 → 1.4.1-next.1

package/dist/esm/{index-847211c1.esm.js → index-1eb4d135.esm.js}

@@ -317,13 +317,9 @@ const TechDocsReaderProvider = ({
   const { entityRef } = useTechDocsReaderPage();
   const { kind, namespace, name } = entityRef;
   const value = useReaderState(kind, namespace, name, path);
-  return /* @__PURE__ */ React.createElement(TechDocsReaderContext.Provider, {
-    value
-  }, children instanceof Function ? children(value) : children);
+  return /* @__PURE__ */ React.createElement(TechDocsReaderContext.Provider, { value }, children instanceof Function ? children(value) : children);
 };
-const withTechDocsReaderProvider = (Component) => (props) => /* @__PURE__ */ React.createElement(TechDocsReaderProvider, null, /* @__PURE__ */ React.createElement(Component, {
-  ...props
-}));
+const withTechDocsReaderProvider = (Component) => (props) => /* @__PURE__ */ React.createElement(TechDocsReaderProvider, null, /* @__PURE__ */ React.createElement(Component, { ...props }));
 
 const useStyles$4 = makeStyles({
   flexContainer: {
@@ -353,53 +349,62 @@ const TechDocsSearchResultListItem = (props) => {
       value: rank
     });
   };
+  const LinkWrapper = ({ children }) => asLink ? /* @__PURE__ */ React.createElement(Link, { noTrack: true, to: result.location, onClick: handleClick }, children) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
   const TextItem = () => {
-    const resultTitle = (highlight == null ? void 0 : highlight.fields.title) ? /* @__PURE__ */ React.createElement(HighlightedSearchResultText, {
-      text: highlight.fields.title,
-      preTag: highlight.preTag,
-      postTag: highlight.postTag
-    }) : result.title;
-    const entityTitle = (highlight == null ? void 0 : highlight.fields.entityTitle) ? /* @__PURE__ */ React.createElement(HighlightedSearchResultText, {
-      text: highlight.fields.entityTitle,
-      preTag: highlight.preTag,
-      postTag: highlight.postTag
-    }) : result.entityTitle;
-    const resultName = (highlight == null ? void 0 : highlight.fields.name) ? /* @__PURE__ */ React.createElement(HighlightedSearchResultText, {
-      text: highlight.fields.name,
-      preTag: highlight.preTag,
-      postTag: highlight.postTag
-    }) : result.name;
-    return /* @__PURE__ */ React.createElement(ListItemText, {
-      className: classes.itemText,
-      primaryTypographyProps: { variant: "h6" },
-      primary: title ? title : /* @__PURE__ */ React.createElement(React.Fragment, null, resultTitle, " | ", entityTitle != null ? entityTitle : resultName, " docs"),
-      secondary: /* @__PURE__ */ React.createElement("span", {
-        style: {
-          display: "-webkit-box",
-          WebkitBoxOrient: "vertical",
-          WebkitLineClamp: lineClamp,
-          overflow: "hidden"
-        }
-      }, (highlight == null ? void 0 : highlight.fields.text) ? /* @__PURE__ */ React.createElement(HighlightedSearchResultText, {
-        text: highlight.fields.text,
+    const resultTitle = (highlight == null ? void 0 : highlight.fields.title) ? /* @__PURE__ */ React.createElement(
+      HighlightedSearchResultText,
+      {
+        text: highlight.fields.title,
         preTag: highlight.preTag,
         postTag: highlight.postTag
-      }) : result.text)
-    });
+      }
+    ) : result.title;
+    const entityTitle = (highlight == null ? void 0 : highlight.fields.entityTitle) ? /* @__PURE__ */ React.createElement(
+      HighlightedSearchResultText,
+      {
+        text: highlight.fields.entityTitle,
+        preTag: highlight.preTag,
+        postTag: highlight.postTag
+      }
+    ) : result.entityTitle;
+    const resultName = (highlight == null ? void 0 : highlight.fields.name) ? /* @__PURE__ */ React.createElement(
+      HighlightedSearchResultText,
+      {
+        text: highlight.fields.name,
+        preTag: highlight.preTag,
+        postTag: highlight.postTag
+      }
+    ) : result.name;
+    return /* @__PURE__ */ React.createElement(
+      ListItemText,
+      {
+        className: classes.itemText,
+        primaryTypographyProps: { variant: "h6" },
+        primary: /* @__PURE__ */ React.createElement(LinkWrapper, null, title ? title : /* @__PURE__ */ React.createElement(React.Fragment, null, resultTitle, " | ", entityTitle != null ? entityTitle : resultName, " docs")),
+        secondary: /* @__PURE__ */ React.createElement(
+          "span",
+          {
+            style: {
+              display: "-webkit-box",
+              WebkitBoxOrient: "vertical",
+              WebkitLineClamp: lineClamp,
+              overflow: "hidden"
+            }
+          },
+          (highlight == null ? void 0 : highlight.fields.text) ? /* @__PURE__ */ React.createElement(
+            HighlightedSearchResultText,
+            {
+              text: highlight.fields.text,
+              preTag: highlight.preTag,
+              postTag: highlight.postTag
+            }
+          ) : result.text
+        )
+      }
+    );
   };
-  const LinkWrapper = ({ children }) => asLink ? /* @__PURE__ */ React.createElement(Link, {
-    noTrack: true,
-    to: result.location,
-    onClick: handleClick
-  }, children) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
-  const ListItemWrapper = ({ children }) => asListItem ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ListItem, {
-    alignItems: "flex-start"
-  }, icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, icon), /* @__PURE__ */ React.createElement("div", {
-    className: classes.flexContainer
-  }, children)), /* @__PURE__ */ React.createElement(Divider, {
-    component: "li"
-  })) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
-  return /* @__PURE__ */ React.createElement(LinkWrapper, null, /* @__PURE__ */ React.createElement(ListItemWrapper, null, /* @__PURE__ */ React.createElement(TextItem, null)));
+  const ListItemWrapper = ({ children }) => asListItem ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ListItem, { alignItems: "flex-start" }, icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, icon), /* @__PURE__ */ React.createElement("div", { className: classes.flexContainer }, children)), /* @__PURE__ */ React.createElement(Divider, { component: "li" })) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+  return /* @__PURE__ */ React.createElement(ListItemWrapper, null, /* @__PURE__ */ React.createElement(TextItem, null));
 };
 
 const useStyles$3 = makeStyles((theme) => ({
@@ -450,42 +455,45 @@ const TechDocsSearchBar = (props) => {
       navigate(location);
     }
   };
-  return /* @__PURE__ */ React.createElement(Paper, {
-    className: classes.bar,
-    variant: "outlined"
-  }, /* @__PURE__ */ React.createElement(SearchAutocomplete, {
-    classes: { root: classes.root },
-    "data-testid": "techdocs-search-bar",
-    size: "small",
-    open,
-    getOptionLabel: () => "",
-    filterOptions: (x) => {
-      return x;
-    },
-    onClose: () => {
-      setOpen(false);
-    },
-    onFocus: () => {
-      setOpen(true);
-    },
-    onChange: handleSelection,
-    blurOnSelect: true,
-    noOptionsText: "No results found",
-    value: null,
-    options,
-    renderOption: ({ document, highlight }) => /* @__PURE__ */ React.createElement(TechDocsSearchResultListItem, {
-      result: document,
-      lineClamp: 3,
-      asListItem: false,
-      asLink: false,
-      title: document.title,
-      highlight
-    }),
-    loading,
-    inputDebounceTime: debounceTime,
-    inputPlaceholder: `Search ${entityTitle || entityId.name} docs`,
-    freeSolo: false
-  }));
+  return /* @__PURE__ */ React.createElement(Paper, { className: classes.bar, variant: "outlined" }, /* @__PURE__ */ React.createElement(
+    SearchAutocomplete,
+    {
+      classes: { root: classes.root },
+      "data-testid": "techdocs-search-bar",
+      size: "small",
+      open,
+      getOptionLabel: () => "",
+      filterOptions: (x) => {
+        return x;
+      },
+      onClose: () => {
+        setOpen(false);
+      },
+      onFocus: () => {
+        setOpen(true);
+      },
+      onChange: handleSelection,
+      blurOnSelect: true,
+      noOptionsText: "No results found",
+      value: null,
+      options,
+      renderOption: ({ document, highlight }) => /* @__PURE__ */ React.createElement(
+        TechDocsSearchResultListItem,
+        {
+          result: document,
+          lineClamp: 3,
+          asListItem: false,
+          asLink: false,
+          title: document.title,
+          highlight
+        }
+      ),
+      loading,
+      inputDebounceTime: debounceTime,
+      inputPlaceholder: `Search ${entityTitle || entityId.name} docs`,
+      freeSolo: false
+    }
+  ));
 };
 const TechDocsSearch = (props) => {
   const initialState = {
@@ -494,11 +502,7 @@ const TechDocsSearch = (props) => {
     pageCursor: "",
     filters: props.entityId
   };
-  return /* @__PURE__ */ React.createElement(SearchContextProvider, {
-    initialState
-  }, /* @__PURE__ */ React.createElement(TechDocsSearchBar, {
-    ...props
-  }));
+  return /* @__PURE__ */ React.createElement(SearchContextProvider, { initialState }, /* @__PURE__ */ React.createElement(TechDocsSearchBar, { ...props }));
 };
 
 const useDrawerStyles = makeStyles(
@@ -528,46 +532,59 @@ const TechDocsBuildLogsDrawerContent = ({
 }) => {
   const classes = useDrawerStyles();
   const logText = buildLog.length === 0 ? "Waiting for logs..." : buildLog.join("\n");
-  return /* @__PURE__ */ React.createElement(Grid, {
-    container: true,
-    direction: "column",
-    className: classes.root,
-    spacing: 0,
-    wrap: "nowrap"
-  }, /* @__PURE__ */ React.createElement(Grid, {
-    item: true,
-    container: true,
-    justifyContent: "space-between",
-    alignItems: "center",
-    spacing: 0,
-    wrap: "nowrap"
-  }, /* @__PURE__ */ React.createElement(Typography, {
-    variant: "h5"
-  }, "Build Details"), /* @__PURE__ */ React.createElement(IconButton, {
-    key: "dismiss",
-    title: "Close the drawer",
-    onClick: onClose,
-    color: "inherit"
-  }, /* @__PURE__ */ React.createElement(Close, null))), /* @__PURE__ */ React.createElement(LogViewer, {
-    text: logText,
-    classes: { root: classes.logs }
-  }));
+  return /* @__PURE__ */ React.createElement(
+    Grid,
+    {
+      container: true,
+      direction: "column",
+      className: classes.root,
+      spacing: 0,
+      wrap: "nowrap"
+    },
+    /* @__PURE__ */ React.createElement(
+      Grid,
+      {
+        item: true,
+        container: true,
+        justifyContent: "space-between",
+        alignItems: "center",
+        spacing: 0,
+        wrap: "nowrap"
+      },
+      /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, "Build Details"),
+      /* @__PURE__ */ React.createElement(
+        IconButton,
+        {
+          key: "dismiss",
+          title: "Close the drawer",
+          onClick: onClose,
+          color: "inherit"
+        },
+        /* @__PURE__ */ React.createElement(Close, null)
+      )
+    ),
+    /* @__PURE__ */ React.createElement(LogViewer, { text: logText, classes: { root: classes.logs } })
+  );
 };
 const TechDocsBuildLogs = ({ buildLog }) => {
   const classes = useDrawerStyles();
   const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, {
-    color: "inherit",
-    onClick: () => setOpen(true)
-  }, "Show Build Logs"), /* @__PURE__ */ React.createElement(Drawer, {
-    classes: { paper: classes.paper },
-    anchor: "right",
-    open,
-    onClose: () => setOpen(false)
-  }, /* @__PURE__ */ React.createElement(TechDocsBuildLogsDrawerContent, {
-    buildLog,
-    onClose: () => setOpen(false)
-  })));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { color: "inherit", onClick: () => setOpen(true) }, "Show Build Logs"), /* @__PURE__ */ React.createElement(
+    Drawer,
+    {
+      classes: { paper: classes.paper },
+      anchor: "right",
+      open,
+      onClose: () => setOpen(false)
+    },
+    /* @__PURE__ */ React.createElement(
+      TechDocsBuildLogsDrawerContent,
+      {
+        buildLog,
+        onClose: () => setOpen(false)
+      }
+    )
+  ));
 };
 
 const TechDocsNotFound = ({ errorMessage }) => {
@@ -576,11 +593,14 @@ const TechDocsNotFound = ({ errorMessage }) => {
   if (techdocsBuilder !== "local") {
     additionalInfo = "Note that techdocs.builder is not set to 'local' in your config, which means this Backstage app will not generate docs if they are not found. Make sure the project's docs are generated and published by some external process (e.g. CI/CD pipeline). Or change techdocs.builder to 'local' to generate docs from this Backstage instance.";
   }
-  return /* @__PURE__ */ React.createElement(ErrorPage, {
-    status: "404",
-    statusMessage: errorMessage || "Documentation not found",
-    additionalInfo
-  });
+  return /* @__PURE__ */ React.createElement(
+    ErrorPage,
+    {
+      status: "404",
+      statusMessage: errorMessage || "Documentation not found",
+      additionalInfo
+    }
+  );
 };
 
 const useStyles$2 = makeStyles((theme) => ({
@@ -603,63 +623,70 @@ const TechDocsStateIndicator = () => {
     buildLog
   } = useTechDocsReader();
   if (state === "INITIAL_BUILD") {
-    StateAlert = /* @__PURE__ */ React.createElement(Alert, {
-      classes: { root: classes.root },
-      variant: "outlined",
-      severity: "info",
-      icon: /* @__PURE__ */ React.createElement(CircularProgress, {
-        size: "24px"
-      }),
-      action: /* @__PURE__ */ React.createElement(TechDocsBuildLogs, {
-        buildLog
-      })
-    }, "Documentation is accessed for the first time and is being prepared. The subsequent loads are much faster.");
+    StateAlert = /* @__PURE__ */ React.createElement(
+      Alert,
+      {
+        classes: { root: classes.root },
+        variant: "outlined",
+        severity: "info",
+        icon: /* @__PURE__ */ React.createElement(CircularProgress, { size: "24px" }),
+        action: /* @__PURE__ */ React.createElement(TechDocsBuildLogs, { buildLog })
+      },
+      "Documentation is accessed for the first time and is being prepared. The subsequent loads are much faster."
+    );
   }
   if (state === "CONTENT_STALE_REFRESHING") {
-    StateAlert = /* @__PURE__ */ React.createElement(Alert, {
-      variant: "outlined",
-      severity: "info",
-      icon: /* @__PURE__ */ React.createElement(CircularProgress, {
-        size: "24px"
-      }),
-      action: /* @__PURE__ */ React.createElement(TechDocsBuildLogs, {
-        buildLog
-      }),
-      classes: { root: classes.root }
-    }, "A newer version of this documentation is being prepared and will be available shortly.");
+    StateAlert = /* @__PURE__ */ React.createElement(
+      Alert,
+      {
+        variant: "outlined",
+        severity: "info",
+        icon: /* @__PURE__ */ React.createElement(CircularProgress, { size: "24px" }),
+        action: /* @__PURE__ */ React.createElement(TechDocsBuildLogs, { buildLog }),
+        classes: { root: classes.root }
+      },
+      "A newer version of this documentation is being prepared and will be available shortly."
+    );
   }
   if (state === "CONTENT_STALE_READY") {
-    StateAlert = /* @__PURE__ */ React.createElement(Alert, {
-      variant: "outlined",
-      severity: "success",
-      action: /* @__PURE__ */ React.createElement(Button, {
-        color: "inherit",
-        onClick: () => contentReload()
-      }, "Refresh"),
-      classes: { root: classes.root }
-    }, "A newer version of this documentation is now available, please refresh to view.");
+    StateAlert = /* @__PURE__ */ React.createElement(
+      Alert,
+      {
+        variant: "outlined",
+        severity: "success",
+        action: /* @__PURE__ */ React.createElement(Button, { color: "inherit", onClick: () => contentReload() }, "Refresh"),
+        classes: { root: classes.root }
+      },
+      "A newer version of this documentation is now available, please refresh to view."
+    );
   }
   if (state === "CONTENT_STALE_ERROR") {
-    StateAlert = /* @__PURE__ */ React.createElement(Alert, {
-      variant: "outlined",
-      severity: "error",
-      action: /* @__PURE__ */ React.createElement(TechDocsBuildLogs, {
-        buildLog
-      }),
-      classes: { root: classes.root, message: classes.message }
-    }, "Building a newer version of this documentation failed.", " ", syncErrorMessage);
+    StateAlert = /* @__PURE__ */ React.createElement(
+      Alert,
+      {
+        variant: "outlined",
+        severity: "error",
+        action: /* @__PURE__ */ React.createElement(TechDocsBuildLogs, { buildLog }),
+        classes: { root: classes.root, message: classes.message }
+      },
+      "Building a newer version of this documentation failed.",
+      " ",
+      syncErrorMessage
+    );
   }
   if (state === "CONTENT_NOT_FOUND") {
-    StateAlert = /* @__PURE__ */ React.createElement(React.Fragment, null, syncErrorMessage && /* @__PURE__ */ React.createElement(Alert, {
-      variant: "outlined",
-      severity: "error",
-      action: /* @__PURE__ */ React.createElement(TechDocsBuildLogs, {
-        buildLog
-      }),
-      classes: { root: classes.root, message: classes.message }
-    }, "Building a newer version of this documentation failed.", " ", syncErrorMessage), /* @__PURE__ */ React.createElement(TechDocsNotFound, {
-      errorMessage: contentErrorMessage
-    }));
+    StateAlert = /* @__PURE__ */ React.createElement(React.Fragment, null, syncErrorMessage && /* @__PURE__ */ React.createElement(
+      Alert,
+      {
+        variant: "outlined",
+        severity: "error",
+        action: /* @__PURE__ */ React.createElement(TechDocsBuildLogs, { buildLog }),
+        classes: { root: classes.root, message: classes.message }
+      },
+      "Building a newer version of this documentation failed.",
+      " ",
+      syncErrorMessage
+    ), /* @__PURE__ */ React.createElement(TechDocsNotFound, { errorMessage: contentErrorMessage }));
   }
   return StateAlert;
 };
@@ -1439,28 +1466,27 @@ const CopyToClipboardTooltip = withStyles((theme) => ({
     boxShadow: "none"
   }
 }))(Tooltip);
-const CopyToClipboardIcon = () => /* @__PURE__ */ React.createElement(SvgIcon, null, /* @__PURE__ */ React.createElement("path", {
-  d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"
-}));
+const CopyToClipboardIcon = () => /* @__PURE__ */ React.createElement(SvgIcon, null, /* @__PURE__ */ React.createElement("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }));
 const CopyToClipboardButton = ({ text }) => {
   const [open, setOpen] = useState(false);
   const handleClick = useCallback(() => {
-    navigator.clipboard.writeText(text);
+    window.navigator.clipboard.writeText(text);
     setOpen(true);
   }, [text]);
   const handleClose = useCallback(() => {
     setOpen(false);
   }, [setOpen]);
-  return /* @__PURE__ */ React.createElement(CopyToClipboardTooltip, {
-    title: "Copied to clipboard",
-    placement: "left",
-    open,
-    onClose: handleClose,
-    leaveDelay: 1e3
-  }, /* @__PURE__ */ React.createElement("button", {
-    className: "md-clipboard md-icon",
-    onClick: handleClick
-  }, /* @__PURE__ */ React.createElement(CopyToClipboardIcon, null)));
+  return /* @__PURE__ */ React.createElement(
+    CopyToClipboardTooltip,
+    {
+      title: "Copied to clipboard",
+      placement: "left",
+      open,
+      onClose: handleClose,
+      leaveDelay: 1e3
+    },
+    /* @__PURE__ */ React.createElement("button", { className: "md-clipboard md-icon", onClick: handleClick }, /* @__PURE__ */ React.createElement(CopyToClipboardIcon, null))
+  );
 };
 const copyToClipboard = (theme) => {
   return (dom) => {
@@ -1471,11 +1497,7 @@ const copyToClipboard = (theme) => {
       const container = document.createElement("div");
       (_a = code == null ? void 0 : code.parentElement) == null ? void 0 : _a.prepend(container);
       ReactDOM.render(
-        /* @__PURE__ */ React.createElement(ThemeProvider, {
-          theme
-        }, /* @__PURE__ */ React.createElement(CopyToClipboardButton, {
-          text
-        })),
+        /* @__PURE__ */ React.createElement(ThemeProvider, { theme }, /* @__PURE__ */ React.createElement(CopyToClipboardButton, { text })),
         container
       );
     }
@@ -1766,13 +1788,7 @@ const TechDocsReaderPageContentAddons = () => {
     );
     secondarySidebarElement == null ? void 0 : secondarySidebarElement.prepend(secondarySidebarAddonLocation);
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Portal, {
-    container: primarySidebarAddonLocation
-  }, addons.renderComponentsByLocation(TechDocsAddonLocations.PrimarySidebar)), /* @__PURE__ */ React.createElement(Portal, {
-    container: contentElement
-  }, addons.renderComponentsByLocation(TechDocsAddonLocations.Content)), /* @__PURE__ */ React.createElement(Portal, {
-    container: secondarySidebarAddonLocation
-  }, addons.renderComponentsByLocation(TechDocsAddonLocations.SecondarySidebar)));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Portal, { container: primarySidebarAddonLocation }, addons.renderComponentsByLocation(TechDocsAddonLocations.PrimarySidebar)), /* @__PURE__ */ React.createElement(Portal, { container: contentElement }, addons.renderComponentsByLocation(TechDocsAddonLocations.Content)), /* @__PURE__ */ React.createElement(Portal, { container: secondarySidebarAddonLocation }, addons.renderComponentsByLocation(TechDocsAddonLocations.SecondarySidebar)));
 };
 
 const useStyles$1 = makeStyles({
@@ -1805,37 +1821,17 @@ const TechDocsReaderPageContent = withTechDocsReaderProvider(
       [setShadowRoot, onReady]
     );
     if (entityMetadataLoading === false && !entityMetadata)
-      return /* @__PURE__ */ React.createElement(ErrorPage, {
-        status: "404",
-        statusMessage: "PAGE NOT FOUND"
-      });
+      return /* @__PURE__ */ React.createElement(ErrorPage, { status: "404", statusMessage: "PAGE NOT FOUND" });
     if (!dom) {
-      return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, {
-        container: true
-      }, /* @__PURE__ */ React.createElement(Grid, {
-        xs: 12,
-        item: true
-      }, /* @__PURE__ */ React.createElement(TechDocsStateIndicator, null))));
+      return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { xs: 12, item: true }, /* @__PURE__ */ React.createElement(TechDocsStateIndicator, null))));
     }
-    return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, {
-      container: true
-    }, /* @__PURE__ */ React.createElement(Grid, {
-      xs: 12,
-      item: true
-    }, /* @__PURE__ */ React.createElement(TechDocsStateIndicator, null)), withSearch && /* @__PURE__ */ React.createElement(Grid, {
-      className: classes.search,
-      xs: "auto",
-      item: true
-    }, /* @__PURE__ */ React.createElement(TechDocsSearch, {
-      entityId: entityRef,
-      entityTitle: (_a = entityMetadata == null ? void 0 : entityMetadata.metadata) == null ? void 0 : _a.title
-    })), /* @__PURE__ */ React.createElement(Grid, {
-      xs: 12,
-      item: true
-    }, /* @__PURE__ */ React.createElement(TechDocsShadowDom, {
-      element: dom,
-      onAppend: handleAppend
-    }, /* @__PURE__ */ React.createElement(TechDocsReaderPageContentAddons, null)))));
+    return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { xs: 12, item: true }, /* @__PURE__ */ React.createElement(TechDocsStateIndicator, null)), withSearch && /* @__PURE__ */ React.createElement(Grid, { className: classes.search, xs: "auto", item: true }, /* @__PURE__ */ React.createElement(
+      TechDocsSearch,
+      {
+        entityId: entityRef,
+        entityTitle: (_a = entityMetadata == null ? void 0 : entityMetadata.metadata) == null ? void 0 : _a.title
+      }
+    )), /* @__PURE__ */ React.createElement(Grid, { xs: 12, item: true }, /* @__PURE__ */ React.createElement(TechDocsShadowDom, { element: dom, onAppend: handleAppend }, /* @__PURE__ */ React.createElement(TechDocsReaderPageContentAddons, null)))));
   }
 );
 const Reader = TechDocsReaderPageContent;
@@ -1851,11 +1847,7 @@ const rootCatalogDocsRouteRef = createRouteRef({
   id: "techdocs:catalog-reader-view"
 });
 
-const skeleton = /* @__PURE__ */ React.createElement(Skeleton, {
-  animation: "wave",
-  variant: "text",
-  height: 40
-});
+const skeleton = /* @__PURE__ */ React.createElement(Skeleton, { animation: "wave", variant: "text", height: 40 });
 const TechDocsReaderPageHeader = (props) => {
   const { children } = props;
   const addons = useTechDocsAddons();
@@ -1887,54 +1879,68 @@ const TechDocsReaderPageHeader = (props) => {
   const lifecycle = spec == null ? void 0 : spec.lifecycle;
   const ownedByRelations = entityMetadata ? getEntityRelations(entityMetadata, RELATION_OWNED_BY) : [];
   const docsRootLink = useRouteRef(rootRouteRef)();
-  const labels = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(HeaderLabel, {
-    label: capitalize((entityMetadata == null ? void 0 : entityMetadata.kind) || "entity"),
-    value: /* @__PURE__ */ React.createElement(EntityRefLink, {
-      color: "inherit",
-      entityRef,
-      title: entityMetadata == null ? void 0 : entityMetadata.metadata.title,
-      defaultKind: "Component"
-    })
-  }), ownedByRelations.length > 0 && /* @__PURE__ */ React.createElement(HeaderLabel, {
-    label: "Owner",
-    value: /* @__PURE__ */ React.createElement(EntityRefLinks, {
-      color: "inherit",
-      entityRefs: ownedByRelations,
-      defaultKind: "group"
-    })
-  }), lifecycle ? /* @__PURE__ */ React.createElement(HeaderLabel, {
-    label: "Lifecycle",
-    value: lifecycle
-  }) : null, locationMetadata && locationMetadata.type !== "dir" && locationMetadata.type !== "file" ? /* @__PURE__ */ React.createElement(HeaderLabel, {
-    label: "",
-    value: /* @__PURE__ */ React.createElement(Grid, {
-      container: true,
-      direction: "column",
-      alignItems: "center",
-      style: { color: "#fff" }
-    }, /* @__PURE__ */ React.createElement(Grid, {
-      style: { padding: 0 },
-      item: true
-    }, /* @__PURE__ */ React.createElement(CodeIcon, {
-      style: { marginTop: "-25px" }
-    })), /* @__PURE__ */ React.createElement(Grid, {
-      style: { padding: 0 },
-      item: true
-    }, "Source")),
-    url: locationMetadata.target
-  }) : null);
+  const labels = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    HeaderLabel,
+    {
+      label: capitalize((entityMetadata == null ? void 0 : entityMetadata.kind) || "entity"),
+      value: /* @__PURE__ */ React.createElement(
+        EntityRefLink,
+        {
+          color: "inherit",
+          entityRef,
+          title: entityMetadata == null ? void 0 : entityMetadata.metadata.title,
+          defaultKind: "Component"
+        }
+      )
+    }
+  ), ownedByRelations.length > 0 && /* @__PURE__ */ React.createElement(
+    HeaderLabel,
+    {
+      label: "Owner",
+      value: /* @__PURE__ */ React.createElement(
+        EntityRefLinks,
+        {
+          color: "inherit",
+          entityRefs: ownedByRelations,
+          defaultKind: "group"
+        }
+      )
+    }
+  ), lifecycle ? /* @__PURE__ */ React.createElement(HeaderLabel, { label: "Lifecycle", value: lifecycle }) : null, locationMetadata && locationMetadata.type !== "dir" && locationMetadata.type !== "file" ? /* @__PURE__ */ React.createElement(
+    HeaderLabel,
+    {
+      label: "",
+      value: /* @__PURE__ */ React.createElement(
+        Grid,
+        {
+          container: true,
+          direction: "column",
+          alignItems: "center",
+          style: { color: "#fff" }
+        },
+        /* @__PURE__ */ React.createElement(Grid, { style: { padding: 0 }, item: true }, /* @__PURE__ */ React.createElement(CodeIcon, { style: { marginTop: "-25px" } })),
+        /* @__PURE__ */ React.createElement(Grid, { style: { padding: 0 }, item: true }, "Source")
+      ),
+      url: locationMetadata.target
+    }
+  ) : null);
   const noEntMetadata = !entityMetadataLoading && entityMetadata === void 0;
   const noTdMetadata = !metadataLoading && metadata === void 0;
   if (noEntMetadata || noTdMetadata)
     return null;
-  return /* @__PURE__ */ React.createElement(Header, {
-    type: "Documentation",
-    typeLink: docsRootLink,
-    title: title || skeleton,
-    subtitle: subtitle === "" ? void 0 : subtitle || skeleton
-  }, /* @__PURE__ */ React.createElement(Helmet, {
-    titleTemplate: "%s"
-  }, /* @__PURE__ */ React.createElement("title", null, tabTitle)), labels, children, addons.renderComponentsByLocation(TechDocsAddonLocations.Header));
+  return /* @__PURE__ */ React.createElement(
+    Header,
+    {
+      type: "Documentation",
+      typeLink: docsRootLink,
+      title: title || skeleton,
+      subtitle: subtitle === "" ? void 0 : subtitle || skeleton
+    },
+    /* @__PURE__ */ React.createElement(Helmet, { titleTemplate: "%s" }, /* @__PURE__ */ React.createElement("title", null, tabTitle)),
+    labels,
+    children,
+    addons.renderComponentsByLocation(TechDocsAddonLocations.Header)
+  );
 };
 
 const useStyles = makeStyles((theme) => ({
@@ -1966,40 +1972,44 @@ const TechDocsReaderPageSubheader = (props) => {
     return null;
   if (entityMetadataLoading === false && !entityMetadata)
     return null;
-  return /* @__PURE__ */ React.createElement(Toolbar, {
-    classes,
-    ...props.toolbarProps
-  }, /* @__PURE__ */ React.createElement(Box, {
-    display: "flex",
-    justifyContent: "flex-end",
-    width: "100%",
-    flexWrap: "wrap"
-  }, subheaderAddons, settingsAddons ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, {
-    title: "Settings"
-  }, /* @__PURE__ */ React.createElement(IconButton, {
-    "aria-controls": "tech-docs-reader-page-settings",
-    "aria-haspopup": "true",
-    onClick: handleClick
-  }, /* @__PURE__ */ React.createElement(SettingsIcon, null))), /* @__PURE__ */ React.createElement(Menu, {
-    id: "tech-docs-reader-page-settings",
-    getContentAnchorEl: null,
-    anchorEl,
-    anchorOrigin: { vertical: "bottom", horizontal: "right" },
-    open: Boolean(anchorEl),
-    onClose: handleClose,
-    keepMounted: true
-  }, settingsAddons)) : null));
+  return /* @__PURE__ */ React.createElement(Toolbar, { classes, ...props.toolbarProps }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      display: "flex",
+      justifyContent: "flex-end",
+      width: "100%",
+      flexWrap: "wrap"
+    },
+    subheaderAddons,
+    settingsAddons ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "Settings" }, /* @__PURE__ */ React.createElement(
+      IconButton,
+      {
+        "aria-controls": "tech-docs-reader-page-settings",
+        "aria-haspopup": "true",
+        onClick: handleClick
+      },
+      /* @__PURE__ */ React.createElement(SettingsIcon, null)
+    )), /* @__PURE__ */ React.createElement(
+      Menu,
+      {
+        id: "tech-docs-reader-page-settings",
+        getContentAnchorEl: null,
+        anchorEl,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        open: Boolean(anchorEl),
+        onClose: handleClose,
+        keepMounted: true
+      },
+      settingsAddons
+    )) : null
+  ));
 };
 
 const TechDocsReaderLayout = ({
   withSearch,
   withHeader = true
 }) => {
-  return /* @__PURE__ */ React.createElement(Page, {
-    themeId: "documentation"
-  }, withHeader && /* @__PURE__ */ React.createElement(TechDocsReaderPageHeader, null), /* @__PURE__ */ React.createElement(TechDocsReaderPageSubheader, null), /* @__PURE__ */ React.createElement(TechDocsReaderPageContent, {
-    withSearch
-  }));
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "documentation" }, withHeader && /* @__PURE__ */ React.createElement(TechDocsReaderPageHeader, null), /* @__PURE__ */ React.createElement(TechDocsReaderPageSubheader, null), /* @__PURE__ */ React.createElement(TechDocsReaderPageContent, { withSearch }));
 };
 const TechDocsReaderPage$1 = (props) => {
   const { kind, name, namespace } = useRouteRefParams(rootDocsRouteRef);
@@ -2016,17 +2026,9 @@ const TechDocsReaderPage$1 = (props) => {
     const page = grandChildren.find(
       (grandChild) => !getComponentData(grandChild, TECHDOCS_ADDONS_WRAPPER_KEY)
     );
-    return /* @__PURE__ */ React.createElement(TechDocsReaderPageProvider, {
-      entityRef
-    }, page || /* @__PURE__ */ React.createElement(TechDocsReaderLayout, null));
-  }
-  return /* @__PURE__ */ React.createElement(TechDocsReaderPageProvider, {
-    entityRef
-  }, ({ metadata, entityMetadata, onReady }) => /* @__PURE__ */ React.createElement("div", {
-    className: "techdocs-reader-page"
-  }, /* @__PURE__ */ React.createElement(Page, {
-    themeId: "documentation"
-  }, children instanceof Function ? children({
+    return /* @__PURE__ */ React.createElement(TechDocsReaderPageProvider, { entityRef }, page || /* @__PURE__ */ React.createElement(TechDocsReaderLayout, null));
+  }
+  return /* @__PURE__ */ React.createElement(TechDocsReaderPageProvider, { entityRef }, ({ metadata, entityMetadata, onReady }) => /* @__PURE__ */ React.createElement("div", { className: "techdocs-reader-page" }, /* @__PURE__ */ React.createElement(Page, { themeId: "documentation" }, children instanceof Function ? children({
     entityRef,
     techdocsMetadataValue: metadata.value,
     entityMetadataValue: entityMetadata.value,
@@ -2046,26 +2048,29 @@ const DocsCardGrid = (props) => {
   const config = useApi(configApiRef);
   if (!entities)
     return null;
-  return /* @__PURE__ */ React.createElement(ItemCardGrid, {
-    "data-testid": "docs-explore"
-  }, !(entities == null ? void 0 : entities.length) ? null : entities.map((entity, index) => {
+  return /* @__PURE__ */ React.createElement(ItemCardGrid, { "data-testid": "docs-explore" }, !(entities == null ? void 0 : entities.length) ? null : entities.map((entity, index) => {
     var _a, _b;
-    return /* @__PURE__ */ React.createElement(Card, {
-      key: index
-    }, /* @__PURE__ */ React.createElement(CardMedia, null, /* @__PURE__ */ React.createElement(ItemCardHeader, {
-      title: (_a = entity.metadata.title) != null ? _a : entity.metadata.name
-    })), /* @__PURE__ */ React.createElement(CardContent, null, entity.metadata.description), /* @__PURE__ */ React.createElement(CardActions, null, /* @__PURE__ */ React.createElement(Button$1, {
-      to: getRouteToReaderPageFor({
-        namespace: toLowerMaybe(
-          (_b = entity.metadata.namespace) != null ? _b : "default",
-          config
-        ),
-        kind: toLowerMaybe(entity.kind, config),
-        name: toLowerMaybe(entity.metadata.name, config)
-      }),
-      color: "primary",
-      "data-testid": "read_docs"
-    }, "Read Docs")));
+    return /* @__PURE__ */ React.createElement(Card, { key: index }, /* @__PURE__ */ React.createElement(CardMedia, null, /* @__PURE__ */ React.createElement(
+      ItemCardHeader,
+      {
+        title: (_a = entity.metadata.title) != null ? _a : entity.metadata.name
+      }
+    )), /* @__PURE__ */ React.createElement(CardContent, null, entity.metadata.description), /* @__PURE__ */ React.createElement(CardActions, null, /* @__PURE__ */ React.createElement(
+      Button$1,
+      {
+        to: getRouteToReaderPageFor({
+          namespace: toLowerMaybe(
+            (_b = entity.metadata.namespace) != null ? _b : "default",
+            config
+          ),
+          kind: toLowerMaybe(entity.kind, config),
+          name: toLowerMaybe(entity.metadata.name, config)
+        }),
+        color: "primary",
+        "data-testid": "read_docs"
+      },
+      "Read Docs"
+    )));
   }));
 };
 
@@ -2088,39 +2093,30 @@ const EntityListDocsGridGroup = ({
     return typeof group.filterPredicate === "function" && group.filterPredicate(entity);
   });
   const titleComponent = (() => {
-    return typeof group.title === "string" ? /* @__PURE__ */ React.createElement(ContentHeader, {
-      title: group.title
-    }) : group.title;
+    return typeof group.title === "string" ? /* @__PURE__ */ React.createElement(ContentHeader, { title: group.title }) : group.title;
   })();
   if (shownEntities.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Content, null, titleComponent, /* @__PURE__ */ React.createElement(DocsCardGrid, {
-    entities: shownEntities
-  }));
+  return /* @__PURE__ */ React.createElement(Content, null, titleComponent, /* @__PURE__ */ React.createElement(DocsCardGrid, { entities: shownEntities }));
 };
 const EntityListDocsGrid = ({ groups }) => {
   const { loading, error, entities } = useEntityList();
   if (error) {
-    return /* @__PURE__ */ React.createElement(WarningPanel, {
-      severity: "error",
-      title: "Could not load available documentation."
-    }, /* @__PURE__ */ React.createElement(CodeSnippet, {
-      language: "text",
-      text: error.toString()
-    }));
+    return /* @__PURE__ */ React.createElement(
+      WarningPanel,
+      {
+        severity: "error",
+        title: "Could not load available documentation."
+      },
+      /* @__PURE__ */ React.createElement(CodeSnippet, { language: "text", text: error.toString() })
+    );
   }
   if (loading) {
     return /* @__PURE__ */ React.createElement(Progress, null);
   }
   if (entities.length === 0) {
-    return /* @__PURE__ */ React.createElement("div", {
-      "data-testid": "doc-not-found"
-    }, /* @__PURE__ */ React.createElement(Typography, {
-      variant: "body2"
-    }, "No documentation found that match your filter. Learn more about", " ", /* @__PURE__ */ React.createElement(Link, {
-      to: "https://backstage.io/docs/features/techdocs/creating-and-publishing"
-    }, "publishing documentation"), "."));
+    return /* @__PURE__ */ React.createElement("div", { "data-testid": "doc-not-found" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, "No documentation found that match your filter. Learn more about", " ", /* @__PURE__ */ React.createElement(Link, { to: "https://backstage.io/docs/features/techdocs/creating-and-publishing" }, "publishing documentation"), "."));
   }
   entities.sort(
     (a, b) => {
@@ -2130,11 +2126,14 @@ const EntityListDocsGrid = ({ groups }) => {
       );
     }
   );
-  return /* @__PURE__ */ React.createElement(Content, null, (groups || [allEntitiesGroup]).map((group, index) => /* @__PURE__ */ React.createElement(EntityListDocsGridGroup, {
-    entities,
-    group,
-    key: `${group.title}-${index}`
-  })));
+  return /* @__PURE__ */ React.createElement(Content, null, (groups || [allEntitiesGroup]).map((group, index) => /* @__PURE__ */ React.createElement(
+    EntityListDocsGridGroup,
+    {
+      entities,
+      group,
+      key: `${group.title}-${index}`
+    }
+  )));
 };
 
 const YellowStar = withStyles$1({
@@ -2146,9 +2145,7 @@ const actionFactories = {
   createCopyDocsUrlAction(copyToClipboard) {
     return (row) => {
       return {
-        icon: () => /* @__PURE__ */ React.createElement(ShareIcon, {
-          fontSize: "small"
-        }),
+        icon: () => /* @__PURE__ */ React.createElement(ShareIcon, { fontSize: "small" }),
         tooltip: "Click to copy documentation link to clipboard",
         onClick: () => copyToClipboard(`${window.location.origin}${row.resolved.docsUrl}`)
       };
@@ -2176,22 +2173,26 @@ const columnFactories = {
       title: "Document",
       field: "entity.metadata.name",
       highlight: true,
-      render: (row) => /* @__PURE__ */ React.createElement(SubvalueCell, {
-        value: /* @__PURE__ */ React.createElement(Link, {
-          to: row.resolved.docsUrl
-        }, customTitle(row.entity)),
-        subvalue: row.entity.metadata.description
-      })
+      render: (row) => /* @__PURE__ */ React.createElement(
+        SubvalueCell,
+        {
+          value: /* @__PURE__ */ React.createElement(Link, { to: row.resolved.docsUrl }, customTitle(row.entity)),
+          subvalue: row.entity.metadata.description
+        }
+      )
     };
   },
   createOwnerColumn() {
     return {
       title: "Owner",
       field: "resolved.ownedByRelationsTitle",
-      render: ({ resolved }) => /* @__PURE__ */ React.createElement(EntityRefLinks, {
-        entityRefs: resolved.ownedByRelations,
-        defaultKind: "group"
-      })
+      render: ({ resolved }) => /* @__PURE__ */ React.createElement(
+        EntityRefLinks,
+        {
+          entityRefs: resolved.ownedByRelations,
+          defaultKind: "group"
+        }
+      )
     };
   },
   createTypeColumn() {
@@ -2236,28 +2237,38 @@ const DocsTable = (props) => {
   const defaultActions = [
     actionFactories.createCopyDocsUrlAction(copyToClipboard)
   ];
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, loading || documents && documents.length > 0 ? /* @__PURE__ */ React.createElement(Table, {
-    isLoading: loading,
-    options: {
-      paging: true,
-      pageSize: 20,
-      search: true,
-      actionsColumnIndex: -1
-    },
-    data: documents,
-    columns: columns || defaultColumns,
-    actions: actions || defaultActions,
-    title: title ? `${title} (${documents.length})` : `All (${documents.length})`
-  }) : /* @__PURE__ */ React.createElement(EmptyState, {
-    missing: "data",
-    title: "No documents to show",
-    description: "Create your own document. Check out our Getting Started Information",
-    action: /* @__PURE__ */ React.createElement(Button$1, {
-      color: "primary",
-      to: "https://backstage.io/docs/features/techdocs/getting-started",
-      variant: "contained"
-    }, "DOCS")
-  }));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, loading || documents && documents.length > 0 ? /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      isLoading: loading,
+      options: {
+        paging: true,
+        pageSize: 20,
+        search: true,
+        actionsColumnIndex: -1
+      },
+      data: documents,
+      columns: columns || defaultColumns,
+      actions: actions || defaultActions,
+      title: title ? `${title} (${documents.length})` : `All (${documents.length})`
+    }
+  ) : /* @__PURE__ */ React.createElement(
+    EmptyState,
+    {
+      missing: "data",
+      title: "No documents to show",
+      description: "Create your own document. Check out our Getting Started Information",
+      action: /* @__PURE__ */ React.createElement(
+        Button$1,
+        {
+          color: "primary",
+          to: "https://backstage.io/docs/features/techdocs/getting-started",
+          variant: "contained"
+        },
+        "DOCS"
+      )
+    }
+  ));
 };
 DocsTable.columns = columnFactories;
 DocsTable.actions = actionFactories;
@@ -2277,21 +2288,25 @@ const EntityListDocsTable = (props) => {
     )
   ];
   if (error) {
-    return /* @__PURE__ */ React.createElement(WarningPanel, {
-      severity: "error",
-      title: "Could not load available documentation."
-    }, /* @__PURE__ */ React.createElement(CodeSnippet, {
-      language: "text",
-      text: error.toString()
-    }));
-  }
-  return /* @__PURE__ */ React.createElement(DocsTable, {
-    title,
-    entities,
-    loading,
-    actions: actions || defaultActions,
-    columns
-  });
+    return /* @__PURE__ */ React.createElement(
+      WarningPanel,
+      {
+        severity: "error",
+        title: "Could not load available documentation."
+      },
+      /* @__PURE__ */ React.createElement(CodeSnippet, { language: "text", text: error.toString() })
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    DocsTable,
+    {
+      title,
+      entities,
+      loading,
+      actions: actions || defaultActions,
+      columns
+    }
+  );
 };
 EntityListDocsTable.columns = columnFactories;
 EntityListDocsTable.actions = actionFactories;
@@ -2301,11 +2316,15 @@ const TechDocsPageWrapper = (props) => {
   const { children } = props;
   const configApi = useApi(configApiRef);
   const generatedSubtitle = `Documentation available in ${(_a = configApi.getOptionalString("organization.name")) != null ? _a : "Backstage"}`;
-  return /* @__PURE__ */ React.createElement(PageWithHeader, {
-    title: "Documentation",
-    subtitle: generatedSubtitle,
-    themeId: "documentation"
-  }, children);
+  return /* @__PURE__ */ React.createElement(
+    PageWithHeader,
+    {
+      title: "Documentation",
+      subtitle: generatedSubtitle,
+      themeId: "documentation"
+    },
+    children
+  );
 };
 
 class TechDocsFilter {
@@ -2327,14 +2346,7 @@ const TechDocsPicker = () => {
 
 const DefaultTechDocsHome = (props) => {
   const { initialFilter = "owned", columns, actions } = props;
-  return /* @__PURE__ */ React.createElement(TechDocsPageWrapper, null, /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ContentHeader, {
-    title: ""
-  }, /* @__PURE__ */ React.createElement(SupportButton, null, "Discover documentation in your ecosystem.")), /* @__PURE__ */ React.createElement(EntityListProvider, null, /* @__PURE__ */ React.createElement(CatalogFilterLayout, null, /* @__PURE__ */ React.createElement(CatalogFilterLayout.Filters, null, /* @__PURE__ */ React.createElement(TechDocsPicker, null), /* @__PURE__ */ React.createElement(UserListPicker, {
-    initialFilter
-  }), /* @__PURE__ */ React.createElement(EntityOwnerPicker, null), /* @__PURE__ */ React.createElement(EntityTagPicker, null)), /* @__PURE__ */ React.createElement(CatalogFilterLayout.Content, null, /* @__PURE__ */ React.createElement(EntityListDocsTable, {
-    actions,
-    columns
-  }))))));
+  return /* @__PURE__ */ React.createElement(TechDocsPageWrapper, null, /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "" }, /* @__PURE__ */ React.createElement(SupportButton, null, "Discover documentation in your ecosystem.")), /* @__PURE__ */ React.createElement(EntityListProvider, null, /* @__PURE__ */ React.createElement(CatalogFilterLayout, null, /* @__PURE__ */ React.createElement(CatalogFilterLayout.Filters, null, /* @__PURE__ */ React.createElement(TechDocsPicker, null), /* @__PURE__ */ React.createElement(UserListPicker, { initialFilter }), /* @__PURE__ */ React.createElement(EntityOwnerPicker, null), /* @__PURE__ */ React.createElement(EntityTagPicker, null)), /* @__PURE__ */ React.createElement(CatalogFilterLayout.Content, null, /* @__PURE__ */ React.createElement(EntityListDocsTable, { actions, columns }))))));
 };
 
 const techdocsPlugin = createPlugin({
@@ -2392,7 +2404,7 @@ const EntityTechdocsContent = techdocsPlugin.provide(
 const TechDocsCustomHome = techdocsPlugin.provide(
   createRoutableExtension({
     name: "TechDocsCustomHome",
-    component: () => import('./TechDocsCustomHome-02667b22.esm.js').then(
+    component: () => import('./TechDocsCustomHome-c3774096.esm.js').then(
       (m) => m.TechDocsCustomHome
     ),
     mountPoint: rootRouteRef
@@ -2410,7 +2422,7 @@ const TechDocsIndexPage$2 = techdocsPlugin.provide(
 const TechDocsReaderPage = techdocsPlugin.provide(
   createRoutableExtension({
     name: "TechDocsReaderPage",
-    component: () => import('./index-5ce38e4c.esm.js').then(
+    component: () => import('./index-a106661c.esm.js').then(
       (m) => m.TechDocsReaderPage
     ),
     mountPoint: rootDocsRouteRef
@@ -2419,18 +2431,12 @@ const TechDocsReaderPage = techdocsPlugin.provide(
 
 const EntityPageDocs = ({ entity }) => {
   const entityRef = getCompoundEntityRef(entity);
-  return /* @__PURE__ */ React.createElement(TechDocsReaderPage, {
-    entityRef
-  }, /* @__PURE__ */ React.createElement(TechDocsReaderPageSubheader, null), /* @__PURE__ */ React.createElement(TechDocsReaderPageContent, {
-    withSearch: false
-  }));
+  return /* @__PURE__ */ React.createElement(TechDocsReaderPage, { entityRef }, /* @__PURE__ */ React.createElement(TechDocsReaderPageSubheader, null), /* @__PURE__ */ React.createElement(TechDocsReaderPageContent, { withSearch: false }));
 };
 
 const TechDocsIndexPage = (props) => {
   const outlet = useOutlet$1();
-  return outlet || /* @__PURE__ */ React.createElement(DefaultTechDocsHome, {
-    ...props
-  });
+  return outlet || /* @__PURE__ */ React.createElement(DefaultTechDocsHome, { ...props });
 };
 
 var TechDocsIndexPage$1 = /*#__PURE__*/Object.freeze({
@@ -2444,13 +2450,13 @@ const isTechDocsAvailable = (entity) => {
   return Boolean((_b = (_a = entity == null ? void 0 : entity.metadata) == null ? void 0 : _a.annotations) == null ? void 0 : _b[TECHDOCS_ANNOTATION]);
 };
 const Router = () => {
-  return /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, {
-    path: "/",
-    element: /* @__PURE__ */ React.createElement(TechDocsIndexPage, null)
-  }), /* @__PURE__ */ React.createElement(Route, {
-    path: "/:namespace/:kind/:name/*",
-    element: /* @__PURE__ */ React.createElement(TechDocsReaderPage$1, null)
-  }));
+  return /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: "/", element: /* @__PURE__ */ React.createElement(TechDocsIndexPage, null) }), /* @__PURE__ */ React.createElement(
+    Route,
+    {
+      path: "/:namespace/:kind/:name/*",
+      element: /* @__PURE__ */ React.createElement(TechDocsReaderPage$1, null)
+    }
+  ));
 };
 const EmbeddedDocsRouter = (props) => {
   var _a;
@@ -2459,9 +2465,7 @@ const EmbeddedDocsRouter = (props) => {
   const element = useRoutes([
     {
       path: "/*",
-      element: /* @__PURE__ */ React.createElement(EntityPageDocs, {
-        entity
-      }),
+      element: /* @__PURE__ */ React.createElement(EntityPageDocs, { entity }),
       children: [
         {
           path: "*",
@@ -2472,9 +2476,7 @@ const EmbeddedDocsRouter = (props) => {
   ]);
   const projectId = (_a = entity.metadata.annotations) == null ? void 0 : _a[TECHDOCS_ANNOTATION];
   if (!projectId) {
-    return /* @__PURE__ */ React.createElement(MissingAnnotationEmptyState, {
-      annotation: TECHDOCS_ANNOTATION
-    });
+    return /* @__PURE__ */ React.createElement(MissingAnnotationEmptyState, { annotation: TECHDOCS_ANNOTATION });
   }
   return element;
 };
@@ -2487,4 +2489,4 @@ var Router$1 = /*#__PURE__*/Object.freeze({
 });
 
 export { DocsTable as D, EntityTechdocsContent as E, Reader as R, TechDocsPageWrapper as T, DocsCardGrid as a, TechDocsReaderPage$1 as b, TechDocsReaderLayout as c, TechDocsCustomHome as d, TechDocsIndexPage$2 as e, TechdocsPage as f, TechDocsReaderPage as g, techdocsStorageApiRef as h, techdocsApiRef as i, TechDocsClient as j, TechDocsStorageClient as k, TechDocsReaderProvider as l, TechDocsReaderPageHeader as m, TechDocsReaderPageContent as n, TechDocsReaderPageSubheader as o, TechDocsSearchResultListItem as p, TechDocsSearch as q, EntityListDocsGrid as r, EntityListDocsTable as s, techdocsPlugin as t, DefaultTechDocsHome as u, TechDocsPicker as v, isTechDocsAvailable as w, Router as x, EmbeddedDocsRouter as y };
-//# sourceMappingURL=index-847211c1.esm.js.map
+//# sourceMappingURL=index-1eb4d135.esm.js.map