From 8776d645a5240d5ad97002b54a8ccac86906cca8 Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Fri, 30 Jan 2026 05:47:50 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=92=20Enhance=20developer=20tools=20ac?=
 =?UTF-8?q?cess=20control=20with=20JWT=20and=20Discord=20OAuth=20permissio?=
 =?UTF-8?q?ns?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/DeveloperTools.vue         | 29 +++++++++++++++----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/code/websites/pokedex.online/src/components/DeveloperTools.vue b/code/websites/pokedex.online/src/components/DeveloperTools.vue
index 91c4067..fa4d021 100644
--- a/code/websites/pokedex.online/src/components/DeveloperTools.vue
+++ b/code/websites/pokedex.online/src/components/DeveloperTools.vue
@@ -120,21 +120,40 @@
 
 <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 } = useAuth();
+const discord = useDiscordOAuth();
 const {
   getFlags,
   toggle: toggleFlagOverride,
-  resetAll: resetAllOverrides,
-  isEnabled
+  resetAll: resetAllOverrides
 } = useFeatureFlags();
 
 const isOpen = ref(false);
 
-// Always show in development mode, otherwise only if enabled via feature flag
+// Show only for:
+// 1. Development mode
+// 2. JWT authenticated users with developer_tools.view permission
+// 3. Discord authenticated users with developer_tools.view permission
 const isAvailable = computed(() => {
-  return process.env.NODE_ENV === 'development' || isEnabled('developer-tools');
+  const isDev = process.env.NODE_ENV === 'development';
+  
+  // Check JWT auth permissions
+  const hasJwtPermission = user.value?.permissions?.includes(
+    'developer_tools.view'
+  );
+  
+  // Check Discord OAuth permissions
+  const hasDiscordPermission = discord.hasDevAccess();
+  
+  const hasPermission = hasJwtPermission || hasDiscordPermission;
+  
+  return isDev || hasPermission;
 });
+
 const nodeEnv = computed(() => process.env.NODE_ENV || 'unknown');
 const appVersion = computed(
   () => import.meta.env.VITE_APP_VERSION || '1.0.0-dev'
@@ -160,7 +179,7 @@ const resetAll = () => {
   }
 };
 
-// Keyboard shortcut: Ctrl+Shift+D
+// Keyboard shortcut: Ctrl+Shift+D (only works if user has access)
 const handleKeyDown = e => {
   if (e.ctrlKey && e.shiftKey && e.code === 'KeyD') {
     e.preventDefault();