From 3b6cb27d2ac8eddd9d88538808957c372ff2ff53 Mon Sep 17 00:00:00 2001
From: Akash Singh <akashsingh.coding@gmail.com>
Date: Thu, 8 Jan 2026 16:32:41 +0530
Subject: [PATCH 1/2] backend: allow webp images in validation

---
 backend/app/utils/images.py | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/backend/app/utils/images.py b/backend/app/utils/images.py
index c3b202205..c9770b584 100644
--- a/backend/app/utils/images.py
+++ b/backend/app/utils/images.py
@@ -310,10 +310,11 @@ def image_util_find_folder_id_for_image(
 def image_util_is_valid_image(file_path: str) -> bool:
     """Check if the file is a valid image with allowed extensions."""
     # Check file extension first
-    allowed_extensions = {".jpg", ".jpeg", ".png"}
+    allowed_extensions = {".jpg", ".jpeg", ".png",".webp"}
     file_extension = Path(file_path).suffix.lower()
 
     if file_extension not in allowed_extensions:
+        # Unsupported image format
         return False
 
     # Then verify it's a valid image

From d052a7dfb965828f507ab5b9c2f6f761698d345c Mon Sep 17 00:00:00 2001
From: Akash Singh <akashsingh.coding@gmail.com>
Date: Thu, 8 Jan 2026 17:21:52 +0530
Subject: [PATCH 2/2] ui: update supported image formats to include WebP

---
 frontend/src/components/EmptyStates/EmptyAITaggingState.tsx | 2 +-
 frontend/src/components/EmptyStates/EmptyGalleryState.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/EmptyStates/EmptyAITaggingState.tsx b/frontend/src/components/EmptyStates/EmptyAITaggingState.tsx
index f89349524..8eccc224d 100644
--- a/frontend/src/components/EmptyStates/EmptyAITaggingState.tsx
+++ b/frontend/src/components/EmptyStates/EmptyAITaggingState.tsx
@@ -20,7 +20,7 @@ export const EmptyAITaggingState = () => {
         </div>
         <div className="flex items-center gap-2">
           <ImageIcon className="h-4 w-4" />
-          <span>Supports PNG, JPG, JPEG image formats.</span>
+          <span>Supports PNG, JPG, JPEG, WebP image formats.</span>
         </div>
       </div>
     </div>
diff --git a/frontend/src/components/EmptyStates/EmptyGalleryState.tsx b/frontend/src/components/EmptyStates/EmptyGalleryState.tsx
index 881292638..f4f222ab6 100644
--- a/frontend/src/components/EmptyStates/EmptyGalleryState.tsx
+++ b/frontend/src/components/EmptyStates/EmptyGalleryState.tsx
@@ -20,7 +20,7 @@ export const EmptyGalleryState = () => {
         </div>
         <div className="flex items-center gap-2">
           <ImageIcon className="h-4 w-4" />
-          <span>Supports PNG, JPG, JPEG image formats.</span>
+          <span>Supports PNG, JPG, JPEG, WebP image formats.</span>
         </div>
       </div>
     </div>