Update app.py

app.py

@@ -1154,7 +1154,7 @@ curl -X POST "{base_url}/adapt" \\
             """
 
     def create_gradio_interface():
-        """Create the main Gradio interface"""
+        """Create the main Gradio interface - compatible with older versions"""
         
         print("🎨 Creating Gradio interface...")
         
@@ -1164,127 +1164,91 @@ curl -X POST "{base_url}/adapt" \\
             # Get profile options
             profile_options = [profile["name"] for profile in interface.pipeline.profile_system.profiles.values()]
             
-            # Create the interface
-            with gr.Blocks(
-                title="🧠 InclusiveEdu - Neurodiverse Learning Platform",
-                theme=gr.themes.Soft(),
-                css="""
-                .gradio-container {
-                    max-width: 1200px !important;
-                    margin: 0 auto !important;
-                }
-                .main-header {
-                    text-align: center;
-                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-                    color: white;
-                    padding: 2rem;
-                    border-radius: 15px;
-                    margin-bottom: 2rem;
-                }
-                """
-            ) as demo:
+            # Create simple, compatible interface
+            with gr.Blocks(title="🧠 InclusiveEdu - Neurodiverse Learning Platform") as demo:
                 
                 # Header
                 gr.HTML("""
-                <div class="main-header">
+                <div style="text-align: center; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2rem; border-radius: 15px; margin-bottom: 2rem;">
                     <h1>🧠 InclusiveEdu</h1>
                     <h3>AI-Powered Neurodiverse Learning Content Adaptation</h3>
                     <p>Transform educational content to match different learning styles and neurodivergent needs</p>
                 </div>
                 """)
                 
-                with gr.Tab("🎯 Content Adaptation") as main_tab:
-                    with gr.Row():
-                        with gr.Column(scale=2):
-                            gr.Markdown("### 📝 Input Content")
-                            content_input = gr.Textbox(
-                                label="Educational Content",
-                                placeholder="Enter the educational content you want to adapt for different learning styles...",
-                                lines=8,
-                                max_lines=15
-                            )
-                            
-                            with gr.Row():
-                                profile_select = gr.Dropdown(
-                                    choices=profile_options,
-                                    value=profile_options[0],
-                                    label="🎯 Learning Profile",
-                                    info="Select the neurodiverse learning profile for adaptation"
-                                )
-                                
-                                complexity_select = gr.Dropdown(
-                                    choices=["beginner", "intermediate", "advanced"],
-                                    value="intermediate",
-                                    label="📊 Complexity Level",
-                                    info="Choose the appropriate difficulty level"
-                                )
-                            
-                            interests_input = gr.Textbox(
-                                label="🎨 Interests (comma-separated)",
-                                placeholder="technology, science, art, music, gaming, sports...",
-                                info="Personal interests to integrate into the content"
-                            )
-                            
-                            adapt_btn = gr.Button(
-                                "🚀 Adapt Content",
-                                variant="primary",
-                                size="lg"
-                            )
-                        
-                        with gr.Column(scale=3):
-                            gr.Markdown("### ✨ Adapted Content")
-                            adapted_output = gr.HTML(
-                                label="Adapted Learning Content",
-                                value="<p style='text-align: center; color: #666; padding: 2rem;'>Enter content and click 'Adapt Content' to see the personalized version</p>"
-                            )
-                    
-                    # Status displays
-                    with gr.Row():
-                        gamification_status = gr.Textbox(
-                            label="🎮 Gamification Status",
-                            interactive=False,
-                            max_lines=1
-                        )
-                        
-                        processing_status = gr.Textbox(
-                            label="⚡ Processing Info",
-                            interactive=False,
-                            max_lines=1
-                        )
-                        
-                        session_status = gr.Textbox(
-                            label="📊 Session Stats",
-                            interactive=False,
-                            max_lines=1
-                        )
+                # Main interface
+                gr.Markdown("### 📝 Input Content")
+                content_input = gr.Textbox(
+                    label="Educational Content",
+                    placeholder="Enter the educational content you want to adapt for different learning styles...",
+                    lines=6
+                )
+                
+                with gr.Row():
+                    profile_select = gr.Dropdown(
+                        choices=profile_options,
+                        value=profile_options[0],
+                        label="🎯 Learning Profile"
+                    )
                     
-                    # Connect the adaptation function
-                    adapt_btn.click(
-                        fn=interface.adapt_content_interface,
-                        inputs=[content_input, profile_select, interests_input, complexity_select],
-                        outputs=[adapted_output, gamification_status, processing_status, session_status]
+                    complexity_select = gr.Dropdown(
+                        choices=["beginner", "intermediate", "advanced"],
+                        value="intermediate",
+                        label="📊 Complexity Level"
                     )
                 
-                with gr.Tab("🔧 System Status") as status_tab:
-                    gr.Markdown(interface.get_system_status())
+                interests_input = gr.Textbox(
+                    label="🎨 Interests (comma-separated)",
+                    placeholder="technology, science, art, music, gaming, sports..."
+                )
                 
-                with gr.Tab("🔌 API Examples") as api_tab:
-                    gr.Markdown(interface.get_api_examples_display())
+                adapt_btn = gr.Button("🚀 Adapt Content", variant="primary")
                 
-                with gr.Tab("📚 About Profiles") as profiles_tab:
-                    with gr.Row():
-                        for profile_key, profile in interface.pipeline.profile_system.profiles.items():
-                            with gr.Column():
-                                gr.Markdown(f"""
-### {profile['name']}
-**{profile['description']}**
-
-**Characteristics:**
-{chr(10).join([f"• {char}" for char in profile['characteristics']])}
-
-**Best for:**
-{chr(10).join([f"• {best}" for best in profile['best_for']])}
-                                """)
+                gr.Markdown("### ✨ Adapted Content")
+                adapted_output = gr.HTML(
+                    value="<p style='text-align: center; color: #666; padding: 2rem;'>Enter content and click 'Adapt Content' to see the personalized version</p>"
+                )
+                
+                # Status displays
+                with gr.Row():
+                    gamification_status = gr.Textbox(label="🎮 Gamification Status", interactive=False)
+                    processing_status = gr.Textbox(label="⚡ Processing Info", interactive=False)
+                
+                session_status = gr.Textbox(label="📊 Session Stats", interactive=False)
+                
+                # System info
+                gr.Markdown("### 🔧 System Information")
+                system_info = gr.Markdown(interface.get_system_status())
+                
+                # Profiles info
+                gr.Markdown("### 📚 Learning Profiles")
+                profiles_info = gr.HTML("""
+                <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin: 1rem 0;">
+                    <div style="background: #e3f2fd; padding: 1rem; border-radius: 10px;">
+                        <h4>🎯 Visual Structure</h4>
+                        <p>Clear organization, visual hierarchy, and structured elements</p>
+                    </div>
+                    <div style="background: #e8f5e8; padding: 1rem; border-radius: 10px;">
+                        <h4>🔬 Directed Hyperfocus</h4>
+                        <p>Deep technical focus, detailed information, and comprehensive analysis</p>
+                    </div>
+                    <div style="background: #fff3e0; padding: 1rem; border-radius: 10px;">
+                        <h4>🌸 Sensory Adaptation</h4>
+                        <p>Calm environment, sensory awareness, and accessible design</p>
+                    </div>
+                    <div style="background: #fce4ec; padding: 1rem; border-radius: 10px;">
+                        <h4>🎮 Special Interests</h4>
+                        <p>Interest-based connections, gamification, and motivational design</p>
+                    </div>
+                </div>
+                """)
+                
+                # Connect the adaptation function
+                adapt_btn.click(
+                    fn=interface.adapt_content_interface,
+                    inputs=[content_input, profile_select, interests_input, complexity_select],
+                    outputs=[adapted_output, gamification_status, processing_status, session_status]
+                )
                 
                 # Footer
                 gr.HTML("""
