@red-hat-developer-hub/backstage-plugin-global-header 1.20.3 → 1.21.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @red-hat-developer-hub/backstage-plugin-global-header
 
+## 1.21.1
+
+### Patch Changes
+
+- 351d260: Fixed the css issue when drawer opens, fixed the validity check bug
+
+## 1.21.0
+
+### Minor Changes
+
+- a49a2cc: Added a new frontend system based header
+
 ## 1.20.3
 
 ### Patch Changes

package/README.md

@@ -1,13 +1,97 @@
-# global-header
+# Global Header Plugin
 
-Welcome to the global-header plugin!
+A configurable and extensible global header for [Red Hat Developer Hub](https://developers.redhat.com/rhdh) (RHDH), built as a [Backstage](https://backstage.io) frontend plugin.
 
-_This plugin was created through the Backstage CLI_
+## Features
 
-## Getting started
+- Sticky header bar with company logo, search, notifications, and user profile
+- Dropdown menus for application launcher, help/support, and user profile
+- Extensible via the **new frontend system** (extension blueprints) or **legacy mount points**
+- Config-driven menu items via `app-config.yaml` (no code required)
+- Full i18n/translation support
+- Themeable (light/dark mode, custom branding)
 
-Your plugin has been added to the example app in this repository, meaning you'll be able to access it by running `yarn start` in the root directory, and then navigating to [/global-header](http://localhost:3000/global-header).
+## Installation
 
-You can also serve the plugin in isolation by running `yarn start` in the plugin directory.
-This method of serving the plugin provides quicker iteration speed and a faster startup and hot reloads.
-It is only meant for local development, and the setup for it can be found inside the [/dev](./dev) directory.
+```bash
+yarn --cwd packages/app add @red-hat-developer-hub/backstage-plugin-global-header
+```
+
+## Usage
+
+### New Frontend System
+
+Import the plugin and module in your NFS app:
+
+```typescript
+import { createApp } from '@backstage/frontend-defaults';
+import globalHeaderPlugin, {
+  globalHeaderModule,
+} from '@red-hat-developer-hub/backstage-plugin-global-header/alpha';
+
+export default createApp({
+  features: [
+    // ... other plugins
+    globalHeaderModule,
+    globalHeaderPlugin,
+  ],
+});
+```
+
+Other plugins can contribute toolbar items and dropdown menu items using `GlobalHeaderComponentBlueprint` and `GlobalHeaderMenuItemBlueprint`. See the [New Frontend System documentation](../../docs/new-frontend-system.md) for detailed examples and API reference.
+
+### Legacy (Mount Points)
+
+For legacy Backstage apps using dynamic plugin mount points, see the [Configuration documentation](../../docs/configuration.md).
+
+## Configuration
+
+### Config-driven toolbar buttons and menu items
+
+Add toolbar buttons and dropdown menu items directly from `app-config.yaml`:
+
+```yaml
+globalHeader:
+  components:
+    - title: Dashboard
+      icon: dashboard
+      link: /dashboard
+      priority: 75
+
+  menuItems:
+    - target: app-launcher
+      title: Internal Wiki
+      icon: article
+      link: https://wiki.internal.example.com
+      sectionLabel: Resources
+      priority: 80
+```
+
+### Company logo branding
+
+```yaml
+app:
+  branding:
+    fullLogo:
+      light: 'data:image/svg+xml;base64,...'
+      dark: 'data:image/svg+xml;base64,...'
+    fullLogoWidth: 200px
+```
+
+## Documentation
+
+- [New Frontend System Guide](../../docs/new-frontend-system.md) -- Blueprints, building blocks, and integration guide for plugin authors
+- [Configuration](../../docs/configuration.md) -- Dynamic plugin setup for legacy apps
+- [Components](../../docs/components/) -- HeaderButton, HeaderIconButton, Spacer, Divider reference
+
+## Development
+
+```bash
+cd workspaces/global-header
+yarn install
+yarn start
+```
+
+## License
+
+Apache-2.0

package/config.d.ts

@@ -14,38 +14,80 @@
  * limitations under the License.
  */
 
-import '@backstage/config';
-
-declare module '@backstage/config' {
-  interface Config {
-    app?: {
-      branding?: {
-        /**
-         * Base64 URI for the full logo. If the value is a string, it is used as the logo for both themes.
-         * @visibility frontend
-         */
-        fullLogo?:
-          | string
-          | {
-              /**
-               * Base64 URI for the logo in light theme
-               * @visibility frontend
-               */
-              light: string;
-              /**
-               * Base64 URI for the logo in dark theme
-               * @visibility frontend
-               */
-              dark: string;
-            };
-        /**
-         * Fallback width for the full logo in the global header.
-         * Accepts any valid CSS length (e.g. `'200px'`, `'12rem'`).
-         * Used only when a `width` prop isn’t supplied through the extension configuration.
-         * @visibility frontend
-         */
-        fullLogoWidth?: string | number;
-      };
+export interface Config {
+  app?: {
+    branding?: {
+      /**
+       * Base64 URI for the full logo. If the value is a string, it is used as the logo for both themes.
+       * @visibility frontend
+       */
+      fullLogo?:
+        | string
+        | {
+            /**
+             * Base64 URI for the logo in light theme
+             * @visibility frontend
+             */
+            light: string;
+            /**
+             * Base64 URI for the logo in dark theme
+             * @visibility frontend
+             */
+            dark: string;
+          };
+      /**
+       * Fallback width for the full logo in the global header.
+       * Accepts any valid CSS length (e.g. `'200px'`, `'12rem'`).
+       * Used only when a `width` prop isn't supplied through the extension configuration.
+       * @visibility frontend
+       */
+      fullLogoWidth?: string | number;
     };
-  }
+  };
+  globalHeader?: {
+    /**
+     * Simple icon-button toolbar components that deployers can add without
+     * writing a plugin. Each entry renders a clickable icon in the header bar.
+     * @visibility frontend
+     */
+    components?: Array<{
+      /** @visibility frontend */
+      title: string;
+      /** @visibility frontend */
+      titleKey?: string;
+      /** @visibility frontend */
+      icon: string;
+      /** @visibility frontend */
+      link: string;
+      /** @visibility frontend */
+      tooltip?: string;
+      /** @visibility frontend */
+      priority?: number;
+    }>;
+    /**
+     * Simple link menu items that deployers can add without writing a plugin.
+     * Each item is injected into the dropdown identified by `target`.
+     * @visibility frontend
+     */
+    menuItems?: Array<{
+      /** @visibility frontend */
+      target: string;
+      /** @visibility frontend */
+      title: string;
+      /** @visibility frontend */
+      titleKey?: string;
+      /** @visibility frontend */
+      icon?: string;
+      /** @visibility frontend */
+      link: string;
+      /** @visibility frontend */
+      sectionLabel?: string;
+      /** @visibility frontend */
+      sectionLink?: string;
+      /** @visibility frontend */
+      sectionLinkLabel?: string;
+      /** @visibility frontend */
+      priority?: number;
+    }>;
+  };
 }

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

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import AppsIcon from '@mui/icons-material/Apps';
+import AppRegistrationIcon from '@mui/icons-material/AppRegistration';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { DropdownEmptyState } from '../../components/HeaderDropdownComponent/DropdownEmptyState.esm.js';
+import { GlobalHeaderDropdown } from './GlobalHeaderDropdown.esm.js';
+
+const ApplicationLauncherDropdown = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    GlobalHeaderDropdown,
+    {
+      target: "app-launcher",
+      isIconButton: true,
+      tooltip: t("applicationLauncher.tooltip"),
+      buttonContent: /* @__PURE__ */ jsx(AppsIcon, {}),
+      emptyState: /* @__PURE__ */ jsx(
+        DropdownEmptyState,
+        {
+          title: t("applicationLauncher.noLinksTitle"),
+          subTitle: t("applicationLauncher.noLinksSubtitle"),
+          icon: /* @__PURE__ */ jsx(
+            AppRegistrationIcon,
+            {
+              sx: { fontSize: 64, color: "text.disabled" }
+            }
+          )
+        }
+      )
+    }
+  );
+};
+
+export { ApplicationLauncherDropdown };
+//# sourceMappingURL=ApplicationLauncherDropdown.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationLauncherDropdown.esm.js","sources":["../../../src/alpha/components/ApplicationLauncherDropdown.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 AppsIcon from '@mui/icons-material/Apps';\nimport AppRegistrationIcon from '@mui/icons-material/AppRegistration';\n\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { DropdownEmptyState } from '../../components/HeaderDropdownComponent/DropdownEmptyState';\nimport { GlobalHeaderDropdown } from './GlobalHeaderDropdown';\n\n/**\n * Application Launcher dropdown. Collects menu items from the `'app-launcher'`\n * target.\n *\n * @internal\n */\nexport const ApplicationLauncherDropdown = () => {\n  const { t } = useTranslation();\n  return (\n    <GlobalHeaderDropdown\n      target=\"app-launcher\"\n      isIconButton\n      tooltip={t('applicationLauncher.tooltip')}\n      buttonContent={<AppsIcon />}\n      emptyState={\n        <DropdownEmptyState\n          title={t('applicationLauncher.noLinksTitle')}\n          subTitle={t('applicationLauncher.noLinksSubtitle')}\n          icon={\n            <AppRegistrationIcon\n              sx={{ fontSize: 64, color: 'text.disabled' }}\n            />\n          }\n        />\n      }\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA6BO,MAAM,8BAA8B,MAAM;AAC/C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EACE,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,cAAA;AAAA,MACP,YAAY,EAAA,IAAA;AAAA,MACZ,OAAA,EAAS,EAAE,6BAA6B,CAAA;AAAA,MACxC,aAAA,sBAAgB,QAAS,EAAA,EAAA,CAAA;AAAA,MACzB,UACE,kBAAA,GAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAE,kCAAkC,CAAA;AAAA,UAC3C,QAAA,EAAU,EAAE,qCAAqC,CAAA;AAAA,UACjD,IACE,kBAAA,GAAA;AAAA,YAAC,mBAAA;AAAA,YAAA;AAAA,cACC,EAAI,EAAA,EAAE,QAAU,EAAA,EAAA,EAAI,OAAO,eAAgB;AAAA;AAAA;AAC7C;AAAA;AAEJ;AAAA,GAEJ;AAEJ;;;;"}

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

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+import { ErrorBoundary } from '@backstage/core-components';
+import AppBar from '@mui/material/AppBar';
+import Box from '@mui/material/Box';
+import Toolbar from '@mui/material/Toolbar';
+import { useGlobalHeaderComponents } from '../extensions/GlobalHeaderContext.esm.js';
+
+const GlobalHeader = () => {
+  const components = useGlobalHeaderComponents();
+  return /* @__PURE__ */ jsx(
+    AppBar,
+    {
+      position: "sticky",
+      component: "nav",
+      id: "global-header",
+      sx: {
+        width: "auto",
+        marginRight: "var(--docked-drawer-width, 0px)",
+        transition: "margin-right 225ms cubic-bezier(0, 0, 0.2, 1)"
+      },
+      children: /* @__PURE__ */ jsx(
+        Toolbar,
+        {
+          sx: {
+            gap: 1,
+            color: (theme) => theme.rhdh?.general?.appBarForegroundColor ?? theme.palette.text.primary
+          },
+          children: components.map((item, index) => /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Box, { sx: item.layout, children: /* @__PURE__ */ jsx(item.component, {}) }) }, `gh-component-${index}`))
+        }
+      )
+    }
+  );
+};
+
+export { GlobalHeader };
+//# sourceMappingURL=GlobalHeader.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalHeader.esm.js","sources":["../../../src/alpha/components/GlobalHeader.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { ErrorBoundary } from '@backstage/core-components';\n\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport Toolbar from '@mui/material/Toolbar';\n\nimport { useGlobalHeaderComponents } from '../extensions/GlobalHeaderContext';\n\n/**\n * Global header bar. Reads toolbar items from GlobalHeaderContext\n * and renders them in a sticky AppBar.\n *\n * @alpha\n */\nexport const GlobalHeader = () => {\n  const components = useGlobalHeaderComponents();\n\n  return (\n    <AppBar\n      position=\"sticky\"\n      component=\"nav\"\n      id=\"global-header\"\n      sx={{\n        width: 'auto',\n        marginRight: 'var(--docked-drawer-width, 0px)',\n        transition: 'margin-right 225ms cubic-bezier(0, 0, 0.2, 1)',\n      }}\n    >\n      <Toolbar\n        sx={{\n          gap: 1,\n          color: theme =>\n            (theme as any).rhdh?.general?.appBarForegroundColor ??\n            theme.palette.text.primary,\n        }}\n      >\n        {components.map((item, index) => (\n          <ErrorBoundary key={`gh-component-${index}`}>\n            <Box sx={item.layout}>\n              <item.component />\n            </Box>\n          </ErrorBoundary>\n        ))}\n      </Toolbar>\n    </AppBar>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA8BO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,aAAa,yBAA0B,EAAA;AAE7C,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,QAAS,EAAA,QAAA;AAAA,MACT,SAAU,EAAA,KAAA;AAAA,MACV,EAAG,EAAA,eAAA;AAAA,MACH,EAAI,EAAA;AAAA,QACF,KAAO,EAAA,MAAA;AAAA,QACP,WAAa,EAAA,iCAAA;AAAA,QACb,UAAY,EAAA;AAAA,OACd;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,GAAK,EAAA,CAAA;AAAA,YACL,KAAA,EAAO,WACJ,KAAc,CAAA,IAAA,EAAM,SAAS,qBAC9B,IAAA,KAAA,CAAM,QAAQ,IAAK,CAAA;AAAA,WACvB;AAAA,UAEC,QAAA,EAAA,UAAA,CAAW,IAAI,CAAC,IAAA,EAAM,0BACpB,GAAA,CAAA,aAAA,EAAA,EACC,8BAAC,GAAI,EAAA,EAAA,EAAA,EAAI,KAAK,MACZ,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAK,SAAL,EAAA,EAAe,GAClB,CAHkB,EAAA,EAAA,CAAA,aAAA,EAAgB,KAAK,CAAA,CAIzC,CACD;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;;;;"}

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

