Enhanced Gradio UI with better error handling, logs tab, and sharing enabled

app.py

@@ -982,64 +982,102 @@ def app_generator(requirements: str):
         loop.close()
 
 # Gradio UI
-with gr.Blocks() as ui:
-    gr.Markdown("# Autonomous App Generator with LangChain Agents")
+with gr.Blocks(theme=gr.themes.Soft()) as ui:
+    gr.Markdown("# Autonomous App Generator with AI Flow")
     gr.Markdown("""
     ## Instructions
     1. Describe the app you want to build in detail
     2. Include any specific requirements or features
     3. Click 'Generate App' to start the process
     4. Download your generated app from the provided link
-    """)
     
-    with gr.Row():
-        requirements_input = gr.Textbox(
-            label="App Requirements",
-            placeholder="Describe the app you want to build...",
-            lines=5
-        )
-        generate_button = gr.Button("Generate App")
+    ### Example:
+    ```
+    Create a personal task management application with:
+    - User authentication (email/password, Google OAuth)
+    - Task management (CRUD, priorities, due dates, reminders)
+    - Modern UI with dark/light theme
+    - Real-time updates using WebSocket
+    - PostgreSQL and Redis for storage
+    ```
+    """)
     
     with gr.Row():
-        output = gr.Textbox(
-            label="Generated App Details",
-            lines=20
-        )
-        file_output = gr.File(
-            label="Download Generated App",
-            interactive=False
-        )
+        with gr.Column(scale=4):
+            requirements_input = gr.Textbox(
+                label="App Requirements",
+                placeholder="Describe the app you want to build...",
+                lines=10
+            )
+            generate_button = gr.Button("Generate App", variant="primary")
+            
+        with gr.Column(scale=6):
+            with gr.Tabs():
+                with gr.TabItem("Output"):
+                    output = gr.Markdown(
+                        label="Generated App Details",
+                        value="Your app details will appear here..."
+                    )
+                with gr.TabItem("Download"):
+                    file_output = gr.File(
+                        label="Download Generated App",
+                        interactive=False
+                    )
+                with gr.TabItem("Logs"):
+                    log_output = gr.Markdown(
+                        label="Generation Logs",
+                        value="Logs will appear here..."
+                    )
     
     def process_output(requirements):
         try:
+            # Initialize log output
+            log_output.value = "Starting app generation...\n"
+            
             # Generate the app
-            result = app_generator(requirements)
+            result = asyncio.run(app_generator(requirements))
             
             # Extract download path from the result
             download_path = None
+            logs = []
+            
             for line in result.split('\n'):
                 if line.startswith("To download your project, use this path:"):
                     download_path = line.split(": ")[1].strip()
-                    break
+                if line.startswith("2025-") or line.startswith("INFO") or line.startswith("ERROR"):
+                    logs.append(line)
+            
+            # Update logs
+            log_output.value = "\n".join(logs)
             
             if download_path and Path(download_path).exists():
-                return result, download_path
+                return result, download_path, "\n".join(logs)
             else:
-                return result, None
+                error_msg = "Failed to generate download file"
+                log_output.value += f"\nERROR: {error_msg}"
+                return result, None, "\n".join(logs)
+                
         except Exception as e:
             error_msg = f"Failed to generate app: {str(e)}"
             logger.error(error_msg)
-            return error_msg, None
+            log_output.value += f"\nERROR: {error_msg}"
+            return error_msg, None, log_output.value
     
     generate_button.click(
         process_output,
         inputs=[requirements_input],
-        outputs=[output, file_output]
+        outputs=[output, file_output, log_output]
     )
 
 # Run the Gradio app
 if __name__ == "__main__":
     try:
-        ui.launch()
+        ui.launch(
+            share=True,  # Enable sharing
+            server_name="0.0.0.0",
+            server_port=7860,
+            show_error=True,
+            enable_queue=True
+        )
     except Exception as e:
         logger.error(f"Failed to launch Gradio interface: {str(e)}")