improves demo interface

app.py

@@ -8,6 +8,26 @@ from typing import List, Dict, Any
 import logging
 import spaces
 
+title = """L-Operator: Android📲Device Control Demo"""
+description = """
+        # 🤖 L-Operator: Android Device Control Demo
+        
+        **Lightweight Multimodal Android Device Control Agent**
+        
+        This demo showcases the L-Operator model, a fine-tuned multimodal AI agent based on LiquidAI's LFM2-VL-1.6B model, 
+        optimized for Android device control through visual understanding and action generation.
+        
+        ## 🚀 How to Use
+        
+        1. **Upload Screenshot**: Upload an Android device screenshot
+        2. **Describe Goal**: Enter what you want to accomplish
+        3. **Get Actions**: The model will generate JSON actions for Android device control
+        """
+joinus = """
+## Join us :
+🌟TeamTonic🌟 is always making cool demos! Join our active builder's 🛠️community 👻 [![Join us on Discord](https://img.shields.io/discord/1109943800132010065?label=Discord&logo=discord&style=flat-square)](https://discord.gg/qdfnvSPcqP) On 🤗Huggingface:[MultiTransformer](https://huggingface.co/MultiTransformer) On 🌐Github: [Tonic-AI](https://github.com/tonic-ai) & contribute to🌟 [MultiTonic](https://github.com/MultiTonic)🤗Big thanks to Yuvi Sharma and all the folks at huggingface for the community grant 🤗
+"""
+
 # Configure logging
 logging.basicConfig(level=logging.INFO)
 logger = logging.getLogger(__name__)
@@ -395,8 +415,8 @@ def create_demo():
     """Create the Gradio demo interface using Blocks"""
     
     with gr.Blocks(
-        title="L-Operator: Android Device Control Demo",
-        theme=gr.themes.Soft(),
+        title=title,
+        theme=gr.themes.Monochrome(),
         css="""
         .gradio-container {
             max-width: 1200px !important;
@@ -412,39 +432,15 @@ def create_demo():
         }
         """
     ) as demo:
+        # Header section
+        gr.Markdown(title)
         
-        gr.Markdown("""
-        # 🤖 L-Operator: Android Device Control Demo
-        
-        **Lightweight Multimodal Android Device Control Agent**
-        
-        This demo showcases the L-Operator model, a fine-tuned multimodal AI agent based on LiquidAI's LFM2-VL-1.6B model, 
-        optimized for Android device control through visual understanding and action generation.
-        
-        ## 🚀 How to Use
-        
-        1. **Upload Screenshot**: Upload an Android device screenshot
-        2. **Describe Goal**: Enter what you want to accomplish
-        3. **Get Actions**: The model will generate JSON actions for Android device control
-        
-        ## 📋 Expected Output Format
-        
-        The model generates JSON actions in the following format:
-        ```json
-        {
-          "action_type": "click",
-          "x": 540,
-          "y": 1200,
-          "text": "Settings",
-          "app_name": "com.android.settings",
-          "confidence": 0.92
-        }
-        ```
-        
-        **🎯 Visual Feedback**: When the model returns coordinates (x, y), an annotated screenshot will be displayed showing the exact click location with a red bounding box and crosshair.
-        
-        ---
-        """)
+        # Info section
+        with gr.Row():
+            with gr.Column(scale=1):
+                gr.Markdown(description)
+            with gr.Column(scale=1):
+                gr.Markdown(joinus)
         
         with gr.Row():
             with gr.Column(scale=1):
@@ -564,25 +560,6 @@ def create_demo():
         
         gr.Markdown("""
         ---
-        
-        ## 📊 Model Details
-        
-        | Property | Value |
-        |----------|-------|
-        | **Base Model** | LiquidAI/LFM2-VL-1.6B |
-        | **Architecture** | LFM2-VL (1.6B parameters) |
-        | **Fine-tuning** | LoRA (Low-Rank Adaptation) |
-        | **Training Data** | Android control episodes with screenshots and actions |
-        
-        ## 🎯 Use Cases
-        
-        - **Mobile App Testing**: Automated UI testing for Android applications
-        - **Accessibility Applications**: Voice-controlled device navigation
-        - **Remote Support**: Remote device troubleshooting
-        - **Development Workflows**: UI/UX testing automation
-
-        ---
-        
         **Made with ❤️ by Tonic** | [Model on Hugging Face](https://huggingface.co/Tonic/l-android-control) 
         """)
     
@@ -596,14 +573,14 @@ if __name__ == "__main__":
 
         logger.info("Launching Gradio server...")
         demo.launch(
-            server_name="0.0.0.0",
-            server_port=7860,
-            share=False,
-            debug=False,  # Disable debug to reduce startup time
+            # server_name="0.0.0.0",
+            # server_port=7860,
+            # share=False,
+            # debug=False,  # Disable debug to reduce startup time
             show_error=True,
             ssr_mode=False,
-            max_threads=2,  # Limit threads to prevent resource exhaustion
-            quiet=True  # Reduce startup logging noise
+            # max_threads=2,  # Limit threads to prevent resource exhaustion
+            # quiet=True  # Reduce startup logging noise
         )
     except Exception as e:
         logger.error(f"Failed to launch Gradio app: {str(e)}")