@@ -0,0 +1,60 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo, useRef, useState, useLayoutEffect } from 'react';
+import { useGlobalHeaderMenuItems } from '../extensions/GlobalHeaderContext.esm.js';
+import { buildDropdownEntries } from '../utils/menuItemGrouping.esm.js';
+import { useDropdownManager } from '../../hooks/useDropdownManager.esm.js';
+import '@backstage/core-plugin-api/alpha';
+import '../../translations/index.esm.js';
+import '@backstage/core-plugin-api';
+import { HeaderDropdownComponent } from '../../components/HeaderDropdownComponent/HeaderDropdownComponent.esm.js';
+import { GlobalHeaderDropdownContent } from './GlobalHeaderDropdownContent.esm.js';
+
+const GlobalHeaderDropdown = ({
+  target,
+  buttonContent,
+  buttonProps,
+  isIconButton,
+  tooltip,
+  emptyState,
+  trackValidity = false
+}) => {
+  const { anchorEl, handleOpen, handleClose } = useDropdownManager();
+  const menuItems = useGlobalHeaderMenuItems(target);
+  const entries = useMemo(() => buildDropdownEntries(menuItems), [menuItems]);
+  const menuListRef = useRef(null);
+  const [hasVisibleItems, setHasVisibleItems] = useState(true);
+  const isOpen = Boolean(anchorEl);
+  useLayoutEffect(() => {
+    if (!trackValidity || !isOpen || !menuListRef.current) return;
+    const found = menuListRef.current.querySelector('[role="menuitem"]') !== null;
+    if (found !== hasVisibleItems) {
+      setHasVisibleItems(found);
+    }
+  }, [trackValidity, hasVisibleItems, isOpen]);
+  if (menuItems.length === 0 && !emptyState) return null;
+  const showEmpty = entries.length === 0 || trackValidity && !hasVisibleItems;
+  return /* @__PURE__ */ jsx(
+    HeaderDropdownComponent,
+    {
+      buttonContent,
+      buttonProps,
+      isIconButton,
+      tooltip,
+      onOpen: handleOpen,
+      onClose: handleClose,
+      anchorEl,
+      menuListRef: trackValidity ? menuListRef : void 0,
+      children: showEmpty ? emptyState : /* @__PURE__ */ jsx(
+        GlobalHeaderDropdownContent,
+        {
+          entries,
+          target,
+          handleClose
+        }
+      )
+    }
+  );
+};
+
+export { GlobalHeaderDropdown };
+//# sourceMappingURL=GlobalHeaderDropdown.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalHeaderDropdown.esm.js","sources":["../../../src/alpha/components/GlobalHeaderDropdown.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport type Button from '@mui/material/Button';\n\nimport { useGlobalHeaderMenuItems } from '../extensions/GlobalHeaderContext';\nimport { buildDropdownEntries } from '../utils/menuItemGrouping';\nimport { useDropdownManager } from '../../hooks';\nimport { HeaderDropdownComponent } from '../../components/HeaderDropdownComponent/HeaderDropdownComponent';\nimport { GlobalHeaderDropdownContent } from './GlobalHeaderDropdownContent';\n\n/**\n * Props for {@link GlobalHeaderDropdown}.\n *\n * @alpha\n */\nexport interface GlobalHeaderDropdownProps {\n  /** Extension target name that items are collected from (e.g. `'help'`, `'create'`). */\n  target: string;\n  /** Content rendered inside the trigger button. */\n  buttonContent: ReactNode;\n  /** MUI Button props forwarded to the trigger. */\n  buttonProps?: ComponentProps<typeof Button>;\n  /** Render an `IconButton` instead of a regular `Button`. */\n  isIconButton?: boolean;\n  /** Tooltip shown on hover of the trigger button. */\n  tooltip?: string;\n  /** Rendered when no menu items are contributed (or all render empty when `trackValidity` is on). */\n  emptyState?: ReactNode;\n  /**\n   * When `true`, the dropdown checks the rendered MenuList for visible\n   * `[role=\"menuitem\"]` elements after each render. If none are found,\n   * the `emptyState` is shown instead.\n   */\n  trackValidity?: boolean;\n}\n\n/**\n * High-level dropdown building block for the global header.\n *\n * Collects menu items from a named extension `target`, groups them\n * by section, sorts by priority, and renders them inside a\n * `HeaderDropdownComponent`.\n *\n * @alpha\n */\nexport const GlobalHeaderDropdown = ({\n  target,\n  buttonContent,\n  buttonProps,\n  isIconButton,\n  tooltip,\n  emptyState,\n  trackValidity = false,\n}: GlobalHeaderDropdownProps) => {\n  const { anchorEl, handleOpen, handleClose } = useDropdownManager();\n  const menuItems = useGlobalHeaderMenuItems(target);\n  const entries = useMemo(() => buildDropdownEntries(menuItems), [menuItems]);\n\n  const menuListRef = useRef<HTMLUListElement>(null);\n  const [hasVisibleItems, setHasVisibleItems] = useState(true);\n  const isOpen = Boolean(anchorEl);\n\n  useLayoutEffect(() => {\n    if (!trackValidity || !isOpen || !menuListRef.current) return;\n    const found =\n      menuListRef.current.querySelector('[role=\"menuitem\"]') !== null;\n    if (found !== hasVisibleItems) {\n      setHasVisibleItems(found);\n    }\n  }, [trackValidity, hasVisibleItems, isOpen]);\n\n  if (menuItems.length === 0 && !emptyState) return null;\n\n  const showEmpty = entries.length === 0 || (trackValidity && !hasVisibleItems);\n\n  return (\n    <HeaderDropdownComponent\n      buttonContent={buttonContent}\n      buttonProps={buttonProps}\n      isIconButton={isIconButton}\n      tooltip={tooltip}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      anchorEl={anchorEl}\n      menuListRef={trackValidity ? menuListRef : undefined}\n    >\n      {showEmpty ? (\n        emptyState\n      ) : (\n        <GlobalHeaderDropdownContent\n          entries={entries}\n          target={target}\n          handleClose={handleClose}\n        />\n      )}\n    </HeaderDropdownComponent>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA6DO,MAAM,uBAAuB,CAAC;AAAA,EACnC,MAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAgB,GAAA;AAClB,CAAiC,KAAA;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAU,UAAY,EAAA,WAAA,KAAgB,kBAAmB,EAAA;AACjE,EAAM,MAAA,SAAA,GAAY,yBAAyB,MAAM,CAAA;AACjD,EAAM,MAAA,OAAA,GAAU,QAAQ,MAAM,oBAAA,CAAqB,SAAS,CAAG,EAAA,CAAC,SAAS,CAAC,CAAA;AAE1E,EAAM,MAAA,WAAA,GAAc,OAAyB,IAAI,CAAA;AACjD,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3D,EAAM,MAAA,MAAA,GAAS,QAAQ,QAAQ,CAAA;AAE/B,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,aAAiB,IAAA,CAAC,MAAU,IAAA,CAAC,YAAY,OAAS,EAAA;AACvD,IAAA,MAAM,KACJ,GAAA,WAAA,CAAY,OAAQ,CAAA,aAAA,CAAc,mBAAmB,CAAM,KAAA,IAAA;AAC7D,IAAA,IAAI,UAAU,eAAiB,EAAA;AAC7B,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA;AAC1B,GACC,EAAA,CAAC,aAAe,EAAA,eAAA,EAAiB,MAAM,CAAC,CAAA;AAE3C,EAAA,IAAI,SAAU,CAAA,MAAA,KAAW,CAAK,IAAA,CAAC,YAAmB,OAAA,IAAA;AAElD,EAAA,MAAM,SAAY,GAAA,OAAA,CAAQ,MAAW,KAAA,CAAA,IAAM,iBAAiB,CAAC,eAAA;AAE7D,EACE,uBAAA,GAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,aAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAQ,EAAA,UAAA;AAAA,MACR,OAAS,EAAA,WAAA;AAAA,MACT,QAAA;AAAA,MACA,WAAA,EAAa,gBAAgB,WAAc,GAAA,KAAA,CAAA;AAAA,MAE1C,sBACC,UAEA,mBAAA,GAAA;AAAA,QAAC,2BAAA;AAAA,QAAA;AAAA,UACC,OAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GAEJ;AAEJ;;;;"}

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

