web-next: rename-character/customize-character por SumUp + renombrado de rutas

- /rename-character y /customize-character: renombrar/personalizar pagados por SumUp
  (getRenamePrice/getCustomizePrice). SumUp ahora es service-aware: columna
  home_stripelog.service; createSumUpCheckout guarda service+character;
  fulfillSumUpCheckout despacha a la acción del servicio (.char rename/customi) o,
  sin service, acredita PD. [service]/checkout acepta provider:'sumup';
  PaidServiceForm acepta provider+confirmText; service-success maneja el return SumUp.
  Se eliminan las antiguas /rename y /customize (Stripe).
- /revive-character (comparte ReviveServiceContent); se elimina /revive.
- Renombres de ruta + todos sus enlaces:
  /account -> /my-account, /recruit -> /recruit-a-friend, /unstuck -> /unstuck-character.
  (/select-account y /api/account/* intactos.)

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

web-next/components/AccountTools.tsx

@@ -19,7 +19,7 @@ export function AccountTools({ isAdmin }: { isAdmin: boolean }) {
     { href: '/trade-points', icon: 'trade-pd-icon', label: t('svcTradePD'), desc: t('svcTradePDDesc') },
     { href: '/promo-code', icon: 'promo-icon', label: t('svcPromo'), desc: t('svcPromoDesc') },
     { href: '/security-token', icon: 'token-icon', label: t('svcToken'), desc: t('svcTokenDesc') },
-    { href: '/recruit', icon: 'recruit-a-friend-icon', label: t('svcRecruit'), desc: t('svcRecruitDesc') },
+    { href: '/recruit-a-friend', icon: 'recruit-a-friend-icon', label: t('svcRecruit'), desc: t('svcRecruitDesc') },
     { href: '/rename-guild', icon: 'rename-guild-icon', label: t('svcRenameGuild'), desc: t('svcRenameGuildDesc') },
     { href: '/vote-points', icon: 'vote-icon', label: t('svcVote'), desc: t('svcVoteDesc') },
     { href: '/d-points', icon: 'dnt-icon', label: t('svcDPoints'), desc: t('svcDPointsDesc') },
@@ -29,10 +29,10 @@ export function AccountTools({ isAdmin }: { isAdmin: boolean }) {
     ...(isAdmin ? [{ href: '/admin', icon: 'store-icon', label: `🛡️ ${t('adminPanel')}`, desc: t('adminPanelDesc') }] : []),
   ]
   const characterTools: Tool[] = [
-    { href: '/unstuck', icon: 'unstuck-icon', label: t('svcUnstuck'), desc: t('svcUnstuckDesc') },
-    { href: '/revive', icon: 'revive-icon', label: t('svcRevive'), desc: t('svcReviveDesc') },
-    { href: '/rename', icon: 'rename-icon', label: t('svcRename'), desc: t('svcRenameDesc') },
-    { href: '/customize', icon: 'customize-icon', label: t('svcCustomize'), desc: t('svcCustomizeDesc') },
+    { href: '/unstuck-character', icon: 'unstuck-icon', label: t('svcUnstuck'), desc: t('svcUnstuckDesc') },
+    { href: '/revive-character', icon: 'revive-icon', label: t('svcRevive'), desc: t('svcReviveDesc') },
+    { href: '/rename-character', icon: 'rename-icon', label: t('svcRename'), desc: t('svcRenameDesc') },
+    { href: '/customize-character', icon: 'customize-icon', label: t('svcCustomize'), desc: t('svcCustomizeDesc') },
     { href: '/change-race', icon: 'change-race-icon', label: t('svcChangeRace'), desc: t('svcChangeRaceDesc') },
     { href: '/change-faction', icon: 'change-faction-icon', label: t('svcChangeFaction'), desc: t('svcChangeFactionDesc') },
     { href: '/level-up', icon: 'level-up-icon', label: t('svcLevelUp'), desc: t('svcLevelUpDesc') },

web-next/components/DPointsTabs.tsx

@@ -40,8 +40,8 @@ export function DPointsTabs({ realm, currency }: { realm: string; currency: stri
           >
             Información
           </button>
-          <Link className="back-to-account" href="/account">Regresar a mi cuenta</Link>
-          <Link className="back-to-account-responsive" href="/account">Regresar</Link>
+          <Link className="back-to-account" href="/my-account">Regresar a mi cuenta</Link>
+          <Link className="back-to-account-responsive" href="/my-account">Regresar</Link>
         </div>
         <div className="dnt-sidebar dnt-methods">
           <button className={`dnt-button-2 tablink${active === 'Stripe' ? ' dnt-selected' : ''}`} onClick={() => setActive('Stripe')}>

web-next/components/PaidServiceForm.tsx

@@ -9,10 +9,12 @@ interface Props {
   checkoutEndpoint: string
   payLabel: string // ya formateado con el precio
   buttonClass?: string
+  provider?: 'stripe' | 'sumup' // pasarela; por defecto Stripe
+  confirmText?: string // si se pasa, pide confirmación antes de redirigir al pago
 }
 
-/** Selector de personaje + botón de pago. Redirige al Checkout de Stripe. */
-export function PaidServiceForm({ characters, checkoutEndpoint, payLabel, buttonClass = '' }: Props) {
+/** Selector de personaje + botón de pago. Redirige al Checkout (Stripe o SumUp). */
+export function PaidServiceForm({ characters, checkoutEndpoint, payLabel, buttonClass = '', provider, confirmText }: Props) {
   const t = useTranslations('Services')
   const [character, setCharacter] = useState('')
   const [busy, setBusy] = useState(false)
@@ -21,6 +23,7 @@ export function PaidServiceForm({ characters, checkoutEndpoint, payLabel, button
   async function handleSubmit(e: React.FormEvent) {
     e.preventDefault()
     if (busy || !character) return
+    if (confirmText && !window.confirm(confirmText)) return
     setBusy(true)
     setError(null)
     try {
@@ -28,7 +31,7 @@ export function PaidServiceForm({ characters, checkoutEndpoint, payLabel, button
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         credentials: 'same-origin',
-        body: JSON.stringify({ character }),
+        body: JSON.stringify({ character, ...(provider ? { provider } : {}) }),
       })
       const data: { success?: boolean; url?: string } = await res.json()
       if (data.success && data.url) {

web-next/components/ReviveServiceContent.tsx

@@ -0,0 +1,45 @@
+import { getTranslations, setRequestLocale } from 'next-intl/server'
+import { redirect } from '@/i18n/navigation'
+import { getSession } from '@/lib/session'
+import { getGameCharacters } from '@/lib/characters'
+import { PageShell } from '@/components/PageShell'
+import { ServiceBox } from '@/components/ServiceBox'
+import { CharacterActionForm } from '@/components/CharacterActionForm'
+
+/** Contenido de "Revivir personaje" (compartido por /revive y /revive-character). */
+export async function ReviveServiceContent({ locale }: { locale: string }) {
+  setRequestLocale(locale)
+  const t = await getTranslations('Services')
+  const session = await getSession()
+  if (!session.bnetId) redirect({ href: '/login', locale })
+  if (!session.username) redirect({ href: '/select-account', locale })
+  const chars = await getGameCharacters(session.accountId!)
+
+  return (
+    <PageShell title={t('reviveTitle')}>
+      <ServiceBox>
+        <br />
+        <p>{t.rich('reviveInfo1', { b: (c) => <span>{c}</span> })}</p>
+        <p>{t('reviveInfo2')}</p>
+        <br />
+        <fieldset>
+          <legend>NOTA</legend>
+          <div className="separate2">
+            <p>{t('reviveNote1')}</p>
+            <p>{t('reviveNote2')}</p>
+          </div>
+        </fieldset>
+
+        <CharacterActionForm
+          characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))}
+          endpoint="/api/character/revive"
+          actionLabel={t('reviveAction')}
+          processingLabel={t('reviveProcessing')}
+          doneLabel={t('reviveDone')}
+          promptText={t('reviveChoose')}
+          buttonClass="revive-button"
+        />
+      </ServiceBox>
+    </PageShell>
+  )
+}

web-next/components/ServiceBox.tsx

@@ -18,10 +18,10 @@ export async function ServiceBox({
     <div className="box-content">
       <div className="title-box-content">
         <h2>{heading ?? t('info')}</h2>
-        <Link className="back-to-account" href="/account">
+        <Link className="back-to-account" href="/my-account">
           {t('back')}
         </Link>
-        <Link className="back-to-account-responsive" href="/account">
+        <Link className="back-to-account-responsive" href="/my-account">
           {t('backShort')}
         </Link>
       </div>

web-next/components/SiteHeader.tsx

@@ -126,7 +126,7 @@ export function SiteHeader({
               </div>
               <div className="nav-dropdown-content">
                 <p>
-                  <Link href="/account">MI CUENTA</Link>
+                  <Link href="/my-account">MI CUENTA</Link>
                 </p>
                 <p>
                   <a href="javascript:void(0);" onClick={logout}>