Create minimal reproduction case to isolate Gradio schema error

- Temporarily disable heavy ML dependencies (transformers, torch, cv2)
- Replace complex processing with mock data for testing
- Remove show_progress parameter from click handler
- Add minimal test app for debugging

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

app.py

@@ -3,8 +3,8 @@ import json
 import os
 from PIL import Image
 import tempfile
-from utils.extractor import DesignTokenExtractor
-from utils.token_generator import TokenCodeGenerator
+# from utils.extractor import DesignTokenExtractor
+# from utils.token_generator import TokenCodeGenerator
 
 
 def create_token_preview(tokens):
@@ -90,82 +90,33 @@ def process_screenshot(image, output_format, progress=None):
     if image is None:
         return None, "Please upload a screenshot", None
     
-    extractor = DesignTokenExtractor()
-    generator = TokenCodeGenerator()
-    
+    # Temporary stub implementation for testing
     try:
-        if progress:
-            progress(0.1, desc="Initializing extraction...")
-        
-        # Resize image if needed
-        image = extractor.resize_for_processing(image)
-        
-        # Save temporary file for colorgram
-        with tempfile.NamedTemporaryFile(suffix='.png', delete=False) as tmp:
-            temp_path = tmp.name
-            image.save(temp_path)
-        
-        if progress:
-            progress(0.3, desc="Extracting colors...")
-        colors = extractor.extract_colors(temp_path)
-        
-        if progress:
-            progress(0.5, desc="Detecting spacing...")
-        spacing = extractor.detect_spacing(image)
-        
-        if progress:
-            progress(0.6, desc="Analyzing typography...")
-        typography = extractor.detect_typography(image)
-        
-        if progress:
-            progress(0.7, desc="Analyzing components...")
-        components = extractor.analyze_components(image)
-        
-        # Combine all tokens
+        # Mock tokens for testing
         tokens = {
-            "colors": colors,
-            "spacing": spacing,
-            "typography": typography,
-            "components": components
+            "colors": {
+                "primary": {"hex": "#3B82F6", "rgb": "rgb(59, 130, 246)", "proportion": 0.25},
+                "secondary": {"hex": "#8B5CF6", "rgb": "rgb(139, 92, 246)", "proportion": 0.15}
+            },
+            "spacing": {
+                "small": "8px",
+                "medium": "16px", 
+                "large": "32px"
+            },
+            "typography": {
+                "heading": {"family": "sans-serif", "size": "32px", "weight": "700"},
+                "body": {"family": "sans-serif", "size": "16px", "weight": "400"}
+            }
         }
         
-        if progress:
-            progress(0.8, desc="Generating code...")
-        
-        # Generate output based on selected format
-        if output_format == "CSS Variables":
-            code_output = generator.generate_css_variables(tokens)
-            file_ext = "css"
-        elif output_format == "Tailwind Config":
-            code_output = generator.generate_tailwind_config(tokens)
-            file_ext = "js"
-        elif output_format == "JSON Tokens":
-            code_output = generator.generate_json_tokens(tokens)
-            file_ext = "json"
-        elif output_format == "Style Dictionary":
-            code_output = generator.generate_style_dictionary(tokens)
-            file_ext = "json"
-        elif output_format == "SCSS Variables":
-            code_output = generator.generate_scss_variables(tokens)
-            file_ext = "scss"
-        else:
-            code_output = json.dumps(tokens, indent=2)
-            file_ext = "json"
+        # Simple CSS output for testing
+        code_output = ":root {\n  --color-primary: #3B82F6;\n  --color-secondary: #8B5CF6;\n  --spacing-small: 8px;\n  --spacing-medium: 16px;\n  --spacing-large: 32px;\n}"
         
         # Save output file
-        output_filename = f"design_tokens.{file_ext}"
+        output_filename = "design_tokens.css"
         with open(output_filename, "w") as f:
             f.write(code_output)
         
-        # Clean up temp file
-        try:
-            os.unlink(temp_path)
-        except:
-            pass
-        
-        if progress:
-            progress(1.0, desc="Complete!")
-        
         # Create preview visualization
         preview_html = create_token_preview(tokens)
         
@@ -273,8 +224,7 @@ def create_gradio_app():
         extract_btn.click(
             fn=process_screenshot,
             inputs=[input_image, output_format],
-            outputs=[preview, code_output, download_file],
-            show_progress=True
+            outputs=[preview, code_output, download_file]
         )
         
         # Add footer

test_minimal.py

@@ -0,0 +1,23 @@
+import gradio as gr
+
+def simple_function(text):
+    return f"You entered: {text}"
+
+# Create a minimal Gradio app
+with gr.Blocks() as app:
+    gr.Markdown("# Minimal Test App")
+    
+    with gr.Row():
+        input_text = gr.Textbox(label="Enter text")
+        output_text = gr.Textbox(label="Output")
+    
+    submit_btn = gr.Button("Submit")
+    
+    submit_btn.click(
+        fn=simple_function,
+        inputs=[input_text],
+        outputs=[output_text]
+    )
+
+if __name__ == "__main__":
+    app.launch(server_name="0.0.0.0", server_port=7861)