From fae6ecdbfcb725bca25b498d972f319b89114e60 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sat, 15 Mar 2025 05:23:52 +0000
Subject: [PATCH] Add Debug tab and section for debug tools

---
 admin/settings.php | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/admin/settings.php b/admin/settings.php
index 3da439d..f99af2f 100644
--- a/admin/settings.php
+++ b/admin/settings.php
@@ -514,6 +514,9 @@ function wp_allstars_settings_page() {
                     <a href="?page=wp-allstars&tab=theme" class="nav-tab <?php echo $active_tab == 'theme' ? 'nav-tab-active' : ''; ?>">
                         <?php esc_html_e('Theme', 'wp-allstars'); ?>
                     </a>
+                    <a href="?page=wp-allstars&tab=debug" class="nav-tab <?php echo $active_tab == 'debug' ? 'nav-tab-active' : ''; ?>">
+                        <?php esc_html_e('Debug', 'wp-allstars'); ?>
+                    </a>
                 </h2>
             </div>
 
@@ -927,7 +930,30 @@ function wp_allstars_settings_page() {
                             <?php esc_html_e('Minifies JavaScript files to reduce file size and improve load times.', 'wp-allstars'); ?>
                         </p>
                 </div>
-            <?php endif; ?>
+            <?php elseif ($active_tab == 'debug'): ?>
+                    <div class="wpa-plugin-filters">
+                        <a href="?page=wp-allstars&tab=debug&category=debug" 
+                           class="button <?php echo $active_category == 'debug' ? 'button-primary' : ''; ?>">
+                            <?php esc_html_e('Debug Tools', 'wp-allstars'); ?>
+                        </a>
+                    </div>
+
+                    <div class="wp-list-table-container">
+                        <div class="wpa-loading-overlay">
+                            <span class="spinner is-active"></span>
+                        </div>
+                        <div id="wpa-plugin-list"></div>
+                    </div>
+
+                    <script>
+                    jQuery(document).ready(function($) {
+                        // Load debug plugins on page load
+                        var currentCategory = 'debug';
+                        loadPlugins(currentCategory);
+                    });
+                    </script>
+
+                <?php endif; ?>
             </div>
         </div>
     </div>