@plumile/backoffice-react 0.1.201 → 0.1.205

package/lib/esm/pages/BackofficeLayoutPage.js

@@ -7,18 +7,18 @@ import { BackofficePermissionsProvider as o } from "../components/backoffice/lay
 import { buildSidebarSections as s } from "../components/backoffice/layout/buildSidebarSections.js";
 import te from "../components/backoffice/layout/mapViewerToSidebarProfileView.js";
 import { BackofficeContentBoundary as ne } from "../components/backoffice/routing/BackofficeContentBoundary.js";
-import { resetRelayStore as re } from "../relay/environment.js";
-import { useRelayEnvironment as ie } from "../relay/useRelayEnvironment.js";
-import ae from "../hooks/useBackofficeSidebarPins.js";
-import oe from "../hooks/useSidebarGroupCollapse.js";
-import { useCallback as se, useContext as ce, useEffect as c, useMemo as l, useState as u } from "react";
+import { useRelayEnvironment as re } from "../relay/useRelayEnvironment.js";
+import ie from "../hooks/useBackofficeSidebarPins.js";
+import ae from "../hooks/useSidebarGroupCollapse.js";
+import { useCallback as oe, useContext as se, useEffect as c, useMemo as l, useState as u } from "react";
 import { jsx as d } from "react/jsx-runtime";
-import { useTranslation as le } from "react-i18next";
-import { commitMutation as ue, usePreloadedQuery as f } from "react-relay";
-import { ToastProvider as de } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
-import fe from "@plumile/router/routing/RoutingContext.js";
-import { GlobalSearchInput as pe } from "@plumile/ui/backoffice/molecules/global_search_input/GlobalSearchInput.js";
-import me from "@plumile/router/routing/useLocation.js";
+import { useTranslation as ce } from "react-i18next";
+import { commitMutation as le, usePreloadedQuery as f } from "react-relay";
+import { ToastProvider as ue } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
+import de from "@plumile/router/routing/RoutingContext.js";
+import { GlobalSearchInput as fe } from "@plumile/ui/backoffice/molecules/global_search_input/GlobalSearchInput.js";
+import pe from "@plumile/router/routing/useLocation.js";
+import { resetRelayStore as me } from "@plumile/relay/environment.js";
 import { AdminShellLayout as he } from "@plumile/ui/admin/templates/admin_shell_layout/AdminShellLayout.js";
 import { SidebarProfileMenu as p } from "@plumile/ui/components/navigation/sidebar/SidebarProfileMenu.js";
 //#region src/pages/BackofficeLayoutPage.tsx
