@meith/web 0.16.0

package/app/admin/forums/[id]/permissions/page.tsx

@@ -0,0 +1,108 @@
+import type { Metadata } from 'next'
+import { notFound } from 'next/navigation'
+
+import { CopyPermissionsForm, ForumPermissionRowForm } from '@/components/admin/forum-forms'
+import { PANEL_CARD } from '@/components/shell/panel-list'
+import { PanelPage } from '@/components/shell/panel-page'
+import { adminPageContext } from '@/server/admin'
+import { buildForumMatrixView, previewCopy } from '@/server/forum-admin'
+import { getTranslator, tr } from '@/server/i18n'
+import { forumAdminCopy } from '@/view/admin-copy'
+
+export async function generateMetadata(): Promise<Metadata> {
+  return { title: await tr('page.forum-permissions') }
+}
+
+export default async function ForumPermissionsPage({
+  params,
+}: {
+  params: Promise<{ id: string }>
+}) {
+  if ((await adminPageContext()) === null) return null
+
+  const { id } = await params
+  if (!/^[1-9]\d*$/.test(id)) notFound()
+
+  const view = await buildForumMatrixView(Number(id))
+  if (view === null) notFound()
+
+  const t = await getTranslator()
+  const plan = previewCopy(view)
+  const forumTitles = new Map([view.forum, ...view.descendants].map((row) => [row.id, row.title]))
+
+  return (
+    <PanelPage
+      back={{ href: '/admin/forums', label: t.t('adminForums.all') }}
+      title={t.t('adminForums.permissionsTitle', { title: view.forum.title })}
+      lede={
+        <>
+          <strong>{t.t('adminForums.inherit')}</strong>
+          {t.t('adminForums.permissionsLedeBetween')} <strong>{t.t('adminForums.deny')}</strong>
+          {t.t('adminForums.permissionsLedeEnd')}
+        </>
+      }
+      gap="loose"
+    >
+      <div className="flex flex-col gap-6">
+        {view.rows.map((row) => (
+          <ForumPermissionRowForm
+            key={row.groupId}
+            forumId={view.forum.id}
+            row={row}
+            forumTitles={forumTitles}
+            copy={forumAdminCopy(t)}
+          />
+        ))}
+      </div>
+
+      <section className={PANEL_CARD}>
+        <h2 className="font-heading text-lg font-semibold">{await tr('page.copy-subforums')}</h2>
+
+        {view.descendants.length === 0 ? (
+          <p className="text-sm text-muted-foreground">
+            {await tr('page.this-forum-has-nothing-beneath')}
+          </p>
+        ) : plan.changes.length === 0 ? (
+          <p className="text-sm text-muted-foreground">
+            {await tr('page.every-forum-beneath-this-one')}
+          </p>
+        ) : (
+          <>
+            <p className="text-sm text-muted-foreground">
+              {t.t('adminForums.copyPreview', {
+                changes: plan.changes.length,
+                forums: new Set(plan.changes.map((change) => change.forumId)).size,
+                unchanged: plan.unchanged.length,
+              })}
+            </p>
+
+            <ul className="max-h-64 overflow-y-auto text-xs text-muted-foreground">
+              {plan.changes.map((change) => (
+                <li key={`${change.forumId}:${change.groupId}:${change.key}`}>
+                  {forumTitles.get(change.forumId) ?? change.forumId} ·{' '}
+                  {view.groups.find((group) => group.groupId === change.groupId)?.title ??
+                    change.groupId}{' '}
+                  · {change.key}: {describe(change.from)} → {describe(change.to)}
+                </li>
+              ))}
+            </ul>
+
+            <CopyPermissionsForm
+              forumId={view.forum.id}
+              changeCount={plan.changes.length}
+              forumCount={new Set(plan.changes.map((change) => change.forumId)).size}
+              copy={forumAdminCopy(t)}
+            />
+          </>
+        )}
+      </section>
+    </PanelPage>
+  )
+}
+
+function describe(value: boolean | number | null): string {
+  if (value === null) return 'inherit'
+  if (value === true) return 'grant'
+  if (value === false) return 'deny'
+  return String(value)
+}

package/app/admin/forums/page.tsx

