Update app.py

app.py

@@ -439,33 +439,33 @@ def show_details_html(choice, previous_output, initial_state):
         return format_hint_html(error_msg), gr.update(visible=True), initial_state
 
 def main():
-    with gr.Blocks(css=get_css_styles()) as iface:   
+    with gr.Blocks(css=get_css_styles()) as iface: 
+        
         gr.HTML("""
             <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        """)
-
-        # 2. 添加一個初始化檢查
-        gr.HTML("""
-            <script>
-                // 首先檢查 Gradio 是否正確載入
-                window.addEventListener('DOMContentLoaded', function() {
-                    console.log('Gradio 初始化開始');
-                });
-            </script>
-        """)
-
-        # 3. 只有在確認 Gradio 正常後，才添加 PWA 功能
-        gr.HTML("""
+            <meta name="apple-mobile-web-app-capable" content="yes">
+            <meta name="apple-mobile-web-app-title" content="PawMatch AI">
+            <link rel="manifest" href="manifest.json">
+            <link rel="apple-touch-icon" href="assets/icon-192.png">
+            
             <script>
-                // 使用一個安全的方式來添加 PWA 功能
-                window.gradioApp = function() {
-                    if ('serviceWorker' in navigator) {
-                        navigator.serviceWorker.register('./service-worker.js')
-                        .then(function(registration) {
-                            console.log('Service Worker 註冊成功');
-                        });
-                    }
-                };
+                (function() {
+                    // 等待 DOM 完全載入
+                    document.addEventListener('DOMContentLoaded', function() {
+                        // 延遲 Service Worker 註冊，等待 Gradio 完成初始化
+                        setTimeout(function() {
+                            if ('serviceWorker' in navigator) {
+                                navigator.serviceWorker.register('service-worker.js')
+                                .then(function(registration) {
+                                    console.log('Service Worker 註冊成功:', registration.scope);
+                                })
+                                .catch(function(error) {
+                                    console.error('Service Worker 註冊失敗:', error);
+                                });
+                            }
+                        }, 2000);
+                    });
+                })();
             </script>
         """)