Connect to Lovable Cloud

Improve CORS handling and error logging to fix moderation edge cases:
- Add x-idempotency-key to allowed CORS headers and expose explicit POST methods
- Extend CORS headers to include Access-Control-Allow-Methods
- Update edge function tracing and client error handling to better detect and log CORS/network issues
- Enhance error handling utilities to surface CORS-related failures and provide clearer user messages

src/lib/errorHandler.ts

@@ -38,12 +38,24 @@ export function isSupabaseConnectionError(error: unknown): boolean {
     
     // Database connection errors (08xxx codes)
     if (supabaseError.code?.startsWith('08')) return true;
+    
+    // Check message for CORS and connectivity keywords
+    const message = supabaseError.message?.toLowerCase() || '';
+    if (message.includes('cors') || 
+        message.includes('cross-origin') || 
+        message.includes('failed to send')) {
+      return true;
+    }
   }
   
   // Network fetch errors
   if (error instanceof TypeError) {
     const message = error.message.toLowerCase();
-    if (message.includes('fetch') || message.includes('network') || message.includes('failed to fetch')) {
+    if (message.includes('fetch') || 
+        message.includes('network') || 
+        message.includes('failed to fetch') ||
+        message.includes('cors') ||
+        message.includes('cross-origin')) {
       return true;
     }
   }
@@ -61,7 +73,15 @@ export const handleError = (
   
   // Check if this is a connection error and dispatch event
   if (isSupabaseConnectionError(error)) {
-    window.dispatchEvent(new CustomEvent('api-connectivity-down'));
+    const errorMsg = getErrorMessage(error).toLowerCase();
+    const isCors = errorMsg.includes('cors') || errorMsg.includes('cross-origin');
+    
+    window.dispatchEvent(new CustomEvent('api-connectivity-down', {
+      detail: { 
+        isCorsError: isCors,
+        error: errorMsg,
+      }
+    }));
   }
   
   // Enhanced error message and stack extraction
@@ -132,6 +152,9 @@ export const handleError = (
   }
 
   // Log to console/monitoring with enhanced debugging
+  const isCorsError = errorMessage.toLowerCase().includes('cors') || 
+                      errorMessage.toLowerCase().includes('cross-origin') ||
+                      errorMessage.toLowerCase().includes('failed to send');
   
   logger.error('Error occurred', {
     ...context,
@@ -144,6 +167,8 @@ export const handleError = (
     hasStack: !!stack,
     isSyntheticStack: !!(error && typeof error === 'object' && !(error instanceof Error) && stack),
     supabaseError: supabaseErrorDetails,
+    isCorsError,
+    debugHint: isCorsError ? 'Browser blocked request - check CORS headers or network connectivity' : undefined,
   });
   
   // Additional debug logging when stack is missing