@@ -0,0 +1,45 @@
+import type { Metadata } from 'next'
+
+import { outlineOf } from '@meith/forums'
+
+import { CreateForumForm } from '@/components/admin/forum-forms'
+import { ForumTree } from '@/components/admin/forum-tree'
+import { PANEL_CARD } from '@/components/shell/panel-list'
+import { PanelPage } from '@/components/shell/panel-page'
+import { adminPageContext } from '@/server/admin'
+import { getContainer } from '@/server/container'
+import { getTranslator, tr } from '@/server/i18n'
+import { forumAdminCopy } from '@/view/admin-copy'
+import { forumTreeCopy } from '@/view/admin-forum-tree-copy'
+
+export async function generateMetadata(): Promise<Metadata> {
+  return { title: await tr('page.forums') }
+}
+
+export default async function AdminForumsPage() {
+  if ((await adminPageContext()) === null) return null
+
+  const outline = outlineOf(await getContainer().forums.listAll())
+  const t = await getTranslator()
+
+  return (
+    <PanelPage
+      title={await tr('page.forums')}
+      width="wide"
+      gap="loose"
+      lede={t.t('adminForums.lede')}
+    >
+      <ForumTree rows={outline} copy={forumTreeCopy(t)} />
+
+      <section className={PANEL_CARD}>
+        <h2 className="font-heading text-lg font-semibold">{await tr('page.add-forum')}</h2>
+        <CreateForumForm
+          parents={outline
+            .filter((row) => row.type !== 'link')
+            .map((row) => ({ id: row.id, title: row.title, depth: row.depth }))}
+          copy={forumAdminCopy(t)}
+        />
+      </section>
+    </PanelPage>
+  )
+}

package/app/admin/groups/[id]/page.tsx

@@ -0,0 +1,133 @@
+import type { Metadata } from 'next'
+import { notFound } from 'next/navigation'
+
+import { BadgeUploadForm } from '@/components/admin/badge-forms'
+import {
+  DeleteGroupForm,
+  GroupIdentityForm,
+  GroupPermissionsForm,
+} from '@/components/admin/group-forms'
+import { PANEL_CARD } from '@/components/shell/panel-list'
+import { PanelPage } from '@/components/shell/panel-page'
+import { adminPageContext } from '@/server/admin'
+import { buildGroupPermissionView, groupAdminRepository } from '@/server/group-admin'
+import { badgeKey, badgeSrc } from '@/server/group-badge'
+import { getTranslator, tr } from '@/server/i18n'
+import { MAX_IMAGE_BYTES } from '@/server/image-upload'
+import { boardSampleSurfaces } from '@/server/theme-admin'
+import { groupAdminCopy } from '@/view/admin-group-copy'
+import { badgeFormsCopy } from '@/view/admin-panel-copy'
+import { oklchPickerCopy } from '@/view/admin-theme-copy'
+
+export async function generateMetadata(): Promise<Metadata> {
+  return { title: await tr('page.group') }
+}
+
+export default async function AdminGroupPage({ params }: { params: Promise<{ id: string }> }) {
+  if ((await adminPageContext()) === null) return null
+
+  const { id } = await params
+  if (!/^[1-9]\d*$/.test(id)) notFound()
+
+  const view = await buildGroupPermissionView(Number(id))
+  if (view === null) notFound()
+
+  const groups = (await groupAdminRepository()?.list()) ?? []
+  const t = await getTranslator()
+  const copy = { ...groupAdminCopy(t), ...oklchPickerCopy(t) }
+  const badgeCopy = badgeFormsCopy(t)
+
+  const [lightBadge, darkBadge] = await Promise.all([
+    badgeKey(view.group.id, 'light'),
+    badgeKey(view.group.id, 'dark'),
+  ])
+  const badges = {
+    light: lightBadge === null ? null : badgeSrc(view.group.id, 'light', lightBadge),
+    dark: darkBadge === null ? null : badgeSrc(view.group.id, 'dark', darkBadge),
+  }
+
+  return (
+    <PanelPage
+      back={{ href: '/admin/groups', label: t.t('adminGroups.all') }}
+      title={view.group.title}
+      lede={
+        <>
+          <code className="text-xs">{view.group.key}</code> ·{' '}
+          {t.t('adminGroupDetail.members', { count: view.group.memberCount })}
+          {view.group.isSystem && ` · ${t.t('adminGroupDetail.systemGroup')}`}
+        </>
+      }
+      gap="loose"
+    >
+      <section className={PANEL_CARD}>
+        <h2 className="font-heading text-lg font-semibold">{t.t('adminGroupDetail.details')}</h2>
+        <GroupIdentityForm
+          group={{
+            id: view.group.id,
+            title: view.group.title,
+            description: view.group.description ?? '',
+            displayOrder: view.group.displayOrder,
+            isStaffGroup: view.group.isStaffGroup,
+            pluginGrantable: view.group.pluginGrantable,
+            badgeToken: view.group.badgeToken ?? '',
+            nameColorLight: view.group.nameColorLight ?? '',
+            nameColorDark: view.group.nameColorDark ?? '',
+          }}
+          surfaces={await boardSampleSurfaces()}
+          copy={copy}
+        />
+      </section>
+
+      <section className={PANEL_CARD}>
+        <h2 className="font-heading text-lg font-semibold">{t.t('adminGroupDetail.badge')}</h2>
+        <p className="text-sm text-muted-foreground">{t.t('adminGroupDetail.badgeHint')}</p>
+
+        <div className="grid gap-3 sm:grid-cols-2">
+          <BadgeUploadForm
+            groupId={view.group.id}
+            scheme="light"
+            label={t.t('adminGroupDetail.light')}
+            src={badges.light}
+            maxKib={MAX_IMAGE_BYTES / 1024}
+            copy={badgeCopy}
+          />
+          <BadgeUploadForm
+            groupId={view.group.id}
+            scheme="dark"
+            label={t.t('adminGroupDetail.dark')}
+            src={badges.dark}
+            maxKib={MAX_IMAGE_BYTES / 1024}
+            copy={badgeCopy}
+          />
+        </div>
+      </section>
+
+      <section className={PANEL_CARD}>
+        <h2 className="font-heading text-lg font-semibold">
+          {t.t('adminGroupDetail.permissions')}
+        </h2>
+        <p className="text-sm text-muted-foreground">{t.t('adminGroupDetail.permissionsHint')}</p>
+        <GroupPermissionsForm groupId={view.group.id} cells={view.cells} copy={copy} />
+      </section>
+
+      <section className={PANEL_CARD}>
+        <h2 className="font-heading text-lg font-semibold">{t.t('adminGroupDetail.delete')}</h2>
+        {view.group.isSystem ? (
+          <p className="text-sm text-muted-foreground">
+            {t.t('adminGroupDetail.deleteSystemHint')}
+          </p>
+        ) : (
+          <DeleteGroupForm
+            groupId={view.group.id}
+            groups={groups.map((group) => ({
+              id: group.id,
+              title: group.title,
+              memberCount: group.memberCount,
+            }))}
+            copy={copy}
+          />
+        )}
+      </section>
+    </PanelPage>
+  )
+}

