api monitors

frontend/src/pages/Settings/Sites.tsx

@@ -19,6 +19,7 @@ import {
   Sector,
 } from '../../services/api';
 import Badge from '../../components/ui/badge/Badge';
+import ApiStatusMonitor from '../../components/debug/ApiStatusMonitor';
 
 // Site Icon SVG
 const SiteIcon = () => (
@@ -591,6 +592,16 @@ export default function Sites() {
           />
         )}
       </div>
+
+      {/* API Status Monitor - Only shows when debug toggle is enabled */}
+      <ApiStatusMonitor
+        title="Auth"
+        endpoints={[
+          { name: 'List Sites', method: 'GET', endpoint: '/v1/auth/sites/' },
+          { name: 'Get Industries', method: 'GET', endpoint: '/v1/auth/industries/' },
+          { name: 'Get Seed Keywords', method: 'GET', endpoint: '/v1/auth/seed-keywords/' },
+        ]}
+      />
     </>
   );
 }