From d6acba4ad537e193a3d7f7e234c68f829a068dca Mon Sep 17 00:00:00 2001
From: adevopg <adevopg@gmail.com>
Date: Mon, 13 Jul 2026 11:09:10 +0000
Subject: [PATCH] =?UTF-8?q?web-next:=20mover=20=C2=ABPanel=20de=20administ?=
 =?UTF-8?q?raci=C3=B3n=C2=BB=20dentro=20de=20=C2=ABOpciones=20de=20cuenta?=
 =?UTF-8?q?=C2=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Antes era un tool-button suelto a ancho completo (podía desbordarse). Ahora
es una celda más de la rejilla de 2 columnas del panel «Opciones de cuenta»
(solo admins), con el mismo contorno/ancho que el resto (Token de seguridad,
etc.). Utilidades y Herramientas se mantiene igual.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 web-next/components/AccountTools.tsx | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/web-next/components/AccountTools.tsx b/web-next/components/AccountTools.tsx
index 0b41e08..5ceb331 100644
--- a/web-next/components/AccountTools.tsx
+++ b/web-next/components/AccountTools.tsx
@@ -18,6 +18,8 @@ export function AccountTools({ isAdmin }: { isAdmin: boolean }) {
     { 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: '/vote-points', icon: 'vote-icon', label: t('svcVote'), desc: t('svcVoteDesc') },
+    // Panel de administración: una tool-button más dentro de «Opciones de cuenta» (solo admins).
+    ...(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') },
@@ -34,18 +36,6 @@ export function AccountTools({ isAdmin }: { isAdmin: boolean }) {
 
   return (
     <div className="body-box-content-account">
-      {isAdmin && (
-        <Link href="/admin">
-          <div className="tool-button">
-            <div className="acc-icon store-icon"></div>
-            <div className="tool-button-div">
-              <span className="yellow-info shadow">🛡️ {t('adminPanel')}</span>
-              <br />
-              <span className="second-brown shadow">{t('adminPanelDesc')}</span>
-            </div>
-          </div>
-        </Link>
-      )}
       <Panel id="account-settings" arrow="fa-arrow-down-account" title={t('accountOptions')} tools={accountTools} />
       <Panel id="character-settings" arrow="fa-arrow-down-character" title={t('characterOptions')} tools={characterTools} />
     </div>