package/app/admin/groups/memberships/page.tsx

@@ -0,0 +1,56 @@
+import type { Metadata } from 'next'
+
+import { MoveMembersForm } from '@/components/admin/group-forms'
+import { PANEL_CARD } from '@/components/shell/panel-list'
+import { PanelPage } from '@/components/shell/panel-page'
+import { adminPageContext } from '@/server/admin'
+import { groupAdminRepository } from '@/server/group-admin'
+import { getTranslator, tr } from '@/server/i18n'
+import { groupAdminCopy } from '@/view/admin-group-copy'
+
+export async function generateMetadata(): Promise<Metadata> {
+  return { title: await tr('page.mass-membership-change') }
+}
+
+export default async function AdminMembershipsPage() {
+  if ((await adminPageContext()) === null) return null
+
+  const repository = groupAdminRepository()
+  if (repository === null) {
+    return (
+      <PanelPage title={await tr('page.mass-membership-change')}>
+        <p className="mt-2 text-sm text-muted-foreground">
+          {await tr('page.this-board-running-in-memory-sample-7')}
+        </p>
+      </PanelPage>
+    )
+  }
+
+  const groups = await repository.list()
+  const translator = await getTranslator()
+
+  return (
+    <PanelPage
+      back={{ href: '/admin/groups', label: translator.t('adminGroups.all') }}
+      title={await tr('page.mass-membership-change')}
+      lede={translator.t('adminGroups.membershipsLede')}
+    >
+      <section className={PANEL_CARD}>
+        <MoveMembersForm
+          groups={groups.map((group) => ({
+            id: group.id,
+            title: group.title,
+            memberCount: group.memberCount,
+          }))}
+          copy={groupAdminCopy(translator)}
+        />
+      </section>
+
+      <p className="text-xs text-muted-foreground">
+        {translator.t('adminGroups.membershipsBefore')}{' '}
+        <strong>{translator.t('adminGroups.primary')}</strong>
+        {translator.t('adminGroups.membershipsAfter')}
+      </p>
+    </PanelPage>
+  )
+}

