workaround for imageeditor throwing errors in browser console

app.py

@@ -199,10 +199,16 @@ def process_image_trace_to_coordinates(image_editor_data) -> List[List[Dict[str,
             # Skip if layer is not a PIL Image or is empty
             if not isinstance(layer, Image.Image):
                 print(f"[DEBUG] Layer {i} is not a PIL Image")
-                continue
-            
-            # Convert layer to numpy array to find non-transparent pixels
-            layer_array = np.array(layer)
+                # try to parse from numpy array if possible
+                if isinstance(layer, np.ndarray):
+                    layer_array = layer
+                    layer = Image.fromarray(layer)
+                    print(f"[DEBUG] Layer {i} converted from numpy array to PIL Image")
+                else:
+                    continue
+            else:
+                # Convert layer to numpy array to find non-transparent pixels
+                layer_array = np.array(layer)
             
             # Find non-transparent pixels (alpha > 0)
             if layer_array.shape[2] == 4:  # RGBA
@@ -841,13 +847,13 @@ def create_gradio_interface(model_config_name : str):
                 image_editor = gr.ImageEditor(
                     elem_id="image_editor",
                     label="Upload image and draw traces",
-                    type="pil",
-                    crop_size=None,
+                    type="numpy",
+                    #crop_size=None,
                     brush=gr.Brush(default_size=10, colors=[colors[color_index]], color_mode="fixed"),  # orange with ~60% opacity
                     visible=True,
                     eraser=False,
                     transforms=[],
-                    height=600,
+                    height=600,              
                     #layers=gr.LayerOptions(allow_additional_layers=True, disabled=True),
                 )
                 
@@ -921,7 +927,8 @@ def create_gradio_interface(model_config_name : str):
                 example_images = get_example_images()
                 if evt.index < len(example_images):
                     selected_image_path = example_images[evt.index]
-                    img = Image.open(selected_image_path)
+                    img = Image.open(selected_image_path).convert('RGB')
+                    
                     # For ImageEditor, return the PIL image directly
                     # For image_annotator, return dict format as expected by the component
                     if not USE_BBOX_ANNOTATOR:
@@ -932,6 +939,10 @@ def create_gradio_interface(model_config_name : str):
                         }
                     else:
                         annotated_format = tuple((selected_image_path, []))
+                    
+                    # convert to numpy array for ImageEditor
+                    img = np.array(img)
+
                     return img, annotated_format
                 return None, empty_annotated_format
             except Exception as e: