@meith/web 0.30.1 → 0.32.0

package/app/(board)/[slug]/feed.xml/route.ts

@@ -4,13 +4,14 @@ import { getContainer } from '@/server/container'
 import { activeWordFilter } from '@/server/content-admin'
 import { feedFor } from '@/server/feed-builder'
 import { feedResponse, noFeed, offlineFeed } from '@/server/feed-routes'
-import { FEED_LIMIT, feedRepository, origin, publicScope } from '@/server/syndication'
+import { feedScopeForRequest } from '@/server/feed-token'
+import { FEED_LIMIT, feedRepository, origin } from '@/server/syndication'
 import { leadingId } from '@/view/slug-id'
 
 export const dynamic = 'force-dynamic'
 
 export async function GET(
-  _request: Request,
+  request: Request,
   { params }: { params: Promise<{ slug: string }> },
 ): Promise<Response> {
   const offline = await offlineFeed()
@@ -23,7 +24,7 @@ export async function GET(
   const id = leadingId(slug)
   if (id === null) return noFeed()
 
-  const scope = await publicScope()
+  const { scope, tokened } = await feedScopeForRequest(request)
   if (!scope.forumIds.includes(id)) return noFeed()
 
   const forum = await getContainer().forums.findById(id)
@@ -44,5 +45,6 @@ export async function GET(
     }),
     'rss',
     'forum',
+    { private: tokened },
   )
 }

package/app/(board)/[slug]/new/page.tsx

@@ -7,6 +7,7 @@ import { requireSlot, slotCopy } from '@meith/theme-kit'
 import { NewThreadForm } from '@/components/content/new-thread-form'
 import { OnboardingBanner } from '@/components/shell/onboarding-banner'
 import { attachmentLimits, canAttach } from '@/server/attachments'
+import { autoWatchChecksByDefault, autoWatchPreference } from '@/server/auto-watch'
 import { getContainer } from '@/server/container'
 import { getActor } from '@/server/context'
 import { getTranslator, tr } from '@/server/i18n'
