applied new css

README.md

@@ -60,7 +60,7 @@ Heavy Beta Version - Under Active Development
 import gradio as gr
 import sys
 from pathlib import Path
-from typing import Dict, Any, List, Tuple
+from typing import Dict, Any, List, Tuple, Union, Optional
 
 # Add parent directory to path
 sys.path.insert(0, str(Path(__file__).parent.parent / "backend"))
@@ -113,37 +113,45 @@ if HAS_AGENT_API:
         agent_api = None
 
 
-def process_video_standard(video, model, enable_viz, include_keypoints):
-    """Standard video processing function."""
+def process_video_standard(video: Optional[str], model: str, enable_viz: int, include_keypoints: int) -> Tuple[Optional[Dict[str, Any]], Optional[str]]:
+    """Standard video processing function with proper type annotations."""
     if video is None:
         return None, None
     
     try:
+        # Convert int to bool
+        enable_viz_bool = bool(enable_viz)
+        include_keypoints_bool = bool(include_keypoints)
+        
         json_output, video_output = analyzer.process_video(
             video,
             model=model,
-            enable_visualization=enable_viz,
-            include_keypoints=include_keypoints
+            enable_visualization=enable_viz_bool,
+            include_keypoints=include_keypoints_bool
         )
         return json_output, video_output
     except Exception as e:
         return {"error": str(e)}, None
 
 
-def process_video_enhanced(video_input, model, enable_viz, include_keypoints):
+def process_video_enhanced(video_input: Optional[str], model: str, enable_viz: int, include_keypoints: int) -> Tuple[Dict[str, Any], Optional[str]]:
     """Enhanced video processing with all new features."""
     if not video_input:
         return {"error": "No video provided"}, None
     
     try:
+        # Convert int to bool
+        enable_viz_bool = bool(enable_viz)
+        include_keypoints_bool = bool(include_keypoints)
+        
         # Handle both file upload and URL input
         video_path = video_input.name if hasattr(video_input, 'name') else video_input
         
         json_result, viz_result = analyzer.process_video(
             video_path,
             model=model,
-            enable_visualization=enable_viz,
-            include_keypoints=include_keypoints
+            enable_visualization=enable_viz_bool,
+            include_keypoints=include_keypoints_bool
         )
         return json_result, viz_result
     except Exception as e:
@@ -151,7 +159,7 @@ def process_video_enhanced(video_input, model, enable_viz, include_keypoints):
         return error_result, None
 
 
-def process_video_for_agent(video, model, output_format="summary"):
+def process_video_for_agent(video: Optional[str], model: str, output_format: str = "summary") -> Dict[str, Any]:
     """Process video with agent-friendly output format."""
     if not HAS_AGENT_API or agent_api is None:
         return {"error": "Agent API not available"}
@@ -181,7 +189,7 @@ def process_video_for_agent(video, model, output_format="summary"):
         return {"error": str(e)}
 
 
-def batch_process_videos(files, model):
+def batch_process_videos(files: Optional[List], model: str) -> Dict[str, Any]:
     """Process multiple videos in batch."""
     if not HAS_AGENT_API or agent_api is None:
         return {"error": "Agent API not available"}
@@ -212,7 +220,7 @@ def batch_process_videos(files, model):
         return {"error": str(e)}
 
 
-def filter_videos_by_movement(files, direction, intensity, min_fluidity, min_expansion):
+def filter_videos_by_movement(files: Optional[List], direction: str, intensity: str, min_fluidity: float, min_expansion: float) -> Dict[str, Any]:
     """Filter videos based on movement characteristics."""
     if not HAS_AGENT_API or agent_api is None:
         return {"error": "Agent API not available"}
