From cffb2139d1f879b83c11fc7b43a3097eaff6c7c4 Mon Sep 17 00:00:00 2001
From: Pandipipas <62224708+Pandipipas@users.noreply.github.com>
Date: Mon, 16 Feb 2026 22:45:42 +0100
Subject: [PATCH] Replace manual token external link with in-dialog tutorial

---
 src/dashboard/scoreko-dev/views/Players.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/dashboard/scoreko-dev/views/Players.vue b/src/dashboard/scoreko-dev/views/Players.vue
index ab7fe8e..caeaaac 100644
--- a/src/dashboard/scoreko-dev/views/Players.vue
+++ b/src/dashboard/scoreko-dev/views/Players.vue
@@ -306,7 +306,6 @@ const connectWithStartGGOAuth = async () => {
 const openManualTokenDialog = () => {
   manualTokenDraft.value = startGGToken.value;
   isManualTokenDialogOpen.value = true;
-  window.open('https://developer.start.gg/docs/authentication', '_blank', 'noopener,noreferrer');
 };
 
 const saveManualToken = () => {
@@ -678,9 +677,16 @@ onBeforeUnmount(() => {
         </QCardSection>
         <QSeparator />
         <QCardSection>
-          <div class="text-body2 q-mb-md">
-            Si OAuth falla, puedes crear tu token personal manualmente. Se abrirá la documentación oficial de start.gg en una pestaña nueva.
+          <div class="text-body2 q-mb-sm">
+            Si OAuth falla, puedes crear tu token personal manualmente con estos pasos:
           </div>
+          <ol class="q-pl-md q-mb-md manual-token-steps">
+            <li>Ir a https://start.gg/admin/profile/developer</li>
+            <li>Iniciar sesión con tu cuenta</li>
+            <li>De los 3 access tokens, clicar en <strong>Third Party</strong></li>
+            <li>Crear uno nuevo y cubrir la descripción con el nombre que quieras</li>
+            <li>Copiar el token generado y pegarlo en Scoreko</li>
+          </ol>
           <QInput
             v-model="manualTokenDraft"
             label="Pega tu token personal"
@@ -889,6 +895,10 @@ onBeforeUnmount(() => {
   border-bottom: 1px solid rgba(255, 255, 255, 0.34);
 }
 
+.manual-token-steps {
+  line-height: 1.5;
+}
+
 .visually-hidden {
   position: absolute;
   width: 1px;