@plumile/backoffice-react 0.1.150 → 0.1.152

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailPage.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX, type ReactNode, useContext, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  commitMutation,\n  type PreloadedQuery,\n  useFragment,\n  usePreloadedQuery,\n} from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\nimport { resolveMutationOutcome } from '../relay/mutationResult.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport {\n  buildBackofficeFallbackListHref,\n  buildBackofficeListHref,\n  buildBackofficeListLink,\n} from '@plumile/backoffice-core/state/buildListHref.js';\n\nimport { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport type {\n  BackofficeResolvedDetailLayoutFacetConfigBase,\n  BackofficeResolvedDetailPageFacetConfig,\n  BackofficeResolvedDetailPageFacetConfigBase,\n} from '@plumile/backoffice-core/types.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { LinkButton } from '@plumile/ui/atomic/atoms/button/LinkButton.js';\nimport { FormattedDate } from '@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js';\nimport { Tabs } from '@plumile/ui/atomic/molecules/tabs/Tabs.js';\nimport { useToast } from '@plumile/ui/atomic/molecules/toast/ToastProvider.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { BackofficeDetailSection } from '@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js';\nimport { BackofficeKeyValueList } from '@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js';\nimport { BackofficePageHeader } from '@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport { BackofficePayloadViewer } from '@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js';\nimport {\n  BackofficeRelationsMenu,\n  type BackofficeRelationsMenuItem,\n} from '@plumile/ui/backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js';\nimport { BackofficeScopeStack } from '@plumile/ui/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.js';\nimport { AuditTimeline } from '@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\nimport { MetricCard } from '@plumile/ui/components/dashboard/metric_card/MetricCard.js';\nimport { MetricTileGroup } from '@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js';\nimport { DataTable } from '@plumile/ui/components/data-table/DataTable.js';\nimport { ChatCheckSvg } from '@plumile/ui/icons/ChatCheckSvg.js';\nimport { KeyOffSvg } from '@plumile/ui/icons/KeyOffSvg.js';\nimport { KeySvg } from '@plumile/ui/icons/KeySvg.js';\nimport { LockOpenSvg } from '@plumile/ui/icons/LockOpenSvg.js';\nimport { LockSvg } from '@plumile/ui/icons/LockSvg.js';\nimport { RobotCheckSvg } from '@plumile/ui/icons/RobotCheckSvg.js';\nimport { RobotXSvg } from '@plumile/ui/icons/RobotXSvg.js';\nimport { RocketOffSvg } from '@plumile/ui/icons/RocketOffSvg.js';\nimport { RocketSvg } from '@plumile/ui/icons/RocketSvg.js';\nimport { SettingsCheckSvg } from '@plumile/ui/icons/SettingsCheckSvg.js';\nimport { SettingsXSvg } from '@plumile/ui/icons/SettingsXSvg.js';\nimport { ShieldLockSvg } from '@plumile/ui/icons/ShieldLockSvg.js';\nimport { ShieldOffSvg } from '@plumile/ui/icons/ShieldOffSvg.js';\nimport { XBadgeSvg } from '@plumile/ui/icons/XBadgeSvg.js';\nimport HttpRedirect from '@plumile/router/errors/HttpRedirect.js';\nimport Link from '@plumile/router/routing/Link.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { BackofficeEntityDetailScaffold } from '../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js';\nimport { BackofficeDetailBadgeRow } from '../components/backoffice/detail/BackofficeDetailBadgeRow.js';\nimport { BackofficeDetailFlagTag } from '../components/backoffice/detail/BackofficeDetailFlagTag.js';\nimport { BackofficeDetailTaggedValue } from '../components/backoffice/detail/BackofficeDetailTaggedValue.js';\nimport { BackofficeLifecycleTimelineSection } from '../components/backoffice/detail/BackofficeLifecycleTimelineSection.js';\nimport { BackofficeRelationsSummaryGrid } from '../components/backoffice/detail/BackofficeRelationsSummaryGrid.js';\nimport { LazyBackofficeEntityActionFormDialog } from '../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js';\nimport {\n  resolveToastSpec,\n  resolveToastViewActions,\n} from '../components/backoffice/actions/toastViewAction.js';\nimport * as pageStyles from './backofficeEntityDetailPage.css.js';\nimport { useBackofficeFormats } from '../i18n/useBackofficeFormats.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { useBackofficeEntityDetailLayoutContext } from './detail/BackofficeEntityDetailLayoutContext.js';\nimport { buildTabsItems } from './detail/buildTabsItems.js';\nimport { resolveVisibleDetailPages } from './detail/pageResolution.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildEntityDetailBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport {\n  extractMutationPayload,\n  isFormMutationAction,\n  isMutationAction,\n  isRouteAction,\n  resolveLabel,\n} from './BackofficeEntityDetailPage.helpers.js';\nimport {\n  buildFieldItems,\n  renderBlocks,\n  resolveHeaderItems,\n  type FlagIconName,\n} from './BackofficeEntityDetailPage.view-helpers.js';\n\nexport type BackofficeEntityDetailPageProps = {\n  config: BackofficeResolvedDetailLayoutFacetConfigBase;\n  prepared: {\n    id: string;\n    detailId?: string;\n    pageConfig: BackofficeResolvedDetailPageFacetConfigBase;\n    pageQuery: PreloadedQuery<OperationType>;\n    pageId: string;\n    pagePath: string;\n  };\n};\n\nconst renderFlagIcon = (iconName: FlagIconName): JSX.Element => {\n  const iconSize = 14;\n  switch (iconName) {\n    case 'shield-lock':\n      return (\n        <ShieldLockSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'shield-off':\n      return (\n        <ShieldOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'settings-check':\n      return (\n        <SettingsCheckSvg\n          width={iconSize}\n          height={iconSize}\n          aria-hidden=\"true\"\n        />\n      );\n    case 'settings-x':\n      return (\n        <SettingsXSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'x-badge':\n      return (\n        <XBadgeSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'chat-check':\n      return (\n        <ChatCheckSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'key':\n      return <KeySvg width={iconSize} height={iconSize} aria-hidden=\"true\" />;\n    case 'key-off':\n      return (\n        <KeyOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'lock':\n      return <LockSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />;\n    case 'lock-open':\n      return (\n        <LockOpenSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'robot-check':\n      return (\n        <RobotCheckSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'robot-x':\n      return (\n        <RobotXSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'rocket':\n      return (\n        <RocketSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'rocket-off':\n      return (\n        <RocketOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    default:\n      throw new Error(`Unsupported flag icon: ${String(iconName)}`);\n  }\n};\n\nconst resolveDetailPlacement = (item: {\n  placement?: 'primary' | 'secondary' | 'main' | 'side' | 'fullWidth';\n  presentation?: {\n    group?: string;\n    desktop?: 'primary' | 'secondary' | 'fullWidth';\n  };\n  kind?: string;\n  fields?: readonly {\n    presentation?: {\n      group?: string;\n      desktop?: 'primary' | 'secondary' | 'fullWidth';\n    };\n  }[];\n}): 'primary' | 'secondary' => {\n  if (item.presentation?.desktop === 'secondary') {\n    return 'secondary';\n  }\n  if (\n    item.presentation?.group === 'scope' ||\n    item.presentation?.group === 'status'\n  ) {\n    return 'secondary';\n  }\n  const fieldGroups =\n    item.fields?.map((field) => {\n      return field.presentation?.group;\n    }) ?? [];\n  if (\n    fieldGroups.length > 0 &&\n    fieldGroups.every((group) => {\n      return group === 'scope' || group === 'status';\n    })\n  ) {\n    return 'secondary';\n  }\n  if (item.placement === 'side') {\n    return 'secondary';\n  }\n  if (item.placement === 'secondary') {\n    return 'secondary';\n  }\n  return 'primary';\n};\n\nconst BackofficeEntityDetailPageContent = ({\n  config,\n  prepared,\n}: {\n  config: BackofficeResolvedDetailPageFacetConfig;\n  prepared: {\n    pageQuery: PreloadedQuery<OperationType>;\n    id: string;\n    detailId?: string;\n    pageId: string;\n    pagePath: string;\n  };\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { formatNumber, formatCurrency, formatCurrencyTitle, formatPercent } =\n    useBackofficeFormats();\n  const { entities, entityRegistry } = useBackofficeConfig();\n  const { layoutView } = useBackofficeEntityDetailLayoutContext();\n  const routing = useContext(RoutingContext);\n  const environment = useRelayEnvironment();\n  const toast = useToast();\n  const [actionState, setActionState] = useState<Record<string, boolean>>({});\n  const [activeFormActionId, setActiveFormActionId] = useState<string | null>(\n    null,\n  );\n  const resolvedPages = resolveVisibleDetailPages({\n    mainPage: config.pages.mainPage,\n    subPages: config.pages.subPages,\n    activePagePath: prepared.pagePath,\n    node: layoutView as never,\n  });\n  const activePage = resolvedPages.activePage ?? config.pages.mainPage;\n  const pages =\n    resolvedPages.pages.length > 0\n      ? resolvedPages.pages\n      : [config.pages.mainPage];\n\n  const setActionLoading = (actionId: string, isLoading: boolean) => {\n    setActionState((prev) => {\n      if (prev[actionId] === isLoading) {\n        return prev;\n      }\n      return { ...prev, [actionId]: isLoading };\n    });\n  };\n\n  const { page } = config;\n\n  const pageQueryData = usePreloadedQuery(page.query, prepared.pageQuery);\n  const pageNodeRef = page.resolveNode(pageQueryData, {\n    id: prepared.id,\n    detailId: prepared.detailId,\n  });\n  const hasPageNode = pageNodeRef != null;\n  const resolvedNode = useFragment(page.fragment, pageNodeRef as never);\n  const relationEntityListRoutes = useMemo(() => {\n    return Object.fromEntries(\n      page.content\n        .flatMap((block) => {\n          if (block.kind !== 'fieldSet') {\n            return [];\n          }\n\n          return block.fields.flatMap((field) => {\n            if (field.type !== 'relation') {\n              return [];\n            }\n            return [field.relation.target];\n          });\n        })\n        .flatMap((entityId) => {\n          const entityManifest = entities[entityId];\n          if (entityManifest?.hasList !== true) {\n            return [];\n          }\n          return [[entityId, entityManifest.routes.list]];\n        }),\n    );\n  }, [entities, page.content]);\n\n  if (!hasPageNode) {\n    throw new HttpRedirect(config.routes.list);\n  }\n\n  return (\n    <BackofficeEntityDetailScaffold\n      node={resolvedNode}\n      render={(node) => {\n        const view = page.toView(node);\n        const tabsItems = buildTabsItems({\n          pages,\n          id: prepared.id,\n          tApp,\n          detailPageHref: config.routes.detailPage,\n        });\n        const resolveEntityHref = (entityId: string, refId: string) => {\n          const entityConfig = entities[entityId];\n          if (entityConfig == null) {\n            return null;\n          }\n          return entityConfig.routes.detail(refId);\n        };\n        const resolveRelationItem = ({\n          id,\n          label,\n          count,\n          relation,\n          listRoute,\n          value,\n          where,\n        }: {\n          id: string;\n          label: string;\n          count: number | null;\n          relation: {\n            target: string;\n            filterId?: string;\n            whereKey: string;\n            path?: readonly string[];\n          };\n          listRoute: string;\n          value: string;\n          where: Record<string, unknown>;\n        }): BackofficeRelationsMenuItem => {\n          const { target, filterId, whereKey, path } = relation;\n          const loadedEntity = entityRegistry.getLoadedListEntity(target);\n          return {\n            id,\n            label,\n            count,\n            href:\n              loadedEntity == null\n                ? buildBackofficeFallbackListHref(listRoute, where, [\n                    {\n                      id:\n                        filterId ??\n                        (path == null\n                          ? whereKey\n                          : `${whereKey}.${path.join('.')}`),\n                      value,\n                    },\n                  ])\n                : buildBackofficeListHref(loadedEntity.config, { where }),\n            onClick: async (event) => {\n              if (\n                routing == null ||\n                event.defaultPrevented ||\n                event.button !== 0 ||\n                event.metaKey ||\n                event.altKey ||\n                event.ctrlKey ||\n                event.shiftKey\n              ) {\n                return;\n              }\n\n              event.preventDefault();\n\n              const listEntity = await entityRegistry.loadListEntity(target);\n              const next = buildBackofficeListLink(listEntity.config, {\n                where,\n              });\n\n              routing.history.push({\n                pathname: next.pathname,\n                search: next.search === '' ? '' : `?${next.search}`,\n                hash: '',\n              });\n            },\n          };\n        };\n\n        const header = resolveHeaderItems(config.header, layoutView, {\n          tApp,\n          t,\n          resolveEntityHref,\n          renderLink: (href, label) => {\n            return <Link to={href}>{label}</Link>;\n          },\n          renderDate: (value, fallback) => {\n            return (\n              <FormattedDate\n                value={value}\n                options={BACKOFFICE_DATE_TIME_OPTIONS}\n                fallback={fallback}\n              />\n            );\n          },\n          renderTag: (tone, label) => {\n            return <Tag tone={tone}>{label}</Tag>;\n          },\n          renderBadgeRow: (items) => {\n            return <BackofficeDetailBadgeRow items={items} />;\n          },\n        });\n        const breadcrumb = buildEntityDetailBreadcrumb({\n          config,\n          tApp,\n          entityId: prepared.id,\n          layoutView,\n          pageLabel: activePage.label(tApp),\n          pageId: activePage.id,\n        });\n\n        const actions = page.actions ?? [];\n        let headerActionButtons: ReactNode[] = [];\n        if (actions.length > 0) {\n          const visibleActions = actions.filter((action) => {\n            if (action.isVisible == null) {\n              return true;\n            }\n            return action.isVisible(view);\n          });\n\n          if (visibleActions.length > 0) {\n            headerActionButtons = visibleActions.map((action) => {\n              const label = resolveLabel(action.label, tApp);\n              const ariaLabel =\n                action.ariaLabel != null\n                  ? resolveLabel(action.ariaLabel, tApp)\n                  : label;\n              const variant = action.variant ?? 'secondary';\n              const size = action.size ?? 'small';\n              const isLoading = actionState[action.id] ?? false;\n              const isDisabled =\n                isLoading || action.isDisabled?.(view) === true;\n\n              if (isRouteAction(action)) {\n                const href = action.to(view);\n                return (\n                  <LinkButton\n                    key={action.id}\n                    to={href}\n                    variant={variant}\n                    size={size}\n                    isDisabled={isDisabled}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </LinkButton>\n                );\n              }\n\n              if (isFormMutationAction(action)) {\n                return (\n                  <Button\n                    key={action.id}\n                    type=\"button\"\n                    variant={variant}\n                    size={size}\n                    isLoading={false}\n                    disabled={isDisabled}\n                    onClick={() => {\n                      setActiveFormActionId(action.id);\n                    }}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </Button>\n                );\n              }\n\n              if (isMutationAction(action)) {\n                const handleClick = () => {\n                  if (isLoading) {\n                    return;\n                  }\n                  const variables = action.getVariables(view);\n                  setActionLoading(action.id, true);\n                  commitMutation(environment, {\n                    mutation: action.mutation,\n                    variables,\n                    updater: (store) => {\n                      action.updater?.(store, view);\n                    },\n                    onCompleted: (response) => {\n                      setActionLoading(action.id, false);\n                      const mutationPayload = extractMutationPayload(response);\n                      if (mutationPayload != null) {\n                        let defaultErrorMessage = t(\n                          'actions.form.errors.invalidPayload',\n                        );\n                        if (action.toasts?.error?.message != null) {\n                          defaultErrorMessage = resolveLabel(\n                            action.toasts.error.message,\n                            tApp,\n                          );\n                        } else if (action.toasts?.error?.title != null) {\n                          defaultErrorMessage = resolveLabel(\n                            action.toasts.error.title,\n                            tApp,\n                          );\n                        }\n\n                        const outcome = resolveMutationOutcome(\n                          mutationPayload,\n                          {\n                            defaultErrorMessage,\n                            mapReason: (reason) => {\n                              const mapped = action.mapErrorReason?.(\n                                reason,\n                                view,\n                              );\n                              if (mapped == null) {\n                                return null;\n                              }\n                              if (typeof mapped === 'function') {\n                                return resolveLabel(mapped, tApp);\n                              }\n                              return String(mapped);\n                            },\n                          },\n                        );\n                        if (!outcome.ok) {\n                          const error = new Error(outcome.message);\n                          action.onError?.(error, view);\n                          if (action.toasts?.error != null) {\n                            const toastSpec = resolveToastSpec(\n                              action.toasts.error,\n                              tApp,\n                            );\n                            toast.error(toastSpec.title, toastSpec.message);\n                          }\n                          return;\n                        }\n                      }\n\n                      action.onCompleted?.(response, view);\n                      if (action.toasts?.success != null) {\n                        const toastSpec = resolveToastSpec(\n                          action.toasts.success,\n                          tApp,\n                        );\n                        const toastActions = resolveToastViewActions({\n                          toast: action.toasts.success,\n                          response,\n                          node: view,\n                          tApp,\n                          entities,\n                          defaultLabel: t('actions.view'),\n                          navigateTo: (to) => {\n                            routing?.history.push({ pathname: to });\n                          },\n                        });\n                        toast.push({\n                          kind: 'info',\n                          title: toastSpec.title,\n                          message: toastSpec.message,\n                          actions: toastActions,\n                        });\n                      }\n                    },\n                    onError: (error) => {\n                      setActionLoading(action.id, false);\n                      action.onError?.(error, view);\n                      if (action.toasts?.error != null) {\n                        const toastSpec = resolveToastSpec(\n                          action.toasts.error,\n                          tApp,\n                        );\n                        toast.error(toastSpec.title, toastSpec.message);\n                      }\n                    },\n                  });\n                };\n\n                return (\n                  <Button\n                    key={action.id}\n                    type=\"button\"\n                    variant={variant}\n                    size={size}\n                    isLoading={isLoading}\n                    disabled={isDisabled}\n                    onClick={handleClick}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </Button>\n                );\n              }\n\n              return null;\n            });\n          }\n        }\n\n        const activeFormAction = actions.find((action) => {\n          return action.id === activeFormActionId;\n        });\n\n        const { content } = page;\n\n        const primaryNodes: ReactNode[] = [];\n        const secondaryNodes: ReactNode[] = [];\n        const relationMenuItems: BackofficeRelationsMenuItem[] = [];\n\n        content.forEach((item, index) => {\n          const placement = resolveDetailPlacement(item);\n          const targetNodes =\n            placement === 'secondary' ? secondaryNodes : primaryNodes;\n\n          if (item.kind === 'fieldSet') {\n            const sectionLabel = resolveLabel(item.title, tApp);\n            const description =\n              item.description != null\n                ? resolveLabel(item.description, tApp)\n                : undefined;\n            const { items, relationItems, customNodes } = buildFieldItems(\n              item.fields,\n              view,\n              {\n                tApp,\n                t,\n                resolveEntityHref,\n                formatNumber,\n                formatCurrency,\n                formatCurrencyTitle,\n                formatPercent,\n                relationEntityListRoutes,\n                resolveRelationItem,\n                setWhereValue,\n                renderTag: (tone, label) => {\n                  return <Tag tone={tone}>{label}</Tag>;\n                },\n                renderBadgeRow: (items) => {\n                  return <BackofficeDetailBadgeRow items={items} />;\n                },\n                renderDate: (value, fallback) => {\n                  return (\n                    <FormattedDate\n                      value={value}\n                      options={BACKOFFICE_DATE_TIME_OPTIONS}\n                      fallback={fallback}\n                    />\n                  );\n                },\n                renderFlagTag: (tag) => {\n                  return (\n                    <BackofficeDetailFlagTag\n                      tone={tag.tone}\n                      icon={\n                        tag.iconName != null\n                          ? renderFlagIcon(tag.iconName)\n                          : undefined\n                      }\n                      label={tag.label}\n                    />\n                  );\n                },\n                renderLink: (href, label) => {\n                  return <Link to={href}>{label}</Link>;\n                },\n                renderTaggedValue: (tag, value) => {\n                  return (\n                    <BackofficeDetailTaggedValue\n                      tag={tag as never}\n                      value={value}\n                    />\n                  );\n                },\n                wrapCustomNode: (id, custom) => {\n                  return <div key={id}>{custom}</div>;\n                },\n              },\n            );\n            relationItems.forEach((relation) => {\n              if (\n                !relationMenuItems.some((entry) => {\n                  return entry.id === relation.id;\n                })\n              ) {\n                relationMenuItems.push(relation);\n              }\n            });\n\n            const hasContent = items.length > 0 || customNodes.length > 0;\n\n            if (!hasContent) {\n              return;\n            }\n\n            targetNodes.push(\n              <BackofficeDetailSection\n                key={`${sectionLabel}-${index}`}\n                title={sectionLabel}\n                description={description}\n                items={items.length > 0 ? items : undefined}\n              >\n                {customNodes}\n              </BackofficeDetailSection>,\n            );\n            return;\n          }\n\n          const rendered = renderBlocks([item], view, {\n            tApp,\n            t,\n            resolveEntityHref,\n            keyPrefix: String(index),\n            renderLink: (href, label) => {\n              return <Link to={href}>{label}</Link>;\n            },\n            renderDate: (value, fallback) => {\n              return (\n                <FormattedDate\n                  value={value}\n                  options={BACKOFFICE_DATE_TIME_OPTIONS}\n                  fallback={fallback}\n                />\n              );\n            },\n            renderTag: (tone, label) => {\n              return <Tag tone={tone}>{label}</Tag>;\n            },\n            renderMetricGroup: ({\n              key,\n              title,\n              description,\n              density,\n              items,\n            }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  {items.length > 0 && (\n                    <MetricTileGroup\n                      density={density ?? 'comfortable'}\n                      minColumn=\"180\"\n                    >\n                      {items.map((metric) => {\n                        return (\n                          <MetricCard\n                            key={metric.id}\n                            label={metric.label}\n                            value={metric.value}\n                            hint={metric.hint}\n                            tone={metric.tone ?? 'neutral'}\n                            density={density ?? 'comfortable'}\n                            copyValue={metric.copyValue}\n                            copyLabel={t('common.actions.copy')}\n                            copiedLabel={t('common.actions.copied')}\n                          />\n                        );\n                      })}\n                    </MetricTileGroup>\n                  )}\n                </BackofficeDetailSection>\n              );\n            },\n            renderTimeline: ({ key, title, description, events }) => {\n              return (\n                <BackofficeLifecycleTimelineSection\n                  key={key}\n                  title={title}\n                  description={description}\n                  events={events}\n                />\n              );\n            },\n            renderAuditTimeline: ({ key, title, description, events }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <AuditTimeline events={events} />\n                </BackofficeDetailSection>\n              );\n            },\n            renderRelations: ({ key, title, items }) => {\n              return (\n                <BackofficeRelationsSummaryGrid\n                  key={key}\n                  title={title}\n                  items={items}\n                />\n              );\n            },\n            renderContextStack: ({ key, title, items }) => {\n              return (\n                <BackofficeScopeStack key={key} title={title} items={items} />\n              );\n            },\n            renderCustomSection: (key, title, child) => {\n              return (\n                <BackofficeDetailSection key={key} title={title}>\n                  {child}\n                </BackofficeDetailSection>\n              );\n            },\n            wrapCustomNode: (key, custom) => {\n              return <div key={key}>{custom}</div>;\n            },\n            resolveTableColumns: (columns) => {\n              return buildDataTableColumns(columns as never, {\n                tApp,\n                t,\n              });\n            },\n            renderTable: ({ key, title, description, columns, rows }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <DataTable\n                    columns={columns as never}\n                    rows={rows}\n                    getRowId={(row, rowIndex) => {\n                      if (row != null && typeof row === 'object') {\n                        const record = row as Record<string, unknown>;\n                        const maybeId = record.id;\n                        if (\n                          typeof maybeId === 'string' &&\n                          maybeId.trim() !== ''\n                        ) {\n                          return maybeId;\n                        }\n                      }\n                      return String(rowIndex);\n                    }}\n                  />\n                </BackofficeDetailSection>\n              );\n            },\n            renderPayload: ({ key, title, description, content, format }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <BackofficePayloadViewer\n                    content={content}\n                    format={format as never}\n                    emptyState={t('common.notAvailable')}\n                  />\n                </BackofficeDetailSection>\n              );\n            },\n            renderKeyValueListSection: ({ key, title, description, items }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <BackofficeKeyValueList items={items} />\n                </BackofficeDetailSection>\n              );\n            },\n          });\n          const blockNode = rendered[0];\n          if (blockNode != null) {\n            targetNodes.push(blockNode);\n          }\n        });\n\n        const relationsMenuNode =\n          relationMenuItems.length > 0 ? (\n            <BackofficeRelationsMenu\n              label={t('relations.menu.label')}\n              items={relationMenuItems}\n            />\n          ) : null;\n\n        const headerActions =\n          headerActionButtons.length > 0 || relationsMenuNode != null ? (\n            <div className={pageStyles.headerActions}>\n              {headerActionButtons.length > 0 && (\n                <div className={pageStyles.headerActionGroup}>\n                  {headerActionButtons}\n                </div>\n              )}\n              {relationsMenuNode != null && (\n                <div className={pageStyles.headerRelationGroup}>\n                  {relationsMenuNode}\n                </div>\n              )}\n            </div>\n          ) : undefined;\n\n        const headerMetaNode =\n          header.status != null || header.badges != null ? (\n            <div className={pageStyles.headerMeta}>\n              {header.status}\n              {header.badges}\n            </div>\n          ) : undefined;\n\n        const headerItemsNode =\n          header.items != null && header.items.length > 0 ? (\n            <div className={pageStyles.headerMetaList}>\n              <BackofficeKeyValueList items={header.items} />\n            </div>\n          ) : null;\n\n        const hasAside = secondaryNodes.length > 0;\n        let tabsNode: JSX.Element | null = null;\n        if (pages.length > 1) {\n          tabsNode = (\n            <Tabs\n              items={tabsItems}\n              activeId={activePage.id}\n              variant=\"underline\"\n            />\n          );\n        }\n        const headerNode = (\n          <div className={pageStyles.headerBlock}>\n            <BackofficePageHeader\n              title={header.title}\n              subtitle={header.subtitle}\n              actions={headerActions}\n              meta={headerMetaNode}\n            />\n            {headerItemsNode}\n          </div>\n        );\n\n        return (\n          <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n            <DetailPageTemplate\n              headerNode={headerNode}\n              tabsNode={tabsNode}\n              sidePanel={hasAside ? <>{secondaryNodes}</> : undefined}\n              sidePanelVariant=\"plain\"\n              headerDensity=\"compact\"\n            >\n              <>{primaryNodes}</>\n            </DetailPageTemplate>\n            {activeFormAction != null &&\n              isFormMutationAction(activeFormAction) && (\n                <LazyBackofficeEntityActionFormDialog\n                  isOpen\n                  action={activeFormAction}\n                  node={view}\n                  onClose={() => {\n                    setActiveFormActionId(null);\n                  }}\n                />\n              )}\n          </BackofficeRightPageLayout>\n        );\n      }}\n    />\n  );\n};\n\nexport const BackofficeEntityDetailPage = ({\n  config,\n  prepared,\n}: BackofficeEntityDetailPageProps): JSX.Element => {\n  const { layoutView } = useBackofficeEntityDetailLayoutContext();\n\n  const resolvedPages = resolveVisibleDetailPages({\n    mainPage: config.pages.mainPage,\n    subPages: config.pages.subPages,\n    activePagePath: prepared.pagePath,\n    node: layoutView as never,\n  });\n\n  if (!resolvedPages.hasVisiblePages || resolvedPages.activePage == null) {\n    throw new HttpRedirect(config.routes.list);\n  }\n\n  if (resolvedPages.activePage.id !== prepared.pageId) {\n    throw new HttpRedirect(\n      config.routes.detailPage(prepared.id, resolvedPages.activePage.id),\n    );\n  }\n\n  return (\n    <BackofficeEntityDetailPageContent\n      config={prepared.pageConfig}\n      prepared={prepared}\n    />\n  );\n};\n\nexport default BackofficeEntityDetailPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeEntityDetailPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailPage.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX, type ReactNode, useContext, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  commitMutation,\n  type PreloadedQuery,\n  useFragment,\n  usePreloadedQuery,\n} from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\nimport { resolveMutationOutcome } from '../relay/mutationResult.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport {\n  buildBackofficeFallbackListHref,\n  buildBackofficeListHref,\n  buildBackofficeListLink,\n} from '@plumile/backoffice-core/state/buildListHref.js';\n\nimport { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport type {\n  BackofficeResolvedDetailLayoutFacetConfigBase,\n  BackofficeResolvedDetailPageFacetConfig,\n  BackofficeResolvedDetailPageFacetConfigBase,\n} from '@plumile/backoffice-core/types.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { LinkButton } from '@plumile/ui/atomic/atoms/button/LinkButton.js';\nimport { FormattedDate } from '@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js';\nimport { Tabs } from '@plumile/ui/atomic/molecules/tabs/Tabs.js';\nimport { useToast } from '@plumile/ui/atomic/molecules/toast/ToastProvider.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { BackofficeDetailSection } from '@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js';\nimport { BackofficeKeyValueList } from '@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js';\nimport { BackofficePageHeader } from '@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport { BackofficePayloadViewer } from '@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js';\nimport {\n  BackofficeRelationsMenu,\n  type BackofficeRelationsMenuItem,\n} from '@plumile/ui/backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js';\nimport { BackofficeScopeStack } from '@plumile/ui/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.js';\nimport { AuditTimeline } from '@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\nimport { MetricCard } from '@plumile/ui/components/dashboard/metric_card/MetricCard.js';\nimport { MetricTileGroup } from '@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js';\nimport { DataTable } from '@plumile/ui/components/data-table/DataTable.js';\nimport { ChatCheckSvg } from '@plumile/ui/icons/ChatCheckSvg.js';\nimport { KeyOffSvg } from '@plumile/ui/icons/KeyOffSvg.js';\nimport { KeySvg } from '@plumile/ui/icons/KeySvg.js';\nimport { LockOpenSvg } from '@plumile/ui/icons/LockOpenSvg.js';\nimport { LockSvg } from '@plumile/ui/icons/LockSvg.js';\nimport { RobotCheckSvg } from '@plumile/ui/icons/RobotCheckSvg.js';\nimport { RobotXSvg } from '@plumile/ui/icons/RobotXSvg.js';\nimport { RocketOffSvg } from '@plumile/ui/icons/RocketOffSvg.js';\nimport { RocketSvg } from '@plumile/ui/icons/RocketSvg.js';\nimport { SettingsCheckSvg } from '@plumile/ui/icons/SettingsCheckSvg.js';\nimport { SettingsXSvg } from '@plumile/ui/icons/SettingsXSvg.js';\nimport { ShieldLockSvg } from '@plumile/ui/icons/ShieldLockSvg.js';\nimport { ShieldOffSvg } from '@plumile/ui/icons/ShieldOffSvg.js';\nimport { XBadgeSvg } from '@plumile/ui/icons/XBadgeSvg.js';\nimport Link from '@plumile/router/routing/Link.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { BackofficeEntityDetailScaffold } from '../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js';\nimport { BackofficeDetailBadgeRow } from '../components/backoffice/detail/BackofficeDetailBadgeRow.js';\nimport { BackofficeDetailFlagTag } from '../components/backoffice/detail/BackofficeDetailFlagTag.js';\nimport { BackofficeDetailTaggedValue } from '../components/backoffice/detail/BackofficeDetailTaggedValue.js';\nimport { BackofficeLifecycleTimelineSection } from '../components/backoffice/detail/BackofficeLifecycleTimelineSection.js';\nimport { BackofficeRelationsSummaryGrid } from '../components/backoffice/detail/BackofficeRelationsSummaryGrid.js';\nimport { LazyBackofficeEntityActionFormDialog } from '../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js';\nimport {\n  resolveToastSpec,\n  resolveToastViewActions,\n} from '../components/backoffice/actions/toastViewAction.js';\nimport * as pageStyles from './backofficeEntityDetailPage.css.js';\nimport { useBackofficeFormats } from '../i18n/useBackofficeFormats.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { useBackofficeEntityDetailLayoutContext } from './detail/BackofficeEntityDetailLayoutContext.js';\nimport { buildTabsItems } from './detail/buildTabsItems.js';\nimport { resolveVisibleDetailPages } from './detail/pageResolution.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildEntityDetailBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport {\n  extractMutationPayload,\n  isFormMutationAction,\n  isMutationAction,\n  isRouteAction,\n  resolveLabel,\n} from './BackofficeEntityDetailPage.helpers.js';\nimport {\n  buildFieldItems,\n  renderBlocks,\n  resolveHeaderItems,\n  type FlagIconName,\n} from './BackofficeEntityDetailPage.view-helpers.js';\nimport { BackofficeRedirect } from './BackofficeRedirect.js';\n\nexport type BackofficeEntityDetailPageProps = {\n  config: BackofficeResolvedDetailLayoutFacetConfigBase;\n  prepared: {\n    id: string;\n    detailId?: string;\n    pageConfig: BackofficeResolvedDetailPageFacetConfigBase;\n    pageQuery: PreloadedQuery<OperationType>;\n    pageId: string;\n    pagePath: string;\n  };\n};\n\nconst renderFlagIcon = (iconName: FlagIconName): JSX.Element => {\n  const iconSize = 14;\n  switch (iconName) {\n    case 'shield-lock':\n      return (\n        <ShieldLockSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'shield-off':\n      return (\n        <ShieldOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'settings-check':\n      return (\n        <SettingsCheckSvg\n          width={iconSize}\n          height={iconSize}\n          aria-hidden=\"true\"\n        />\n      );\n    case 'settings-x':\n      return (\n        <SettingsXSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'x-badge':\n      return (\n        <XBadgeSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'chat-check':\n      return (\n        <ChatCheckSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'key':\n      return <KeySvg width={iconSize} height={iconSize} aria-hidden=\"true\" />;\n    case 'key-off':\n      return (\n        <KeyOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'lock':\n      return <LockSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />;\n    case 'lock-open':\n      return (\n        <LockOpenSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'robot-check':\n      return (\n        <RobotCheckSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'robot-x':\n      return (\n        <RobotXSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'rocket':\n      return (\n        <RocketSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'rocket-off':\n      return (\n        <RocketOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    default:\n      throw new Error(`Unsupported flag icon: ${String(iconName)}`);\n  }\n};\n\nconst resolveDetailPlacement = (item: {\n  placement?: 'primary' | 'secondary' | 'main' | 'side' | 'fullWidth';\n  presentation?: {\n    group?: string;\n    desktop?: 'primary' | 'secondary' | 'fullWidth';\n  };\n  kind?: string;\n  fields?: readonly {\n    presentation?: {\n      group?: string;\n      desktop?: 'primary' | 'secondary' | 'fullWidth';\n    };\n  }[];\n}): 'primary' | 'secondary' => {\n  if (item.presentation?.desktop === 'secondary') {\n    return 'secondary';\n  }\n  if (\n    item.presentation?.group === 'scope' ||\n    item.presentation?.group === 'status'\n  ) {\n    return 'secondary';\n  }\n  const fieldGroups =\n    item.fields?.map((field) => {\n      return field.presentation?.group;\n    }) ?? [];\n  if (\n    fieldGroups.length > 0 &&\n    fieldGroups.every((group) => {\n      return group === 'scope' || group === 'status';\n    })\n  ) {\n    return 'secondary';\n  }\n  if (item.placement === 'side') {\n    return 'secondary';\n  }\n  if (item.placement === 'secondary') {\n    return 'secondary';\n  }\n  return 'primary';\n};\n\nconst BackofficeEntityDetailPageContent = ({\n  config,\n  prepared,\n}: {\n  config: BackofficeResolvedDetailPageFacetConfig;\n  prepared: {\n    pageQuery: PreloadedQuery<OperationType>;\n    id: string;\n    detailId?: string;\n    pageId: string;\n    pagePath: string;\n  };\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { formatNumber, formatCurrency, formatCurrencyTitle, formatPercent } =\n    useBackofficeFormats();\n  const { entities, entityRegistry } = useBackofficeConfig();\n  const { layoutView } = useBackofficeEntityDetailLayoutContext();\n  const routing = useContext(RoutingContext);\n  const environment = useRelayEnvironment();\n  const toast = useToast();\n  const [actionState, setActionState] = useState<Record<string, boolean>>({});\n  const [activeFormActionId, setActiveFormActionId] = useState<string | null>(\n    null,\n  );\n  const resolvedPages = resolveVisibleDetailPages({\n    mainPage: config.pages.mainPage,\n    subPages: config.pages.subPages,\n    activePagePath: prepared.pagePath,\n    node: layoutView as never,\n  });\n  const activePage = resolvedPages.activePage ?? config.pages.mainPage;\n  const pages =\n    resolvedPages.pages.length > 0\n      ? resolvedPages.pages\n      : [config.pages.mainPage];\n\n  const setActionLoading = (actionId: string, isLoading: boolean) => {\n    setActionState((prev) => {\n      if (prev[actionId] === isLoading) {\n        return prev;\n      }\n      return { ...prev, [actionId]: isLoading };\n    });\n  };\n\n  const { page } = config;\n\n  const pageQueryData = usePreloadedQuery(page.query, prepared.pageQuery);\n  const pageNodeRef = page.resolveNode(pageQueryData, {\n    id: prepared.id,\n    detailId: prepared.detailId,\n  });\n  const hasPageNode = pageNodeRef != null;\n  const resolvedNode = useFragment(page.fragment, pageNodeRef as never);\n  const relationEntityListRoutes = useMemo(() => {\n    return Object.fromEntries(\n      page.content\n        .flatMap((block) => {\n          if (block.kind !== 'fieldSet') {\n            return [];\n          }\n\n          return block.fields.flatMap((field) => {\n            if (field.type !== 'relation') {\n              return [];\n            }\n            return [field.relation.target];\n          });\n        })\n        .flatMap((entityId) => {\n          const entityManifest = entities[entityId];\n          if (entityManifest?.hasList !== true) {\n            return [];\n          }\n          return [[entityId, entityManifest.routes.list]];\n        }),\n    );\n  }, [entities, page.content]);\n\n  if (!hasPageNode) {\n    return <BackofficeRedirect to={config.routes.list} />;\n  }\n\n  return (\n    <BackofficeEntityDetailScaffold\n      node={resolvedNode}\n      render={(node) => {\n        const view = page.toView(node);\n        const tabsItems = buildTabsItems({\n          pages,\n          id: prepared.id,\n          tApp,\n          detailPageHref: config.routes.detailPage,\n        });\n        const resolveEntityHref = (entityId: string, refId: string) => {\n          const entityConfig = entities[entityId];\n          if (entityConfig == null) {\n            return null;\n          }\n          return entityConfig.routes.detail(refId);\n        };\n        const resolveRelationItem = ({\n          id,\n          label,\n          count,\n          relation,\n          listRoute,\n          value,\n          where,\n        }: {\n          id: string;\n          label: string;\n          count: number | null;\n          relation: {\n            target: string;\n            filterId?: string;\n            whereKey: string;\n            path?: readonly string[];\n          };\n          listRoute: string;\n          value: string;\n          where: Record<string, unknown>;\n        }): BackofficeRelationsMenuItem => {\n          const { target, filterId, whereKey, path } = relation;\n          const loadedEntity = entityRegistry.getLoadedListEntity(target);\n          return {\n            id,\n            label,\n            count,\n            href:\n              loadedEntity == null\n                ? buildBackofficeFallbackListHref(listRoute, where, [\n                    {\n                      id:\n                        filterId ??\n                        (path == null\n                          ? whereKey\n                          : `${whereKey}.${path.join('.')}`),\n                      value,\n                    },\n                  ])\n                : buildBackofficeListHref(loadedEntity.config, { where }),\n            onClick: async (event) => {\n              if (\n                routing == null ||\n                event.defaultPrevented ||\n                event.button !== 0 ||\n                event.metaKey ||\n                event.altKey ||\n                event.ctrlKey ||\n                event.shiftKey\n              ) {\n                return;\n              }\n\n              event.preventDefault();\n\n              const listEntity = await entityRegistry.loadListEntity(target);\n              const next = buildBackofficeListLink(listEntity.config, {\n                where,\n              });\n\n              routing.history.push({\n                pathname: next.pathname,\n                search: next.search === '' ? '' : `?${next.search}`,\n                hash: '',\n              });\n            },\n          };\n        };\n\n        const header = resolveHeaderItems(config.header, layoutView, {\n          tApp,\n          t,\n          resolveEntityHref,\n          renderLink: (href, label) => {\n            return <Link to={href}>{label}</Link>;\n          },\n          renderDate: (value, fallback) => {\n            return (\n              <FormattedDate\n                value={value}\n                options={BACKOFFICE_DATE_TIME_OPTIONS}\n                fallback={fallback}\n              />\n            );\n          },\n          renderTag: (tone, label) => {\n            return <Tag tone={tone}>{label}</Tag>;\n          },\n          renderBadgeRow: (items) => {\n            return <BackofficeDetailBadgeRow items={items} />;\n          },\n        });\n        const breadcrumb = buildEntityDetailBreadcrumb({\n          config,\n          tApp,\n          entityId: prepared.id,\n          layoutView,\n          pageLabel: activePage.label(tApp),\n          pageId: activePage.id,\n        });\n\n        const actions = page.actions ?? [];\n        let headerActionButtons: ReactNode[] = [];\n        if (actions.length > 0) {\n          const visibleActions = actions.filter((action) => {\n            if (action.isVisible == null) {\n              return true;\n            }\n            return action.isVisible(view);\n          });\n\n          if (visibleActions.length > 0) {\n            headerActionButtons = visibleActions.map((action) => {\n              const label = resolveLabel(action.label, tApp);\n              const ariaLabel =\n                action.ariaLabel != null\n                  ? resolveLabel(action.ariaLabel, tApp)\n                  : label;\n              const variant = action.variant ?? 'secondary';\n              const size = action.size ?? 'small';\n              const isLoading = actionState[action.id] ?? false;\n              const isDisabled =\n                isLoading || action.isDisabled?.(view) === true;\n\n              if (isRouteAction(action)) {\n                const href = action.to(view);\n                return (\n                  <LinkButton\n                    key={action.id}\n                    to={href}\n                    variant={variant}\n                    size={size}\n                    isDisabled={isDisabled}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </LinkButton>\n                );\n              }\n\n              if (isFormMutationAction(action)) {\n                return (\n                  <Button\n                    key={action.id}\n                    type=\"button\"\n                    variant={variant}\n                    size={size}\n                    isLoading={false}\n                    disabled={isDisabled}\n                    onClick={() => {\n                      setActiveFormActionId(action.id);\n                    }}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </Button>\n                );\n              }\n\n              if (isMutationAction(action)) {\n                const handleClick = () => {\n                  if (isLoading) {\n                    return;\n                  }\n                  const variables = action.getVariables(view);\n                  setActionLoading(action.id, true);\n                  commitMutation(environment, {\n                    mutation: action.mutation,\n                    variables,\n                    updater: (store) => {\n                      action.updater?.(store, view);\n                    },\n                    onCompleted: (response) => {\n                      setActionLoading(action.id, false);\n                      const mutationPayload = extractMutationPayload(response);\n                      if (mutationPayload != null) {\n                        let defaultErrorMessage = t(\n                          'actions.form.errors.invalidPayload',\n                        );\n                        if (action.toasts?.error?.message != null) {\n                          defaultErrorMessage = resolveLabel(\n                            action.toasts.error.message,\n                            tApp,\n                          );\n                        } else if (action.toasts?.error?.title != null) {\n                          defaultErrorMessage = resolveLabel(\n                            action.toasts.error.title,\n                            tApp,\n                          );\n                        }\n\n                        const outcome = resolveMutationOutcome(\n                          mutationPayload,\n                          {\n                            defaultErrorMessage,\n                            mapReason: (reason) => {\n                              const mapped = action.mapErrorReason?.(\n                                reason,\n                                view,\n                              );\n                              if (mapped == null) {\n                                return null;\n                              }\n                              if (typeof mapped === 'function') {\n                                return resolveLabel(mapped, tApp);\n                              }\n                              return String(mapped);\n                            },\n                          },\n                        );\n                        if (!outcome.ok) {\n                          const error = new Error(outcome.message);\n                          action.onError?.(error, view);\n                          if (action.toasts?.error != null) {\n                            const toastSpec = resolveToastSpec(\n                              action.toasts.error,\n                              tApp,\n                            );\n                            toast.error(toastSpec.title, toastSpec.message);\n                          }\n                          return;\n                        }\n                      }\n\n                      action.onCompleted?.(response, view);\n                      if (action.toasts?.success != null) {\n                        const toastSpec = resolveToastSpec(\n                          action.toasts.success,\n                          tApp,\n                        );\n                        const toastActions = resolveToastViewActions({\n                          toast: action.toasts.success,\n                          response,\n                          node: view,\n                          tApp,\n                          entities,\n                          defaultLabel: t('actions.view'),\n                          navigateTo: (to) => {\n                            routing?.history.push({ pathname: to });\n                          },\n                        });\n                        toast.push({\n                          kind: 'info',\n                          title: toastSpec.title,\n                          message: toastSpec.message,\n                          actions: toastActions,\n                        });\n                      }\n                    },\n                    onError: (error) => {\n                      setActionLoading(action.id, false);\n                      action.onError?.(error, view);\n                      if (action.toasts?.error != null) {\n                        const toastSpec = resolveToastSpec(\n                          action.toasts.error,\n                          tApp,\n                        );\n                        toast.error(toastSpec.title, toastSpec.message);\n                      }\n                    },\n                  });\n                };\n\n                return (\n                  <Button\n                    key={action.id}\n                    type=\"button\"\n                    variant={variant}\n                    size={size}\n                    isLoading={isLoading}\n                    disabled={isDisabled}\n                    onClick={handleClick}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </Button>\n                );\n              }\n\n              return null;\n            });\n          }\n        }\n\n        const activeFormAction = actions.find((action) => {\n          return action.id === activeFormActionId;\n        });\n\n        const { content } = page;\n\n        const primaryNodes: ReactNode[] = [];\n        const secondaryNodes: ReactNode[] = [];\n        const relationMenuItems: BackofficeRelationsMenuItem[] = [];\n\n        content.forEach((item, index) => {\n          const placement = resolveDetailPlacement(item);\n          const targetNodes =\n            placement === 'secondary' ? secondaryNodes : primaryNodes;\n\n          if (item.kind === 'fieldSet') {\n            const sectionLabel = resolveLabel(item.title, tApp);\n            const description =\n              item.description != null\n                ? resolveLabel(item.description, tApp)\n                : undefined;\n            const { items, relationItems, customNodes } = buildFieldItems(\n              item.fields,\n              view,\n              {\n                tApp,\n                t,\n                resolveEntityHref,\n                formatNumber,\n                formatCurrency,\n                formatCurrencyTitle,\n                formatPercent,\n                relationEntityListRoutes,\n                resolveRelationItem,\n                setWhereValue,\n                renderTag: (tone, label) => {\n                  return <Tag tone={tone}>{label}</Tag>;\n                },\n                renderBadgeRow: (items) => {\n                  return <BackofficeDetailBadgeRow items={items} />;\n                },\n                renderDate: (value, fallback) => {\n                  return (\n                    <FormattedDate\n                      value={value}\n                      options={BACKOFFICE_DATE_TIME_OPTIONS}\n                      fallback={fallback}\n                    />\n                  );\n                },\n                renderFlagTag: (tag) => {\n                  return (\n                    <BackofficeDetailFlagTag\n                      tone={tag.tone}\n                      icon={\n                        tag.iconName != null\n                          ? renderFlagIcon(tag.iconName)\n                          : undefined\n                      }\n                      label={tag.label}\n                    />\n                  );\n                },\n                renderLink: (href, label) => {\n                  return <Link to={href}>{label}</Link>;\n                },\n                renderTaggedValue: (tag, value) => {\n                  return (\n                    <BackofficeDetailTaggedValue\n                      tag={tag as never}\n                      value={value}\n                    />\n                  );\n                },\n                wrapCustomNode: (id, custom) => {\n                  return <div key={id}>{custom}</div>;\n                },\n              },\n            );\n            relationItems.forEach((relation) => {\n              if (\n                !relationMenuItems.some((entry) => {\n                  return entry.id === relation.id;\n                })\n              ) {\n                relationMenuItems.push(relation);\n              }\n            });\n\n            const hasContent = items.length > 0 || customNodes.length > 0;\n\n            if (!hasContent) {\n              return;\n            }\n\n            targetNodes.push(\n              <BackofficeDetailSection\n                key={`${sectionLabel}-${index}`}\n                title={sectionLabel}\n                description={description}\n                items={items.length > 0 ? items : undefined}\n              >\n                {customNodes}\n              </BackofficeDetailSection>,\n            );\n            return;\n          }\n\n          const rendered = renderBlocks([item], view, {\n            tApp,\n            t,\n            resolveEntityHref,\n            keyPrefix: String(index),\n            renderLink: (href, label) => {\n              return <Link to={href}>{label}</Link>;\n            },\n            renderDate: (value, fallback) => {\n              return (\n                <FormattedDate\n                  value={value}\n                  options={BACKOFFICE_DATE_TIME_OPTIONS}\n                  fallback={fallback}\n                />\n              );\n            },\n            renderTag: (tone, label) => {\n              return <Tag tone={tone}>{label}</Tag>;\n            },\n            renderMetricGroup: ({\n              key,\n              title,\n              description,\n              density,\n              items,\n            }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  {items.length > 0 && (\n                    <MetricTileGroup\n                      density={density ?? 'comfortable'}\n                      minColumn=\"180\"\n                    >\n                      {items.map((metric) => {\n                        return (\n                          <MetricCard\n                            key={metric.id}\n                            label={metric.label}\n                            value={metric.value}\n                            hint={metric.hint}\n                            tone={metric.tone ?? 'neutral'}\n                            density={density ?? 'comfortable'}\n                            copyValue={metric.copyValue}\n                            copyLabel={t('common.actions.copy')}\n                            copiedLabel={t('common.actions.copied')}\n                          />\n                        );\n                      })}\n                    </MetricTileGroup>\n                  )}\n                </BackofficeDetailSection>\n              );\n            },\n            renderTimeline: ({ key, title, description, events }) => {\n              return (\n                <BackofficeLifecycleTimelineSection\n                  key={key}\n                  title={title}\n                  description={description}\n                  events={events}\n                />\n              );\n            },\n            renderAuditTimeline: ({ key, title, description, events }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <AuditTimeline events={events} />\n                </BackofficeDetailSection>\n              );\n            },\n            renderRelations: ({ key, title, items }) => {\n              return (\n                <BackofficeRelationsSummaryGrid\n                  key={key}\n                  title={title}\n                  items={items}\n                />\n              );\n            },\n            renderContextStack: ({ key, title, items }) => {\n              return (\n                <BackofficeScopeStack key={key} title={title} items={items} />\n              );\n            },\n            renderCustomSection: (key, title, child) => {\n              return (\n                <BackofficeDetailSection key={key} title={title}>\n                  {child}\n                </BackofficeDetailSection>\n              );\n            },\n            wrapCustomNode: (key, custom) => {\n              return <div key={key}>{custom}</div>;\n            },\n            resolveTableColumns: (columns) => {\n              return buildDataTableColumns(columns as never, {\n                tApp,\n                t,\n              });\n            },\n            renderTable: ({ key, title, description, columns, rows }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <DataTable\n                    columns={columns as never}\n                    rows={rows}\n                    getRowId={(row, rowIndex) => {\n                      if (row != null && typeof row === 'object') {\n                        const record = row as Record<string, unknown>;\n                        const maybeId = record.id;\n                        if (\n                          typeof maybeId === 'string' &&\n                          maybeId.trim() !== ''\n                        ) {\n                          return maybeId;\n                        }\n                      }\n                      return String(rowIndex);\n                    }}\n                  />\n                </BackofficeDetailSection>\n              );\n            },\n            renderPayload: ({ key, title, description, content, format }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <BackofficePayloadViewer\n                    content={content}\n                    format={format as never}\n                    emptyState={t('common.notAvailable')}\n                  />\n                </BackofficeDetailSection>\n              );\n            },\n            renderKeyValueListSection: ({ key, title, description, items }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <BackofficeKeyValueList items={items} />\n                </BackofficeDetailSection>\n              );\n            },\n          });\n          const blockNode = rendered[0];\n          if (blockNode != null) {\n            targetNodes.push(blockNode);\n          }\n        });\n\n        const relationsMenuNode =\n          relationMenuItems.length > 0 ? (\n            <BackofficeRelationsMenu\n              label={t('relations.menu.label')}\n              items={relationMenuItems}\n            />\n          ) : null;\n\n        const headerActions =\n          headerActionButtons.length > 0 || relationsMenuNode != null ? (\n            <div className={pageStyles.headerActions}>\n              {headerActionButtons.length > 0 && (\n                <div className={pageStyles.headerActionGroup}>\n                  {headerActionButtons}\n                </div>\n              )}\n              {relationsMenuNode != null && (\n                <div className={pageStyles.headerRelationGroup}>\n                  {relationsMenuNode}\n                </div>\n              )}\n            </div>\n          ) : undefined;\n\n        const headerMetaNode =\n          header.status != null || header.badges != null ? (\n            <div className={pageStyles.headerMeta}>\n              {header.status}\n              {header.badges}\n            </div>\n          ) : undefined;\n\n        const headerItemsNode =\n          header.items != null && header.items.length > 0 ? (\n            <div className={pageStyles.headerMetaList}>\n              <BackofficeKeyValueList items={header.items} />\n            </div>\n          ) : null;\n\n        const hasAside = secondaryNodes.length > 0;\n        let tabsNode: JSX.Element | null = null;\n        if (pages.length > 1) {\n          tabsNode = (\n            <Tabs\n              items={tabsItems}\n              activeId={activePage.id}\n              variant=\"underline\"\n            />\n          );\n        }\n        const headerNode = (\n          <div className={pageStyles.headerBlock}>\n            <BackofficePageHeader\n              title={header.title}\n              subtitle={header.subtitle}\n              actions={headerActions}\n              meta={headerMetaNode}\n            />\n            {headerItemsNode}\n          </div>\n        );\n\n        return (\n          <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n            <DetailPageTemplate\n              headerNode={headerNode}\n              tabsNode={tabsNode}\n              sidePanel={hasAside ? <>{secondaryNodes}</> : undefined}\n              sidePanelVariant=\"plain\"\n              headerDensity=\"compact\"\n            >\n              <>{primaryNodes}</>\n            </DetailPageTemplate>\n            {activeFormAction != null &&\n              isFormMutationAction(activeFormAction) && (\n                <LazyBackofficeEntityActionFormDialog\n                  isOpen\n                  action={activeFormAction}\n                  node={view}\n                  onClose={() => {\n                    setActiveFormActionId(null);\n                  }}\n                />\n              )}\n          </BackofficeRightPageLayout>\n        );\n      }}\n    />\n  );\n};\n\nexport const BackofficeEntityDetailPage = ({\n  config,\n  prepared,\n}: BackofficeEntityDetailPageProps): JSX.Element => {\n  const { layoutView } = useBackofficeEntityDetailLayoutContext();\n\n  const resolvedPages = resolveVisibleDetailPages({\n    mainPage: config.pages.mainPage,\n    subPages: config.pages.subPages,\n    activePagePath: prepared.pagePath,\n    node: layoutView as never,\n  });\n\n  if (!resolvedPages.hasVisiblePages || resolvedPages.activePage == null) {\n    return <BackofficeRedirect to={config.routes.list} />;\n  }\n\n  if (resolvedPages.activePage.id !== prepared.pageId) {\n    return (\n      <BackofficeRedirect\n        to={config.routes.detailPage(prepared.id, resolvedPages.activePage.id)}\n      />\n    );\n  }\n\n  return (\n    <BackofficeEntityDetailPageContent\n      config={prepared.pageConfig}\n      prepared={prepared}\n    />\n  );\n};\n\nexport default BackofficeEntityDetailPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GA,IAAM,MAAkB,MAAwC;CAE9D,QAAQ,GAAR;EACE,KAAK,eACH,OACE,kBAAC,GAAD;GAAe,OAAO;GAAU,QAAQ;GAAU,eAAY;EAAQ,CAAA;EAE1E,KAAK,cACH,OACE,kBAAC,IAAD;GAAc,OAAO;GAAU,QAAQ;GAAU,eAAY;EAAQ,CAAA;EAEzE,KAAK,kBACH,OACE,kBAAC,GAAD;GACE,OAAO;GACP,QAAQ;GACR,eAAY;EACb,CAAA;EAEL,KAAK,cACH,OACE,kBAAC,GAAD;GAAc,OAAO;GAAU,QAAQ;GAAU,eAAY;EAAQ,CAAA;EAEzE,KAAK,WACH,OACE,kBAAC,GAAD;GAAW,OAAO;GAAU,QAAQ;GAAU,eAAY;EAAQ,CAAA;EAEtE,KAAK,cACH,OACE,kBAAC,GAAD;GAAc,OAAO;GAAU,QAAQ;GAAU,eAAY;EAAQ,CAAA;EAEzE,KAAK,OACH,OAAO,kBAAC,GAAD;GAAQ,OAAO;GAAU,QAAQ;GAAU,eAAY;EAAQ,CAAA;EACxE,KAAK,WACH,OACE,kBAAC,GAAD;GAAW,OAAO;GAAU,QAAQ;GAAU,eAAY;EAAQ,CAAA;EAEtE,KAAK,QACH,OAAO,kBAAC,GAAD;GAAS,OAAO;GAAU,QAAQ;GAAU,eAAY;EAAQ,CAAA;EACzE,KAAK,aACH,OACE,kBAAC,GAAD;GAAa,OAAO;GAAU,QAAQ;GAAU,eAAY;EAAQ,CAAA;EAExE,KAAK,eACH,OACE,kBAAC,GAAD;GAAe,OAAO;GAAU,QAAQ;GAAU,eAAY;EAAQ,CAAA;EAE1E,KAAK,WACH,OACE,kBAAC,GAAD;GAAW,OAAO;GAAU,QAAQ;GAAU,eAAY;EAAQ,CAAA;EAEtE,KAAK,UACH,OACE,kBAAC,GAAD;GAAW,OAAO;GAAU,QAAQ;GAAU,eAAY;EAAQ,CAAA;EAEtE,KAAK,cACH,OACE,kBAAC,GAAD;GAAc,OAAO;GAAU,QAAQ;GAAU,eAAY;EAAQ,CAAA;EAEzE,SACE,MAAU,MAAM,0BAA0B,OAAO,CAAQ,GAAG;CAChE;AACF,GAEM,MAA0B,MAaD;CAI7B,IAHI,EAAK,cAAc,YAAY,eAIjC,EAAK,cAAc,UAAU,WAC7B,EAAK,cAAc,UAAU,UAE7B,OAAO;CAET,IAAM,IACJ,EAAK,QAAQ,KAAK,MACT,EAAM,cAAc,KAC5B,KAAK,CAAC;CAeT,OAbE,EAAY,SAAS,KACrB,EAAY,OAAO,MACV,MAAU,WAAW,MAAU,QACvC,KAIC,EAAK,cAAc,UAGnB,EAAK,cAAc,cACd,cAEF;AACT,GAEM,MAAqC,EACzC,WACA,kBAUiB;CACjB,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,EAAE,iBAAc,mBAAgB,wBAAqB,qBACzD,EAAqB,GACjB,EAAE,aAAU,sBAAmB,EAAoB,GACnD,EAAE,kBAAe,EAAuC,GACxD,IAAU,EAAW,CAAc,GACnC,KAAc,GAAoB,GAClC,IAAQ,EAAS,GACjB,CAAC,IAAa,KAAkB,EAAkC,CAAC,CAAC,GACpE,CAAC,IAAoB,MAAyB,EAClD,IACF,GACM,IAAgB,EAA0B;EAC9C,UAAU,EAAO,MAAM;EACvB,UAAU,EAAO,MAAM;EACvB,gBAAgB,EAAS;EACzB,MAAM;CACR,CAAC,GACK,IAAa,EAAc,cAAc,EAAO,MAAM,UACtD,KACJ,EAAc,MAAM,SAAS,IACzB,EAAc,QACd,CAAC,EAAO,MAAM,QAAQ,GAEtB,KAAoB,GAAkB,MAAuB;EACjE,GAAgB,MACV,EAAK,OAAc,IACd,IAEF;GAAE,GAAG;IAAO,IAAW;EAAU,CACzC;CACH,GAEM,EAAE,YAAS,GAEX,KAAgB,EAAkB,EAAK,OAAO,EAAS,SAAS,GAChE,IAAc,EAAK,YAAY,IAAe;EAClD,IAAI,EAAS;EACb,UAAU,EAAS;CACrB,CAAC,GACK,KAAc,KAAe,MAC7B,KAAe,EAAY,EAAK,UAAU,CAAoB,GAC9D,KAA2B,QACxB,OAAO,YACZ,EAAK,QACF,SAAS,MACJ,EAAM,SAAS,aAIZ,EAAM,OAAO,SAAS,MACvB,EAAM,SAAS,aAGZ,CAAC,EAAM,SAAS,MAAM,IAFpB,CAAC,CAGX,IARQ,CAAC,CASX,EACA,SAAS,MAAa;EACrB,IAAM,IAAiB,EAAS;EAIhC,OAHI,GAAgB,YAAY,KAGzB,CAAC,CAAC,GAAU,EAAe,OAAO,IAAI,CAAC,IAFrC,CAAC;CAGZ,CAAC,CACL,GACC,CAAC,GAAU,EAAK,OAAO,CAAC;CAM3B,OAJK,KAKH,kBAAC,IAAD;EACE,MAAM;EACN,SAAS,MAAS;GAChB,IAAM,IAAO,EAAK,OAAO,CAAI,GACvB,KAAY,GAAe;IAC/B;IACA,IAAI,EAAS;IACb;IACA,gBAAgB,EAAO,OAAO;GAChC,CAAC,GACK,KAAqB,GAAkB,MAAkB;IAC7D,IAAM,IAAe,EAAS;IAI9B,OAHI,KAAgB,OACX,OAEF,EAAa,OAAO,OAAO,CAAK;GACzC,GACM,MAAuB,EAC3B,OACA,UACA,UACA,aACA,cACA,UACA,eAciC;IACjC,IAAM,EAAE,WAAQ,aAAU,aAAU,YAAS,GACvC,IAAe,EAAe,oBAAoB,CAAM;IAC9D,OAAO;KACL;KACA;KACA;KACA,MACE,KAAgB,OACZ,GAAgC,GAAW,GAAO,CAChD;MACE,IACE,MACC,KAAQ,OACL,IACA,GAAG,EAAS,GAAG,EAAK,KAAK,GAAG;MAClC;KACF,CACF,CAAC,IACD,GAAwB,EAAa,QAAQ,EAAE,SAAM,CAAC;KAC5D,SAAS,OAAO,MAAU;MACxB,IACE,KAAW,QACX,EAAM,oBACN,EAAM,WAAW,KACjB,EAAM,WACN,EAAM,UACN,EAAM,WACN,EAAM,UAEN;MAGF,EAAM,eAAe;MAGrB,IAAM,IAAO,IAAwB,MADZ,EAAe,eAAe,CAAM,GACb,QAAQ,EACtD,SACF,CAAC;MAED,EAAQ,QAAQ,KAAK;OACnB,UAAU,EAAK;OACf,QAAQ,EAAK,WAAW,KAAK,KAAK,IAAI,EAAK;OAC3C,MAAM;MACR,CAAC;KACH;IACF;GACF,GAEM,IAAS,GAAmB,EAAO,QAAQ,GAAY;IAC3D;IACA;IACA;IACA,aAAa,GAAM,MACV,kBAAC,GAAD;KAAM,IAAI;eAAO;IAAY,CAAA;IAEtC,aAAa,GAAO,MAEhB,kBAAC,GAAD;KACS;KACP,SAAS;KACC;IACX,CAAA;IAGL,YAAY,GAAM,MACT,kBAAC,GAAD;KAAW;eAAO;IAAW,CAAA;IAEtC,iBAAiB,MACR,kBAAC,GAAD,EAAiC,SAAQ,CAAA;GAEpD,CAAC,GACK,IAAa,GAA4B;IAC7C;IACA;IACA,UAAU,EAAS;IACnB;IACA,WAAW,EAAW,MAAM,CAAI;IAChC,QAAQ,EAAW;GACrB,CAAC,GAEK,IAAU,EAAK,WAAW,CAAC,GAC7B,IAAmC,CAAC;GACxC,IAAI,EAAQ,SAAS,GAAG;IACtB,IAAM,IAAiB,EAAQ,QAAQ,MACjC,EAAO,aAAa,OACf,KAEF,EAAO,UAAU,CAAI,CAC7B;IAED,AAAI,EAAe,SAAS,MAC1B,IAAsB,EAAe,KAAK,MAAW;KACnD,IAAM,IAAQ,EAAa,EAAO,OAAO,CAAI,GACvC,IACJ,EAAO,aAAa,OAEhB,IADA,EAAa,EAAO,WAAW,CAAI,GAEnC,IAAU,EAAO,WAAW,aAC5B,IAAO,EAAO,QAAQ,SACtB,IAAY,GAAY,EAAO,OAAO,IACtC,IACJ,KAAa,EAAO,aAAa,CAAI,MAAM;KA6J7C,OA3JI,GAAc,CAAM,IAGpB,kBAAC,IAAD;MAEE,IAJS,EAAO,GAAG,CAIf;MACK;MACH;MACM;MACZ,cAAY;gBAEX;KACS,GARL,EAAO,EAQF,IAIZ,EAAqB,CAAM,IAE3B,kBAAC,GAAD;MAEE,MAAK;MACI;MACH;MACN,WAAW;MACX,UAAU;MACV,eAAe;OACb,GAAsB,EAAO,EAAE;MACjC;MACA,cAAY;gBAEX;KACK,GAZD,EAAO,EAYN,IAIR,GAAiB,CAAM,IAyGvB,kBAAC,GAAD;MAEE,MAAK;MACI;MACH;MACK;MACX,UAAU;MACV,eA/GsB;OACxB,IAAI,GACF;OAEF,IAAM,IAAY,EAAO,aAAa,CAAI;OAE1C,AADA,EAAiB,EAAO,IAAI,EAAI,GAChC,GAAe,IAAa;QAC1B,UAAU,EAAO;QACjB;QACA,UAAU,MAAU;SAClB,EAAO,UAAU,GAAO,CAAI;QAC9B;QACA,cAAc,MAAa;SACzB,EAAiB,EAAO,IAAI,EAAK;SACjC,IAAM,IAAkB,GAAuB,CAAQ;SACvD,IAAI,KAAmB,MAAM;UAC3B,IAAI,IAAsB,EACxB,oCACF;UACA,AAAI,EAAO,QAAQ,OAAO,WAAW,OAK1B,EAAO,QAAQ,OAAO,SAAS,SACxC,IAAsB,EACpB,EAAO,OAAO,MAAM,OACpB,CACF,KARA,IAAsB,EACpB,EAAO,OAAO,MAAM,SACpB,CACF;UAQF,IAAM,IAAU,EACd,GACA;WACE;WACA,YAAY,MAAW;YACrB,IAAM,IAAS,EAAO,iBACpB,GACA,CACF;YAOA,OANI,KAAU,OACL,OAEL,OAAO,KAAW,aACb,EAAa,GAAQ,CAAI,IAE3B,OAAO,CAAM;WACtB;UACF,CACF;UACA,IAAI,CAAC,EAAQ,IAAI;WACf,IAAM,IAAY,MAAM,EAAQ,OAAO;WAEvC,IADA,EAAO,UAAU,GAAO,CAAI,GACxB,EAAO,QAAQ,SAAS,MAAM;YAChC,IAAM,IAAY,EAChB,EAAO,OAAO,OACd,CACF;YACA,EAAM,MAAM,EAAU,OAAO,EAAU,OAAO;WAChD;WACA;UACF;SACF;SAGA,IADA,EAAO,cAAc,GAAU,CAAI,GAC/B,EAAO,QAAQ,WAAW,MAAM;UAClC,IAAM,IAAY,EAChB,EAAO,OAAO,SACd,CACF,GACM,IAAe,EAAwB;WAC3C,OAAO,EAAO,OAAO;WACrB;WACA,MAAM;WACN;WACA;WACA,cAAc,EAAE,cAAc;WAC9B,aAAa,MAAO;YAClB,GAAS,QAAQ,KAAK,EAAE,UAAU,EAAG,CAAC;WACxC;UACF,CAAC;UACD,EAAM,KAAK;WACT,MAAM;WACN,OAAO,EAAU;WACjB,SAAS,EAAU;WACnB,SAAS;UACX,CAAC;SACH;QACF;QACA,UAAU,MAAU;SAGlB,IAFA,EAAiB,EAAO,IAAI,EAAK,GACjC,EAAO,UAAU,GAAO,CAAI,GACxB,EAAO,QAAQ,SAAS,MAAM;UAChC,IAAM,IAAY,EAChB,EAAO,OAAO,OACd,CACF;UACA,EAAM,MAAM,EAAU,OAAO,EAAU,OAAO;SAChD;QACF;OACF,CAAC;MACH;MAWI,cAAY;gBAEX;KACK,GAVD,EAAO,EAUN,IAIL;IACT,CAAC;GAEL;GAEA,IAAM,IAAmB,EAAQ,MAAM,MAC9B,EAAO,OAAO,EACtB,GAEK,EAAE,eAAY,GAEd,IAA4B,CAAC,GAC7B,IAA8B,CAAC,GAC/B,IAAmD,CAAC;GAE1D,EAAQ,SAAS,GAAM,MAAU;IAE/B,IAAM,IADY,GAAuB,CAEvC,MAAc,cAAc,IAAiB;IAE/C,IAAI,EAAK,SAAS,YAAY;KAC5B,IAAM,IAAe,EAAa,EAAK,OAAO,CAAI,GAC5C,IACJ,EAAK,eAAe,OAEhB,KAAA,IADA,EAAa,EAAK,aAAa,CAAI,GAEnC,EAAE,UAAO,kBAAe,mBAAgB,GAC5C,EAAK,QACL,GACA;MACE;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,YAAY,GAAM,MACT,kBAAC,GAAD;OAAW;iBAAO;MAAW,CAAA;MAEtC,iBAAiB,MACR,kBAAC,GAAD,EAAiC,SAAQ,CAAA;MAElD,aAAa,GAAO,MAEhB,kBAAC,GAAD;OACS;OACP,SAAS;OACC;MACX,CAAA;MAGL,gBAAgB,MAEZ,kBAAC,GAAD;OACE,MAAM,EAAI;OACV,MACE,EAAI,YAAY,OAEZ,KAAA,IADA,GAAe,EAAI,QAAQ;OAGjC,OAAO,EAAI;MACZ,CAAA;MAGL,aAAa,GAAM,MACV,kBAAC,GAAD;OAAM,IAAI;iBAAO;MAAY,CAAA;MAEtC,oBAAoB,GAAK,MAErB,kBAAC,GAAD;OACO;OACE;MACR,CAAA;MAGL,iBAAiB,GAAI,MACZ,kBAAC,OAAD,EAAA,UAAe,EAAY,GAAjB,CAAiB;KAEtC,CACF;KAaA,IAZA,EAAc,SAAS,MAAa;MAClC,AACG,EAAkB,MAAM,MAChB,EAAM,OAAO,EAAS,EAC9B,KAED,EAAkB,KAAK,CAAQ;KAEnC,CAAC,GAIG,EAFe,EAAM,SAAS,KAAK,EAAY,SAAS,IAG1D;KAGF,EAAY,KACV,kBAAC,GAAD;MAEE,OAAO;MACM;MACb,OAAO,EAAM,SAAS,IAAI,IAAQ,KAAA;gBAEjC;KACsB,GANlB,GAAG,EAAa,GAAG,GAMD,CAC3B;KACA;IACF;IAqKA,IAAM,IAnKW,GAAa,CAAC,CAAI,GAAG,GAAM;KAC1C;KACA;KACA;KACA,WAAW,OAAO,CAAK;KACvB,aAAa,GAAM,MACV,kBAAC,GAAD;MAAM,IAAI;gBAAO;KAAY,CAAA;KAEtC,aAAa,GAAO,MAEhB,kBAAC,GAAD;MACS;MACP,SAAS;MACC;KACX,CAAA;KAGL,YAAY,GAAM,MACT,kBAAC,GAAD;MAAW;gBAAO;KAAW,CAAA;KAEtC,oBAAoB,EAClB,QACA,UACA,gBACA,YACA,eAGE,kBAAC,GAAD;MAES;MACM;gBAEZ,EAAM,SAAS,KACd,kBAAC,IAAD;OACE,SAAS,KAAW;OACpB,WAAU;iBAET,EAAM,KAAK,MAER,kBAAC,IAAD;QAEE,OAAO,EAAO;QACd,OAAO,EAAO;QACd,MAAM,EAAO;QACb,MAAM,EAAO,QAAQ;QACrB,SAAS,KAAW;QACpB,WAAW,EAAO;QAClB,WAAW,EAAE,qBAAqB;QAClC,aAAa,EAAE,uBAAuB;OACvC,GATM,EAAO,EASb,CAEJ;MACc,CAAA;KAEI,GA1BlB,CA0BkB;KAG7B,iBAAiB,EAAE,QAAK,UAAO,gBAAa,gBAExC,kBAAC,GAAD;MAES;MACM;MACL;KACT,GAJM,CAIN;KAGL,sBAAsB,EAAE,QAAK,UAAO,gBAAa,gBAE7C,kBAAC,GAAD;MAES;MACM;gBAEb,kBAAC,IAAD,EAAuB,UAAS,CAAA;KACT,GALlB,CAKkB;KAG7B,kBAAkB,EAAE,QAAK,UAAO,eAE5B,kBAAC,GAAD;MAES;MACA;KACR,GAHM,CAGN;KAGL,qBAAqB,EAAE,QAAK,UAAO,eAE/B,kBAAC,IAAD;MAAuC;MAAc;KAAQ,GAAlC,CAAkC;KAGjE,sBAAsB,GAAK,GAAO,MAE9B,kBAAC,GAAD;MAA0C;gBACvC;KACsB,GAFK,CAEL;KAG7B,iBAAiB,GAAK,MACb,kBAAC,OAAD,EAAA,UAAgB,EAAY,GAAlB,CAAkB;KAErC,sBAAsB,MACb,EAAsB,GAAkB;MAC7C;MACA;KACF,CAAC;KAEH,cAAc,EAAE,QAAK,UAAO,gBAAa,YAAS,cAE9C,kBAAC,GAAD;MAES;MACM;gBAEb,kBAAC,IAAD;OACW;OACH;OACN,WAAW,GAAK,MAAa;QAC3B,IAAmB,OAAO,KAAQ,YAA9B,GAAwC;SAE1C,IAAM,IAAU,EAAO;SACvB,IACE,OAAO,KAAY,YACnB,EAAQ,KAAK,MAAM,IAEnB,OAAO;QAEX;QACA,OAAO,OAAO,CAAQ;OACxB;MACD,CAAA;KACsB,GArBlB,CAqBkB;KAG7B,gBAAgB,EAAE,QAAK,UAAO,gBAAa,YAAS,gBAEhD,kBAAC,GAAD;MAES;MACM;gBAEb,kBAAC,IAAD;OACW;OACD;OACR,YAAY,EAAE,qBAAqB;MACpC,CAAA;KACsB,GATlB,CASkB;KAG7B,4BAA4B,EAAE,QAAK,UAAO,gBAAa,eAEnD,kBAAC,GAAD;MAES;MACM;gBAEb,kBAAC,GAAD,EAA+B,SAAQ,CAAA;KAChB,GALlB,CAKkB;IAG/B,CACkB,EAAS;IAC3B,AAAI,KAAa,QACf,EAAY,KAAK,CAAS;GAE9B,CAAC;GAED,IAAM,IACJ,EAAkB,SAAS,IACzB,kBAAC,IAAD;IACE,OAAO,EAAE,sBAAsB;IAC/B,OAAO;GACR,CAAA,IACC,MAEA,IACJ,EAAoB,SAAS,KAAK,KAAqB,OACrD,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACG,EAAoB,SAAS,KAC5B,kBAAC,OAAD;KAAK,WAAW;eACb;IACE,CAAA,GAEN,KAAqB,QACpB,kBAAC,OAAD;KAAK,WAAW;eACb;IACE,CAAA,CAEJ;QACH,KAAA,GAEA,IACJ,EAAO,UAAU,QAAQ,EAAO,UAAU,OACxC,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACG,EAAO,QACP,EAAO,MACL;QACH,KAAA,GAEA,IACJ,EAAO,SAAS,QAAQ,EAAO,MAAM,SAAS,IAC5C,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD,EAAwB,OAAO,EAAO,MAAQ,CAAA;GAC3C,CAAA,IACH,MAEA,KAAW,EAAe,SAAS,GACrC,IAA+B;GAsBnC,OArBI,GAAM,SAAS,MACjB,IACE,kBAAC,IAAD;IACE,OAAO;IACP,UAAU,EAAW;IACrB,SAAQ;GACT,CAAA,IAgBH,kBAAC,IAAD;IAAuC;cAAvC,CACE,kBAAC,IAAD;KACc,YAdhB,kBAAC,OAAD;MAAK,WAAW;gBAAhB,CACE,kBAAC,IAAD;OACE,OAAO,EAAO;OACd,UAAU,EAAO;OACjB,SAAS;OACT,MAAM;MACP,CAAA,GACA,CACE;MAMW;KACF;KACV,WAAW,KAAW,kBAAA,IAAA,EAAA,UAAG,EAAiB,CAAA,IAAI,KAAA;KAC9C,kBAAiB;KACjB,eAAc;eAEd,kBAAA,IAAA,EAAA,UAAG,EAAe,CAAA;IACA,CAAA,GACnB,KAAoB,QACnB,EAAqB,CAAgB,KACnC,kBAAC,GAAD;KACE,QAAA;KACA,QAAQ;KACR,MAAM;KACN,eAAe;MACb,GAAsB,IAAI;KAC5B;IACD,CAAA,CAEoB;;EAE/B;CACD,CAAA,IA9pBM,kBAAC,GAAD,EAAoB,IAAI,EAAO,OAAO,KAAO,CAAA;AAgqBxD,GAEa,KAA8B,EACzC,WACA,kBACkD;CAClD,IAAM,EAAE,kBAAe,EAAuC,GAExD,IAAgB,EAA0B;EAC9C,UAAU,EAAO,MAAM;EACvB,UAAU,EAAO,MAAM;EACvB,gBAAgB,EAAS;EACzB,MAAM;CACR,CAAC;CAcD,OAZI,CAAC,EAAc,mBAAmB,EAAc,cAAc,OACzD,kBAAC,GAAD,EAAoB,IAAI,EAAO,OAAO,KAAO,CAAA,IAGlD,EAAc,WAAW,OAAO,EAAS,SAS3C,kBAAC,IAAD;EACE,QAAQ,EAAS;EACP;CACX,CAAA,IAVC,kBAAC,GAAD,EACE,IAAI,EAAO,OAAO,WAAW,EAAS,IAAI,EAAc,WAAW,EAAE,EACtE,CAAA;AAUP"}

package/lib/esm/pages/BackofficeEntityDetailUnknownPageRedirect.js

@@ -1,17 +1,18 @@
 import { resolveVisibleDetailPages as e } from "./detail/pageResolution.js";
 import { useBackofficeEntityDetailLayoutContext as t } from "./detail/BackofficeEntityDetailLayoutContext.js";
-import n from "@plumile/router/errors/HttpRedirect.js";
+import { BackofficeRedirect as n } from "./BackofficeRedirect.js";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/pages/BackofficeEntityDetailUnknownPageRedirect.tsx
-var r = ({ config: r, prepared: i }) => {
-	let { layoutView: a } = t(), o = e({
-		mainPage: r.pages.mainPage,
-		subPages: r.pages.subPages,
-		activePagePath: i.pagePath,
-		node: a
+var i = ({ config: i, prepared: a }) => {
+	let { layoutView: o } = t(), s = e({
+		mainPage: i.pages.mainPage,
+		subPages: i.pages.subPages,
+		activePagePath: a.pagePath,
+		node: o
 	});
-	throw !o.hasVisiblePages || o.activePage == null ? new n(r.routes.list) : new n(r.routes.detailPage(i.id, o.activePage.id));
+	return !s.hasVisiblePages || s.activePage == null ? /* @__PURE__ */ r(n, { to: i.routes.list }) : /* @__PURE__ */ r(n, { to: i.routes.detailPage(a.id, s.activePage.id) });
 };
 //#endregion
-export { r as BackofficeEntityDetailUnknownPageRedirect, r as default };
+export { i as BackofficeEntityDetailUnknownPageRedirect, i as default };
 
 //# sourceMappingURL=BackofficeEntityDetailUnknownPageRedirect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailUnknownPageRedirect.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailUnknownPageRedirect.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport HttpRedirect from '@plumile/router/errors/HttpRedirect.js';\n\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficeResolvedDetailLayoutFacetConfig,\n} from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeEntityDetailLayoutContext } from './detail/BackofficeEntityDetailLayoutContext.js';\nimport { resolveVisibleDetailPages } from './detail/pageResolution.js';\n\nexport type BackofficeEntityDetailUnknownPageRedirectProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: {\n    id: string;\n    pagePath: string;\n  };\n};\n\nexport const BackofficeEntityDetailUnknownPageRedirect = ({\n  config,\n  prepared,\n}: BackofficeEntityDetailUnknownPageRedirectProps): JSX.Element => {\n  const { layoutView } = useBackofficeEntityDetailLayoutContext();\n\n  const resolvedPages = resolveVisibleDetailPages({\n    mainPage: config.pages.mainPage,\n    subPages: config.pages.subPages,\n    activePagePath: prepared.pagePath,\n    node: layoutView as never,\n  });\n\n  if (!resolvedPages.hasVisiblePages || resolvedPages.activePage == null) {\n    throw new HttpRedirect(config.routes.list);\n  }\n\n  throw new HttpRedirect(\n    config.routes.detailPage(prepared.id, resolvedPages.activePage.id),\n  );\n};\n\nexport default BackofficeEntityDetailUnknownPageRedirect;\n"],"mappings":";;;;AAoBA,IAAa,KAA6C,EACxD,WACA,kBACiE;CACjE,IAAM,EAAE,kBAAe,EAAuC,GAExD,IAAgB,EAA0B;EAC9C,UAAU,EAAO,MAAM;EACvB,UAAU,EAAO,MAAM;EACvB,gBAAgB,EAAS;EACzB,MAAM;CACR,CAAC;CAMD,MAJI,CAAC,EAAc,mBAAmB,EAAc,cAAc,OAC1D,IAAI,EAAa,EAAO,OAAO,IAAI,IAGrC,IAAI,EACR,EAAO,OAAO,WAAW,EAAS,IAAI,EAAc,WAAW,EAAE,CACnE;AACF"}
+{"version":3,"file":"BackofficeEntityDetailUnknownPageRedirect.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailUnknownPageRedirect.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficeResolvedDetailLayoutFacetConfig,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeRedirect } from './BackofficeRedirect.js';\nimport { useBackofficeEntityDetailLayoutContext } from './detail/BackofficeEntityDetailLayoutContext.js';\nimport { resolveVisibleDetailPages } from './detail/pageResolution.js';\n\nexport type BackofficeEntityDetailUnknownPageRedirectProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: {\n    id: string;\n    pagePath: string;\n  };\n};\n\nexport const BackofficeEntityDetailUnknownPageRedirect = ({\n  config,\n  prepared,\n}: BackofficeEntityDetailUnknownPageRedirectProps): JSX.Element => {\n  const { layoutView } = useBackofficeEntityDetailLayoutContext();\n\n  const resolvedPages = resolveVisibleDetailPages({\n    mainPage: config.pages.mainPage,\n    subPages: config.pages.subPages,\n    activePagePath: prepared.pagePath,\n    node: layoutView as never,\n  });\n\n  if (!resolvedPages.hasVisiblePages || resolvedPages.activePage == null) {\n    return <BackofficeRedirect to={config.routes.list} />;\n  }\n\n  return (\n    <BackofficeRedirect\n      to={config.routes.detailPage(prepared.id, resolvedPages.activePage.id)}\n    />\n  );\n};\n\nexport default BackofficeEntityDetailUnknownPageRedirect;\n"],"mappings":";;;;;AAoBA,IAAa,KAA6C,EACxD,WACA,kBACiE;CACjE,IAAM,EAAE,kBAAe,EAAuC,GAExD,IAAgB,EAA0B;EAC9C,UAAU,EAAO,MAAM;EACvB,UAAU,EAAO,MAAM;EACvB,gBAAgB,EAAS;EACzB,MAAM;CACR,CAAC;CAMD,OAJI,CAAC,EAAc,mBAAmB,EAAc,cAAc,OACzD,kBAAC,GAAD,EAAoB,IAAI,EAAO,OAAO,KAAO,CAAA,IAIpD,kBAAC,GAAD,EACE,IAAI,EAAO,OAAO,WAAW,EAAS,IAAI,EAAc,WAAW,EAAE,EACtE,CAAA;AAEL"}

package/lib/esm/pages/BackofficeEntityListPage.helpers.js

@@ -1,5 +1,5 @@
 //#region src/pages/BackofficeEntityListPage.helpers.tsx
-var e = 24, t = 6, n = 4, r = 32, i = 8, a = 12, o = 4, s = {
+var e = 24, t = 6, n = 4, r = 32, i = 8, a = {
 	xs: "minmax(72px, 92px)",
 	s: "minmax(104px, 136px)",
 	statusAction: "minmax(136px, 168px)",
@@ -7,13 +7,13 @@ var e = 24, t = 6, n = 4, r = 32, i = 8, a = 12, o = 4, s = {
 	l: "minmax(160px, 220px)",
 	xl: "minmax(220px, 300px)",
 	fluid: "minmax(0, 1fr)"
-}, c = (r) => r <= 0 ? 0 : n * 2 + e * r + t * Math.max(0, r - 1), l = (e) => e <= 0 ? 0 : o + a * 2 + r * e + i * Math.max(0, e - 1), u = (e, t) => e.mobileRole === "action" ? "60px" : e.isPrimary === !0 ? "minmax(0, 1fr)" : "size" in e && typeof e.size == "string" ? s[e.size] : t, d = (e) => e.kind === "route", f = (e) => e.kind === "formMutation", p = (e, t) => e ?? (t === 0 ? "primary" : "secondary"), m = (e) => {
+}, o = (r) => r <= 0 ? 0 : n * 2 + e * r + t * Math.max(0, r - 1), s = (e) => e <= 0 ? 0 : 28 + r * e + i * Math.max(0, e - 1), c = (e, t) => e.mobileRole === "action" ? "60px" : e.isPrimary === !0 ? "minmax(0, 1fr)" : "size" in e && typeof e.size == "string" ? a[e.size] : t, l = (e) => e.kind === "route", u = (e) => e.kind === "formMutation", d = (e, t) => e ?? (t === 0 ? "primary" : "secondary"), f = (e) => {
 	if (typeof e != "object" || !e || !("id" in e)) return null;
 	let t = e.id;
 	if (typeof t != "string") return null;
 	let n = t.trim();
 	return n === "" ? null : n;
-}, h = (e) => e.list.kind === "records", g = (e) => e.list.kind !== "records", _ = (e, t) => e(t), v = (e) => {
+}, p = (e) => e.list.kind === "records", m = (e) => e.list.kind !== "records", h = (e, t) => e(t), g = (e) => {
 	let { ariaLabel: t, fallback: n, resolveDetailHref: r, className: i, renderAction: a } = e;
 	return {
 		id: "actions",
@@ -21,7 +21,7 @@ var e = 24, t = 6, n = 4, r = 32, i = 8, a = 12, o = 4, s = {
 		className: i,
 		mobileRole: "action",
 		cell: (e) => {
-			let i = m(e);
+			let i = f(e);
 			if (i == null) return n;
 			let o = r(i);
 			return o == null ? n : a({
@@ -32,6 +32,6 @@ var e = 24, t = 6, n = 4, r = 32, i = 8, a = 12, o = 4, s = {
 	};
 };
 //#endregion
-export { v as buildActionsColumn, l as computeActionsColumnWidthPx, c as computeRowFlagsColumnWidthPx, g as isConnectionListConfig, f as isFormMutationAction, h as isRecordListConfig, d as isRouteAction, p as resolveActionVariant, _ as resolveLabel, m as resolveRowId, u as resolveTrackBySize };
+export { g as buildActionsColumn, s as computeActionsColumnWidthPx, o as computeRowFlagsColumnWidthPx, m as isConnectionListConfig, u as isFormMutationAction, p as isRecordListConfig, l as isRouteAction, d as resolveActionVariant, h as resolveLabel, f as resolveRowId, c as resolveTrackBySize };
 
 //# sourceMappingURL=BackofficeEntityListPage.helpers.js.map

package/lib/esm/pages/BackofficeEntityListPage.helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityListPage.helpers.js","names":[],"sources":["../../../src/pages/BackofficeEntityListPage.helpers.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'react';\n\nimport type {\n  BackofficeEntityFormMutationActionSpec,\n  BackofficeEntityRouteActionSpec,\n  BackofficeListActionSpec,\n  BackofficeRuntimeConnectionListConfig,\n  BackofficeRuntimeRecordListConfig,\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport type { DataTableColumn } from '@plumile/ui/components/data-table/DataTable.js';\nimport type { TFunction } from 'i18next';\n\nimport type { BackofficeSizedDataTableColumn } from '../components/backoffice/columns/buildDataTableColumns.js';\n\ntype ButtonVariant = ComponentProps<typeof Button>['variant'];\n\nconst ROW_FLAGS_SLOT_PX = 24;\nconst ROW_FLAGS_GAP_PX = 6;\nconst ROW_FLAGS_PADDING_X_PX = 4;\n\nconst ACTIONS_SLOT_PX = 32;\nconst ACTIONS_GAP_PX = 8;\nconst ACTIONS_PADDING_X_PX = 12;\nconst ACTIONS_SAFETY_PX = 4;\n\nconst listColumnTrackBySize: Record<\n  BackofficeSizedDataTableColumn<unknown>['size'],\n  string\n> = {\n  xs: 'minmax(72px, 92px)',\n  s: 'minmax(104px, 136px)',\n  statusAction: 'minmax(136px, 168px)',\n  m: 'minmax(136px, 184px)',\n  l: 'minmax(160px, 220px)',\n  xl: 'minmax(220px, 300px)',\n  fluid: 'minmax(0, 1fr)',\n};\n\nexport const computeRowFlagsColumnWidthPx = (flagCount: number): number => {\n  if (flagCount <= 0) {\n    return 0;\n  }\n  return (\n    ROW_FLAGS_PADDING_X_PX * 2 +\n    ROW_FLAGS_SLOT_PX * flagCount +\n    ROW_FLAGS_GAP_PX * Math.max(0, flagCount - 1)\n  );\n};\n\nexport const computeActionsColumnWidthPx = (actionCount: number): number => {\n  if (actionCount <= 0) {\n    return 0;\n  }\n  return (\n    ACTIONS_SAFETY_PX +\n    ACTIONS_PADDING_X_PX * 2 +\n    ACTIONS_SLOT_PX * actionCount +\n    ACTIONS_GAP_PX * Math.max(0, actionCount - 1)\n  );\n};\n\nexport const resolveTrackBySize = (\n  column: DataTableColumn<unknown>,\n  fallback: string,\n): string => {\n  if (column.mobileRole === 'action') {\n    return '60px';\n  }\n  if (column.isPrimary === true) {\n    return 'minmax(0, 1fr)';\n  }\n  if ('size' in column && typeof column.size === 'string') {\n    return listColumnTrackBySize[\n      column.size as BackofficeSizedDataTableColumn<unknown>['size']\n    ];\n  }\n  return fallback;\n};\n\nexport const isRouteAction = (\n  action: BackofficeListActionSpec,\n): action is BackofficeEntityRouteActionSpec<null> => {\n  return action.kind === 'route';\n};\n\nexport const isFormMutationAction = (\n  action: BackofficeListActionSpec,\n): action is BackofficeEntityFormMutationActionSpec<null> => {\n  return action.kind === 'formMutation';\n};\n\nexport const resolveActionVariant = (\n  actionVariant: ButtonVariant | undefined,\n  index: number,\n): Exclude<ButtonVariant, undefined> => {\n  if (actionVariant != null) {\n    return actionVariant;\n  }\n  if (index === 0) {\n    return 'primary';\n  }\n  return 'secondary';\n};\n\nexport const resolveRowId = (row: unknown): string | null => {\n  if (row == null || typeof row !== 'object') {\n    return null;\n  }\n  if (!('id' in row)) {\n    return null;\n  }\n  const value = (row as { id?: unknown }).id;\n  if (typeof value !== 'string') {\n    return null;\n  }\n  const trimmed = value.trim();\n  if (trimmed === '') {\n    return null;\n  }\n  return trimmed;\n};\n\nexport type RecordListConfig = BackofficeRuntimeResolvedListFacetConfig & {\n  list: BackofficeRuntimeRecordListConfig;\n};\n\nexport type ConnectionListConfig = BackofficeRuntimeResolvedListFacetConfig & {\n  list: BackofficeRuntimeConnectionListConfig;\n};\n\nexport const isRecordListConfig = (\n  config: BackofficeRuntimeResolvedListFacetConfig,\n): config is RecordListConfig => {\n  return config.list.kind === 'records';\n};\n\nexport const isConnectionListConfig = (\n  config: BackofficeRuntimeResolvedListFacetConfig,\n): config is ConnectionListConfig => {\n  return config.list.kind !== 'records';\n};\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const buildActionsColumn = (options: {\n  ariaLabel: string;\n  fallback: string;\n  resolveDetailHref: (id: string) => string | null;\n  className?: string;\n  renderAction: (input: { href: string; ariaLabel: string }) => JSX.Element;\n}): DataTableColumn<unknown> => {\n  const { ariaLabel, fallback, resolveDetailHref, className, renderAction } =\n    options;\n\n  return {\n    id: 'actions',\n    header: '',\n    className,\n    mobileRole: 'action',\n    cell: (row) => {\n      const id = resolveRowId(row);\n      if (id == null) {\n        return fallback;\n      }\n      const href = resolveDetailHref(id);\n      if (href == null) {\n        return fallback;\n      }\n      return renderAction({ href, ariaLabel });\n    },\n  };\n};\n"],"mappings":";AAmBA,IAAM,IAAoB,IACpB,IAAmB,GACnB,IAAyB,GAEzB,IAAkB,IAClB,IAAiB,GACjB,IAAuB,IACvB,IAAoB,GAEpB,IAGF;CACF,IAAI;CACJ,GAAG;CACH,cAAc;CACd,GAAG;CACH,GAAG;CACH,IAAI;CACJ,OAAO;AACT,GAEa,KAAgC,MACvC,KAAa,IACR,IAGP,IAAyB,IACzB,IAAoB,IACpB,IAAmB,KAAK,IAAI,GAAG,IAAY,CAAC,GAInC,KAA+B,MACtC,KAAe,IACV,IAGP,IACA,IAAuB,IACvB,IAAkB,IAClB,IAAiB,KAAK,IAAI,GAAG,IAAc,CAAC,GAInC,KACX,GACA,MAEI,EAAO,eAAe,WACjB,SAEL,EAAO,cAAc,KAChB,mBAEL,UAAU,KAAU,OAAO,EAAO,QAAS,WACtC,EACL,EAAO,QAGJ,GAGI,KACX,MAEO,EAAO,SAAS,SAGZ,KACX,MAEO,EAAO,SAAS,gBAGZ,KACX,GACA,MAEI,MAGA,MAAU,IACL,YAEF,cAGI,KAAgB,MAAgC;CAI3D,IAHmB,OAAO,KAAQ,aAA9B,KAGA,EAAE,QAAQ,IACZ,OAAO;CAET,IAAM,IAAS,EAAyB;CACxC,IAAI,OAAO,KAAU,UACnB,OAAO;CAET,IAAM,IAAU,EAAM,KAAK;CAI3B,OAHI,MAAY,KACP,OAEF;AACT,GAUa,KACX,MAEO,EAAO,KAAK,SAAS,WAGjB,KACX,MAEO,EAAO,KAAK,SAAS,WAGjB,KAAgB,GAAkB,MACtC,EAAM,CAAI,GAGN,KAAsB,MAMH;CAC9B,IAAM,EAAE,cAAW,aAAU,sBAAmB,cAAW,oBACzD;CAEF,OAAO;EACL,IAAI;EACJ,QAAQ;EACR;EACA,YAAY;EACZ,OAAO,MAAQ;GACb,IAAM,IAAK,EAAa,CAAG;GAC3B,IAAI,KAAM,MACR,OAAO;GAET,IAAM,IAAO,EAAkB,CAAE;GAIjC,OAHI,KAAQ,OACH,IAEF,EAAa;IAAE;IAAM;GAAU,CAAC;EACzC;CACF;AACF"}
+{"version":3,"file":"BackofficeEntityListPage.helpers.js","names":[],"sources":["../../../src/pages/BackofficeEntityListPage.helpers.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'react';\n\nimport type {\n  BackofficeEntityFormMutationActionSpec,\n  BackofficeEntityRouteActionSpec,\n  BackofficeListActionSpec,\n  BackofficeRuntimeConnectionListConfig,\n  BackofficeRuntimeRecordListConfig,\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport type { DataTableColumn } from '@plumile/ui/components/data-table/DataTable.js';\nimport type { TFunction } from 'i18next';\n\nimport type { BackofficeSizedDataTableColumn } from '../components/backoffice/columns/buildDataTableColumns.js';\n\ntype ButtonVariant = ComponentProps<typeof Button>['variant'];\n\nconst ROW_FLAGS_SLOT_PX = 24;\nconst ROW_FLAGS_GAP_PX = 6;\nconst ROW_FLAGS_PADDING_X_PX = 4;\n\nconst ACTIONS_SLOT_PX = 32;\nconst ACTIONS_GAP_PX = 8;\nconst ACTIONS_PADDING_X_PX = 12;\nconst ACTIONS_SAFETY_PX = 4;\n\nconst listColumnTrackBySize: Record<\n  BackofficeSizedDataTableColumn<unknown>['size'],\n  string\n> = {\n  xs: 'minmax(72px, 92px)',\n  s: 'minmax(104px, 136px)',\n  statusAction: 'minmax(136px, 168px)',\n  m: 'minmax(136px, 184px)',\n  l: 'minmax(160px, 220px)',\n  xl: 'minmax(220px, 300px)',\n  fluid: 'minmax(0, 1fr)',\n};\n\nexport const computeRowFlagsColumnWidthPx = (flagCount: number): number => {\n  if (flagCount <= 0) {\n    return 0;\n  }\n  return (\n    ROW_FLAGS_PADDING_X_PX * 2 +\n    ROW_FLAGS_SLOT_PX * flagCount +\n    ROW_FLAGS_GAP_PX * Math.max(0, flagCount - 1)\n  );\n};\n\nexport const computeActionsColumnWidthPx = (actionCount: number): number => {\n  if (actionCount <= 0) {\n    return 0;\n  }\n  return (\n    ACTIONS_SAFETY_PX +\n    ACTIONS_PADDING_X_PX * 2 +\n    ACTIONS_SLOT_PX * actionCount +\n    ACTIONS_GAP_PX * Math.max(0, actionCount - 1)\n  );\n};\n\nexport const resolveTrackBySize = (\n  column: DataTableColumn<unknown>,\n  fallback: string,\n): string => {\n  if (column.mobileRole === 'action') {\n    return '60px';\n  }\n  if (column.isPrimary === true) {\n    return 'minmax(0, 1fr)';\n  }\n  if ('size' in column && typeof column.size === 'string') {\n    return listColumnTrackBySize[\n      column.size as BackofficeSizedDataTableColumn<unknown>['size']\n    ];\n  }\n  return fallback;\n};\n\nexport const isRouteAction = (\n  action: BackofficeListActionSpec,\n): action is BackofficeEntityRouteActionSpec<null> => {\n  return action.kind === 'route';\n};\n\nexport const isFormMutationAction = (\n  action: BackofficeListActionSpec,\n): action is BackofficeEntityFormMutationActionSpec<null> => {\n  return action.kind === 'formMutation';\n};\n\nexport const resolveActionVariant = (\n  actionVariant: ButtonVariant | undefined,\n  index: number,\n): Exclude<ButtonVariant, undefined> => {\n  if (actionVariant != null) {\n    return actionVariant;\n  }\n  if (index === 0) {\n    return 'primary';\n  }\n  return 'secondary';\n};\n\nexport const resolveRowId = (row: unknown): string | null => {\n  if (row == null || typeof row !== 'object') {\n    return null;\n  }\n  if (!('id' in row)) {\n    return null;\n  }\n  const value = (row as { id?: unknown }).id;\n  if (typeof value !== 'string') {\n    return null;\n  }\n  const trimmed = value.trim();\n  if (trimmed === '') {\n    return null;\n  }\n  return trimmed;\n};\n\nexport type RecordListConfig = BackofficeRuntimeResolvedListFacetConfig & {\n  list: BackofficeRuntimeRecordListConfig;\n};\n\nexport type ConnectionListConfig = BackofficeRuntimeResolvedListFacetConfig & {\n  list: BackofficeRuntimeConnectionListConfig;\n};\n\nexport const isRecordListConfig = (\n  config: BackofficeRuntimeResolvedListFacetConfig,\n): config is RecordListConfig => {\n  return config.list.kind === 'records';\n};\n\nexport const isConnectionListConfig = (\n  config: BackofficeRuntimeResolvedListFacetConfig,\n): config is ConnectionListConfig => {\n  return config.list.kind !== 'records';\n};\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const buildActionsColumn = (options: {\n  ariaLabel: string;\n  fallback: string;\n  resolveDetailHref: (id: string) => string | null;\n  className?: string;\n  renderAction: (input: { href: string; ariaLabel: string }) => JSX.Element;\n}): DataTableColumn<unknown> => {\n  const { ariaLabel, fallback, resolveDetailHref, className, renderAction } =\n    options;\n\n  return {\n    id: 'actions',\n    header: '',\n    className,\n    mobileRole: 'action',\n    cell: (row) => {\n      const id = resolveRowId(row);\n      if (id == null) {\n        return fallback;\n      }\n      const href = resolveDetailHref(id);\n      if (href == null) {\n        return fallback;\n      }\n      return renderAction({ href, ariaLabel });\n    },\n  };\n};\n"],"mappings":";AAmBA,IAAM,IAAoB,IACpB,IAAmB,GACnB,IAAyB,GAEzB,IAAkB,IAClB,IAAiB,GAIjB,IAGF;CACF,IAAI;CACJ,GAAG;CACH,cAAc;CACd,GAAG;CACH,GAAG;CACH,IAAI;CACJ,OAAO;AACT,GAEa,KAAgC,MACvC,KAAa,IACR,IAGP,IAAyB,IACzB,IAAoB,IACpB,IAAmB,KAAK,IAAI,GAAG,IAAY,CAAC,GAInC,KAA+B,MACtC,KAAe,IACV,IAGP,KAEA,IAAkB,IAClB,IAAiB,KAAK,IAAI,GAAG,IAAc,CAAC,GAInC,KACX,GACA,MAEI,EAAO,eAAe,WACjB,SAEL,EAAO,cAAc,KAChB,mBAEL,UAAU,KAAU,OAAO,EAAO,QAAS,WACtC,EACL,EAAO,QAGJ,GAGI,KACX,MAEO,EAAO,SAAS,SAGZ,KACX,MAEO,EAAO,SAAS,gBAGZ,KACX,GACA,MAEI,MAGA,MAAU,IACL,YAEF,cAGI,KAAgB,MAAgC;CAI3D,IAHmB,OAAO,KAAQ,aAA9B,KAGA,EAAE,QAAQ,IACZ,OAAO;CAET,IAAM,IAAS,EAAyB;CACxC,IAAI,OAAO,KAAU,UACnB,OAAO;CAET,IAAM,IAAU,EAAM,KAAK;CAI3B,OAHI,MAAY,KACP,OAEF;AACT,GAUa,KACX,MAEO,EAAO,KAAK,SAAS,WAGjB,KACX,MAEO,EAAO,KAAK,SAAS,WAGjB,KAAgB,GAAkB,MACtC,EAAM,CAAI,GAGN,KAAsB,MAMH;CAC9B,IAAM,EAAE,cAAW,aAAU,sBAAmB,cAAW,oBACzD;CAEF,OAAO;EACL,IAAI;EACJ,QAAQ;EACR;EACA,YAAY;EACZ,OAAO,MAAQ;GACb,IAAM,IAAK,EAAa,CAAG;GAC3B,IAAI,KAAM,MACR,OAAO;GAET,IAAM,IAAO,EAAkB,CAAE;GAIjC,OAHI,KAAQ,OACH,IAEF,EAAa;IAAE;IAAM;GAAU,CAAC;EACzC;CACF;AACF"}

package/lib/esm/pages/BackofficeRedirect.js

@@ -0,0 +1,13 @@
+import { useContext as e, useEffect as t } from "react";
+import n from "@plumile/router/routing/RoutingContext.js";
+//#region src/pages/BackofficeRedirect.tsx
+var r = ({ to: r }) => {
+	let i = e(n);
+	return t(() => {
+		i?.history.set({ pathname: r });
+	}, [i, r]), null;
+};
+//#endregion
+export { r as BackofficeRedirect, r as default };
+
+//# sourceMappingURL=BackofficeRedirect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeRedirect.js","names":[],"sources":["../../../src/pages/BackofficeRedirect.tsx"],"sourcesContent":["import { useContext, useEffect, type JSX } from 'react';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nexport type BackofficeRedirectProps = {\n  to: string;\n};\n\nexport const BackofficeRedirect = ({\n  to,\n}: BackofficeRedirectProps): JSX.Element | null => {\n  const router = useContext(RoutingContext);\n\n  useEffect(() => {\n    router?.history.set({\n      pathname: to,\n    });\n  }, [router, to]);\n\n  return null;\n};\n\nexport default BackofficeRedirect;\n"],"mappings":";;;AAOA,IAAa,KAAsB,EACjC,YACiD;CACjD,IAAM,IAAS,EAAW,CAAc;CAQxC,OANA,QAAgB;EACd,GAAQ,QAAQ,IAAI,EAClB,UAAU,EACZ,CAAC;CACH,GAAG,CAAC,GAAQ,CAAE,CAAC,GAER;AACT"}