Update app.py

app.py

@@ -442,35 +442,33 @@ def main():
     with gr.Blocks(css=get_css_styles()) as iface:   
         gr.HTML("""
             <meta name="viewport" content="width=device-width, initial-scale=1.0">
-            <meta name="apple-mobile-web-app-capable" content="yes">
-            <meta name="apple-mobile-web-app-title" content="PawMatch AI">
         """)
         
-        # 2. 分離 PWA 設定，確保不影響 Gradio 的 SSE 連接
         gr.HTML("""
             <script>
-                document.addEventListener('DOMContentLoaded', function() {
-                    // 等待 Gradio 完全初始化
-                    setTimeout(function() {
-                        if ('serviceWorker' in navigator) {
-                            navigator.serviceWorker.register('service-worker.js')
-                            .then(function(registration) {
-                                console.log('ServiceWorker registration successful');
-                            })
-                            .catch(function(error) {
-                                console.error('ServiceWorker registration failed:', error);
-                            });
-                        }
-                    }, 2000); // 給予 Gradio 足夠的初始化時間
+                // 等待 Gradio 完全初始化完成
+                window.addEventListener('gradio-loaded', function() {
+                    // 確保不會干擾到 Gradio 的客戶端程式碼
+                    if ('serviceWorker' in navigator) {
+                        navigator.serviceWorker.register('service-worker.js')
+                        .then(function(registration) {
+                            console.log('成功註冊 Service Worker');
+                        })
+                        .catch(function(error) {
+                            console.error('註冊失敗:', error);
+                        });
+                    }
                 });
             </script>
         """)
-
-        # 3. 確保 manifest 的載入不會干擾到 Gradio
+        
         gr.HTML("""
             <link rel="manifest" href="manifest.json">
             <link rel="apple-touch-icon" href="assets/icon-192.png">
+            <meta name="apple-mobile-web-app-capable" content="yes">
+            <meta name="apple-mobile-web-app-title" content="PawMatch AI">
         """)
+        
         # Header HTML
         gr.HTML("""
             <header style='text-align: center; padding: 20px; margin-bottom: 20px;'>