Update app.py

app.py

@@ -4,7 +4,7 @@ from PIL import Image
 import vtracer
 import tempfile
 
-# --- 1. Erweitertes Wörterbuch für die komplette Übersetzung ---
+# Unverändertes TRANSLATIONS-Wörterbuch...
 TRANSLATIONS = {
     'en': {
         'title': '# Convert Image to SVG Vectors',
@@ -50,6 +50,7 @@ TRANSLATIONS = {
     }
 }
 
+# Unveränderte convert_image Funktion...
 def convert_image(image, color_mode, hierarchical, mode, filter_speckle, 
                   color_precision, layer_difference, corner_threshold, 
                   length_threshold, max_iterations, splice_threshold, path_precision):
@@ -80,23 +81,15 @@ def convert_image(image, color_mode, hierarchical, mode, filter_speckle,
     temp_file.write(svg_str)
     temp_file.close()
     
-    # Simple preview, as full SVG rendering can be complex in gr.HTML
     preview_html = f"<div style='background-color:#f0f0f0; padding:10px; border-radius:5px;'>SVG successfully generated. Preview:<br><img src='/file={temp_file.name}' width='300'></div>"
 
     return preview_html, temp_file.name
 
-# --- 2. Manuelles UI-Layout mit gr.Blocks für volle Kontrolle ---
+
 with gr.Blocks() as vector_converter_interface:
-    # Initial language is 'en'
-    lang = 'de'
+    lang = 'en' # Start mit Englisch
 
-    language_dropdown = gr.Dropdown(
-        choices=['en', 'de'],
-        value=lang,
-        label=TRANSLATIONS[lang]['lang_label'],
-        interactive=True
-    )
-    
+    language_dropdown = gr.Dropdown(choices=['en', 'de'], value=lang, label=TRANSLATIONS[lang]['lang_label'], interactive=True)
     title = gr.Markdown(value=TRANSLATIONS[lang]['title'])
     description = gr.Markdown(value=TRANSLATIONS[lang]['description'])
 
@@ -104,9 +97,12 @@ with gr.Blocks() as vector_converter_interface:
         with gr.Column(scale=1):
             image_input = gr.Image(type="pil", label=TRANSLATIONS[lang]['image_label'])
             
-            with gr.Accordion(TRANSLATIONS[lang]['advanced_label'], open=False):
+            # --- ÄNDERUNG 1: Variable für Accordion hinzugefügt ---
+            advanced_accordion = gr.Accordion(TRANSLATIONS[lang]['advanced_label'], open=False)
+            with advanced_accordion:
                 color_mode_input = gr.Radio(choices=["Color", "Binary"], value="Color", label=TRANSLATIONS[lang]['color_mode_label'])
                 hierarchical_input = gr.Radio(choices=["Stacked", "Cutout"], value="Stacked", label=TRANSLATIONS[lang]['hierarchical_label'])
+                # ... restliche Inputs unverändert ...
                 mode_input = gr.Radio(choices=["Spline", "Polygon", "None"], value="Spline", label=TRANSLATIONS[lang]['mode_label'])
                 filter_speckle_input = gr.Slider(minimum=1, maximum=10, value=4, step=1, label=TRANSLATIONS[lang]['filter_speckle_label'])
                 color_precision_input = gr.Slider(minimum=1, maximum=8, value=6, step=1, label=TRANSLATIONS[lang]['color_precision_label'])
@@ -123,7 +119,6 @@ with gr.Blocks() as vector_converter_interface:
             svg_output = gr.HTML(label=TRANSLATIONS[lang]['output_svg_label'])
             file_output = gr.File(label=TRANSLATIONS[lang]['download_svg_label'])
 
-    # --- 3. Die Update-Funktion, die alle UI-Elemente aktualisiert ---
     def update_language(language):
         t = TRANSLATIONS[language]
         return {
@@ -131,8 +126,8 @@ with gr.Blocks() as vector_converter_interface:
             title: gr.update(value=t['title']),
             description: gr.update(value=t['description']),
             image_input: gr.update(label=t['image_label']),
-            # Python-seitige Komponenten wie das Accordion müssen so aktualisiert werden
-            gr.Accordion(label=t['advanced_label']): gr.update(),
+            # --- ÄNDERUNG 2: Korrekte Referenz auf die Accordion-Variable ---
+            advanced_accordion: gr.update(label=t['advanced_label']),
             color_mode_input: gr.update(label=t['color_mode_label']),
             hierarchical_input: gr.update(label=t['hierarchical_label']),
             mode_input: gr.update(label=t['mode_label']),
@@ -149,7 +144,6 @@ with gr.Blocks() as vector_converter_interface:
             file_output: gr.update(label=t['download_svg_label']),
         }
 
-    # --- 4. Event-Handler verbinden ---
     all_inputs = [
         image_input, color_mode_input, hierarchical_input, mode_input, 
         filter_speckle_input, color_precision_input, layer_difference_input, 
@@ -158,20 +152,15 @@ with gr.Blocks() as vector_converter_interface:
     ]
     all_outputs = [svg_output, file_output]
     
-    # Konvertierung starten
-    convert_button.click(
-        fn=convert_image,
-        inputs=all_inputs,
-        outputs=all_outputs
-    )
+    convert_button.click(fn=convert_image, inputs=all_inputs, outputs=all_outputs)
     
-    # Sprache ändern
+    # --- ÄNDERUNG 3: Accordion-Variable zur Output-Liste hinzugefügt ---
     ui_components_to_update = [
-        language_dropdown, title, description, image_input, color_mode_input,
-        hierarchical_input, mode_input, filter_speckle_input, color_precision_input,
-        layer_difference_input, corner_threshold_input, length_threshold_input,
-        max_iterations_input, splice_threshold_input, path_precision_input,
-        convert_button, svg_output, file_output
+        language_dropdown, title, description, image_input, advanced_accordion,
+        color_mode_input, hierarchical_input, mode_input, filter_speckle_input, 
+        color_precision_input, layer_difference_input, corner_threshold_input, 
+        length_threshold_input, max_iterations_input, splice_threshold_input, 
+        path_precision_input, convert_button, svg_output, file_output
     ]
     language_dropdown.change(
         fn=update_language,