feat(migrations): Rename indexes and update global integration settings fields for improved clarity and functionality

feat(admin): Add API monitoring, debug console, and system health templates for enhanced admin interface

docs: Add AI system cleanup summary and audit report detailing architecture, token management, and recommendations

docs: Introduce credits and tokens system guide outlining configuration, data flow, and monitoring strategies

frontend/src/layout/AppLayout.tsx

@@ -10,7 +10,6 @@ import { useBillingStore } from "../store/billingStore";
 import { useHeaderMetrics } from "../context/HeaderMetricsContext";
 import { useErrorHandler } from "../hooks/useErrorHandler";
 import { trackLoading } from "../components/common/LoadingStateMonitor";
-import ResourceDebugOverlay from "../components/debug/ResourceDebugOverlay";
 import PendingPaymentBanner from "../components/billing/PendingPaymentBanner";
 
 const LayoutContent: React.FC = () => {
@@ -22,7 +21,6 @@ const LayoutContent: React.FC = () => {
   const { addError } = useErrorHandler('AppLayout');
   const hasLoadedSite = useRef(false);
   const isLoadingSite = useRef(false);
-  const [debugEnabled, setDebugEnabled] = useState(false);
   const lastUserRefresh = useRef<number>(0);
 
   // Initialize site store on mount - only once, but only if authenticated
@@ -145,22 +143,6 @@ const LayoutContent: React.FC = () => {
     }]);
   }, [balance, isAuthenticated, setMetrics]);
 
-  // Listen for debug toggle changes
-  useEffect(() => {
-    const saved = localStorage.getItem('debug_resource_tracking_enabled');
-    setDebugEnabled(saved === 'true');
-    
-    const handleToggle = (e: Event) => {
-      const customEvent = e as CustomEvent;
-      setDebugEnabled(customEvent.detail);
-    };
-    
-    window.addEventListener('debug-resource-tracking-toggle', handleToggle);
-    return () => {
-      window.removeEventListener('debug-resource-tracking-toggle', handleToggle);
-    };
-  }, []);
-
   return (
     <div className="min-h-screen xl:flex">
       <div>
@@ -178,8 +160,6 @@ const LayoutContent: React.FC = () => {
         <div className="p-4 pb-20 md:p-6 md:pb-24">
           <Outlet />
         </div>
-        {/* Resource Debug Overlay - Only visible when enabled by admin */}
-        <ResourceDebugOverlay enabled={debugEnabled} />
       </div>
     </div>
   );