@@ -41,7 +41,7 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 		window.localStorage.setItem(e, JSON.stringify(t));
 	} catch {}
 }, m = ({ children: f, permissions: m, authStatus: h, activeGroupId: g }) => {
-	let { t: _ } = le(), { t: v } = t(), { pathname: y } = me(), b = ce(fe), x = ie(), { auth: S, basePath: C, dashboards: w, entities: T, sidebar: E } = n(), [D, be] = u(""), O = E?.preferences?.storageKey ?? _e, k = E?.preferences?.persistCollapsed === !0, [A, xe] = u(() => {
+	let { t: _ } = ce(), { t: v } = t(), { pathname: y } = pe(), b = se(de), x = re(), { auth: S, basePath: C, dashboards: w, entities: T, sidebar: E } = n(), [D, be] = u(""), O = E?.preferences?.storageKey ?? _e, k = E?.preferences?.persistCollapsed === !0, [A, xe] = u(() => {
 		if (!k || typeof window > "u") return !1;
 		try {
 			return window.localStorage.getItem(`${O}:collapsed`) === "true";
@@ -89,7 +89,7 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 		L,
 		_
 	]);
-	let H = E?.pinnedItems?.enabled === !0, { pins: Ee, toggle: De, reorder: Oe } = ae({
+	let H = E?.pinnedItems?.enabled === !0, { pins: Ee, toggle: De, reorder: Oe } = ie({
 		enabled: H,
 		storageKey: E?.pinnedItems?.storageKey,
 		visibleEntityIds: Te
@@ -97,7 +97,7 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 	H && (U = Ee, W = De, G = Oe);
 	let K;
 	E?.preferences?.storageKey != null && (K = `${E.preferences.storageKey}:groups`);
-	let { collapsedByGroupId: q, setCollapsed: J } = oe({
+	let { collapsedByGroupId: q, setCollapsed: J } = ae({
 		groupIds: Ce,
 		activeGroupId: g,
 		defaultCollapsedByGroupId: we,
@@ -169,12 +169,12 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 		W,
 		v,
 		_
-	]), Y = se(() => {
+	]), Y = oe(() => {
 		j || (M(!0), (async () => {
 			try {
 				let t = await S.logout.load();
 				await new Promise((e, n) => {
-					ue(x, {
+					le(x, {
 						mutation: t.logoutMutation,
 						variables: {},
 						onCompleted: () => {
@@ -184,7 +184,7 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 							n(e);
 						}
 					});
-				}), localStorage.removeItem("auth_token"), localStorage.removeItem("remember_me"), re(), b?.history.push({ pathname: e(C) });
+				}), localStorage.removeItem("auth_token"), localStorage.removeItem("remember_me"), me(), b?.history.push({ pathname: e(C) });
 			} finally {
 				M(!1);
 			}
@@ -220,13 +220,13 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 		isSigningOut: j
 	}), Q = null;
 	N != null && (Q = /* @__PURE__ */ d(ne, { children: f }));
-	let $ = /* @__PURE__ */ d(pe, {
+	let $ = /* @__PURE__ */ d(fe, {
 		value: D,
 		onChange: be,
 		placeholder: v("sidebar.search.placeholder"),
 		ariaLabel: v("sidebar.search.placeholder")
 	});
-	return /* @__PURE__ */ d(de, { children: /* @__PURE__ */ d(he, {
+	return /* @__PURE__ */ d(ue, { children: /* @__PURE__ */ d(he, {
 		sidebar: {
 			sections: ke,
 			search: $,

package/lib/esm/pages/BackofficeLayoutPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeLayoutPage.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  commitMutation,\n  usePreloadedQuery,\n  type PreloadedQuery,\n} from 'react-relay';\nimport type {\n  GraphQLTaggedNode,\n  MutationParameters,\n  OperationType,\n} from 'relay-runtime';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport { AdminShellLayout } from '@plumile/ui/admin/templates/admin_shell_layout/AdminShellLayout.js';\nimport { ToastProvider } from '@plumile/ui/atomic/molecules/toast/ToastProvider.js';\nimport { GlobalSearchInput } from '@plumile/ui/backoffice/molecules/global_search_input/GlobalSearchInput.js';\nimport { SidebarProfileMenu } from '@plumile/ui/components/navigation/sidebar/SidebarProfileMenu.js';\n\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport type { LogoutResponse, LogoutVariables } from '../hooks/useAuth.js';\nimport { useBackofficeSidebarPins } from '../hooks/useBackofficeSidebarPins.js';\nimport { useSidebarGroupCollapse } from '../hooks/useSidebarGroupCollapse.js';\nimport { buildSidebarSections } from '../components/backoffice/layout/buildSidebarSections.js';\nimport { BackofficeContentBoundary } from '../components/backoffice/routing/BackofficeContentBoundary.js';\nimport {\n  resolveActiveEntityId,\n  resolveSidebarGroups,\n  resolveVisibleEntityIds,\n} from '../components/backoffice/layout/sidebarUtils.js';\nimport { BackofficeTopbarPortalContextProvider } from '../components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js';\nimport { BackofficePermissionsProvider } from '../components/backoffice/layout/BackofficePermissionsContext.js';\nimport {\n  mapViewerToSidebarProfileView,\n  type BackofficeViewerIdentity,\n} from '../components/backoffice/layout/mapViewerToSidebarProfileView.js';\nimport { resetRelayStore } from '../relay/environment.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\nimport type { BackofficeSidebarRecentItem } from '../provider/types.js';\n\nexport type BackofficeLayoutPageProps = {\n  children: ReactNode;\n  permissionsQuery?: GraphQLTaggedNode;\n  prepared?: PreloadedQuery<OperationType> | null;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\ntype LayoutShellProps = {\n  children: ReactNode;\n  permissions: unknown;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst DEFAULT_RECENT_ITEMS_STORAGE_KEY = 'plumile:backoffice:recent-items';\nconst DEFAULT_SIDEBAR_PREFS_STORAGE_KEY = 'plumile:backoffice:sidebar';\n\nconst readRecentItems = (\n  storageKey: string,\n): readonly BackofficeSidebarRecentItem[] => {\n  if (typeof window === 'undefined') {\n    return [];\n  }\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (raw == null) {\n      return [];\n    }\n    const parsed = JSON.parse(raw) as unknown;\n    if (!Array.isArray(parsed)) {\n      return [];\n    }\n    return parsed.filter((item): item is BackofficeSidebarRecentItem => {\n      if (item == null || typeof item !== 'object') {\n        return false;\n      }\n      const candidate = item as Partial<BackofficeSidebarRecentItem>;\n      return (\n        (candidate.kind === 'entity' || candidate.kind === 'tool') &&\n        typeof candidate.id === 'string' &&\n        typeof candidate.label === 'string' &&\n        typeof candidate.href === 'string' &&\n        typeof candidate.visitedAt === 'number'\n      );\n    });\n  } catch {\n    return [];\n  }\n};\n\nconst writeRecentItems = (\n  storageKey: string,\n  items: readonly BackofficeSidebarRecentItem[],\n): void => {\n  if (typeof window === 'undefined') {\n    return;\n  }\n  try {\n    window.localStorage.setItem(storageKey, JSON.stringify(items));\n  } catch {\n    // Ignore storage quota / privacy mode failures.\n  }\n};\n\nconst BackofficeLayoutShell = ({\n  children,\n  permissions,\n  authStatus,\n  activeGroupId,\n}: LayoutShellProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { pathname } = useLocation();\n  const routing = useContext(RoutingContext);\n  const relayEnvironment = useRelayEnvironment();\n  const {\n    auth: authConfig,\n    basePath,\n    dashboards,\n    entities,\n    sidebar,\n  } = useBackofficeConfig();\n  const [sidebarQuery, setSidebarQuery] = useState('');\n  const sidebarPreferencesStorageKey =\n    sidebar?.preferences?.storageKey ?? DEFAULT_SIDEBAR_PREFS_STORAGE_KEY;\n  const persistSidebarCollapsed =\n    sidebar?.preferences?.persistCollapsed === true;\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(() => {\n    if (!persistSidebarCollapsed || typeof window === 'undefined') {\n      return false;\n    }\n    try {\n      return (\n        window.localStorage.getItem(\n          `${sidebarPreferencesStorageKey}:collapsed`,\n        ) === 'true'\n      );\n    } catch {\n      return false;\n    }\n  });\n  const [isSigningOut, setIsSigningOut] = useState(false);\n  const [topbarTarget, setTopbarTarget] = useState<HTMLDivElement | null>(null);\n  const recentItemsConfig = sidebar?.recentItems;\n  const recentItemsEnabled = recentItemsConfig?.enabled === true;\n  const recentItemsStorageKey =\n    recentItemsConfig?.storageKey ?? DEFAULT_RECENT_ITEMS_STORAGE_KEY;\n  const recentItemsMaxItems = recentItemsConfig?.maxItems ?? 8;\n  const [recentItems, setRecentItems] = useState<\n    readonly BackofficeSidebarRecentItem[]\n  >(() => {\n    if (!recentItemsEnabled) {\n      return [];\n    }\n    return readRecentItems(recentItemsStorageKey);\n  });\n\n  useEffect(() => {\n    if (!persistSidebarCollapsed || typeof window === 'undefined') {\n      return;\n    }\n    try {\n      window.localStorage.setItem(\n        `${sidebarPreferencesStorageKey}:collapsed`,\n        String(isSidebarCollapsed),\n      );\n    } catch {\n      // Ignore storage quota / privacy mode failures.\n    }\n  }, [\n    isSidebarCollapsed,\n    persistSidebarCollapsed,\n    sidebarPreferencesStorageKey,\n  ]);\n\n  const groups = useMemo(() => {\n    return resolveSidebarGroups(entities, sidebar);\n  }, [entities, sidebar]);\n\n  const groupIds = useMemo(() => {\n    return Object.keys(groups);\n  }, [groups]);\n\n  const defaultCollapsedByGroupId = useMemo(() => {\n    return Object.fromEntries(\n      Object.entries(groups).map(([groupId, group]) => {\n        return [groupId, group.behavior?.defaultCollapsed ?? true];\n      }),\n    );\n  }, [groups]);\n\n  const visibleEntityIds = useMemo(() => {\n    return resolveVisibleEntityIds(groups, entities, sidebar, permissions);\n  }, [entities, groups, permissions, sidebar]);\n\n  const activeEntityId = useMemo(() => {\n    return resolveActiveEntityId(pathname, entities);\n  }, [entities, pathname]);\n\n  useEffect(() => {\n    if (!recentItemsEnabled || activeEntityId == null) {\n      return;\n    }\n    const config = entities[activeEntityId];\n    if (config == null) {\n      return;\n    }\n    if (config.kind !== 'tool' && !config.hasList) {\n      return;\n    }\n    const href = config.routes.list;\n    let kind: BackofficeSidebarRecentItem['kind'] = 'entity';\n    if (config.kind === 'tool') {\n      kind = 'tool';\n    }\n    const item: BackofficeSidebarRecentItem = {\n      kind,\n      id: activeEntityId,\n      label: config.label(tApp),\n      href,\n      visitedAt: Date.now(),\n    };\n    setRecentItems((prev) => {\n      const next = [\n        item,\n        ...prev.filter((entry) => {\n          return entry.id !== item.id || entry.kind !== item.kind;\n        }),\n      ].slice(0, recentItemsMaxItems);\n      writeRecentItems(recentItemsStorageKey, next);\n      return next;\n    });\n  }, [\n    activeEntityId,\n    entities,\n    recentItemsEnabled,\n    recentItemsMaxItems,\n    recentItemsStorageKey,\n    tApp,\n  ]);\n\n  const pinningEnabled = sidebar?.pinnedItems?.enabled === true;\n\n  const {\n    pins,\n    toggle: togglePin,\n    reorder: reorderPin,\n  } = useBackofficeSidebarPins({\n    enabled: pinningEnabled,\n    storageKey: sidebar?.pinnedItems?.storageKey,\n    visibleEntityIds,\n  });\n\n  let sidebarPinnedEntityIds: readonly string[] | undefined;\n  let sidebarTogglePin: ((entityId: string) => void) | undefined;\n  let sidebarReorderPin: ((fromId: string, toId: string) => void) | undefined;\n  if (pinningEnabled) {\n    sidebarPinnedEntityIds = pins;\n    sidebarTogglePin = togglePin;\n    sidebarReorderPin = reorderPin;\n  }\n\n  let groupCollapseStorageKey: string | undefined;\n  if (sidebar?.preferences?.storageKey != null) {\n    groupCollapseStorageKey = `${sidebar.preferences.storageKey}:groups`;\n  }\n\n  const { collapsedByGroupId, setCollapsed } = useSidebarGroupCollapse({\n    groupIds,\n    activeGroupId,\n    defaultCollapsedByGroupId,\n    persist: sidebar?.preferences?.persistGroups === true,\n    storageKey: groupCollapseStorageKey,\n  });\n\n  const sections = useMemo(() => {\n    return buildSidebarSections({\n      basePath,\n      pathname,\n      entities,\n      dashboards,\n      sidebar,\n      permissions,\n      searchQuery: sidebarQuery,\n      tApp,\n      t,\n      pinnedEntityIds: sidebarPinnedEntityIds,\n      recentItems,\n      onTogglePin: sidebarTogglePin,\n      onReorderPin: sidebarReorderPin,\n      collapsedByGroupId,\n      onGroupCollapsedChange: setCollapsed,\n      sidebarCollapsed: false,\n    });\n  }, [\n    basePath,\n    collapsedByGroupId,\n    entities,\n    dashboards,\n    pathname,\n    permissions,\n    recentItems,\n    setCollapsed,\n    sidebar,\n    sidebarPinnedEntityIds,\n    sidebarQuery,\n    sidebarReorderPin,\n    sidebarTogglePin,\n    t,\n    tApp,\n  ]);\n\n  const mobileSections = useMemo(() => {\n    return buildSidebarSections({\n      basePath,\n      pathname,\n      entities,\n      dashboards,\n      sidebar,\n      permissions,\n      searchQuery: sidebarQuery,\n      tApp,\n      t,\n      pinnedEntityIds: sidebarPinnedEntityIds,\n      recentItems,\n      onTogglePin: sidebarTogglePin,\n      onReorderPin: sidebarReorderPin,\n      collapsedByGroupId,\n      onGroupCollapsedChange: setCollapsed,\n      sidebarCollapsed: false,\n    });\n  }, [\n    basePath,\n    collapsedByGroupId,\n    entities,\n    dashboards,\n    pathname,\n    permissions,\n    recentItems,\n    setCollapsed,\n    sidebar,\n    sidebarPinnedEntityIds,\n    sidebarQuery,\n    sidebarReorderPin,\n    sidebarTogglePin,\n    t,\n    tApp,\n  ]);\n\n  const handleSignOut = useCallback(() => {\n    if (isSigningOut) {\n      return;\n    }\n\n    type LogoutMutation = MutationParameters & {\n      response: LogoutResponse;\n      variables: LogoutVariables;\n    };\n\n    setIsSigningOut(true);\n\n    const runSignOut = async (): Promise<void> => {\n      try {\n        const config = await authConfig.logout.load();\n        await new Promise<void>((resolve, reject) => {\n          commitMutation<LogoutMutation>(relayEnvironment, {\n            mutation: config.logoutMutation,\n            variables: {},\n            onCompleted: () => {\n              resolve();\n            },\n            onError: (error) => {\n              reject(error);\n            },\n          });\n        });\n        localStorage.removeItem('auth_token');\n        localStorage.removeItem('remember_me');\n        resetRelayStore();\n        routing?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n      } finally {\n        setIsSigningOut(false);\n      }\n    };\n\n    runSignOut().catch(() => {\n      /* noop */\n    });\n  }, [authConfig.logout, basePath, isSigningOut, relayEnvironment, routing]);\n\n  const viewer = authStatus?.me ?? null;\n  const sidebarProfile = useMemo(() => {\n    return mapViewerToSidebarProfileView({\n      viewer,\n      unknownUserLabel: t('sidebar.profile.unknownUser'),\n    });\n  }, [t, viewer]);\n\n  const sidebarFooter = (\n    <SidebarProfileMenu\n      collapsed={false}\n      viewer={sidebarProfile}\n      labels={{\n        sectionTitle: t('sidebar.profile.title'),\n        menuAriaLabel: t('sidebar.profile.menuAriaLabel'),\n        signOut: t('sidebar.profile.actions.signOut'),\n      }}\n      onSignOut={handleSignOut}\n      isSigningOut={isSigningOut}\n    />\n  );\n\n  const mobileSidebarFooter = (\n    <SidebarProfileMenu\n      collapsed={false}\n      viewer={sidebarProfile}\n      labels={{\n        sectionTitle: t('sidebar.profile.title'),\n        menuAriaLabel: t('sidebar.profile.menuAriaLabel'),\n        signOut: t('sidebar.profile.actions.signOut'),\n      }}\n      onSignOut={handleSignOut}\n      isSigningOut={isSigningOut}\n    />\n  );\n\n  let contentNode: JSX.Element | null = null;\n  if (topbarTarget != null) {\n    contentNode = (\n      <BackofficeContentBoundary>{children}</BackofficeContentBoundary>\n    );\n  }\n\n  const sidebarSearchNode = (\n    <GlobalSearchInput\n      value={sidebarQuery}\n      onChange={setSidebarQuery}\n      placeholder={t('sidebar.search.placeholder')}\n      ariaLabel={t('sidebar.search.placeholder')}\n    />\n  );\n\n  return (\n    <ToastProvider>\n      <AdminShellLayout\n        sidebar={{\n          sections,\n          search: sidebarSearchNode,\n          footer: sidebarFooter,\n          isCollapsed: isSidebarCollapsed,\n          onCollapsedChange: setIsSidebarCollapsed,\n          collapseToggleLabel: t('sidebar.actions.collapseSidebar'),\n          expandToggleLabel: t('sidebar.actions.expandSidebar'),\n          navigationAriaLabel: t('sidebar.navigationAriaLabel'),\n        }}\n        mobileSidebar={{\n          sections: mobileSections,\n          search: sidebarSearchNode,\n          footer: mobileSidebarFooter,\n          isCollapsed: false,\n          hideCollapseToggle: true,\n          navigationAriaLabel: t('sidebar.navigationAriaLabel'),\n        }}\n        topbar={{\n          breadcrumb: <div ref={setTopbarTarget} />,\n        }}\n        contentScrollMode=\"contained\"\n      >\n        <BackofficePermissionsProvider permissions={permissions}>\n          <BackofficeTopbarPortalContextProvider\n            value={{\n              target: topbarTarget,\n              dashboardHref: basePath,\n              dashboardLabel: t('sidebar.items.dashboard'),\n            }}\n          >\n            {contentNode}\n          </BackofficeTopbarPortalContextProvider>\n        </BackofficePermissionsProvider>\n      </AdminShellLayout>\n    </ToastProvider>\n  );\n};\n\ntype LayoutWithPermissionsProps = {\n  children: ReactNode;\n  permissionsQuery: GraphQLTaggedNode;\n  prepared: PreloadedQuery<OperationType>;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst LayoutWithPermissions = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: LayoutWithPermissionsProps): JSX.Element => {\n  const permissions = usePreloadedQuery(permissionsQuery, prepared);\n\n  return (\n    <BackofficeLayoutShell\n      permissions={permissions}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport const BackofficeLayoutPage = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: BackofficeLayoutPageProps): JSX.Element => {\n  if (permissionsQuery != null && prepared != null) {\n    return (\n      <LayoutWithPermissions\n        permissionsQuery={permissionsQuery}\n        prepared={prepared}\n        authStatus={authStatus}\n        activeGroupId={activeGroupId}\n      >\n        {children}\n      </LayoutWithPermissions>\n    );\n  }\n\n  return (\n    <BackofficeLayoutShell\n      permissions={null}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport default BackofficeLayoutPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeLayoutPage.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  commitMutation,\n  usePreloadedQuery,\n  type PreloadedQuery,\n} from 'react-relay';\nimport type {\n  GraphQLTaggedNode,\n  MutationParameters,\n  OperationType,\n} from 'relay-runtime';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\nimport { resetRelayStore } from '@plumile/relay/environment.js';\n\nimport { AdminShellLayout } from '@plumile/ui/admin/templates/admin_shell_layout/AdminShellLayout.js';\nimport { ToastProvider } from '@plumile/ui/atomic/molecules/toast/ToastProvider.js';\nimport { GlobalSearchInput } from '@plumile/ui/backoffice/molecules/global_search_input/GlobalSearchInput.js';\nimport { SidebarProfileMenu } from '@plumile/ui/components/navigation/sidebar/SidebarProfileMenu.js';\n\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport type { LogoutResponse, LogoutVariables } from '../hooks/useAuth.js';\nimport { useBackofficeSidebarPins } from '../hooks/useBackofficeSidebarPins.js';\nimport { useSidebarGroupCollapse } from '../hooks/useSidebarGroupCollapse.js';\nimport { buildSidebarSections } from '../components/backoffice/layout/buildSidebarSections.js';\nimport { BackofficeContentBoundary } from '../components/backoffice/routing/BackofficeContentBoundary.js';\nimport {\n  resolveActiveEntityId,\n  resolveSidebarGroups,\n  resolveVisibleEntityIds,\n} from '../components/backoffice/layout/sidebarUtils.js';\nimport { BackofficeTopbarPortalContextProvider } from '../components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js';\nimport { BackofficePermissionsProvider } from '../components/backoffice/layout/BackofficePermissionsContext.js';\nimport {\n  mapViewerToSidebarProfileView,\n  type BackofficeViewerIdentity,\n} from '../components/backoffice/layout/mapViewerToSidebarProfileView.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\nimport type { BackofficeSidebarRecentItem } from '../provider/types.js';\n\nexport type BackofficeLayoutPageProps = {\n  children: ReactNode;\n  permissionsQuery?: GraphQLTaggedNode;\n  prepared?: PreloadedQuery<OperationType> | null;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\ntype LayoutShellProps = {\n  children: ReactNode;\n  permissions: unknown;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst DEFAULT_RECENT_ITEMS_STORAGE_KEY = 'plumile:backoffice:recent-items';\nconst DEFAULT_SIDEBAR_PREFS_STORAGE_KEY = 'plumile:backoffice:sidebar';\n\nconst readRecentItems = (\n  storageKey: string,\n): readonly BackofficeSidebarRecentItem[] => {\n  if (typeof window === 'undefined') {\n    return [];\n  }\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (raw == null) {\n      return [];\n    }\n    const parsed = JSON.parse(raw) as unknown;\n    if (!Array.isArray(parsed)) {\n      return [];\n    }\n    return parsed.filter((item): item is BackofficeSidebarRecentItem => {\n      if (item == null || typeof item !== 'object') {\n        return false;\n      }\n      const candidate = item as Partial<BackofficeSidebarRecentItem>;\n      return (\n        (candidate.kind === 'entity' || candidate.kind === 'tool') &&\n        typeof candidate.id === 'string' &&\n        typeof candidate.label === 'string' &&\n        typeof candidate.href === 'string' &&\n        typeof candidate.visitedAt === 'number'\n      );\n    });\n  } catch {\n    return [];\n  }\n};\n\nconst writeRecentItems = (\n  storageKey: string,\n  items: readonly BackofficeSidebarRecentItem[],\n): void => {\n  if (typeof window === 'undefined') {\n    return;\n  }\n  try {\n    window.localStorage.setItem(storageKey, JSON.stringify(items));\n  } catch {\n    // Ignore storage quota / privacy mode failures.\n  }\n};\n\nconst BackofficeLayoutShell = ({\n  children,\n  permissions,\n  authStatus,\n  activeGroupId,\n}: LayoutShellProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { pathname } = useLocation();\n  const routing = useContext(RoutingContext);\n  const relayEnvironment = useRelayEnvironment();\n  const {\n    auth: authConfig,\n    basePath,\n    dashboards,\n    entities,\n    sidebar,\n  } = useBackofficeConfig();\n  const [sidebarQuery, setSidebarQuery] = useState('');\n  const sidebarPreferencesStorageKey =\n    sidebar?.preferences?.storageKey ?? DEFAULT_SIDEBAR_PREFS_STORAGE_KEY;\n  const persistSidebarCollapsed =\n    sidebar?.preferences?.persistCollapsed === true;\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(() => {\n    if (!persistSidebarCollapsed || typeof window === 'undefined') {\n      return false;\n    }\n    try {\n      return (\n        window.localStorage.getItem(\n          `${sidebarPreferencesStorageKey}:collapsed`,\n        ) === 'true'\n      );\n    } catch {\n      return false;\n    }\n  });\n  const [isSigningOut, setIsSigningOut] = useState(false);\n  const [topbarTarget, setTopbarTarget] = useState<HTMLDivElement | null>(null);\n  const recentItemsConfig = sidebar?.recentItems;\n  const recentItemsEnabled = recentItemsConfig?.enabled === true;\n  const recentItemsStorageKey =\n    recentItemsConfig?.storageKey ?? DEFAULT_RECENT_ITEMS_STORAGE_KEY;\n  const recentItemsMaxItems = recentItemsConfig?.maxItems ?? 8;\n  const [recentItems, setRecentItems] = useState<\n    readonly BackofficeSidebarRecentItem[]\n  >(() => {\n    if (!recentItemsEnabled) {\n      return [];\n    }\n    return readRecentItems(recentItemsStorageKey);\n  });\n\n  useEffect(() => {\n    if (!persistSidebarCollapsed || typeof window === 'undefined') {\n      return;\n    }\n    try {\n      window.localStorage.setItem(\n        `${sidebarPreferencesStorageKey}:collapsed`,\n        String(isSidebarCollapsed),\n      );\n    } catch {\n      // Ignore storage quota / privacy mode failures.\n    }\n  }, [\n    isSidebarCollapsed,\n    persistSidebarCollapsed,\n    sidebarPreferencesStorageKey,\n  ]);\n\n  const groups = useMemo(() => {\n    return resolveSidebarGroups(entities, sidebar);\n  }, [entities, sidebar]);\n\n  const groupIds = useMemo(() => {\n    return Object.keys(groups);\n  }, [groups]);\n\n  const defaultCollapsedByGroupId = useMemo(() => {\n    return Object.fromEntries(\n      Object.entries(groups).map(([groupId, group]) => {\n        return [groupId, group.behavior?.defaultCollapsed ?? true];\n      }),\n    );\n  }, [groups]);\n\n  const visibleEntityIds = useMemo(() => {\n    return resolveVisibleEntityIds(groups, entities, sidebar, permissions);\n  }, [entities, groups, permissions, sidebar]);\n\n  const activeEntityId = useMemo(() => {\n    return resolveActiveEntityId(pathname, entities);\n  }, [entities, pathname]);\n\n  useEffect(() => {\n    if (!recentItemsEnabled || activeEntityId == null) {\n      return;\n    }\n    const config = entities[activeEntityId];\n    if (config == null) {\n      return;\n    }\n    if (config.kind !== 'tool' && !config.hasList) {\n      return;\n    }\n    const href = config.routes.list;\n    let kind: BackofficeSidebarRecentItem['kind'] = 'entity';\n    if (config.kind === 'tool') {\n      kind = 'tool';\n    }\n    const item: BackofficeSidebarRecentItem = {\n      kind,\n      id: activeEntityId,\n      label: config.label(tApp),\n      href,\n      visitedAt: Date.now(),\n    };\n    setRecentItems((prev) => {\n      const next = [\n        item,\n        ...prev.filter((entry) => {\n          return entry.id !== item.id || entry.kind !== item.kind;\n        }),\n      ].slice(0, recentItemsMaxItems);\n      writeRecentItems(recentItemsStorageKey, next);\n      return next;\n    });\n  }, [\n    activeEntityId,\n    entities,\n    recentItemsEnabled,\n    recentItemsMaxItems,\n    recentItemsStorageKey,\n    tApp,\n  ]);\n\n  const pinningEnabled = sidebar?.pinnedItems?.enabled === true;\n\n  const {\n    pins,\n    toggle: togglePin,\n    reorder: reorderPin,\n  } = useBackofficeSidebarPins({\n    enabled: pinningEnabled,\n    storageKey: sidebar?.pinnedItems?.storageKey,\n    visibleEntityIds,\n  });\n\n  let sidebarPinnedEntityIds: readonly string[] | undefined;\n  let sidebarTogglePin: ((entityId: string) => void) | undefined;\n  let sidebarReorderPin: ((fromId: string, toId: string) => void) | undefined;\n  if (pinningEnabled) {\n    sidebarPinnedEntityIds = pins;\n    sidebarTogglePin = togglePin;\n    sidebarReorderPin = reorderPin;\n  }\n\n  let groupCollapseStorageKey: string | undefined;\n  if (sidebar?.preferences?.storageKey != null) {\n    groupCollapseStorageKey = `${sidebar.preferences.storageKey}:groups`;\n  }\n\n  const { collapsedByGroupId, setCollapsed } = useSidebarGroupCollapse({\n    groupIds,\n    activeGroupId,\n    defaultCollapsedByGroupId,\n    persist: sidebar?.preferences?.persistGroups === true,\n    storageKey: groupCollapseStorageKey,\n  });\n\n  const sections = useMemo(() => {\n    return buildSidebarSections({\n      basePath,\n      pathname,\n      entities,\n      dashboards,\n      sidebar,\n      permissions,\n      searchQuery: sidebarQuery,\n      tApp,\n      t,\n      pinnedEntityIds: sidebarPinnedEntityIds,\n      recentItems,\n      onTogglePin: sidebarTogglePin,\n      onReorderPin: sidebarReorderPin,\n      collapsedByGroupId,\n      onGroupCollapsedChange: setCollapsed,\n      sidebarCollapsed: false,\n    });\n  }, [\n    basePath,\n    collapsedByGroupId,\n    entities,\n    dashboards,\n    pathname,\n    permissions,\n    recentItems,\n    setCollapsed,\n    sidebar,\n    sidebarPinnedEntityIds,\n    sidebarQuery,\n    sidebarReorderPin,\n    sidebarTogglePin,\n    t,\n    tApp,\n  ]);\n\n  const mobileSections = useMemo(() => {\n    return buildSidebarSections({\n      basePath,\n      pathname,\n      entities,\n      dashboards,\n      sidebar,\n      permissions,\n      searchQuery: sidebarQuery,\n      tApp,\n      t,\n      pinnedEntityIds: sidebarPinnedEntityIds,\n      recentItems,\n      onTogglePin: sidebarTogglePin,\n      onReorderPin: sidebarReorderPin,\n      collapsedByGroupId,\n      onGroupCollapsedChange: setCollapsed,\n      sidebarCollapsed: false,\n    });\n  }, [\n    basePath,\n    collapsedByGroupId,\n    entities,\n    dashboards,\n    pathname,\n    permissions,\n    recentItems,\n    setCollapsed,\n    sidebar,\n    sidebarPinnedEntityIds,\n    sidebarQuery,\n    sidebarReorderPin,\n    sidebarTogglePin,\n    t,\n    tApp,\n  ]);\n\n  const handleSignOut = useCallback(() => {\n    if (isSigningOut) {\n      return;\n    }\n\n    type LogoutMutation = MutationParameters & {\n      response: LogoutResponse;\n      variables: LogoutVariables;\n    };\n\n    setIsSigningOut(true);\n\n    const runSignOut = async (): Promise<void> => {\n      try {\n        const config = await authConfig.logout.load();\n        await new Promise<void>((resolve, reject) => {\n          commitMutation<LogoutMutation>(relayEnvironment, {\n            mutation: config.logoutMutation,\n            variables: {},\n            onCompleted: () => {\n              resolve();\n            },\n            onError: (error) => {\n              reject(error);\n            },\n          });\n        });\n        localStorage.removeItem('auth_token');\n        localStorage.removeItem('remember_me');\n        resetRelayStore();\n        routing?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n      } finally {\n        setIsSigningOut(false);\n      }\n    };\n\n    runSignOut().catch(() => {\n      /* noop */\n    });\n  }, [authConfig.logout, basePath, isSigningOut, relayEnvironment, routing]);\n\n  const viewer = authStatus?.me ?? null;\n  const sidebarProfile = useMemo(() => {\n    return mapViewerToSidebarProfileView({\n      viewer,\n      unknownUserLabel: t('sidebar.profile.unknownUser'),\n    });\n  }, [t, viewer]);\n\n  const sidebarFooter = (\n    <SidebarProfileMenu\n      collapsed={false}\n      viewer={sidebarProfile}\n      labels={{\n        sectionTitle: t('sidebar.profile.title'),\n        menuAriaLabel: t('sidebar.profile.menuAriaLabel'),\n        signOut: t('sidebar.profile.actions.signOut'),\n      }}\n      onSignOut={handleSignOut}\n      isSigningOut={isSigningOut}\n    />\n  );\n\n  const mobileSidebarFooter = (\n    <SidebarProfileMenu\n      collapsed={false}\n      viewer={sidebarProfile}\n      labels={{\n        sectionTitle: t('sidebar.profile.title'),\n        menuAriaLabel: t('sidebar.profile.menuAriaLabel'),\n        signOut: t('sidebar.profile.actions.signOut'),\n      }}\n      onSignOut={handleSignOut}\n      isSigningOut={isSigningOut}\n    />\n  );\n\n  let contentNode: JSX.Element | null = null;\n  if (topbarTarget != null) {\n    contentNode = (\n      <BackofficeContentBoundary>{children}</BackofficeContentBoundary>\n    );\n  }\n\n  const sidebarSearchNode = (\n    <GlobalSearchInput\n      value={sidebarQuery}\n      onChange={setSidebarQuery}\n      placeholder={t('sidebar.search.placeholder')}\n      ariaLabel={t('sidebar.search.placeholder')}\n    />\n  );\n\n  return (\n    <ToastProvider>\n      <AdminShellLayout\n        sidebar={{\n          sections,\n          search: sidebarSearchNode,\n          footer: sidebarFooter,\n          isCollapsed: isSidebarCollapsed,\n          onCollapsedChange: setIsSidebarCollapsed,\n          collapseToggleLabel: t('sidebar.actions.collapseSidebar'),\n          expandToggleLabel: t('sidebar.actions.expandSidebar'),\n          navigationAriaLabel: t('sidebar.navigationAriaLabel'),\n        }}\n        mobileSidebar={{\n          sections: mobileSections,\n          search: sidebarSearchNode,\n          footer: mobileSidebarFooter,\n          isCollapsed: false,\n          hideCollapseToggle: true,\n          navigationAriaLabel: t('sidebar.navigationAriaLabel'),\n        }}\n        topbar={{\n          breadcrumb: <div ref={setTopbarTarget} />,\n        }}\n        contentScrollMode=\"contained\"\n      >\n        <BackofficePermissionsProvider permissions={permissions}>\n          <BackofficeTopbarPortalContextProvider\n            value={{\n              target: topbarTarget,\n              dashboardHref: basePath,\n              dashboardLabel: t('sidebar.items.dashboard'),\n            }}\n          >\n            {contentNode}\n          </BackofficeTopbarPortalContextProvider>\n        </BackofficePermissionsProvider>\n      </AdminShellLayout>\n    </ToastProvider>\n  );\n};\n\ntype LayoutWithPermissionsProps = {\n  children: ReactNode;\n  permissionsQuery: GraphQLTaggedNode;\n  prepared: PreloadedQuery<OperationType>;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst LayoutWithPermissions = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: LayoutWithPermissionsProps): JSX.Element => {\n  const permissions = usePreloadedQuery(permissionsQuery, prepared);\n\n  return (\n    <BackofficeLayoutShell\n      permissions={permissions}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport const BackofficeLayoutPage = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: BackofficeLayoutPageProps): JSX.Element => {\n  if (permissionsQuery != null && prepared != null) {\n    return (\n      <LayoutWithPermissions\n        permissionsQuery={permissionsQuery}\n        prepared={prepared}\n        authStatus={authStatus}\n        activeGroupId={activeGroupId}\n      >\n        {children}\n      </LayoutWithPermissions>\n    );\n  }\n\n  return (\n    <BackofficeLayoutShell\n      permissions={null}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport default BackofficeLayoutPage;\n"],"mappings":"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"}

package/lib/esm/provider/BackofficeProvider.js

@@ -12,12 +12,12 @@ import { StrictMode as d, useEffect as f, useMemo as p, useRef as m, useState as
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { I18nextProvider as v } from "react-i18next";
 import y from "@plumile/router/routing/RoutingContext.js";
-import { RelayProvider as b, configureRelayEnvironment as x, useRelayOperationActivity as S } from "@plumile/relay";
-import { createInstance as C } from "i18next";
-import w from "@plumile/router/routing/createRouter.js";
-import T from "@plumile/router/routing/RouterRenderer.js";
-import { BackofficeThemeProvider as E } from "@plumile/ui/admin/theme/BackofficeThemeProvider.js";
-import { RoutePendingBar as D } from "@plumile/ui/components/routing/RoutePendingBar.js";
+import { createInstance as b } from "i18next";
+import x from "@plumile/router/routing/createRouter.js";
+import S from "@plumile/router/routing/RouterRenderer.js";
+import { BackofficeThemeProvider as C } from "@plumile/ui/admin/theme/BackofficeThemeProvider.js";
+import { RoutePendingBar as w } from "@plumile/ui/components/routing/RoutePendingBar.js";
+import { RelayProvider as T, configureRelayEnvironment as E, useRelayOperationActivity as D } from "@plumile/relay";
 //#region src/provider/BackofficeProvider.tsx
 var O = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWith("/") ? e.slice(0, -1) : e : `/${e}`, k = (e, t) => {
 	let n = O(t), r = O(e);
@@ -32,7 +32,7 @@ var O = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 }])), j = ({ routes: e, context: t, instrumentations: n }) => {
 	let [r, i] = h(null), a = m(null);
 	return f(() => {
-		let r = w(e, {
+		let r = x(e, {
 			context: t,
 			instrumentations: n
 		});
@@ -45,41 +45,41 @@ var O = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 		e
 	]), r;
 }, M = ({ routes: e, instrumentations: t }) => {
-	let r = i(), a = S(), o = j({
+	let r = i(), a = D(), o = j({
 		routes: e,
 		context: p(() => ({ relayEnvironment: r }), [r]),
 		instrumentations: t
 	});
 	return o == null ? /* @__PURE__ */ g(n, {}) : /* @__PURE__ */ g(y.Provider, {
 		value: o.context,
-		children: /* @__PURE__ */ g(T, {
+		children: /* @__PURE__ */ g(S, {
 			enableTransition: !0,
 			externalPending: a.pendingCount > 0,
 			fallback: /* @__PURE__ */ g(n, {}),
-			pending: /* @__PURE__ */ g(D, {})
+			pending: /* @__PURE__ */ g(w, {})
 		})
 	});
 }, N = (n) => {
-	let i = O(n.basePath ?? "/"), m = u(i), y = p(() => A(n.entityManifest, i), [i, n.entityManifest]), S = p(() => c(y, { basePath: i }), [i, y]), w = n.graphql, T = p(() => t(n.dashboards), [n.dashboards]);
+	let i = O(n.basePath ?? "/"), m = u(i), y = p(() => A(n.entityManifest, i), [i, n.entityManifest]), x = p(() => c(y, { basePath: i }), [i, y]), S = n.graphql, w = p(() => t(n.dashboards), [n.dashboards]);
 	f(() => {
-		let e = w.httpUrl ?? w.endpoint, t = w.wsUrl ?? w.wsEndpoint;
-		x({
+		let e = S.httpUrl ?? S.endpoint, t = S.wsUrl ?? S.wsEndpoint;
+		E({
 			httpUrl: e,
 			wsUrl: t,
-			getDataId: w.getDataId,
-			logEvents: w.logEvents,
-			getAuthHeaders: w.getAuthHeaders
+			getDataId: S.getDataId,
+			logEvents: S.logEvents,
+			getAuthHeaders: S.getAuthHeaders
 		});
 	}, [
-		w.endpoint,
-		w.getAuthHeaders,
-		w.getDataId,
-		w.httpUrl,
-		w.logEvents,
-		w.wsEndpoint,
-		w.wsUrl
+		S.endpoint,
+		S.getAuthHeaders,
+		S.getDataId,
+		S.httpUrl,
+		S.logEvents,
+		S.wsEndpoint,
+		S.wsUrl
 	]);
-	let D = p(() => o(n.i18n?.resources ?? {}), [n.i18n?.resources]), k = p(() => n.i18n?.instance ?? C(), [n.i18n?.instance]), [j, N] = h(k.isInitialized);
+	let D = p(() => o(n.i18n?.resources ?? {}), [n.i18n?.resources]), k = p(() => n.i18n?.instance ?? b(), [n.i18n?.instance]), [j, N] = h(k.isInitialized);
 	f(() => {
 		let e = !0, t = () => {
 			e && N(!0);
@@ -128,43 +128,43 @@ var O = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 		basePath: i,
 		entities: y,
 		entityManifest: y,
-		entityRegistry: S,
+		entityRegistry: x,
 		filterColumnAliases: n.filterColumnAliases,
 		sidebar: n.sidebar,
 		dashboard: n.dashboard,
-		dashboards: T,
+		dashboards: w,
 		auth: n.auth,
 		graphql: n.graphql
 	}), [
 		i,
 		n.auth,
 		n.dashboard,
-		T,
+		w,
 		y,
-		S,
+		x,
 		n.filterColumnAliases,
 		n.graphql,
 		n.sidebar
 	]), F = p(() => s({
 		basePath: i,
 		entityManifest: y,
-		entityRegistry: S,
+		entityRegistry: x,
 		sidebar: n.sidebar,
 		auth: n.auth,
 		dashboard: n.dashboard,
-		dashboards: T,
+		dashboards: w,
 		toolsOperationPage: n.toolsOperationPage
 	}), [
 		i,
 		y,
-		S,
+		x,
 		n.auth,
 		n.dashboard,
-		T,
+		w,
 		n.toolsOperationPage,
 		n.sidebar
 	]), I = /* @__PURE__ */ g(r, { label: "Loading..." });
-	return j && m && (I = /* @__PURE__ */ g(E, { children: /* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(e, {
+	return j && m && (I = /* @__PURE__ */ g(C, { children: /* @__PURE__ */ g(T, { children: /* @__PURE__ */ _(e, {
 		value: P,
 		children: [n.overlay, /* @__PURE__ */ g(l, { children: /* @__PURE__ */ g(M, {
 			routes: F,

package/lib/esm/router/createBackofficeRoutes.js

@@ -56,11 +56,11 @@ var { loadQuery: f, usePreloadedQuery: p } = c, m = u("WrapperPage", async () =>
 	return e.detailPages?.find((e) => I(e.pathSegment) === n) ?? null;
 }, B = (e, t) => z(e, t)?.id ?? t, V = d;
 function H(a) {
-	let { basePath: o, entityManifest: c, entityRegistry: l, sidebar: u, auth: d, dashboard: p } = a, N = r(a.dashboards), I = M(o), z = P(I, "login"), H = P(I, "login/reset"), U = P(I, "login/reset/complete"), oe = P(I, "verify-email"), se = P(I, "accept-invitation"), ce = F(I, "login"), W = t(c, u), le = n(W, u), ue = e(W, u), G = /* @__PURE__ */ new Map();
-	ue.forEach((e, t) => {
+	let { basePath: o, entityManifest: c, entityRegistry: l, sidebar: u, auth: d, dashboard: p } = a, m = r(a.dashboards), N = M(o), I = P(N, "login"), z = P(N, "login/reset"), H = P(N, "login/reset/complete"), U = P(N, "verify-email"), oe = P(N, "accept-invitation"), se = F(N, "login"), W = t(c, u), ce = n(W, u), le = e(W, u), G = /* @__PURE__ */ new Map();
+	le.forEach((e, t) => {
 		G.set(t, e.groupId);
 	});
-	let K = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), J = u?.permissionsQuery, de = async ({ context: e }) => {
+	let K = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), J = u?.permissionsQuery, ue = async ({ context: e }) => {
 		let t = await d.session.load();
 		return {
 			permissionsQuery: J == null ? null : f(e.relayEnvironment, J, {}),
@@ -72,7 +72,7 @@ function H(a) {
 	}, X = () => p == null ? null : { dashboardId: "dashboard" }, Z = ({ prepared: e, Component: t }) => t == null ? null : /* @__PURE__ */ s(t, { prepared: e }), Q = ({ children: e, prepared: t, Component: n }) => n == null ? null : /* @__PURE__ */ s(n, {
 		prepared: t,
 		children: e
-	}), fe = V({
+	}), de = V({
 		path: "",
 		resourcePage: T,
 		prepare: X,
@@ -83,7 +83,7 @@ function H(a) {
 			prepare: Y,
 			render: Z
 		})]
-	}), pe = V({
+	}), fe = V({
 		path: "dashboard",
 		resourcePage: T,
 		prepare: X,
@@ -94,7 +94,7 @@ function H(a) {
 			prepare: Y,
 			render: Z
 		})]
-	}), me = N.map((e) => {
+	}), pe = m.map((e) => {
 		let t = V({
 			path: "",
 			resourcePage: w,
@@ -118,9 +118,9 @@ function H(a) {
 			render: Q,
 			children: [t]
 		});
-	}), he = Object.values(c).filter((e) => e.kind === "list-detail"), ge = le.map((e) => {
+	}), me = Object.values(c).filter((e) => e.kind === "list-detail"), he = ce.map((e) => {
 		let t = V({
-			path: L(e.hub.href, I),
+			path: L(e.hub.href, N),
 			resourcePage: D,
 			prepare: () => ({
 				hubId: e.hub.id,
@@ -129,8 +129,8 @@ function H(a) {
 			render: ({ prepared: e, Component: t }) => t == null ? null : /* @__PURE__ */ s(t, { prepared: e })
 		});
 		return e.groupId != null && q.set(t, e.groupId), t;
-	}), _e = he.map((e) => {
-		let t = e.routes.list, n = L(t, I), r = [], a = ({ match: t }) => {
+	}), ge = me.map((e) => {
+		let t = e.routes.list, n = L(t, N), r = [], a = ({ match: t }) => {
 			let n = String(t?.params.id ?? ""), r = typeof t?.params.pagePath == "string" ? t.params.pagePath : null, a = r == null ? e.defaultDetailPageId : B(e, r);
 			return /* @__PURE__ */ s(i, {
 				entityManifest: e,
@@ -292,7 +292,6 @@ function H(a) {
 			children: [
 				V({
 					path: "",
-					resourcePage: m,
 					prepare: ({ variables: t }) => {
 						let n = String(t.id ?? "").trim();
 						return { redirectTo: n === "" ? null : e.routes.detailPage(n, e.defaultDetailPageId) };
@@ -385,11 +384,10 @@ function H(a) {
 		return K.set(d, e.id), r.push(d), V({
 			path: n,
 			children: r,
-			resourcePage: m,
 			suspenseBoundary: "segment"
 		});
-	}), ve = Object.values(c).filter((e) => e.kind === "tool").map((e) => {
-		let t = L(e.routes.list, I), n = V({
+	}), _e = Object.values(c).filter((e) => e.kind === "tool").map((e) => {
+		let t = L(e.routes.list, N), n = V({
 			path: "",
 			resourcePage: a.toolsOperationPage ?? null,
 			prepare: async () => {
@@ -430,12 +428,12 @@ function H(a) {
 			children: [n]
 		});
 		return K.set(r, e.id), r;
-	}), ye = V({
-		path: I,
+	}), ve = V({
+		path: N,
 		resourcePage: h,
 		prepareSearchBehavior: "path",
 		suspenseBoundary: "segment",
-		prepare: de,
+		prepare: ue,
 		render: ({ children: e, prepared: t, route: n, Component: r }) => {
 			if (r == null) return null;
 			let i = t, a = R(n, K), o = a == null ? R(n, q) : G.get(a) ?? null, c = r, l = d.session.get()?.authStatusQuery ?? null;
@@ -446,7 +444,7 @@ function H(a) {
 				activeGroupId: o,
 				authStatusQuery: l,
 				authStatusPrepared: i.authStatusQuery,
-				loginRedirectPath: ce,
+				loginRedirectPath: se,
 				children: e
 			}) : /* @__PURE__ */ s(ae, {
 				Component: c,
@@ -457,16 +455,16 @@ function H(a) {
 			});
 		},
 		children: [
-			fe,
+			de,
+			...he,
 			...ge,
 			..._e,
-			...ve,
-			...me,
-			pe
+			...pe,
+			fe
 		]
 	}), $ = [
 		V({
-			path: z,
+			path: I,
 			resourcePage: ne,
 			prepare: async ({ context: e }) => {
 				let t = await d.login.load();
@@ -475,30 +473,30 @@ function H(a) {
 			render: ({ prepared: e, Component: t }) => t == null ? null : /* @__PURE__ */ s(t, { prepared: e })
 		}),
 		V({
-			path: H,
+			path: z,
 			resourcePage: re,
 			prepare: async () => (await d.passwordResetRequest.load(), null),
 			render: ({ Component: e }) => e == null ? null : /* @__PURE__ */ s(e, {})
 		}),
 		V({
-			path: U,
+			path: H,
 			resourcePage: ie,
 			prepare: async () => (await d.passwordResetComplete.load(), null),
 			render: ({ Component: e }) => e == null ? null : /* @__PURE__ */ s(e, {})
 		}),
 		V({
-			path: oe,
+			path: U,
 			resourcePage: O,
 			prepare: async () => (await d.verifyEmail.load(), null),
 			render: ({ Component: e }) => e == null ? null : /* @__PURE__ */ s(e, {})
 		})
 	];
 	return (d.hasAcceptInvitation === !0 || d.acceptInvitation != null) && $.push(V({
-		path: se,
+		path: oe,
 		resourcePage: k,
 		prepare: async () => (await d.acceptInvitation?.load(), null),
 		render: ({ Component: e }) => e == null ? null : /* @__PURE__ */ s(e, {})
-	})), $.push(ye), $;
+	})), $.push(ve), $;
 }
 var U = {
 	normalizeBaseSegment: M,