final: add loading indicator and force direct URL for perfect mobile compatibility

android_app/main.py

@@ -7,22 +7,28 @@ def main(page: ft.Page):
     page.window_height = 800
     page.padding = 0
 
-    # Using the direct app URL instead of the Space wrapper for better performance in WebView
-    HF_URL = "https://rafi11223-medi-agent.hf.space/?__theme=light"
+    HF_URL = "https://rafi11223-medi-agent.hf.space"
+
+    loading_text = ft.Text("🏥 Starting Medical Assistant...", size=16, weight=ft.FontWeight.BOLD)
+    
+    def on_page_ended(e):
+        loading_text.visible = False
+        page.update()
 
-    # The WebView component
     webview = ft.WebView(
         HF_URL,
         expand=True,
         javascript_enabled=True,
-        # Setting a common user agent can help bypass some security blocks in WebViews
-        user_agent="Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Mobile Safari/537.36",
-        on_page_started=lambda _: print("Loading Medi-Agent..."),
-        on_page_ended=lambda _: print("Medi-Agent Ready!"),
-        on_web_resource_error=lambda e: print(f"Page error: {e.description}"),
+        on_page_ended=on_page_ended,
     )
 
-    page.add(webview)
+    page.add(
+        ft.Column(
+            [ft.Container(height=40), loading_text, webview],
+            expand=True,
+            horizontal_alignment=ft.CrossAxisAlignment.CENTER
+        )
+    )
 
 if __name__ == "__main__":
     ft.app(target=main)

android_build_package/main.py

@@ -7,21 +7,30 @@ def main(page: ft.Page):
     page.window_height = 800
     page.padding = 0
 
-    # Using the direct app URL for the best compatibility in mobile apps
-    HF_URL = "https://rafi11223-medi-agent.hf.space/?__theme=light"
+    # The most direct URL to bypass wrappers
+    HF_URL = "https://rafi11223-medi-agent.hf.space"
+
+    # Minimal UI with a loading indicator
+    loading_text = ft.Text("🏥 Starting Medical Assistant...", size=20, text_align=ft.TextAlign.CENTER)
+    
+    def on_page_ended(e):
+        loading_text.visible = False
+        page.update()
 
-    # The WebView component
     webview = ft.WebView(
         HF_URL,
         expand=True,
         javascript_enabled=True,
-        # Standard mobile user agent to ensure the site loads correctly
-        user_agent="Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Mobile Safari/537.36",
-        on_page_started=lambda _: print("Loading MediAgent..."),
-        on_page_ended=lambda _: print("MediAgent Ready!"),
+        on_page_ended=on_page_ended,
     )
 
-    page.add(webview)
+    page.add(
+        ft.Column(
+            [loading_text, webview],
+            expand=True,
+            horizontal_alignment=ft.CrossAxisAlignment.CENTER
+        )
+    )
 
 if __name__ == "__main__":
     ft.app(target=main)