package/app/admin/groups/page.tsx

@@ -0,0 +1,104 @@
+import type { Metadata } from 'next'
+
+import { CreateGroupForm } from '@/components/admin/group-forms'
+import { PANEL_CARD, PANEL_LIST, PANEL_ROW, PanelActionLink } from '@/components/shell/panel-list'
+import { PanelPage } from '@/components/shell/panel-page'
+import { adminPageContext } from '@/server/admin'
+import { groupAdminRepository } from '@/server/group-admin'
+import { getTranslator, tr } from '@/server/i18n'
+import { groupAdminCopy } from '@/view/admin-group-copy'
+
+export async function generateMetadata(): Promise<Metadata> {
+  return { title: await tr('page.groups') }
+}
+
+export default async function AdminGroupsPage() {
+  if ((await adminPageContext()) === null) return null
+
+  const repository = groupAdminRepository()
+  if (repository === null) {
+    return (
+      <PanelPage title={await tr('page.groups')}>
+        <p className="mt-2 text-sm text-muted-foreground">
+          {await tr('page.this-board-running-in-memory-sample-6')}
+        </p>
+      </PanelPage>
+    )
+  }
+
+  const groups = await repository.list()
+  const translator = await getTranslator()
+
+  return (
+    <PanelPage
+      title={await tr('page.groups')}
+      lede={
+        <>
+          {translator.t('adminGroups.ledeBefore')} <em>{translator.t('adminGroups.default')}</em>
+          {translator.t('adminGroups.ledeBetween')}{' '}
+          <a
+            href="/admin/forums"
+            className="font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
+          >
+            {translator.t('adminGroups.forumPermissions')}
+          </a>{' '}
+          {translator.t('adminGroups.ledeEnd')}
+        </>
+      }
+    >
+      <ul className={PANEL_LIST}>
+        {groups.map((group) => (
+          <li key={group.id} className={PANEL_ROW}>
+            <span className="flex min-w-0 flex-col">
+              <span className="truncate text-sm font-medium">
+                {group.title}
+                {group.isSystem && (
+                  <span className="ml-2 text-xs font-normal text-muted-foreground">
+                    {translator.t('adminGroups.system')}
+                  </span>
+                )}
+                {group.isStaffGroup && (
+                  <span className="ml-2 text-xs font-normal text-muted-foreground">
+                    {translator.t('adminGroups.staff')}
+                  </span>
+                )}
+              </span>
+              <span className="truncate text-xs text-muted-foreground">
+                {group.key} · {translator.t('adminGroups.members', { count: group.memberCount })}
+                {group.description === null ? '' : ` · ${group.description}`}
+              </span>
+            </span>
+            <a
+              href={`/admin/groups/${group.id}`}
+              aria-label={translator.t('adminGroups.editLabel', { title: group.title })}
+              className="shrink-0 text-sm font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
+            >
+              {translator.t('adminGroups.edit')}
+            </a>
+          </li>
+        ))}
+      </ul>
+
+      <nav className="flex flex-wrap gap-2">
+        <PanelActionLink href="/admin/groups/promotions">
+          {translator.t('adminGroups.promotions')}
+        </PanelActionLink>
+        <PanelActionLink href="/admin/groups/memberships">
+          {await tr('page.mass-membership-change')}
+        </PanelActionLink>
+      </nav>
+
+      <section className={PANEL_CARD}>
+        <h2 className="font-heading text-lg font-semibold">{await tr('page.add-group')}</h2>
+        <CreateGroupForm
+          groups={groups.map((group) => ({
+            id: group.id,
+            title: group.title,
+            memberCount: group.memberCount,
+          }))}
+          copy={groupAdminCopy(translator)}
+        />
+      </section>
+    </PanelPage>
+  )
+}

package/app/admin/groups/promotions/page.tsx