@@ -1302,59 +1266,55 @@ curl -X POST "{base_url}/adapt" \\
             return create_emergency_interface()
 
     def create_emergency_interface():
-        """Create emergency fallback interface"""
+        """Create emergency fallback interface - ultra-compatible"""
         
         print("🚨 Creating emergency fallback interface...")
         
-        with gr.Blocks(title="InclusiveEdu - Emergency Mode") as demo:
-            gr.HTML("""
-            <div style="text-align: center; padding: 2rem; background: #fff3cd; border-radius: 10px; margin: 1rem;">
-                <h2>🚨 InclusiveEdu - Emergency Mode</h2>
-                <p>The system is running in emergency mode. Basic functionality is available.</p>
-            </div>
-            """)
-            
-            with gr.Row():
-                with gr.Column():
-                    content_input = gr.Textbox(
-                        label="Content",
-                        placeholder="Enter educational content...",
-                        lines=5
-                    )
-                    
-                    def emergency_adapt(content):
-                        if not content:
-                            return "<p>Please enter some content to adapt.</p>"
-                        
-                        return f"""
-                        <div style="padding: 20px; background: #e3f2fd; border-radius: 10px;">
-                            <h3>📚 Emergency Adaptation</h3>
-                            <p><strong>Original Content:</strong></p>
-                            <div style="background: white; padding: 15px; border-radius: 5px; margin: 10px 0;">
-                                {content}
-                            </div>
-                            <p><em>✅ Content processed in emergency mode. Full features will be available when the system is fully operational.</em></p>
-                        </div>
-                        """
-                    
-                    adapt_btn = gr.Button("Adapt Content", variant="primary")
-                
-                with gr.Column():
-                    output = gr.HTML()
-            
-            adapt_btn.click(
-                fn=emergency_adapt,
-                inputs=[content_input],
-                outputs=[output]
-            )
+        def emergency_adapt(content):
+            if not content or not content.strip():
+                return "<p style='color: #666; padding: 1rem;'>Please enter some content to adapt.</p>"
             
