Update app.py

app.py

@@ -46,7 +46,6 @@ def image_to_svg(image, colormode, hierarchical, filter_speckle, color_precision
 # --- Gradio User Interface ---
 with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue")) as demo:
     
-    # --- Top Row: Upload and Project Info ---
     with gr.Row():
         with gr.Column(scale=1):
             image_input = gr.Image(type="filepath", label="Upload Your Image", sources=["upload", "clipboard"])
@@ -63,9 +62,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue")) as demo:
                 """
             )
 
-    # --- Bottom Row: Controls and Output ---
     with gr.Row(variant="panel"):
-        # ----- Control Panel Column -----
         with gr.Column(scale=1):
             gr.Markdown("### Control Panel")
             with gr.Group():
@@ -73,7 +70,11 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue")) as demo:
                 colormode = gr.Radio(["Color", "B/W"], value="Color", label="Color Mode")
                 hierarchical = gr.Radio(["Stacked", "Cutout"], value="Stacked", label="Hierarchical Mode")
                 filter_speckle = gr.Slider(0, 128, value=4, step=1, label="Filter Speckle (Cleaner)")
-                color_precision = gr.Slider(0, 8, value=6, step=1, label="Color Precision (More accurate)")
+                
+                # **THE FIX:** The vtracer backend panics if color_precision is 8 or greater.
+                # The valid range is 0-7. This slider now enforces that constraint.
+                color_precision = gr.Slider(0, 7, value=6, step=1, label="Color Precision (More accurate)")
+                
                 layer_difference = gr.Slider(0, 128, value=16, step=1, label="Gradient Step (Less layers)")
 
             with gr.Group():
@@ -84,7 +85,6 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue")) as demo:
                 splice_threshold = gr.Slider(0, 180, value=45, step=1, label="Splice Threshold (Less accurate)")
                 path_precision = gr.Slider(1, 8, value=3, step=1, label="Path Precision")
         
-        # ----- Output Column -----
         with gr.Column(scale=2):
             gr.Markdown("### Result")
             with gr.Tabs():
@@ -94,8 +94,6 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue")) as demo:
                     svg_text_output = gr.Code(label="Generated SVG Code", language="html", interactive=False)
             
             svg_file_output = gr.File(label="Download SVG")
-
-    # --- Event Handling for Live Update ---
     
     all_inputs = [
         image_input, colormode, hierarchical, filter_speckle, color_precision, 
@@ -104,16 +102,10 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue")) as demo:
     
     all_outputs = [svg_file_output, svg_text_output, svg_image_output]
 
-    # **THE FIX:** Use '.release' for sliders to avoid excessive updates.
-    # Use '.change' for controls that only fire once per action.
-    
-    # Sliders will trigger the function only when the user lets go of the mouse.
     for slider in [filter_speckle, color_precision, layer_difference, corner_threshold, length_threshold, splice_threshold, path_precision]:
         slider.release(fn=image_to_svg, inputs=all_inputs, outputs=all_outputs)
 
-    # Image upload and radio buttons will trigger immediately on change.
     for component in [image_input, colormode, hierarchical, mode]:
         component.change(fn=image_to_svg, inputs=all_inputs, outputs=all_outputs)
 
-# To launch the application
 demo.launch()