@@ -0,0 +1,143 @@
+import type { Metadata } from 'next'
+
+import { cn } from '@meith/ui'
+
+import {
+  ApplyPromotionsForm,
+  NewPromotionRuleForm,
+  PromotionRuleRowForm,
+} from '@/components/admin/group-forms'
+import { PANEL_CARD, PANEL_LIST, PANEL_NOTE } from '@/components/shell/panel-list'
+import { PanelPage } from '@/components/shell/panel-page'
+import { adminPageContext } from '@/server/admin'
+import {
+  groupAdminRepository,
+  previewPromotions,
+  promotionRuleRepository,
+} from '@/server/group-admin'
+import { getTranslator, tr } from '@/server/i18n'
+import { groupAdminCopy } from '@/view/admin-group-copy'
+import { promotionRuleFormValues, promotionRuleSummary } from '@/view/promotion-rules'
+
+export async function generateMetadata(): Promise<Metadata> {
+  return { title: await tr('page.promotions') }
+}
+
+export default async function AdminPromotionsPage() {
+  if ((await adminPageContext()) === null) return null
+
+  const repository = groupAdminRepository()
+  const rules = promotionRuleRepository()
+  const result = await previewPromotions()
+
+  if (repository === null || rules === null || result === null) {
+    return (
+      <PanelPage title={await tr('page.promotions')}>
+        <p className="mt-2 text-sm text-muted-foreground">
+          {await tr('page.this-board-running-in-memory-sample-8')}
+        </p>
+      </PanelPage>
+    )
+  }
+
+  const groups = await repository.list()
+  const stored = await rules.listRules()
+  const translator = await getTranslator()
+  const copy = groupAdminCopy(translator)
+
+  const titles = new Map(groups.map((group) => [group.id, group.title]))
+  const title = (id: number | null): string =>
+    id === null
+      ? translator.t('adminGroups.noGroup')
+      : (titles.get(id) ?? translator.t('adminGroups.group', { id }))
+
+  const options = groups.map((group) => ({
+    id: group.id,
+    title: group.title,
+    memberCount: group.memberCount,
+  }))
+
+  return (
+    <PanelPage
+      back={{ href: '/admin/groups', label: translator.t('adminGroups.all') }}
+      title={await tr('page.promotions')}
+      lede={translator.t('adminGroups.promotionsLede')}
+      gap="loose"
+    >
+      <section className={PANEL_CARD}>
+        <h2 className="font-heading text-lg font-semibold">{translator.t('adminGroups.rules')}</h2>
+
+        {stored.length === 0 ? (
+          <p className="text-sm text-muted-foreground">{translator.t('adminGroups.noRules')}</p>
+        ) : (
+          <div className="flex flex-col divide-y divide-border">
+            {stored.map((rule) => (
+              <div key={rule.id} className="flex flex-col gap-1">
+                <p className="pt-4 text-xs text-muted-foreground">
+                  {promotionRuleSummary(rule, title)}
+                  {rule.enabled ? '' : translator.t('adminGroups.disabled')}
+                </p>
+                <PromotionRuleRowForm
+                  rule={promotionRuleFormValues(rule)}
+                  groups={options}
+                  copy={copy}
+                />
+              </div>
+            ))}
+          </div>
+        )}
+      </section>
+
+      <section className={PANEL_CARD}>
+        <h2 className="font-heading text-lg font-semibold">{await tr('page.add-rule')}</h2>
+        <NewPromotionRuleForm groups={options} copy={copy} />
+      </section>
+
+      <section className="flex flex-col gap-3">
+        <h2 className="font-heading text-lg font-semibold">
+          {await tr('page.what-would-happen-now')}
+        </h2>
+        <p className="text-sm text-muted-foreground">
+          {translator.t('adminGroups.examined', { count: result.examined })}
+        </p>
+
+        {result.outcomes.length === 0 ? (
+          <p className={PANEL_NOTE}>
+            {stored.length === 0
+              ? translator.t('adminGroups.nobodyNoRules')
+              : translator.t('adminGroups.nobodyQualified')}
+          </p>
+        ) : (
+          <>
+            <ul className={cn(PANEL_LIST, 'text-sm')}>
+              {result.outcomes.map((outcome) => (
+                <li
+                  key={`${outcome.userId}:${outcome.ruleId}`}
+                  className="flex flex-wrap items-baseline gap-2 px-4 py-2"
+                >
+                  <span className="font-medium">
+                    {translator.t('adminGroups.member', { id: outcome.userId })}
+                  </span>
+                  <span className="text-muted-foreground">
+                    {title(outcome.fromPrimaryGroupId)} → {title(outcome.toPrimaryGroupId)} ·{' '}
+                    {outcome.ruleTitle}
+                  </span>
+                </li>
+              ))}
+            </ul>
+
+            <section className={PANEL_CARD}>
+              <h3 className="font-heading text-lg font-semibold">{await tr('page.run-it')}</h3>
+              <ApplyPromotionsForm count={result.outcomes.length} copy={copy} />
+            </section>
+          </>
+        )}
+      </section>
+
+      <p className="text-xs text-muted-foreground">
+        {translator.t('adminGroups.promotionNoteBefore')} <code>promotions.apply</code>
+        {translator.t('adminGroups.promotionNoteEnd')}
+      </p>
+    </PanelPage>
+  )
+}