@@ -252,10 +260,10 @@ def filter_videos_by_movement(files, direction, intensity, min_fluidity, min_exp
         return {"error": str(e)}
 
 
-def compare_models(video, model1, model2):
+def compare_models(video: Optional[str], model1: str, model2: str) -> List[List[str]]:
     """Compare two different pose models on the same video."""
     if not video:
-        return "No video provided"
+        return [["Error", "No video provided", "", ""]]
     
     try:
         # Analyze with both models
@@ -293,7 +301,7 @@ def compare_models(video, model1, model2):
         return [["Error", str(e), "", ""]]
 
 
-def start_webrtc_stream(model):
+def start_webrtc_stream(model: str) -> Tuple[str, Dict[str, Any]]:
     """Start WebRTC real-time analysis."""
     try:
         success = analyzer.start_webrtc_stream(model)
@@ -305,7 +313,7 @@ def start_webrtc_stream(model):
         return f"🔴 Error: {str(e)}", {"status": "error"}
 
 
-def stop_webrtc_stream():
+def stop_webrtc_stream() -> Tuple[str, Dict[str, Any]]:
     """Stop WebRTC real-time analysis."""
     try:
         success = analyzer.stop_webrtc_stream()
@@ -320,9 +328,16 @@ def stop_webrtc_stream():
 def create_unified_demo():
     """Create the unified comprehensive demo."""
     
+    # Custom theme - simplified to avoid JSON schema issues
+    custom_theme = gr.themes.Soft(
+        primary_hue=gr.themes.colors.emerald,   # Viridian green
+        secondary_hue=gr.themes.colors.blue,    # Cobalt blue
+        neutral_hue=gr.themes.colors.gray,
+    )
+    
     with gr.Blocks(
         title="Laban Movement Analysis - Complete Suite by Csaba Bolyós",
-        theme=gr.themes.Soft(),
+        theme=custom_theme,
         css="""
         .main-header {
             background: linear-gradient(135deg, #40826D 0%, #2E5E4A 50%, #1B3A2F 100%);
@@ -333,17 +348,19 @@ def create_unified_demo():
             text-align: center;
         }
         .feature-card {
-            border: 1px solid #e1e5e9;
+            border: 1px solid #40826D;
             border-radius: 8px;
             padding: 16px;
             margin: 8px 0;
-            background: #f8f9fa;
+            background: linear-gradient(135deg, #F5F5DC 0%, #F0F8E8 100%);
         }
         .json-output {
             max-height: 600px;
             overflow-y: auto;
             font-family: monospace;
             font-size: 12px;
+            background: #F8F9FA;
+            border: 1px solid #40826D;
         }
         .author-info {
             background: linear-gradient(135deg, #40826D 0%, #2E5E4A 100%);
@@ -353,6 +370,15 @@ def create_unified_demo():
             margin: 10px 0;
             text-align: center;
         }
+        /* Dark mode support */
+        .dark .feature-card {
+            background: linear-gradient(135deg, #1e3a32 0%, #2d4a3d 100%);
+            border-color: #40826D;
+        }
+        .dark .json-output {
+            background: #2d3748;
+            color: #e2e8f0;
+        }
         """
     ) as demo:
         
@@ -396,13 +422,15 @@ def create_unified_demo():
                         )
                         
                         with gr.Row():
