store: la ruta pasa a ser /store-<reino> y /store da 404

Como el original (/store-bennu). El slug sale de acore_auth.realmlist, así que
no puede ser una carpeta fija: lo resuelve la ruta dinámica `[realm]`, que ya
servía /<slug>-realm y /<slug>-players con este mismo patrón. Solo hubo que
añadirle el tipo `store`; el contenido de la página se mueve a
components/StorePage.tsx.

/store da 404 sin código extra: al no existir ya la carpeta estática `store`,
entra por `[realm]`, no resuelve y cae en el notFound() que ya estaba.

Enlaces actualizados: el de /my-account (AccountTools, que es cliente y recibe
el href ya calculado) y el cancelUrl de la pasarela, que devolvía a /store.

Verificado: /es/store-trinity y /en/store-trinity dan 200 y la tienda carga el
catálogo; /es/store y /en/store dan 404; un slug ajeno (/es/store-bennu) también
404; /es/trinity-realm y /es/trinity-players siguen bien; y el enlace de
/my-account apunta a /es/store-trinity.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web-next/app/[locale]/[realm]/page.tsx

@@ -3,31 +3,40 @@ import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { notFound } from 'next/navigation'
 import { getRealmName, realmSlug } from '@/lib/realm'
 import { RealmInfo } from '@/components/RealmInfo'
+import { StorePage } from '@/components/StorePage'
 import { PlayersBoard } from '@/components/PlayersBoard'
 
 export const dynamic = 'force-dynamic'
 
-type Kind = 'realm' | 'players'
+type Kind = 'realm' | 'players' | 'store'
 
 // Rutas dinámicas del reino (el slug viene de acore_auth.realmlist):
 //   /<slug>-realm    → información del reino (Rates/Horarios)
 //   /<slug>-players  → estadísticas de personajes (datos reales de la BD)
+//   /store-<slug>    → la tienda (así la nombra el original: /store-bennu)
+// Cualquier otro valor cae en notFound(), y por eso /store a secas da 404: al no
+// existir ya una ruta estática `store`, entra por aquí y no resuelve.
 async function resolve(param: string): Promise<{ name: string; kind: Kind } | null> {
   const name = await getRealmName()
   const slug = realmSlug(name)
   if (param === `${slug}-realm`) return { name, kind: 'realm' }
   if (param === `${slug}-players`) return { name, kind: 'players' }
+  if (param === `store-${slug}`) return { name, kind: 'store' }
   return null
 }
 
 export async function generateMetadata({
   params,
 }: {
-  params: Promise<{ realm: string }>
+  params: Promise<{ locale: string; realm: string }>
 }): Promise<Metadata> {
   const { realm } = await params
   const r = await resolve(realm)
   if (!r) return {}
+  if (r.kind === 'store') {
+    const t = await getTranslations({ locale: (await params).locale, namespace: 'Store' })
+    return { title: `${t('title')} - ${r.name}` }
+  }
   return { title: `${r.kind === 'players' ? 'Personajes' : 'Reino'} - ${r.name}` }
 }
 
@@ -38,9 +47,12 @@ export default async function RealmPage({
 }) {
   const { locale, realm } = await params
   setRequestLocale(locale)
-  const t = await getTranslations('Misc')
   const r = await resolve(realm)
   if (!r) notFound()
+  // La tienda trae su propia cabecera y sus comprobaciones de sesión.
+  if (r.kind === 'store') return <StorePage locale={locale} realm={r.name} />
+
+  const t = await getTranslations('Misc')
 
   const heading = r.kind === 'players' ? t('realm.charactersHeading') : t('realm.realmHeading')
 

web-next/app/[locale]/my-account/page.tsx

@@ -1,6 +1,7 @@
 import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { redirect, Link } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
+import { getRealmName, realmSlug } from '@/lib/realm'
 import { getAccountDashboard, getAccountRank } from '@/lib/account'
 import { reconcileSumUpCheckouts } from '@/lib/sumup'
 import { getGameAccounts } from '@/lib/auth'
@@ -130,7 +131,7 @@ export default async function AccountPage({ params }: { params: Promise<{ locale
         <div className="title-box-content">
           <h2>{t('toolsTitle')}</h2>
         </div>
-        <AccountTools isAdmin={admin} />
+        <AccountTools isAdmin={admin} storeHref={`/store-${realmSlug(await getRealmName())}`} />
       </div>
     </PageShell>
   )

web-next/app/[locale]/store/page.tsx

@@ -1,64 +0,0 @@
-import type { Metadata } from 'next'
-import { getTranslations, setRequestLocale } from 'next-intl/server'
-import { redirect } from '@/i18n/navigation'
-import { getSession } from '@/lib/session'
-import { getGameCharacters } from '@/lib/characters'
-import { getStoreBalances } from '@/lib/store'
-import { getRealmName } from '@/lib/realm'
-import { wowheadWotlkHome } from '@/lib/wowhead'
-import { PageShell } from '@/components/PageShell'
-import { ServiceBox } from '@/components/ServiceBox'
-import { StoreBrowser } from '@/components/StoreBrowser'
-import { StoreNews } from '@/components/StoreNews'
-
-export const dynamic = 'force-dynamic'
-
-export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
-  const { locale } = await params
-  const t = await getTranslations({ locale, namespace: 'Store' })
-  return { title: t('title') }
-}
-
-export default async function StorePage({ params }: { params: Promise<{ locale: string }> }) {
-  const { locale } = await params
-  setRequestLocale(locale)
-
-  const session = await getSession()
-  if (!session.bnetId) redirect({ href: '/log-in', locale })
-  if (!session.username) redirect({ href: '/select-account', locale })
-
-  const [chars, balances, realm] = await Promise.all([
-    getGameCharacters(session.accountId!),
-    getStoreBalances(session.accountId!),
-    getRealmName(),
-  ])
-
-  const t = await getTranslations('Store')
-
-  return (
-    <PageShell title={<>{t('title')} - <span className="blue-info">{realm.toUpperCase()}</span></>}>
-      <ServiceBox>
-        <br />
-        <p>{t('infoTooltip')}</p>
-        <p>
-          {t.rich('infoDb', {
-            link: (c) => (
-              <a href={wowheadWotlkHome(locale)} target="_blank" rel="noopener noreferrer">
-                {c}
-              </a>
-            ),
-          })}
-        </p>
-        <br />
-        <StoreNews />
-      </ServiceBox>
-
-      <StoreBrowser
-        characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))}
-        dp={balances.dp}
-        vp={balances.vp}
-        realm={realm}
-      />
-    </PageShell>
-  )
-}

web-next/app/api/store/send/route.ts

@@ -1,6 +1,7 @@
 import { randomUUID } from 'crypto'
 import { getSession } from '@/lib/session'
 import { getGameCharacters } from '@/lib/characters'
+import { getRealmName, realmSlug } from '@/lib/realm'
 import { priceStoreCart, purchaseStoreCart, storeEuroTotal, createStoreOrder, storeConcept, type StoreCartLine } from '@/lib/store'
 import { CARD_MIN_EUR } from '@/lib/store-pricing'
 import { createCheckoutSession } from '@/lib/stripe'
@@ -95,7 +96,7 @@ export async function POST(request: Request) {
       characterName: character,
       productName,
       successUrl: `${site}/service-success?service=store`,
-      cancelUrl: `${site}/${safeLocale(body.locale)}/store`,
+      cancelUrl: `${site}/${safeLocale(body.locale)}/store-${realmSlug(await getRealmName())}`,
       metadata,
     })
     if (!r.success || !r.url) return Response.json({ success: false, error: 'stripeError' })