@@ -0,0 +1,52 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { MenuSection } from '../../components/HeaderDropdownComponent/MenuSection.esm.js';
+
+const DropdownItem = ({
+  entry,
+  isLast,
+  handleClose
+}) => {
+  if (entry.type === "component") {
+    const Comp = entry.item.component;
+    if (!Comp) return null;
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        handleClose,
+        hideDivider: isLast,
+        title: entry.item.title,
+        titleKey: entry.item.titleKey,
+        icon: entry.item.icon,
+        link: entry.item.link
+      }
+    );
+  }
+  const { sectionLabel, sectionLink, sectionLinkLabel, items } = entry.group;
+  return /* @__PURE__ */ jsx(
+    MenuSection,
+    {
+      sectionLabel: sectionLabel || void 0,
+      optionalLink: sectionLink,
+      optionalLinkLabel: sectionLinkLabel,
+      items,
+      handleClose,
+      hideDivider: isLast || !sectionLabel
+    }
+  );
+};
+const GlobalHeaderDropdownContent = ({
+  entries,
+  target,
+  handleClose
+}) => /* @__PURE__ */ jsx(Fragment, { children: entries.map((entry, i) => /* @__PURE__ */ jsx(
+  DropdownItem,
+  {
+    entry,
+    isLast: i === entries.length - 1,
+    handleClose
+  },
+  `${target}-${i}`
+)) });
+
+export { GlobalHeaderDropdownContent };
+//# sourceMappingURL=GlobalHeaderDropdownContent.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalHeaderDropdownContent.esm.js","sources":["../../../src/alpha/components/GlobalHeaderDropdownContent.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 type { DropdownEntry } from '../utils/menuItemGrouping';\nimport { MenuSection } from '../../components/HeaderDropdownComponent/MenuSection';\n\n/** Renders a standalone component or a data-driven `MenuSection`. */\nconst DropdownItem = ({\n  entry,\n  isLast,\n  handleClose,\n}: {\n  entry: DropdownEntry;\n  isLast: boolean;\n  handleClose: () => void;\n}) => {\n  if (entry.type === 'component') {\n    const Comp = entry.item.component;\n    if (!Comp) return null;\n    return (\n      <Comp\n        handleClose={handleClose}\n        hideDivider={isLast}\n        title={entry.item.title}\n        titleKey={entry.item.titleKey}\n        icon={entry.item.icon}\n        link={entry.item.link}\n      />\n    );\n  }\n\n  const { sectionLabel, sectionLink, sectionLinkLabel, items } = entry.group;\n  return (\n    <MenuSection\n      sectionLabel={sectionLabel || undefined}\n      optionalLink={sectionLink}\n      optionalLinkLabel={sectionLinkLabel}\n      items={items}\n      handleClose={handleClose}\n      hideDivider={isLast || !sectionLabel}\n    />\n  );\n};\n\n/**\n * Renders the menu content for a {@link GlobalHeaderDropdown}.\n *\n * Maps each entry to either a standalone component or a `MenuSection`.\n */\nexport const GlobalHeaderDropdownContent = ({\n  entries,\n  target,\n  handleClose,\n}: {\n  entries: DropdownEntry[];\n  target: string;\n  handleClose: () => void;\n}) => (\n  <>\n    {entries.map((entry, i) => (\n      <DropdownItem\n        key={`${target}-${i}`}\n        entry={entry}\n        isLast={i === entries.length - 1}\n        handleClose={handleClose}\n      />\n    ))}\n  </>\n);\n"],"names":[],"mappings":";;;AAoBA,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAIM,KAAA;AACJ,EAAI,IAAA,KAAA,CAAM,SAAS,WAAa,EAAA;AAC9B,IAAM,MAAA,IAAA,GAAO,MAAM,IAAK,CAAA,SAAA;AACxB,IAAI,IAAA,CAAC,MAAa,OAAA,IAAA;AAClB,IACE,uBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAA;AAAA,QACA,WAAa,EAAA,MAAA;AAAA,QACb,KAAA,EAAO,MAAM,IAAK,CAAA,KAAA;AAAA,QAClB,QAAA,EAAU,MAAM,IAAK,CAAA,QAAA;AAAA,QACrB,IAAA,EAAM,MAAM,IAAK,CAAA,IAAA;AAAA,QACjB,IAAA,EAAM,MAAM,IAAK,CAAA;AAAA;AAAA,KACnB;AAAA;AAIJ,EAAA,MAAM,EAAE,YAAc,EAAA,WAAA,EAAa,gBAAkB,EAAA,KAAA,KAAU,KAAM,CAAA,KAAA;AACrE,EACE,uBAAA,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,cAAc,YAAgB,IAAA,KAAA,CAAA;AAAA,MAC9B,YAAc,EAAA,WAAA;AAAA,MACd,iBAAmB,EAAA,gBAAA;AAAA,MACnB,KAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA,EAAa,UAAU,CAAC;AAAA;AAAA,GAC1B;AAEJ,CAAA;AAOO,MAAM,8BAA8B,CAAC;AAAA,EAC1C,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,qBAMK,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,OAAO,CACnB,qBAAA,GAAA;AAAA,EAAC,YAAA;AAAA,EAAA;AAAA,IAEC,KAAA;AAAA,IACA,MAAA,EAAQ,CAAM,KAAA,OAAA,CAAQ,MAAS,GAAA,CAAA;AAAA,IAC/B;AAAA,GAAA;AAAA,EAHK,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,CAAC,CAAA;AAIrB,CACD,CACH,EAAA;;;;"}

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

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import { Link } from '@backstage/core-components';
+import MenuItem from '@mui/material/MenuItem';
+import { MenuItemLink } from '../../components/MenuItemLink/MenuItemLink.esm.js';
+
+const GlobalHeaderMenuItem = ({
+  to,
+  title,
+  titleKey,
+  subTitle,
+  subTitleKey,
+  icon,
+  tooltip,
+  onClick
+}) => /* @__PURE__ */ jsx(
+  MenuItem,
+  {
+    disableRipple: true,
+    disableTouchRipple: true,
+    onClick,
+    sx: { py: 0.5, color: "inherit", textDecoration: "none" },
+    ...to ? { component: Link, to } : {},
+    children: /* @__PURE__ */ jsx(
+      MenuItemLink,
+      {
+        to: to ?? "",
+        title,
+        titleKey,
+        subTitle,
+        subTitleKey,
+        icon,
+        tooltip
+      }
+    )
+  }
+);
+
+export { GlobalHeaderMenuItem };
+//# sourceMappingURL=GlobalHeaderMenuItem.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalHeaderMenuItem.esm.js","sources":["../../../src/alpha/components/GlobalHeaderMenuItem.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { Link } from '@backstage/core-components';\n\nimport MenuItem from '@mui/material/MenuItem';\n\nimport { MenuItemLink } from '../../components/MenuItemLink/MenuItemLink';\n\n/**\n * Props for {@link GlobalHeaderMenuItem}.\n *\n * @alpha\n */\nexport interface GlobalHeaderMenuItemProps {\n  /** Navigation URL. When absent the item renders as a plain action button. */\n  to?: string;\n  /** Display title. */\n  title?: string;\n  /** Translation key for the title. */\n  titleKey?: string;\n  /** Secondary text rendered below the title. */\n  subTitle?: string;\n  /** Translation key for the secondary text. */\n  subTitleKey?: string;\n  /** Icon identifier passed to `HeaderIcon`. */\n  icon?: string;\n  /** Tooltip shown on hover. */\n  tooltip?: string;\n  /** Called when the item is clicked (typically the dropdown's `handleClose`). */\n  onClick?: () => void;\n}\n\n/**\n * A complete, self-contained menu item for use inside header dropdowns.\n *\n * Renders a MUI `MenuItem` with optional `Link` navigation and the\n * standard `MenuItemLink` content (icon, title, subtitle, external\n * link indicator). Consumers only need this one component — no manual\n * `MenuItem` or `Link` wrapping required.\n *\n * @example\n * ```tsx\n * const MyHelpItem = ({ handleClose }) => (\n *   <GlobalHeaderMenuItem\n *     to=\"https://docs.example.com\"\n *     title=\"Documentation\"\n *     icon=\"menu_book\"\n *     onClick={handleClose}\n *   />\n * );\n * ```\n *\n * @alpha\n */\nexport const GlobalHeaderMenuItem = ({\n  to,\n  title,\n  titleKey,\n  subTitle,\n  subTitleKey,\n  icon,\n  tooltip,\n  onClick,\n}: GlobalHeaderMenuItemProps) => (\n  <MenuItem\n    disableRipple\n    disableTouchRipple\n    onClick={onClick}\n    sx={{ py: 0.5, color: 'inherit', textDecoration: 'none' }}\n    {...(to ? { component: Link, to } : {})}\n  >\n    <MenuItemLink\n      to={to ?? ''}\n      title={title}\n      titleKey={titleKey}\n      subTitle={subTitle}\n      subTitleKey={subTitleKey}\n      icon={icon}\n      tooltip={tooltip}\n    />\n  </MenuItem>\n);\n"],"names":[],"mappings":";;;;;AAoEO,MAAM,uBAAuB,CAAC;AAAA,EACnC,EAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CACE,qBAAA,GAAA;AAAA,EAAC,QAAA;AAAA,EAAA;AAAA,IACC,aAAa,EAAA,IAAA;AAAA,IACb,kBAAkB,EAAA,IAAA;AAAA,IAClB,OAAA;AAAA,IACA,IAAI,EAAE,EAAA,EAAI,KAAK,KAAO,EAAA,SAAA,EAAW,gBAAgB,MAAO,EAAA;AAAA,IACvD,GAAI,EAAK,GAAA,EAAE,WAAW,IAAM,EAAA,EAAA,KAAO,EAAC;AAAA,IAErC,QAAA,kBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,IAAI,EAAM,IAAA,EAAA;AAAA,QACV,KAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,WAAA;AAAA,QACA,IAAA;AAAA,QACA;AAAA;AAAA;AACF;AACF;;;;"}

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

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
+import SupportAgentIcon from '@mui/icons-material/SupportAgent';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { DropdownEmptyState } from '../../components/HeaderDropdownComponent/DropdownEmptyState.esm.js';
+import { GlobalHeaderDropdown } from './GlobalHeaderDropdown.esm.js';
+
+const HelpDropdown = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    GlobalHeaderDropdown,
+    {
+      target: "help",
+      trackValidity: true,
+      isIconButton: true,
+      tooltip: t("help.tooltip"),
+      buttonContent: /* @__PURE__ */ jsx(HelpOutlineIcon, {}),
+      buttonProps: { color: "inherit" },
+      emptyState: /* @__PURE__ */ jsx(
+        DropdownEmptyState,
+        {
+          title: t("help.noSupportLinks"),
+          subTitle: t("help.noSupportLinksSubtitle"),
+          icon: /* @__PURE__ */ jsx(SupportAgentIcon, { sx: { fontSize: 64, color: "text.disabled" } })
+        }
+      )
+    }
+  );
+};
+
+export { HelpDropdown };
+//# sourceMappingURL=HelpDropdown.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpDropdown.esm.js","sources":["../../../src/alpha/components/HelpDropdown.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 HelpOutlineIcon from '@mui/icons-material/HelpOutline';\nimport SupportAgentIcon from '@mui/icons-material/SupportAgent';\n\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { DropdownEmptyState } from '../../components/HeaderDropdownComponent/DropdownEmptyState';\nimport { GlobalHeaderDropdown } from './GlobalHeaderDropdown';\n\n/**\n * Help dropdown. Collects menu items from the `'help'` target.\n *\n * @internal\n */\nexport const HelpDropdown = () => {\n  const { t } = useTranslation();\n  return (\n    <GlobalHeaderDropdown\n      target=\"help\"\n      trackValidity\n      isIconButton\n      tooltip={t('help.tooltip')}\n      buttonContent={<HelpOutlineIcon />}\n      buttonProps={{ color: 'inherit' }}\n      emptyState={\n        <DropdownEmptyState\n          title={t('help.noSupportLinks')}\n          subTitle={t('help.noSupportLinksSubtitle')}\n          icon={\n            <SupportAgentIcon sx={{ fontSize: 64, color: 'text.disabled' }} />\n          }\n        />\n      }\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA4BO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EACE,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,MAAA;AAAA,MACP,aAAa,EAAA,IAAA;AAAA,MACb,YAAY,EAAA,IAAA;AAAA,MACZ,OAAA,EAAS,EAAE,cAAc,CAAA;AAAA,MACzB,aAAA,sBAAgB,eAAgB,EAAA,EAAA,CAAA;AAAA,MAChC,WAAA,EAAa,EAAE,KAAA,EAAO,SAAU,EAAA;AAAA,MAChC,UACE,kBAAA,GAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAE,qBAAqB,CAAA;AAAA,UAC9B,QAAA,EAAU,EAAE,6BAA6B,CAAA;AAAA,UACzC,IAAA,sBACG,gBAAiB,EAAA,EAAA,EAAA,EAAI,EAAE,QAAU,EAAA,EAAA,EAAI,KAAO,EAAA,eAAA,EAAmB,EAAA;AAAA;AAAA;AAEpE;AAAA,GAEJ;AAEJ;;;;"}

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

