Connect to Lovable Cloud

Implement monitoring and alert-resolve UI improvements:
- Enhance useAlertGroupActions with robust error handling and breadcrumb logging
- Add loading state visuals to GroupedAlertsPanel and Resolve All button
- Integrate loading indicator (Loader2) for better user feedback during resolves

src/hooks/admin/useAlertGroupActions.ts

@@ -2,6 +2,7 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { supabase } from '@/lib/supabaseClient';
 import { queryKeys } from '@/lib/queryKeys';
 import { toast } from 'sonner';
+import { breadcrumb } from '@/lib/errorBreadcrumbs';
 import type { GroupedAlert } from './useGroupedAlerts';
 
 export function useResolveAlertGroup() {
@@ -16,13 +17,33 @@ export function useResolveAlertGroup() {
       source: 'system' | 'rate_limit';
     }) => {
       const table = source === 'system' ? 'system_alerts' : 'rate_limit_alerts';
-      const { error } = await supabase
+      
+      // Log breadcrumb for debugging
+      breadcrumb.userAction(`resolve-alerts`, 'AlertGroupActions', {
+        alertIds,
+        source,
+        count: alertIds.length,
+      });
+      
+      const { data, error } = await supabase
         .from(table)
         .update({ resolved_at: new Date().toISOString() })
-        .in('id', alertIds);
+        .in('id', alertIds)
+        .select();
       
-      if (error) throw error;
-      return { count: alertIds.length };
+      if (error) {
+        // Enhanced error handling with specific messages
+        if (error.code === '42501') {
+          throw new Error('Permission denied. You do not have access to resolve these alerts.');
+        } else if (error.code === 'PGRST116') {
+          throw new Error('No alerts found to resolve. They may have already been resolved.');
+        } else {
+          console.error('Supabase error details:', error);
+          throw new Error(`Failed to resolve alerts: ${error.message}`);
+        }
+      }
+      
+      return { count: alertIds.length, updatedAlerts: data };
     },
     onMutate: async ({ alertIds }) => {
       // Cancel any outgoing refetches
@@ -60,7 +81,7 @@ export function useResolveAlertGroup() {
     onSuccess: (data) => {
       toast.success(`Resolved ${data.count} alert${data.count > 1 ? 's' : ''}`);
     },
-    onError: (error, variables, context) => {
+    onError: (error: Error, variables, context) => {
       // Rollback on error
       if (context?.previousData) {
         queryClient.setQueryData(
@@ -68,8 +89,19 @@ export function useResolveAlertGroup() {
           context.previousData
         );
       }
-      toast.error('Failed to resolve alerts');
-      console.error('Error resolving alert group:', error);
+      
+      // Show detailed error message
+      toast.error(error.message || 'Failed to resolve alerts', {
+        description: 'Please try again or contact support if the issue persists.',
+        duration: 5000,
+      });
+      
+      // Log to error tracking system
+      breadcrumb.apiCall('resolve-alerts', 'POST', 500);
+      console.error('Error resolving alert group:', error, {
+        alertIds: variables.alertIds,
+        source: variables.source,
+      });
     },
     onSettled: () => {
       queryClient.invalidateQueries({