\n {!selected ? (\n \n \n Conecta tu primer bot de Discord pegando su token en la barra lateral. Luego elige un canal,\n escríbele una persona y enciéndelo: responderá con IA a quien lo mencione.\n \n \n ) : (\n <>\n \n {selected.avatar\n ? $\"\"$ \n : 🤖}\n

{selected.name}

\n \n

\n {selected.guildName ? `Servidor: ${selected.guildName}` : \"Sin servidor detectado\"}\n {selected.config.channelName ? ` · Canal: #${selected.config.channelName}` : \" · Sin canal\"}\n {selected.tokenHint ? ` · Token ${selected.tokenHint}` : \"\"}\n

\n toggleBot(selected)}\n disabled={busyState}\n >\n {busyState ? : null}\n {selected.desiredState === \"online\" ? \"Apagar bot\" : \"Encender bot\"}\n \n \n \n\n {selected.lastError ? {selected.lastError} : null}\n\n

\n {tabs.map((item) => (\n setTab(item.id)}\n className={cx(\n \"flex-1 rounded-lg px-3 py-2 text-sm font-medium transition-colors\",\n tab === item.id ? \"bg-[#5865F2] text-white\" : \"text-[#b5bac1] hover:bg-[#35373c]\",\n )}\n >\n {item.icon}{item.label}\n \n ))}\n

\n\n {tab === \"chat\" ? (\n {\n setBots((prev) =>\n prev.map((bot) =>\n bot.id === selected.id ? { ...bot, config: { ...bot.config, ...patch } } : bot\n )\n );\n notify(\"Persona actualizada con el texto de la IA.\");\n }}\n />\n ) : null}\n\n {tab === \"embeds\" ? : null}\n\n {tab === \"settings\" ? (\n setBots((prev) => prev.map((item) => (item.id === bot.id ? bot : item)))}\n onDeleted={() => {\n setBots((prev) => prev.filter((item) => item.id !== selected.id));\n setSelectedId(null);\n notify(\"Bot eliminado.\", \"amber\");\n }}\n />\n ) : null}\n \n )}\n

1 · Configura las variables de entorno

\n El login con Discord es obligatorio para entrar al dashboard. En el Discord Developer Portal\n (OAuth2 → Redirects) añade esta URL de redirección:{\" \"}\n {window.location.origin}/auth/discord/callback.\n

\n {envVars.map((item) => {\n const ready = item.key === \"GROQ_API_KEY\"\n ? config?.groqConfigured\n : item.key === \"ENCRYPTION_KEY\"\n ? config?.encryptionConfigured\n : config?.discordConfigured;\n return (\n

\n \n

\n \n {item.key}\n \n

{item.label} · {item.hint}

\n {ready ? listo : pendiente}\n

\n );\n })}\n

2 · Entra con Discord

\n Solo tú verás tus bots: cada consulta se filtra por tu usuario.\n

\n 🔐 Iniciar sesión con Discord\n \n {!config?.discordConfigured ? (\n

\n El botón se activará cuando definas DISCORD_CLIENT_ID y DISCORD_CLIENT_SECRET.\n

\n ) : null}\n

\n ¿Curioso? mira el código de este val.\n

Discord Bot Forge

{selected.name}

Discord Bot Forge

1 · Configura las variables de entorno

2 · Entra con Discord