feat: Implement plan for bug fixes

src/components/settings/AccountDeletionDialog.tsx

@@ -1,4 +1,5 @@
 import { useReducer } from 'react';
+import { invokeWithTracking } from '@/lib/edgeFunctionTracking';
 import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter } from '@/components/ui/alert-dialog';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
@@ -57,9 +58,11 @@ export function AccountDeletionDialog({ open, onOpenChange, userEmail, onDeletio
     dispatch({ type: 'SET_LOADING', payload: true });
     
     try {
-      const { data, error } = await supabase.functions.invoke('request-account-deletion', {
-        body: {},
-      });
+      const { data, error, requestId } = await invokeWithTracking(
+        'request-account-deletion',
+        {},
+        (await supabase.auth.getUser()).data.user?.id
+      );
 
       if (error) throw error;
 
@@ -88,9 +91,11 @@ export function AccountDeletionDialog({ open, onOpenChange, userEmail, onDeletio
     dispatch({ type: 'SET_LOADING', payload: true });
     
     try {
-      const { error } = await supabase.functions.invoke('confirm-account-deletion', {
-        body: { confirmation_code: state.confirmationCode },
-      });
+      const { error, requestId } = await invokeWithTracking(
+        'confirm-account-deletion',
+        { confirmation_code: state.confirmationCode },
+        (await supabase.auth.getUser()).data.user?.id
+      );
 
       if (error) throw error;
 
@@ -110,9 +115,11 @@ export function AccountDeletionDialog({ open, onOpenChange, userEmail, onDeletio
     dispatch({ type: 'SET_LOADING', payload: true });
     
     try {
-      const { error } = await supabase.functions.invoke('resend-deletion-code', {
-        body: {},
-      });
+      const { error, requestId } = await invokeWithTracking(
+        'resend-deletion-code',
+        {},
+        (await supabase.auth.getUser()).data.user?.id
+      );
 
       if (error) throw error;
 

src/components/settings/AccountProfileTab.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { invokeWithTracking } from '@/lib/edgeFunctionTracking';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Button } from '@/components/ui/button';
@@ -172,12 +173,11 @@ export function AccountProfileTab() {
       }
 
       // Call the edge function with explicit authorization header
-      const { data, error } = await supabase.functions.invoke('cancel-email-change', {
-        method: 'POST',
-        headers: {
-          Authorization: `Bearer ${session.access_token}`,
-        },
-      });
+      const { data, error, requestId } = await invokeWithTracking(
+        'cancel-email-change',
+        {},
+        user.id
+      );
 
       if (error) {
         console.error('Edge function error:', error);

src/components/settings/DataExportTab.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { invokeWithTracking } from '@/lib/edgeFunctionTracking';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Separator } from '@/components/ui/separator';
@@ -163,11 +164,10 @@ export function DataExportTab() {
       });
 
       // Call edge function for secure export
-      const { data, error } = await supabase.functions.invoke<ExportRequestResult>(
+      const { data, error, requestId } = await invokeWithTracking<ExportRequestResult>(
         'export-user-data',
-        {
-          body: validatedOptions
-        }
+        validatedOptions,
+        user.id
       );
 
       if (error) {

src/components/settings/DeletionStatusBanner.tsx

@@ -1,6 +1,7 @@
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
 import { Button } from '@/components/ui/button';
 import { supabase } from '@/integrations/supabase/client';
+import { invokeWithTracking } from '@/lib/edgeFunctionTracking';
 import { useToast } from '@/hooks/use-toast';
 import { AlertTriangle, Loader2 } from 'lucide-react';
 import { useState } from 'react';
@@ -26,9 +27,11 @@ export function DeletionStatusBanner({ scheduledDate, onCancelled }: DeletionSta
   const handleCancelDeletion = async () => {
     setLoading(true);
     try {
-      const { error } = await supabase.functions.invoke('cancel-account-deletion', {
-        body: { cancellation_reason: 'User cancelled from settings' },
-      });
+      const { error, requestId } = await invokeWithTracking(
+        'cancel-account-deletion',
+        { cancellation_reason: 'User cancelled from settings' },
+        (await supabase.auth.getUser()).data.user?.id
+      );
 
       if (error) throw error;
 

src/components/settings/PasswordUpdateDialog.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { invokeWithTracking } from '@/lib/edgeFunctionTracking';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import {
@@ -302,8 +303,9 @@ export function PasswordUpdateDialog({ open, onOpenChange, onSuccess }: Password
 
         // Step 4: Send security notification
         try {
-          await supabase.functions.invoke('trigger-notification', {
-            body: {
+          await invokeWithTracking(
+            'trigger-notification',
+            {
               workflowId: 'security-alert',
               subscriberId: user.id,
               payload: {
@@ -311,8 +313,9 @@ export function PasswordUpdateDialog({ open, onOpenChange, onSuccess }: Password
                 timestamp: new Date().toISOString(),
                 device: navigator.userAgent.split(' ')[0]
               }
-            }
-          });
+            },
+            user.id
+          );
         } catch (notifError) {
           logger.error('Failed to send password change notification', {
             userId: user!.id,