@@ -46,6 +47,9 @@ export default async function NewThreadPage({ params }: { params: Promise<{ slug
   const prefixes = await threadWrites.listPrefixes(id)
 
   const attachTarget = { ...target, allowsAttachments: rules.allowAttachments }
+  const subscribeDefault = autoWatchChecksByDefault(
+    await autoWatchPreference(actor.userId, 'create'),
+  )
 
   const view = buildNewThreadView({
     t: await getTranslator(),
@@ -87,6 +91,7 @@ export default async function NewThreadPage({ params }: { params: Promise<{ slug
             prefixes={prefixes.map((p) => ({ id: p.id, label: p.label }))}
             requiresPrefix={rules.requiresPrefix}
             canSubscribe={authorizer.can(actor, 'forum.subscribe', target)}
+            subscribeDefault={subscribeDefault}
             canPostPoll={authorizer.can(actor, 'poll.post', target)}
             attachmentLimits={attachable ? attachmentLimits(attachTarget) : null}
             draft={

package/app/(board)/[slug]/page.tsx

@@ -20,7 +20,7 @@ import { getTranslator } from '@/server/i18n'
 import { legacyDestination } from '@/server/legacy-redirect'
 import { moderatorTargetFor } from '@/server/modcp'
 import { pageMetadata } from '@/server/page-metadata'
-import { filterView, viewerRef } from '@/server/plugin-view'
+import { filterView, threadRowBadges, viewerRef } from '@/server/plugin-view'
 import { getSettings } from '@/server/settings'
 import { currentTheme } from '@/server/theme'
 import { getViewerPreferences } from '@/server/viewer-preferences'
@@ -279,6 +279,11 @@ export default async function ForumPage({
     ),
   )
 
+  const badgesByThread = await threadRowBadges(
+    actor,
+    view.threads.map((thread) => ({ threadId: thread.id, authorId: thread.author.userId })),
+  )
+
   const threadRows = await Promise.all(
     view.threads.map((thread) =>
       filterView(
@@ -286,6 +291,7 @@ export default async function ForumPage({
         {
           thread,
           select: selectionFor('thread', thread.id, `“${thread.title}”`, inlineOffered),
+          regions: { pluginBadges: badgesByThread.get(thread.id) },
         },
         pluginContext,
       ),

package/app/(board)/discover/[view]/page.tsx

@@ -59,9 +59,14 @@ export default async function DiscoverPage({
   const themed = async (model: DiscoveryViewModel) =>
     filterView('view.discovery-view', model, viewerRef(actor))
 
+  const views =
+    actor.userId === null
+      ? DISCOVERY_VIEWS.filter((candidate) => candidate !== 'unread')
+      : DISCOVERY_VIEWS
+
   const common = {
     view,
-    views: DISCOVERY_VIEWS,
+    views,
     pageSize: DISCOVER_PAGE,
     isFirstPage: after === null,
     now,

package/app/(board)/member/[id]/page.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 
 import { requireSlot, slotCopy } from '@meith/theme-kit'
+import { TextLink } from '@meith/ui'
 
 import { RemoveRelationForm, SetRelationForm } from '@/components/account/relation-forms'
 import { AvatarLockForm, SignatureLockForm } from '@/components/moderation/signature-lock-form'
@@ -114,12 +115,9 @@ export default async function MemberProfilePage({ params }: { params: Promise<{
                   {translator.t('board.member.reputation')}
                 </span>
                 <span className="font-medium">{reputationLabel(repSummary, translator)}</span>
-                <a
-                  href={`/member/${id}/reputation`}
-                  className="ms-auto font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
-                >
+                <TextLink href={`/member/${id}/reputation`} className="ms-auto">
                   {await tr('page.see-all-ratings')}
-                </a>
+                </TextLink>
               </div>
             )}
 

package/app/(board)/member/[id]/reputation/page.tsx

@@ -1,6 +1,8 @@
 import type { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 
+import { TextLink } from '@meith/ui'
+
 import { RateMemberForm, WithdrawRatingForm } from '@/components/account/reputation-forms'
 import { BoardNotice } from '@/components/shell/board-notice'
 import { getContainer } from '@/server/container'
@@ -96,12 +98,9 @@ export default async function ReputationPage({
           <p className="text-sm text-muted-foreground">
             {reputationLabel(view.summary, translator)}
           </p>
-          <a
-            href={`/member/${id}`}
-            className="text-sm font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
-          >
+          <TextLink href={`/member/${id}`} size="sm">
             {await tr('page.back-their-profile')}
-          </a>
+          </TextLink>
         </div>
 
         {mayRate && (
@@ -152,12 +151,9 @@ export default async function ReputationPage({
                     {row.at.label}
                   </time>
                   {row.postHref !== null && (
-                    <a
-                      href={row.postHref}
-                      className="text-xs font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
-                    >
+                    <TextLink href={row.postHref} size="xs">
                       on a post
-                    </a>
+                    </TextLink>
                   )}
                   {row.isMine && (
                     <span className="ml-auto">
@@ -182,12 +178,9 @@ export default async function ReputationPage({
         )}
 
         {view.nextHref !== null && (
-          <a
-            href={view.nextHref}
-            className="text-sm font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
-          >
+          <TextLink href={view.nextHref} size="sm">
             {await tr('page.older-ratings')}
-          </a>
+          </TextLink>
         )}
       </div>
     </main>

package/app/(board)/members/page.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 
-import { Card, CardRows, Empty, EmptyDescription, EmptyTitle } from '@meith/ui'
+import { Card, CardRows, Empty, EmptyDescription, EmptyTitle, TextLink } from '@meith/ui'
 
 import { PanelPage } from '@/components/shell/panel-page'
 import { PanelPagination } from '@/components/shell/panel-pagination'
@@ -112,14 +112,9 @@ export default async function MembersPage({
                   className="flex flex-col gap-1 px-4 py-3 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"
                 >
                   <span className="flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-0.5 text-sm">
-                    <a
-                      href={`/member/${row.id}`}
-                      className={`font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground ${
-                        identity?.nameClass ?? ''
-                      }`}
-                    >
+                    <TextLink href={`/member/${row.id}`} className={identity?.nameClass ?? ''}>
                       {row.username}
-                    </a>
+                    </TextLink>
                     {identity?.groups.map((group) => (
                       <span
                         key={group.groupId}

package/app/(board)/messages/[id]/page.tsx

@@ -2,7 +2,7 @@ import type { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 
 import { postBodyHtml } from '@meith/markdown'
-import { Card, CardContent, CardFooter } from '@meith/ui'
+import { Card, CardContent, CardFooter, TextLink } from '@meith/ui'
 
 import { PanelPage } from '@/components/shell/panel-page'
 import { getContainer } from '@/server/container'
@@ -74,13 +74,9 @@ export default async function MessagePage({ params }: { params: Promise<{ id: st
 
         <CardFooter className="gap-4">
           {view.actions.map((action) => (
-            <a
-              key={action.href}
-              href={action.href}
-              className="text-sm font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
-            >
+            <TextLink key={action.href} href={action.href} size="sm">
               {action.label}
-            </a>
+            </TextLink>
           ))}
           {view.reportHref !== null && (
             <a

package/app/(board)/messages/page.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 
 import { MESSAGES_PAGE_SIZE, parseFolder } from '@meith/messages'
+import { TextLink } from '@meith/ui'
 
 import { MessageActionBar } from '@/components/messages/message-forms'
 import { BoardNotice } from '@/components/shell/board-notice'
@@ -72,12 +73,9 @@ export default async function MessagesPage({
     <PanelPage
       title={await tr('page.private-messages')}
       actions={
-        <a
-          href={view.composeHref}
-          className="text-sm font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
-        >
+        <TextLink href={view.composeHref} size="sm">
           {await tr('page.write-message')}
-        </a>
+        </TextLink>
       }
     >
       {notice !== null && (

package/app/(board)/modcp/ip/page.tsx

@@ -14,6 +14,7 @@ import {
   EmptyTitle,
   Field,
   Input,
+  TextLink,
 } from '@meith/ui'
 
 import { PanelPage, PanelSection } from '@/components/shell/panel-page'
@@ -95,12 +96,9 @@ export default async function IpLookupPage({
           title={translator.t('board.ip.matches', { username: subject.username })}
           description={
             <>
-              <a
-                href={memberHref(subject.id)}
-                className="underline decoration-border underline-offset-2 hover:decoration-foreground"
-              >
+              <TextLink href={memberHref(subject.id)} tone="inherit" weight="normal">
                 {subject.username}
-              </a>
+              </TextLink>
               . {translator.t('board.ip.ranges')} {translator.t('board.ip.registration')}{' '}
               <code className="font-mono">
                 {result.prefixes.registration ?? translator.t('board.ip.none')}

package/app/(board)/modcp/plugins/[key]/[[...path]]/page.tsx

@@ -0,0 +1,84 @@
+import type { Metadata } from 'next'
+import { notFound, redirect } from 'next/navigation'
+
+import { PANEL_CARD, PANEL_NOTE } from '@/components/shell/panel-list'
+import { PanelPage } from '@/components/shell/panel-page'
+import { ViewTabs } from '@/components/shell/view-tabs'
+import { boardUrl } from '@/server/board-url'
+import { getActor } from '@/server/context'
+import { getTranslator, tr } from '@/server/i18n'
+import { resolveModCpAccess } from '@/server/modcp'
+import { pluginBoardPageTitle, renderPluginStaffPage } from '@/server/plugin-pages'
+import { pluginStaffPanelSection } from '@/server/plugin-panel'
+import { viewerRef } from '@/server/plugin-view'
+import { pluginStaffPanelTabs } from '@/view/plugin-panel'
+
+interface RouteParams {
+  readonly key: string
+  readonly path?: string[]
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<RouteParams>
+}): Promise<Metadata> {
+  const { key, path } = await params
+  const title = pluginBoardPageTitle(key, (path ?? []).join('/'))
+  return title === null ? {} : { title }
+}
+
+export default async function PluginStaffPage({
+  params,
+  searchParams,
+}: {
+  params: Promise<RouteParams>
+  searchParams: Promise<Record<string, string | string[] | undefined>>
+}) {
+  const { key, path } = await params
+  const segments = path ?? []
+  if (segments.length > 1) notFound()
+  const pagePath = segments.join('/')
+
+  const query: Record<string, string> = {}
+  for (const [name, value] of Object.entries(await searchParams)) {
+    if (typeof value === 'string') query[name] = value
+  }
+
+  const actor = await getActor()
+  const result = await renderPluginStaffPage(key, pagePath, {
+    viewer: viewerRef(actor),
+    query,
+    boardUrl: await boardUrl(),
+  })
+
+  if (result.outcome === 'forbidden') notFound()
+
+  const t = await getTranslator()
+  const section = await pluginStaffPanelSection(key, t)
+
+  if (result.outcome === 'missing') {
+    if (pagePath === '' && section !== null) {
+      const access = await resolveModCpAccess()
+      if (access?.hasGroupAccess === true) redirect(section.pages[0]!.href)
+    }
+    notFound()
+  }
+  const tabs =
+    section === null ? [] : pluginStaffPanelTabs({ pages: section.pages, current: pagePath })
+
+  return (
+    <PanelPage
+      back={{ href: '/modcp', label: await tr('page.moderator-control-panel') }}
+      title={result.title}
+    >
+      {tabs.length > 0 && <ViewTabs label={section?.name ?? result.title} tabs={tabs} />}
+
+      {result.node === null ? (
+        <p className={PANEL_NOTE}>{t.t('board.plugin.failed')}</p>
+      ) : (
+        <section className={PANEL_CARD}>{result.node}</section>
+      )}
+    </PanelPage>
+  )
+}

package/app/(board)/moderation/reports/page.tsx

@@ -1,8 +1,13 @@
 import type { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 
-import { REPORTS_PAGE_SIZE, ReportService } from '@meith/moderation'
-import { Card, Empty, EmptyDescription, EmptyTitle } from '@meith/ui'
+import {
+  parseReportCategory,
+  REPORT_CATEGORIES,
+  REPORTS_PAGE_SIZE,
+  ReportService,
+} from '@meith/moderation'
+import { Badge, Card, Empty, EmptyDescription, EmptyTitle, NativeSelect, TextLink } from '@meith/ui'
 
 import { AssignReportForm, CloseReportForm } from '@/components/moderation/report-forms'
 import { BoardNotice } from '@/components/shell/board-notice'
@@ -13,7 +18,7 @@ import { getActor } from '@/server/context'
 import { getTranslator, tr } from '@/server/i18n'
 import { messageService } from '@/server/messages'
 import { hasReportScope, resolveReportScope } from '@/server/report-scope'
-import { moderationFormsCopy } from '@/view/moderation-copy'
+import { moderationFormsCopy, REPORT_CATEGORY_LABEL_KEYS } from '@/view/moderation-copy'
 import { offsetOf, readPage } from '@/view/pager'
 import { postLink } from '@/view/post-link'
 import { formatTime } from '@/view/time'
@@ -25,7 +30,7 @@ export async function generateMetadata(): Promise<Metadata> {
 export default async function ReportsPage({
   searchParams,
 }: {
-  searchParams: Promise<{ page?: string; closed?: string }>
+  searchParams: Promise<{ page?: string; closed?: string; category?: string }>
 }) {
   const query = await searchParams
   const actor = await getActor()
@@ -35,11 +40,15 @@ export default async function ReportsPage({
   const scope = await resolveReportScope()
   if (!hasReportScope(scope)) notFound()
 
+  const activeCategory = parseReportCategory(query.category)
   const service = new ReportService({ reports })
   const pageNumber = readPage(query)
   const [page, open] = await Promise.all([
-    service.listOpen(scope, { offset: offsetOf(pageNumber, REPORTS_PAGE_SIZE) }),
-    service.countOpen(scope),
+    service.listOpen(scope, {
+      offset: offsetOf(pageNumber, REPORTS_PAGE_SIZE),
+      ...(activeCategory === null ? {} : { category: activeCategory }),
+    }),
+    service.countOpen(scope, activeCategory ?? undefined),
   ])
 
   const reportedMessages = await reportedPrivateMessages(page.rows)
@@ -62,6 +71,35 @@ export default async function ReportsPage({
         <BoardNotice kind="info" message={notice} dismissHref="/moderation/reports" />
       )}
 
+      {(open > 0 || activeCategory !== null) && (
+        <form method="get" action="/moderation/reports" className="flex flex-wrap items-end gap-2">
+          <div className="flex flex-col gap-1 text-xs">
+            <label htmlFor="report-category-filter" className="font-medium text-muted-foreground">
+              {translator.t('board.reports.filterCategory')}
+            </label>
+            <NativeSelect
+              id="report-category-filter"
+              name="category"
+              defaultValue={activeCategory ?? ''}
+              className="w-48"
+            >
+              <option value="">{translator.t('board.reports.filterAll')}</option>
+              {REPORT_CATEGORIES.map((category) => (
+                <option key={category} value={category}>
+                  {translator.t(REPORT_CATEGORY_LABEL_KEYS[category])}
+                </option>
+              ))}
+            </NativeSelect>
+          </div>
+          <button
+            type="submit"
+            className="inline-flex h-9 items-center rounded-md border border-border px-3 text-sm font-medium hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
+          >
+            {translator.t('board.reports.filterApply')}
+          </button>
+        </form>
+      )}
+
       {page.rows.length === 0 && (
         <Card>
           <Empty className="py-8">
@@ -96,15 +134,13 @@ export default async function ReportsPage({
                       ? translator.t('board.reports.privateMessage')
                       : report.kind}
                   </span>
+                  <Badge tone="neutral">
+                    {translator.t(REPORT_CATEGORY_LABEL_KEYS[report.category])}
+                  </Badge>
                   {href === null ? (
                     <span className="font-medium">{report.targetLabel}</span>
                   ) : (
-                    <a
-                      href={href}
-                      className="font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
-                    >
-                      {report.targetLabel}
-                    </a>
+                    <TextLink href={href}>{report.targetLabel}</TextLink>
                   )}
                   <span className="text-xs text-muted-foreground">
                     {translator.t('board.reports.reportedBy', {
@@ -115,9 +151,11 @@ export default async function ReportsPage({
                   </span>
                 </div>
 
-                <p className="mt-2 whitespace-pre-wrap break-words text-sm leading-relaxed">
-                  {report.reason}
-                </p>
+                {report.reason !== '' && (
+                  <p className="mt-2 whitespace-pre-wrap break-words text-sm leading-relaxed">
+                    {report.reason}
+                  </p>
+                )}
 
                 {report.kind === 'private_message' && (
                   <div className="mt-2 rounded-md border border-border bg-muted/50 p-3">

package/app/(board)/moderation/warn/page.tsx

@@ -2,7 +2,7 @@ import type { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 
 import { WarningService } from '@meith/moderation'
-import { Card, Empty, EmptyDescription, EmptyTitle } from '@meith/ui'
+import { Card, Empty, EmptyDescription, EmptyTitle, TextLink } from '@meith/ui'
 
 import { IssueWarningForm, RevokeWarningForm } from '@/components/moderation/warning-forms'
 import { BoardNotice } from '@/components/shell/board-notice'
@@ -145,12 +145,9 @@ export default async function WarnPage({
         )}
 
         {view.nextHref !== null && (
-          <a
-            href={view.nextHref}
-            className="text-sm font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
-          >
+          <TextLink href={view.nextHref} size="sm">
             {await tr('page.older-warnings')}
-          </a>
+          </TextLink>
         )}
       </PanelSection>
     </PanelPage>

package/app/(board)/notifications/page.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 
 import { NOTIFICATIONS_PAGE_SIZE } from '@meith/notifications'
+import { TextLink } from '@meith/ui'
 
 import {
   MarkAllNotificationsReadForm,
@@ -60,12 +61,9 @@ export default async function NotificationsPage({
       lede={
         <>
           {translator.t('board.notifications.unread', { count: view.unread })}{' '}
-          <a
-            href={view.preferencesHref}
-            className="font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
-          >
+          <TextLink href={view.preferencesHref}>
             {await tr('page.choose-which-these-receive-by')}
-          </a>
+          </TextLink>
           .
         </>
       }
@@ -115,12 +113,9 @@ export default async function NotificationsPage({
 
               <div className="mt-3 flex items-center gap-4">
                 {row.href !== null && (
-                  <a
-                    href={row.href}
-                    className="text-sm font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
-                  >
+                  <TextLink href={row.href} size="sm">
                     {translator.t('board.notifications.view')}
-                  </a>
+                  </TextLink>
                 )}
                 {!row.isRead && (
                   <MarkNotificationReadForm

package/app/(board)/notifications/preferences/page.tsx

@@ -3,6 +3,7 @@ import { notFound } from 'next/navigation'
 
 import {
   AnnouncementsOptInForm,
+  BoardDigestCadenceForm,
   NotificationPreferencesForm,
 } from '@/components/account/notification-forms'
 import { PushDeviceForm } from '@/components/account/push-device-form'
@@ -68,6 +69,13 @@ export default async function NotificationPreferencesPage({
         copy={notificationFormsCopy(await getTranslator())}
       />
 
+      {settings !== null && (
+        <BoardDigestCadenceForm
+          cadence={settings.boardDigestCadence}
+          copy={notificationFormsCopy(await getTranslator())}
+        />
+      )}
+
       {settings !== null && (
         <AnnouncementsOptInForm
           optedIn={settings.massMailOptInAt !== null}

package/app/(board)/online/page.tsx

@@ -1,6 +1,14 @@
 import type { Metadata } from 'next'
 
-import { Card, CardFooter, CardRows, Empty, EmptyDescription, EmptyTitle } from '@meith/ui'
+import {
+  Card,
+  CardFooter,
+  CardRows,
+  Empty,
+  EmptyDescription,
+  EmptyTitle,
+  TextLink,
+} from '@meith/ui'
 
 import { PanelPage } from '@/components/shell/panel-page'
 import { activeWordFilter } from '@/server/content-admin'
@@ -72,14 +80,12 @@ export default async function OnlinePage() {
                   className="flex flex-col gap-1 px-4 py-3 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"
                 >
                   <span className="text-sm font-medium">
-                    <a
+                    <TextLink
                       href={`/member/${member.userId}`}
-                      className={`font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground ${
-                        identities.get(member.userId)?.nameClass ?? ''
-                      }`}
+                      className={identities.get(member.userId)?.nameClass ?? ''}
                     >
                       {member.username}
-                    </a>
+                    </TextLink>
                     {member.invisible && (
                       <span className="ml-1 text-xs text-muted-foreground">
                         {translator.t('board.online.invisible')}

package/app/(board)/staff/page.tsx

@@ -8,6 +8,7 @@ import {
   Empty,
   EmptyDescription,
   EmptyTitle,
+  TextLink,
 } from '@meith/ui'
 
 import { PanelPage } from '@/components/shell/panel-page'
@@ -62,14 +63,12 @@ export default async function StaffPage() {
           <CardRows>
             {group.members.map((member) => (
               <li key={member.id} className="px-4 py-3 text-sm">
-                <a
+                <TextLink
                   href={`/member/${member.id}`}
-                  className={`font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground ${
-                    identities.get(member.id)?.nameClass ?? ''
-                  }`}
+                  className={identities.get(member.id)?.nameClass ?? ''}
                 >
                   {member.username}
-                </a>
+                </TextLink>
               </li>
             ))}
           </CardRows>

package/app/(board)/stats/page.tsx

@@ -1,6 +1,14 @@
 import type { Metadata } from 'next'
 
-import { Card, CardContent, CardRows, Empty, EmptyDescription, EmptyTitle } from '@meith/ui'
+import {
+  Card,
+  CardContent,
+  CardRows,
+  Empty,
+  EmptyDescription,
+  EmptyTitle,
+  textLinkVariants,
+} from '@meith/ui'
 
 import { PanelPage, PanelSection } from '@/components/shell/panel-page'
 import { getActor } from '@/server/context'
@@ -13,8 +21,7 @@ export async function generateMetadata(): Promise<Metadata> {
   return { title: await tr('page.board-statistics') }
 }
 
-const LINK =
-  'font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground'
+const LINK = textLinkVariants()
 
 const ROW = 'flex items-baseline justify-between gap-4 px-4 py-2.5 text-sm'