package/app/admin/layout.tsx

@@ -0,0 +1,86 @@
+import type { Metadata } from 'next'
+import { notFound } from 'next/navigation'
+
+import { ADMIN_IDLE_MINUTES } from '@meith/admin'
+
+import { AdminSignInForm, AdminSignOutForm } from '@/components/admin/admin-forms'
+import { AdminNav } from '@/components/admin/admin-nav'
+import { PanelShell } from '@/components/shell/panel-shell'
+import { askForPassword, resolveAdmin } from '@/server/admin'
+import { getActor } from '@/server/context'
+import { getTranslator, tr } from '@/server/i18n'
+import { adminFormsCopy } from '@/view/admin-panel-copy'
+import { buildPanelLinks } from '@/view/shell'
+
+export async function generateMetadata(): Promise<Metadata> {
+  return { title: await tr('page.control-panel') }
+}
+
+export default async function AdminLayout({ children }: { children: React.ReactNode }) {
+  const resolved = await resolveAdmin()
+
+  if ('denied' in resolved) {
+    if (!askForPassword(resolved.denied)) notFound()
+
+    return (
+      <main
+        id="board-content"
+        tabIndex={-1}
+        className="flex min-h-screen items-center justify-center px-6 py-12"
+      >
+        <AdminSignInForm
+          next="/admin"
+          reason={resolved.denied === 'expired' ? 'expired' : null}
+          idleMinutes={ADMIN_IDLE_MINUTES}
+          copy={adminFormsCopy(await getTranslator())}
+        />
+      </main>
+    )
+  }
+
+  const actor = await getActor()
+  const t = await getTranslator()
+  const links = buildPanelLinks({
+    t,
+    current: 'admincp',
+    canAccessModCp: actor.global.canAccessModCp === true,
+  })
+
+  return (
+    <div className="min-h-screen bg-background text-foreground">
+      <a
+        href="#board-content"
+        className="sr-only focus-visible:not-sr-only focus-visible:absolute focus-visible:top-4 focus-visible:left-4 focus-visible:z-50 focus-visible:inline-flex focus-visible:h-9 focus-visible:items-center focus-visible:rounded-md focus-visible:border focus-visible:border-border focus-visible:bg-card focus-visible:px-3 focus-visible:text-sm focus-visible:font-medium focus-visible:text-foreground focus-visible:shadow-lg"
+      >
+        {await tr('page.skip-content')}
+      </a>
+
+      <header className="sticky top-0 z-30 border-b border-border bg-card">
+        <div className="mx-auto flex min-h-14 w-full max-w-6xl items-center gap-x-3 px-4 py-2 sm:gap-x-4 sm:px-6">
+          <a
+            href="/admin"
+            className="min-w-0 truncate font-heading text-base font-semibold whitespace-nowrap text-foreground sm:text-lg"
+          >
+            {await tr('page.control-panel')}
+          </a>
+          <div className="ml-auto flex shrink-0 items-center gap-3 text-sm whitespace-nowrap sm:gap-4">
+            <a href="/" className="text-muted-foreground hover:text-foreground">
+              {await tr('page.board')}
+            </a>
+            <AdminSignOutForm copy={adminFormsCopy(t)} />
+          </div>
+        </div>
+      </header>
+
+      {resolved.context.needsReauth && (
+        <p className="border-b border-border bg-muted px-6 py-2 text-center text-xs text-muted-foreground">
+          {t.t('adminLayout.reauth')}
+        </p>
+      )}
+
+      <PanelShell panel="admincp" nav={<AdminNav />} links={links}>
+        {children}
+      </PanelShell>
+    </div>
+  )
+}