From 7c512f410fcb543f23e093de6298a081e602f971 Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Fri, 30 Jan 2026 05:40:37 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=92=20Add=20Discord=20OAuth=20permissi?=
 =?UTF-8?q?on=20check=20for=20developer=20tools=20access?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/DeveloperTools.vue               | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/code/websites/pokedex.online/src/components/DeveloperTools.vue b/code/websites/pokedex.online/src/components/DeveloperTools.vue
index 406af1e..e293961 100644
--- a/code/websites/pokedex.online/src/components/DeveloperTools.vue
+++ b/code/websites/pokedex.online/src/components/DeveloperTools.vue
@@ -121,9 +121,11 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted } from 'vue';
 import { useAuth } from '../composables/useAuth.js';
+import { useDiscordOAuth } from '../composables/useDiscordOAuth.js';
 import { useFeatureFlags } from '../composables/useFeatureFlags.js';
 
 const { user, token } = useAuth();
+const discord = useDiscordOAuth();
 const {
   getFlags,
   toggle: toggleFlagOverride,
@@ -135,11 +137,18 @@ const isOpen = ref(false);
 // Show in development mode or when authenticated with permission in production
 const isAvailable = computed(() => {
   const isDev = process.env.NODE_ENV === 'development';
-  const hasPermission = user.value?.permissions?.includes(
+  
+  // Check JWT token permissions
+  const hasJwtPermission = user.value?.permissions?.includes(
     'developer_tools.view'
   );
+  
+  // Check Discord OAuth permissions
+  const hasDiscordPermission = discord.hasDevAccess();
+  
+  const hasPermission = hasJwtPermission || hasDiscordPermission;
   const isAuthenticatedInProduction =
-    process.env.NODE_ENV === 'production' && user.value && hasPermission;
+    process.env.NODE_ENV === 'production' && hasPermission;
   return isDev || isAuthenticatedInProduction;
 });
 const nodeEnv = computed(() => process.env.NODE_ENV || 'unknown');