@@ -0,0 +1,58 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useUserProfile } from '@backstage/plugin-user-settings';
+import { parseEntityRef } from '@backstage/catalog-model';
+import { Link } from '@backstage/core-components';
+import MenuItem from '@mui/material/MenuItem';
+import { MenuItemLinkContent } from '../../components/MenuItemLink/MenuItemLinkContent.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+
+const MyProfileMenuItem = ({
+  handleClose
+}) => {
+  const { backstageIdentity } = useUserProfile();
+  const { t } = useTranslation();
+  const [profileLink, setProfileLink] = useState(null);
+  const [isGuest, setIsGuest] = useState(true);
+  useEffect(() => {
+    if (!backstageIdentity?.userEntityRef) {
+      setIsGuest(true);
+      return;
+    }
+    if (backstageIdentity.userEntityRef.includes("/guest")) {
+      setIsGuest(true);
+      return;
+    }
+    try {
+      const { namespace = "default", name } = parseEntityRef(
+        backstageIdentity.userEntityRef
+      );
+      setProfileLink(`/catalog/${namespace}/user/${name}`);
+      setIsGuest(false);
+    } catch {
+      setIsGuest(true);
+    }
+  }, [backstageIdentity]);
+  if (isGuest || !profileLink) return null;
+  return /* @__PURE__ */ jsx(
+    MenuItem,
+    {
+      component: Link,
+      to: profileLink,
+      onClick: handleClose,
+      disableRipple: true,
+      disableTouchRipple: true,
+      sx: { py: 0.5, color: "inherit", textDecoration: "none" },
+      children: /* @__PURE__ */ jsx(
+        MenuItemLinkContent,
+        {
+          icon: "account_circle",
+          label: t("profile.myProfile")
+        }
+      )
+    }
+  );
+};
+
+export { MyProfileMenuItem };
+//# sourceMappingURL=MyProfileMenuItem.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MyProfileMenuItem.esm.js","sources":["../../../src/alpha/components/MyProfileMenuItem.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useEffect, useState } from 'react';\n\nimport { useUserProfile } from '@backstage/plugin-user-settings';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { Link } from '@backstage/core-components';\n\nimport MenuItem from '@mui/material/MenuItem';\n\nimport { MenuItemLinkContent } from '../../components/MenuItemLink/MenuItemLinkContent';\nimport { useTranslation } from '../../hooks/useTranslation';\n\n/**\n * Custom component for the \"My Profile\" menu item.\n * Dynamically resolves the catalog URL from the user's identity and\n * returns `null` for guest users, matching legacy ProfileDropdown behavior.\n *\n * @internal\n */\nexport const MyProfileMenuItem = ({\n  handleClose,\n}: {\n  handleClose?: () => void;\n}) => {\n  const { backstageIdentity } = useUserProfile();\n  const { t } = useTranslation();\n  const [profileLink, setProfileLink] = useState<string | null>(null);\n  const [isGuest, setIsGuest] = useState(true);\n\n  useEffect(() => {\n    if (!backstageIdentity?.userEntityRef) {\n      setIsGuest(true);\n      return;\n    }\n    if (backstageIdentity.userEntityRef.includes('/guest')) {\n      setIsGuest(true);\n      return;\n    }\n    try {\n      const { namespace = 'default', name } = parseEntityRef(\n        backstageIdentity.userEntityRef,\n      );\n      setProfileLink(`/catalog/${namespace}/user/${name}`);\n      setIsGuest(false);\n    } catch {\n      setIsGuest(true);\n    }\n  }, [backstageIdentity]);\n\n  if (isGuest || !profileLink) return null;\n\n  return (\n    <MenuItem\n      component={Link}\n      to={profileLink}\n      onClick={handleClose}\n      disableRipple\n      disableTouchRipple\n      sx={{ py: 0.5, color: 'inherit', textDecoration: 'none' }}\n    >\n      <MenuItemLinkContent\n        icon=\"account_circle\"\n        label={t('profile.myProfile')}\n      />\n    </MenuItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAkCO,MAAM,oBAAoB,CAAC;AAAA,EAChC;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,EAAE,iBAAkB,EAAA,GAAI,cAAe,EAAA;AAC7C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAwB,IAAI,CAAA;AAClE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAE3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,mBAAmB,aAAe,EAAA;AACrC,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA;AAAA;AAEF,IAAA,IAAI,iBAAkB,CAAA,aAAA,CAAc,QAAS,CAAA,QAAQ,CAAG,EAAA;AACtD,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA;AAAA;AAEF,IAAI,IAAA;AACF,MAAA,MAAM,EAAE,SAAA,GAAY,SAAW,EAAA,IAAA,EAAS,GAAA,cAAA;AAAA,QACtC,iBAAkB,CAAA;AAAA,OACpB;AACA,MAAA,cAAA,CAAe,CAAY,SAAA,EAAA,SAAS,CAAS,MAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AACnD,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,KACV,CAAA,MAAA;AACN,MAAA,UAAA,CAAW,IAAI,CAAA;AAAA;AACjB,GACF,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEtB,EAAI,IAAA,OAAA,IAAW,CAAC,WAAA,EAAoB,OAAA,IAAA;AAEpC,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,MACX,EAAI,EAAA,WAAA;AAAA,MACJ,OAAS,EAAA,WAAA;AAAA,MACT,aAAa,EAAA,IAAA;AAAA,MACb,kBAAkB,EAAA,IAAA;AAAA,MAClB,IAAI,EAAE,EAAA,EAAI,KAAK,KAAO,EAAA,SAAA,EAAW,gBAAgB,MAAO,EAAA;AAAA,MAExD,QAAA,kBAAA,GAAA;AAAA,QAAC,mBAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,gBAAA;AAAA,UACL,KAAA,EAAO,EAAE,mBAAmB;AAAA;AAAA;AAC9B;AAAA,GACF;AAEJ;;;;"}