-                            enable_viz_std = gr.Checkbox(
-                                value=True,
+                            enable_viz_std = gr.Radio(
+                                choices=[("Yes", 1), ("No", 0)],
+                                value=1,
                                 label="Generate Visualization"
                             )
                             
-                            include_keypoints_std = gr.Checkbox(
-                                value=False,
+                            include_keypoints_std = gr.Radio(
+                                choices=[("Yes", 1), ("No", 0)],
+                                value=0,
                                 label="Include Keypoints"
                             )
                         
@@ -410,8 +438,7 @@ def create_unified_demo():
                         
                         gr.Examples(
                             examples=[
-                                ["examples/balette.mov"],
-                                ["examples/balette.mp4"],
+                                ["examples/balette.mp4"]
                             ],
                             inputs=video_input_std,
                             label="Example Videos"
@@ -454,61 +481,67 @@ def create_unified_demo():
                 
                 with gr.Row():
                     with gr.Column(scale=1):
-                        gr.HTML('<div class="feature-card">')
-                        gr.Markdown("**Video Input**")
-                        
-                        # Changed from textbox to file upload as requested
-                        video_input_enh = gr.File(
-                            label="Upload Video or Drop File",
-                            file_types=["video"],
-                            type="filepath"
-                        )
-                        
-                        # URL input option
-                        url_input_enh = gr.Textbox(
-                            label="Or Enter Video URL",
-                            placeholder="YouTube URL, Vimeo URL, or direct video URL",
-                            info="Leave file upload empty to use URL"
-                        )
-                        
-                        gr.Examples(
-                            examples=[
-                                ["examples/balette.mov"],
-                                ["https://www.youtube.com/shorts/RX9kH2l3L8U"],
-                                ["https://vimeo.com/815392738"]
-                            ],
-                            inputs=url_input_enh,
-                            label="Example URLs"
-                        )
-                        
-                        gr.Markdown("**Model Selection**")
-                        
-                        model_select_enh = gr.Dropdown(
-                            choices=[
-                                # MediaPipe variants
-                                "mediapipe-lite", "mediapipe-full", "mediapipe-heavy",
-                                # MoveNet variants  
-                                "movenet-lightning", "movenet-thunder",
-                                # YOLO variants (added X models)
-                                "yolo-v8-n", "yolo-v8-s", "yolo-v8-m", "yolo-v8-l", "yolo-v8-x",
-                                # YOLO v11 variants
-                                "yolo-v11-n", "yolo-v11-s", "yolo-v11-m", "yolo-v11-l", "yolo-v11-x"
-                            ],
-                            value="mediapipe-full",
-                            label="Advanced Pose Models",
-                            info="17+ model variants available"
-                        )
-                        
-                        gr.Markdown("**Analysis Options**")
-                        
-                        with gr.Row():
-                            enable_viz_enh = gr.Checkbox(value=True, label="Visualization")
-                        
-                        with gr.Row():
-                            include_keypoints_enh = gr.Checkbox(value=False, label="Raw Keypoints")
-                        
-                        analyze_btn_enh = gr.Button("🚀 Enhanced Analysis", variant="primary", size="lg")
-                        gr.HTML('</div>')
+                        with gr.Group(elem_classes=["feature-card"]):
+                            gr.Markdown("**Video Input**")
+                            
+                            # Changed from textbox to file upload as requested
+                            video_input_enh = gr.File(
+                                label="Upload Video or Drop File",
+                                file_types=["video"],
+                                type="filepath"
+                            )
+                            
+                            # URL input option
+                            url_input_enh = gr.Textbox(
+                                label="Or Enter Video URL",
+                                placeholder="YouTube URL, Vimeo URL, or direct video URL",
+                                info="Leave file upload empty to use URL"
+                            )
+                            
+                            gr.Examples(
+                                examples=[
+                                    ["https://www.youtube.com/shorts/RX9kH2l3L8U"],
+                                    ["https://vimeo.com/815392738"]
+                                ],
+                                inputs=url_input_enh,
+                                label="Example URLs"
+                            )
+                            
+                            gr.Markdown("**Model Selection**")
+                            
+                            model_select_enh = gr.Dropdown(
+                                choices=[
+                                    # MediaPipe variants
+                                    "mediapipe-lite", "mediapipe-full", "mediapipe-heavy",
+                                    # MoveNet variants  
+                                    "movenet-lightning", "movenet-thunder",
+                                    # YOLO variants (added X models)
+                                    "yolo-v8-n", "yolo-v8-s", "yolo-v8-m", "yolo-v8-l", "yolo-v8-x",
+                                    # YOLO v11 variants
+                                    "yolo-v11-n", "yolo-v11-s", "yolo-v11-m", "yolo-v11-l", "yolo-v11-x"
+                                ],
+                                value="mediapipe-full",
+                                label="Advanced Pose Models",
+                                info="17+ model variants available"
+                            )
+                            
+                            gr.Markdown("**Analysis Options**")
+                            
+                            with gr.Row():
+                                enable_viz_enh = gr.Radio(
+                                    choices=[("Yes", 1), ("No", 0)],
+                                    value=1,
+                                    label="Visualization"
+                                )
+                            
+                            with gr.Row():
+                                include_keypoints_enh = gr.Radio(
+                                    choices=[("Yes", 1), ("No", 0)],
+                                    value=0,
+                                    label="Raw Keypoints"
+                                )
+                            
+                            analyze_btn_enh = gr.Button("🚀 Enhanced Analysis", variant="primary", size="lg")
                     
                     with gr.Column(scale=2):
                         with gr.Tab("📊 Analysis"):
@@ -517,7 +550,7 @@ def create_unified_demo():
                         with gr.Tab("🎥 Visualization"):
                             viz_output_enh = gr.Video(label="Annotated Video")
                 
-                def process_enhanced_input(file_input, url_input, model, enable_viz, include_keypoints):
+                def process_enhanced_input(file_input: Optional[str], url_input: str, model: str, enable_viz: int, include_keypoints: int) -> Tuple[Dict[str, Any], Optional[str]]:
                     """Process either file upload or URL input."""
                     video_source = file_input if file_input else url_input
                     return process_video_enhanced(video_source, model, enable_viz, include_keypoints)
@@ -678,21 +711,21 @@ def create_unified_demo():
                     
                     # Info display
                     gr.HTML("""
-                    <div style="background: #e8f4fd; padding: 15px; border-radius: 8px; margin-top: 10px;">
-                        <h4>📹 WebRTC Pose Analysis</h4>
-                        <p style="margin: 5px 0;">Real-time movement analysis using your webcam</p>
+                    <div style="background: linear-gradient(135deg, #F0F8E8 0%, #E8F4FD 100%); padding: 15px; border-radius: 8px; margin-top: 10px; border: 1px solid #40826D;">
+                        <h4 style="color: #2E5E4A;">📹 WebRTC Pose Analysis</h4>
+                        <p style="margin: 5px 0; color: #1B3A2F;">Real-time movement analysis using your webcam</p>
                         
-                        <h4>🔒 Privacy</h4>
-                        <p style="margin: 5px 0;">Processing happens locally - no video data stored</p>
+                        <h4 style="color: #2E5E4A;">🔒 Privacy</h4>
+                        <p style="margin: 5px 0; color: #1B3A2F;">Processing happens locally - no video data stored</p>
                         
-                        <h4>💡 Usage</h4>
-                        <ul style="margin: 5px 0; padding-left: 20px;">
+                        <h4 style="color: #2E5E4A;">💡 Usage</h4>
+                        <ul style="margin: 5px 0; padding-left: 20px; color: #1B3A2F;">
                             <li>Grant camera permission when prompted</li>
                             <li>Move in front of camera to see pose detection</li>
                             <li>Adjust confidence threshold as needed</li>
                         </ul>
                     </div>
-                                         """)
+                    """)
                     
                 else:
                     # Fallback if WebRTC component not available  
@@ -864,28 +897,30 @@ def create_unified_demo():
                 )
                 ```
                 """)
+                
+                # Author info with proper styling
                 gr.HTML("""
-                        <div class="author-info">
-                            <p><strong>Created by:</strong> Csaba Bolyós (BladeSzaSza)</p>
-                            <p style="margin: 5px 0;">
-                                <a href="https://github.com/bladeszasza" style="color: #a8e6cf; text-decoration: none;">🔗 GitHub</a> • 
-                                <a href="https://huggingface.co/BladeSzaSza" style="color: #a8e6cf; text-decoration: none;">🤗 Hugging Face</a> • 
-                                <a href="https://www.linkedin.com/in/csaba-bolyós-00a11767/" style="color: #a8e6cf; text-decoration: none;">💼 LinkedIn</a>
-                            </p>
-                            <p style="font-size: 12px; opacity: 0.9;">Contact: [email protected]</p>
-                        </div>
-                        """)
+                <div class="author-info">
+                    <p><strong>Created by:</strong> Csaba Bolyós (BladeSzaSza)</p>
+                    <p style="margin: 5px 0;">
+                        <a href="https://github.com/bladeszasza" style="color: #a8e6cf; text-decoration: none;">🔗 GitHub</a> • 
+                        <a href="https://huggingface.co/BladeSzaSza" style="color: #a8e6cf; text-decoration: none;">🤗 Hugging Face</a> • 
+                        <a href="https://www.linkedin.com/in/csaba-bolyós-00a11767/" style="color: #a8e6cf; text-decoration: none;">💼 LinkedIn</a>
+                    </p>
+                    <p style="font-size: 12px; opacity: 0.9;">Contact: [email protected]</p>
+                </div>
+                """)
                         
-                        # Footer with proper attribution
+        # Footer with proper attribution
         gr.HTML("""
-        <div style="text-align: center; padding: 20px; margin-top: 30px; border-top: 1px solid #eee;">
-            <p style="color: #666; margin-bottom: 10px;">
+        <div style="text-align: center; padding: 20px; margin-top: 30px; border-top: 1px solid #40826D;">
+            <p style="color: #2E5E4A; margin-bottom: 10px;">
                 🎭 Laban Movement Analysis - Complete Suite | Heavy Beta Version
             </p>
-            <p style="color: #666; font-size: 12px;">
+            <p style="color: #2E5E4A; font-size: 12px;">
                 Created by <strong>Csaba Bolyós</strong> | Powered by MediaPipe, MoveNet & YOLO
             </p>
-            <p style="color: #666; font-size: 10px; margin-top: 10px;">
+            <p style="color: #2E5E4A; font-size: 10px; margin-top: 10px;">
                 <a href="https://github.com/bladeszasza" style="color: #40826D;">GitHub</a> • 
                 <a href="https://huggingface.co/BladeSzaSza" style="color: #40826D;">Hugging Face</a> • 
                 <a href="https://www.linkedin.com/in/csaba-bolyós-00a11767/" style="color: #40826D;">LinkedIn</a>

demo/app.py

@@ -71,6 +71,15 @@ if HAS_AGENT_API:
         print(f"Warning: Agent API not available: {e}")
         agent_api = None
 
+ROOT = Path(__file__).parent
+CSS_PATH = ROOT / "css.css"
+
+THEME = gr.themes.Soft(      # same palette everywhere
+    primary_hue=gr.themes.colors.emerald,
+    secondary_hue=gr.themes.colors.blue,
+    neutral_hue=gr.themes.colors.gray,
+)
+
 
 def process_video_standard(video: Optional[str], model: str, enable_viz: int, include_keypoints: int) -> Tuple[Optional[Dict[str, Any]], Optional[str]]:
     """Standard video processing function with proper type annotations."""
@@ -296,49 +305,8 @@ def create_unified_demo():
     
     with gr.Blocks(
         title="Laban Movement Analysis - Complete Suite by Csaba Bolyós",
-        theme=custom_theme,
-        css="""
-        .main-header {
-            background: linear-gradient(135deg, #40826D 0%, #2E5E4A 50%, #1B3A2F 100%);
-            color: white;
-            padding: 30px;
-            border-radius: 10px;
-            margin-bottom: 20px;
-            text-align: center;
-        }
-        .feature-card {
-            border: 1px solid #40826D;
-            border-radius: 8px;
-            padding: 16px;
-            margin: 8px 0;
-            background: linear-gradient(135deg, #F5F5DC 0%, #F0F8E8 100%);
-        }
-        .json-output {
-            max-height: 600px;
-            overflow-y: auto;
-            font-family: monospace;
-            font-size: 12px;
-            background: #F8F9FA;
-            border: 1px solid #40826D;
-        }
-        .author-info {
-            background: linear-gradient(135deg, #40826D 0%, #2E5E4A 100%);
-            color: white;
-            padding: 15px;
-            border-radius: 8px;
-            margin: 10px 0;
-            text-align: center;
-        }
-        /* Dark mode support */
-        .dark .feature-card {
-            background: linear-gradient(135deg, #1e3a32 0%, #2d4a3d 100%);
-            border-color: #40826D;
-        }
-        .dark .json-output {
-            background: #2d3748;
-            color: #e2e8f0;
-        }
-        """
+        css=str(CSS_PATH),   # <— external stylesheet
+        theme=THEME,
     ) as demo:
         
         # Main Header

demo/space.py

@@ -6,15 +6,16 @@ import os
 _docs = {'LabanMovementAnalysis': {'description': 'Gradio component for video-based pose analysis with Laban Movement Analysis metrics.', 'members': {'__init__': {'default_model': {'type': 'str', 'default': '"mediapipe"', 'description': 'Default pose estimation model ("mediapipe", "movenet", "yolo")'}, 'enable_visualization': {'type': 'bool', 'default': 'True', 'description': 'Whether to generate visualization video by default'}, 'include_keypoints': {'type': 'bool', 'default': 'False', 'description': 'Whether to include raw keypoints in JSON output'}, 'enable_webrtc': {'type': 'bool', 'default': 'False', 'description': 'Whether to enable WebRTC real-time analysis'}, 'label': {'type': 'typing.Optional[str][str, None]', 'default': 'None', 'description': 'Component label'}, 'every': {'type': 'typing.Optional[float][float, None]', 'default': 'None', 'description': None}, 'show_label': {'type': 'typing.Optional[bool][bool, None]', 'default': 'None', 'description': None}, 'container': {'type': 'bool', 'default': 'True', 'description': None}, 'scale': {'type': 'typing.Optional[int][int, None]', 'default': 'None', 'description': None}, 'min_width': {'type': 'int', 'default': '160', 'description': None}, 'interactive': {'type': 'typing.Optional[bool][bool, None]', 'default': 'None', 'description': None}, 'visible': {'type': 'bool', 'default': 'True', 'description': None}, 'elem_id': {'type': 'typing.Optional[str][str, None]', 'default': 'None', 'description': None}, 'elem_classes': {'type': 'typing.Optional[typing.List[str]][\n    typing.List[str][str], None\n]', 'default': 'None', 'description': None}, 'render': {'type': 'bool', 'default': 'True', 'description': None}}, 'postprocess': {'value': {'type': 'typing.Any', 'description': 'Analysis results'}}, 'preprocess': {'return': {'type': 'typing.Dict[str, typing.Any][str, typing.Any]', 'description': 'Processed data for analysis'}, 'value': None}}, 'events': {}}, '__meta__': {'additional_interfaces': {}, 'user_fn_refs': {'LabanMovementAnalysis': []}}}
 
 abs_path = os.path.join(os.path.dirname(__file__), "css.css")
+THEME = gr.themes.Soft(      # same palette everywhere
+    primary_hue=gr.themes.colors.emerald,
+    secondary_hue=gr.themes.colors.blue,
+    neutral_hue=gr.themes.colors.gray,
+)
+
 
 with gr.Blocks(
     css=abs_path,
-    theme=gr.themes.Default(
-        font_mono=[
-            gr.themes.GoogleFont("Inconsolata"),
-            "monospace",
-        ],
-    ),
+    theme=THEME,
 ) as demo:
     gr.Markdown(
 """
@@ -59,7 +60,7 @@ Heavy Beta Version - Under Active Development
 import gradio as gr
 import sys
 from pathlib import Path
-from typing import Dict, Any, List, Tuple
+from typing import Dict, Any, List, Tuple, Union, Optional
 
 # Add parent directory to path
 sys.path.insert(0, str(Path(__file__).parent.parent / "backend"))
@@ -112,8 +113,8 @@ if HAS_AGENT_API:
         agent_api = None
 
 
-def process_video_standard(video, model, enable_viz, include_keypoints):
-    \"\"\"Standard video processing function.\"\"\"
+def process_video_standard(video: Optional[str], model: str, enable_viz: int, include_keypoints: int) -> Tuple[Optional[Dict[str, Any]], Optional[str]]:
+    \"\"\"Standard video processing function with proper type annotations.\"\"\"
     if video is None:
         return None, None
     
@@ -133,7 +134,7 @@ def process_video_standard(video, model, enable_viz, include_keypoints):
         return {"error": str(e)}, None
 
 
-def process_video_enhanced(video_input, model, enable_viz, include_keypoints):
+def process_video_enhanced(video_input: Optional[str], model: str, enable_viz: int, include_keypoints: int) -> Tuple[Dict[str, Any], Optional[str]]:
     \"\"\"Enhanced video processing with all new features.\"\"\"
     if not video_input:
         return {"error": "No video provided"}, None
@@ -158,7 +159,7 @@ def process_video_enhanced(video_input, model, enable_viz, include_keypoints):
         return error_result, None
 
 
-def process_video_for_agent(video, model, output_format="summary"):
+def process_video_for_agent(video: Optional[str], model: str, output_format: str = "summary") -> Dict[str, Any]:
     \"\"\"Process video with agent-friendly output format.\"\"\"
     if not HAS_AGENT_API or agent_api is None:
         return {"error": "Agent API not available"}
@@ -188,7 +189,7 @@ def process_video_for_agent(video, model, output_format="summary"):
         return {"error": str(e)}
 
 
-def batch_process_videos(files, model):
+def batch_process_videos(files: Optional[List], model: str) -> Dict[str, Any]:
     \"\"\"Process multiple videos in batch.\"\"\"
     if not HAS_AGENT_API or agent_api is None:
         return {"error": "Agent API not available"}
@@ -219,7 +220,7 @@ def batch_process_videos(files, model):
         return {"error": str(e)}
 
 
-def filter_videos_by_movement(files, direction, intensity, min_fluidity, min_expansion):
+def filter_videos_by_movement(files: Optional[List], direction: str, intensity: str, min_fluidity: float, min_expansion: float) -> Dict[str, Any]:
     \"\"\"Filter videos based on movement characteristics.\"\"\"
     if not HAS_AGENT_API or agent_api is None:
         return {"error": "Agent API not available"}
@@ -259,10 +260,10 @@ def filter_videos_by_movement(files, direction, intensity, min_fluidity, min_exp
         return {"error": str(e)}
 
 
-def compare_models(video, model1, model2):
+def compare_models(video: Optional[str], model1: str, model2: str) -> List[List[str]]:
     \"\"\"Compare two different pose models on the same video.\"\"\"
     if not video:
-        return "No video provided"
+        return [["Error", "No video provided", "", ""]]
     
     try:
         # Analyze with both models
@@ -300,7 +301,7 @@ def compare_models(video, model1, model2):
         return [["Error", str(e), "", ""]]
 
 
-def start_webrtc_stream(model):
+def start_webrtc_stream(model: str) -> Tuple[str, Dict[str, Any]]:
     \"\"\"Start WebRTC real-time analysis.\"\"\"
     try:
         success = analyzer.start_webrtc_stream(model)
@@ -312,7 +313,7 @@ def start_webrtc_stream(model):
         return f"🔴 Error: {str(e)}", {"status": "error"}
 
 
-def stop_webrtc_stream():
+def stop_webrtc_stream() -> Tuple[str, Dict[str, Any]]:
     \"\"\"Stop WebRTC real-time analysis.\"\"\"
     try:
         success = analyzer.stop_webrtc_stream()
@@ -327,40 +328,17 @@ def stop_webrtc_stream():
 def create_unified_demo():
     \"\"\"Create the unified comprehensive demo.\"\"\"
     
+    # Custom theme - simplified to avoid JSON schema issues
+    custom_theme = gr.themes.Soft(
+        primary_hue=gr.themes.colors.emerald,   # Viridian green
+        secondary_hue=gr.themes.colors.blue,    # Cobalt blue
+        neutral_hue=gr.themes.colors.gray,
+    )
+    
     with gr.Blocks(
         title="Laban Movement Analysis - Complete Suite by Csaba Bolyós",
-        theme=gr.themes.Soft(),
-        css=\"\"\"
-        .main-header {
-            background: linear-gradient(135deg, #40826D 0%, #2E5E4A 50%, #1B3A2F 100%);
-            color: white;
-            padding: 30px;
-            border-radius: 10px;
-            margin-bottom: 20px;
-            text-align: center;
-        }
-        .feature-card {
-            border: 1px solid #e1e5e9;
-            border-radius: 8px;
-            padding: 16px;
-            margin: 8px 0;
-            background: #f8f9fa;
-        }
-        .json-output {
-            max-height: 600px;
-            overflow-y: auto;
-            font-family: monospace;
-            font-size: 12px;
-        }
-        .author-info {
-            background: linear-gradient(135deg, #40826D 0%, #2E5E4A 100%);
-            color: white;
-            padding: 15px;
-            border-radius: 8px;
-            margin: 10px 0;
-            text-align: center;
-        }
-        \"\"\"
+        css=str(CSS_PATH), 
+        theme=THEME,
     ) as demo:
         
         # Main Header
@@ -419,7 +397,7 @@ def create_unified_demo():
                         
                         gr.Examples(
                             examples=[
-                                ["https://www.youtube.com/shorts/RX9kH2l3L8U"]
+                                ["examples/balette.mp4"]
                             ],
                             inputs=video_input_std,
                             label="Example Videos"
@@ -462,68 +440,67 @@ def create_unified_demo():
                 
                 with gr.Row():
                     with gr.Column(scale=1):
-                        gr.HTML('<div class="feature-card">')
-                        gr.Markdown("**Video Input**")
-                        
-                        # Changed from textbox to file upload as requested
-                        video_input_enh = gr.File(
-                            label="Upload Video or Drop File",
-                            file_types=["video"],
-                            type="filepath"
-                        )
-                        
-                        # URL input option
-                        url_input_enh = gr.Textbox(
-                            label="Or Enter Video URL",
-                            placeholder="YouTube URL, Vimeo URL, or direct video URL",
-                            info="Leave file upload empty to use URL"
-                        )
-                        
-                        gr.Examples(
-                            examples=[
-                                ["https://www.youtube.com/shorts/RX9kH2l3L8U"],
-                                ["https://vimeo.com/815392738"]
-                            ],
-                            inputs=url_input_enh,
-                            label="Example URLs"
-                        )
-                        
-                        gr.Markdown("**Model Selection**")
-                        
-                        model_select_enh = gr.Dropdown(
-                            choices=[
-                                # MediaPipe variants
-                                "mediapipe-lite", "mediapipe-full", "mediapipe-heavy",
-                                # MoveNet variants  
-                                "movenet-lightning", "movenet-thunder",
-                                # YOLO variants (added X models)
-                                "yolo-v8-n", "yolo-v8-s", "yolo-v8-m", "yolo-v8-l", "yolo-v8-x",
-                                # YOLO v11 variants
-                                "yolo-v11-n", "yolo-v11-s", "yolo-v11-m", "yolo-v11-l", "yolo-v11-x"
-                            ],
-                            value="mediapipe-full",
-                            label="Advanced Pose Models",
-                            info="17+ model variants available"
-                        )
-                        
-                        gr.Markdown("**Analysis Options**")
-                        
-                        with gr.Row():
-                            enable_viz_enh = gr.Radio(
-                                choices=[("Yes", 1), ("No", 0)],
-                                value=1,
-                                label="Visualization"
+                        with gr.Group(elem_classes=["feature-card"]):
+                            gr.Markdown("**Video Input**")
+                            
+                            # Changed from textbox to file upload as requested
+                            video_input_enh = gr.File(
+                                label="Upload Video or Drop File",
+                                file_types=["video"],
+                                type="filepath"
                             )
-                        
-                        with gr.Row():
-                            include_keypoints_enh = gr.Radio(
-                                choices=[("Yes", 1), ("No", 0)],
-                                value=0,
-                                label="Raw Keypoints"
+                            
+                            # URL input option
+                            url_input_enh = gr.Textbox(
+                                label="Or Enter Video URL",
+                                placeholder="YouTube URL, Vimeo URL, or direct video URL",
+                                info="Leave file upload empty to use URL"
                             )
-                        
-                        analyze_btn_enh = gr.Button("🚀 Enhanced Analysis", variant="primary", size="lg")
-                        gr.HTML('</div>')
+                            
+                            gr.Examples(
+                                examples=[
+                                    ["https://www.youtube.com/shorts/RX9kH2l3L8U"],
+                                    ["https://vimeo.com/815392738"]
+                                ],
+                                inputs=url_input_enh,
+                                label="Example URLs"
+                            )
+                            
+                            gr.Markdown("**Model Selection**")
+                            
+                            model_select_enh = gr.Dropdown(
+                                choices=[
+                                    # MediaPipe variants
+                                    "mediapipe-lite", "mediapipe-full", "mediapipe-heavy",
+                                    # MoveNet variants  
+                                    "movenet-lightning", "movenet-thunder",
+                                    # YOLO variants (added X models)
+                                    "yolo-v8-n", "yolo-v8-s", "yolo-v8-m", "yolo-v8-l", "yolo-v8-x",
+                                    # YOLO v11 variants
+                                    "yolo-v11-n", "yolo-v11-s", "yolo-v11-m", "yolo-v11-l", "yolo-v11-x"
+                                ],
+                                value="mediapipe-full",
+                                label="Advanced Pose Models",
+                                info="17+ model variants available"
+                            )
+                            
+                            gr.Markdown("**Analysis Options**")
+                            
+                            with gr.Row():
+                                enable_viz_enh = gr.Radio(
+                                    choices=[("Yes", 1), ("No", 0)],
+                                    value=1,
+                                    label="Visualization"
+                                )
+                            
+                            with gr.Row():
+                                include_keypoints_enh = gr.Radio(
+                                    choices=[("Yes", 1), ("No", 0)],
+                                    value=0,
+                                    label="Raw Keypoints"
+                                )
+                            
+                            analyze_btn_enh = gr.Button("🚀 Enhanced Analysis", variant="primary", size="lg")
                     
                     with gr.Column(scale=2):
                         with gr.Tab("📊 Analysis"):
@@ -532,7 +509,7 @@ def create_unified_demo():
                         with gr.Tab("🎥 Visualization"):
                             viz_output_enh = gr.Video(label="Annotated Video")
                 
-                def process_enhanced_input(file_input, url_input, model, enable_viz, include_keypoints):
+                def process_enhanced_input(file_input: Optional[str], url_input: str, model: str, enable_viz: int, include_keypoints: int) -> Tuple[Dict[str, Any], Optional[str]]:
                     \"\"\"Process either file upload or URL input.\"\"\"
                     video_source = file_input if file_input else url_input
                     return process_video_enhanced(video_source, model, enable_viz, include_keypoints)
@@ -693,21 +670,21 @@ def create_unified_demo():
                     
                     # Info display
                     gr.HTML(\"\"\"
-                    <div style="background: #e8f4fd; padding: 15px; border-radius: 8px; margin-top: 10px;">
-                        <h4>📹 WebRTC Pose Analysis</h4>
-                        <p style="margin: 5px 0;">Real-time movement analysis using your webcam</p>
+                    <div style="background: linear-gradient(135deg, #F0F8E8 0%, #E8F4FD 100%); padding: 15px; border-radius: 8px; margin-top: 10px; border: 1px solid #40826D;">
+                        <h4 style="color: #2E5E4A;">📹 WebRTC Pose Analysis</h4>
+                        <p style="margin: 5px 0; color: #1B3A2F;">Real-time movement analysis using your webcam</p>
                         
-                        <h4>🔒 Privacy</h4>
-                        <p style="margin: 5px 0;">Processing happens locally - no video data stored</p>
+                        <h4 style="color: #2E5E4A;">🔒 Privacy</h4>
+                        <p style="margin: 5px 0; color: #1B3A2F;">Processing happens locally - no video data stored</p>
                         
-                        <h4>💡 Usage</h4>
-                        <ul style="margin: 5px 0; padding-left: 20px;">
+                        <h4 style="color: #2E5E4A;">💡 Usage</h4>
+                        <ul style="margin: 5px 0; padding-left: 20px; color: #1B3A2F;">
                             <li>Grant camera permission when prompted</li>
                             <li>Move in front of camera to see pose detection</li>
                             <li>Adjust confidence threshold as needed</li>
                         </ul>
                     </div>
-                                         \"\"\")
+                    \"\"\")
                     
                 else:
                     # Fallback if WebRTC component not available  
@@ -879,28 +856,30 @@ def create_unified_demo():
                 )
                 ```
                 \"\"\")
+                
+                # Author info with proper styling
                 gr.HTML(\"\"\"
-                        <div class="author-info">
-                            <p><strong>Created by:</strong> Csaba Bolyós (BladeSzaSza)</p>
-                            <p style="margin: 5px 0;">
-                                <a href="https://github.com/bladeszasza" style="color: #a8e6cf; text-decoration: none;">🔗 GitHub</a> • 
-                                <a href="https://huggingface.co/BladeSzaSza" style="color: #a8e6cf; text-decoration: none;">🤗 Hugging Face</a> • 
-                                <a href="https://www.linkedin.com/in/csaba-bolyós-00a11767/" style="color: #a8e6cf; text-decoration: none;">💼 LinkedIn</a>
-                            </p>
-                            <p style="font-size: 12px; opacity: 0.9;">Contact: [email protected]</p>
-                        </div>
-                        \"\"\")
+                <div class="author-info">
+                    <p><strong>Created by:</strong> Csaba Bolyós (BladeSzaSza)</p>
+                    <p style="margin: 5px 0;">
+                        <a href="https://github.com/bladeszasza" style="color: #a8e6cf; text-decoration: none;">🔗 GitHub</a> • 
+                        <a href="https://huggingface.co/BladeSzaSza" style="color: #a8e6cf; text-decoration: none;">🤗 Hugging Face</a> • 
+                        <a href="https://www.linkedin.com/in/csaba-bolyós-00a11767/" style="color: #a8e6cf; text-decoration: none;">💼 LinkedIn</a>
+                    </p>
+                    <p style="font-size: 12px; opacity: 0.9;">Contact: [email protected]</p>
+                </div>
+                \"\"\")
                         
-                        # Footer with proper attribution
+        # Footer with proper attribution
         gr.HTML(\"\"\"
-        <div style="text-align: center; padding: 20px; margin-top: 30px; border-top: 1px solid #eee;">
-            <p style="color: #666; margin-bottom: 10px;">
+        <div style="text-align: center; padding: 20px; margin-top: 30px; border-top: 1px solid #40826D;">
+            <p style="color: #2E5E4A; margin-bottom: 10px;">
                 🎭 Laban Movement Analysis - Complete Suite | Heavy Beta Version
             </p>
-            <p style="color: #666; font-size: 12px;">
+            <p style="color: #2E5E4A; font-size: 12px;">
                 Created by <strong>Csaba Bolyós</strong> | Powered by MediaPipe, MoveNet & YOLO
             </p>
-            <p style="color: #666; font-size: 10px; margin-top: 10px;">
+            <p style="color: #2E5E4A; font-size: 10px; margin-top: 10px;">
                 <a href="https://github.com/bladeszasza" style="color: #40826D;">GitHub</a> • 
                 <a href="https://huggingface.co/BladeSzaSza" style="color: #40826D;">Hugging Face</a> • 
                 <a href="https://www.linkedin.com/in/csaba-bolyós-00a11767/" style="color: #40826D;">LinkedIn</a>

dist/gradio_labanmovementanalysis-0.0.2.tar.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e161cca0ea5443885301b3362b9b8a7553fa06622dcdef7a62a03a30d15271ef
-size 84525440
+oid sha256:e389bf63ed20ab7ea50043fc3c6f8958d5ac7842b7ef41b37e7f9a4e4b83718a
+size 136361