Connect to Lovable Cloud

src/components/upload/UppyPhotoSubmissionUpload.tsx

@@ -52,6 +52,31 @@ export function UppyPhotoSubmissionUpload({
   const { user } = useAuth();
   const { toast } = useToast();
 
+  /**
+   * ✅ CRITICAL FIX: Cleanup orphaned Cloudflare images
+   * Called when DB transaction fails after successful uploads
+   */
+  const cleanupOrphanedImages = async (imageIds: string[]) => {
+    if (imageIds.length === 0) return;
+    
+    logger.warn('Cleaning up orphaned images', { count: imageIds.length });
+    
+    try {
+      await Promise.allSettled(
+        imageIds.map(id => 
+          invokeWithTracking('upload-image', { action: 'delete', imageId: id }, user?.id)
+        )
+      );
+      logger.info('Orphaned images cleaned up', { count: imageIds.length });
+    } catch (error) {
+      // Non-blocking cleanup - log but don't fail
+      logger.error('Failed to cleanup orphaned images', { 
+        error: getErrorMessage(error), 
+        imageIds 
+      });
+    }
+  };
+
   const handleFilesSelected = (files: File[]) => {
     // Convert files to photo objects with object URLs for preview
     const newPhotos: PhotoWithCaption[] = files.map((file, index) => ({
@@ -424,6 +449,22 @@ export function UppyPhotoSubmissionUpload({
             throw photoSubmissionError || new Error("Failed to create photo submission");
           }
 
+          // ✅ CRITICAL FIX: Create submission_items record for moderation queue
+          const { error: submissionItemError } = await supabase
+            .from('submission_items')
+            .insert({
+              submission_id: submissionData.id,
+              item_type: 'photo',
+              action_type: 'create',
+              status: 'pending',
+              order_index: 0,
+              photo_submission_id: photoSubmissionData.id
+            });
+
+          if (submissionItemError) {
+            throw submissionItemError;
+          }
+
           // Insert only successful photo items
           const photoItems = successfulPhotos.map((photo, index) => ({
             photo_submission_id: photoSubmissionData.id,
@@ -527,6 +568,13 @@ export function UppyPhotoSubmissionUpload({
     } catch (error: unknown) {
       const errorMsg = sanitizeErrorMessage(error);
       
+      // ✅ CRITICAL FIX: Cleanup orphaned images on failure
+      if (orphanedCloudflareIds.length > 0) {
+        cleanupOrphanedImages(orphanedCloudflareIds).catch(() => {
+          // Non-blocking - log already handled in cleanupOrphanedImages
+        });
+      }
+      
       logger.error('Photo submission failed', {
         error: errorMsg,
         photoCount: photos.length,