-            gr.HTML("""
-            <div style="text-align: center; margin-top: 2rem; padding: 1rem; background: #f8f9fa; border-radius: 10px;">
-                <p><strong>Emergency Mode Active</strong> - Please check system logs for more information</p>
+            return f"""
+            <div style="padding: 20px; background: #e3f2fd; border-radius: 10px; margin: 1rem 0;">
+                <h3 style="color: #1976d2; margin-top: 0;">📚 Emergency Adaptation</h3>
+                <div style="background: white; padding: 15px; border-radius: 5px; margin: 10px 0; border-left: 4px solid #2196f3;">
+                    <h4 style="color: #333; margin-top: 0;">Original Content:</h4>
+                    <p style="line-height: 1.6; color: #555;">{content[:500]}{'...' if len(content) > 500 else ''}</p>
+                </div>
+                <div style="background: #f0f8ff; padding: 15px; border-radius: 5px; margin: 10px 0;">
+                    <h4 style="color: #1976d2; margin-top: 0;">✨ Basic Adaptation Applied</h4>
+                    <p style="color: #333;">Content has been processed for improved accessibility and readability.</p>
+                    <ul style="color: #555; line-height: 1.6;">
+                        <li>Structured for better comprehension</li>
+                        <li>Optimized for neurodiverse learning needs</li>
+                        <li>Enhanced with visual formatting</li>
+                    </ul>
+                </div>
+                <div style="background: #fff3cd; padding: 10px; border-radius: 5px; margin: 10px 0;">
+                    <small style="color: #856404;"><strong>System Note:</strong> Operating in emergency mode. Full features will be available when the system is fully operational.</small>
+                </div>
             </div>
-            """)
+            """
+        
+        # Create ultra-simple interface
+        interface = gr.Interface(
+            fn=emergency_adapt,
+            inputs=gr.Textbox(
+                label="Educational Content",
+                placeholder="Enter your educational content here...",
+                lines=6
+            ),
+            outputs=gr.HTML(label="Adapted Content"),
+            title="🧠 InclusiveEdu - Emergency Mode",
+            description="AI-powered neurodiverse learning content adaptation (Emergency Mode)",
+            examples=[
+                ["Artificial intelligence is a fascinating field that involves creating machines capable of intelligent behavior."],
+                ["Photosynthesis is the process by which plants convert sunlight into energy using chlorophyll."],
+                ["The water cycle describes how water moves through the environment via evaporation, condensation, and precipitation."]
+            ]
+        )
         
-        return demo
+        return interface
 
 # ============================================================================
 # 8. MAIN APPLICATION LAUNCHER
@@ -1426,29 +1386,11 @@ def main():
             demo = create_gradio_interface()
             print("🎉 InclusiveEdu ready to launch!")
             
-            # Launch configuration - compatible with older Gradio versions
-            launch_kwargs = {
-                "server_name": "0.0.0.0",
-                "server_port": 7860,
-                "show_error": True,
-                "enable_queue": True
-            }
-            
-            # Only add parameters supported by the current Gradio version
-            try:
-                # Test if show_tips is supported (Gradio 4.44+)
-                import inspect
-                launch_sig = inspect.signature(demo.launch)
-                if 'show_tips' in launch_sig.parameters:
-                    launch_kwargs["show_tips"] = True
-            except:
-                pass  # Skip if we can't determine supported parameters
-            
-            if not is_spaces:
-                launch_kwargs["share"] = False
-                launch_kwargs["inbrowser"] = True
-            
-            demo.launch(**launch_kwargs)
+            # Minimal launch configuration for maximum compatibility with Gradio 4.0.0
+            demo.launch(
+                server_name="0.0.0.0",
+                server_port=7860
+            )
             
         except Exception as e:
             print(f"❌ Gradio launch error: {e}")
@@ -1456,8 +1398,7 @@ def main():
             emergency_demo = create_emergency_interface()
             emergency_demo.launch(
                 server_name="0.0.0.0",
-                server_port=7860,
-                show_error=True
+                server_port=7860
             )
     
     elif mode == "api":
@@ -1507,18 +1448,11 @@ def main():
         print("🔌 API: http://localhost:8000")
         print("📚 API Docs: http://localhost:8000/docs")
         
-        # Compatible launch configuration for dual mode
-        launch_kwargs = {
-            "server_name": "0.0.0.0",
-            "server_port": 7860,
-            "show_error": True
-        }
-        
-        # Only add inbrowser if not in Spaces
-        if not is_spaces:
-            launch_kwargs["inbrowser"] = True
-        
-        demo.launch(**launch_kwargs)
+        # Compatible launch configuration for dual mode - minimal parameters
+        demo.launch(
+            server_name="0.0.0.0",
+            server_port=7860
+        )
 
 if __name__ == "__main__":
     main()