Update app.py

app.py

@@ -439,31 +439,29 @@ 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:
-        # Header HTML
+    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-status-bar-style" content="black">
-            <meta name="apple-mobile-web-app-title" content="PawMatch AI">
+        """)
+        
+        # 第二步：加入 manifest
+        gr.HTML("""
             <link rel="manifest" href="manifest.json">
-            <link rel="apple-touch-icon" href="assets/icon-192.png">
-            
+        """)
+        
+        # 第三步：最後加入 Service Worker
+        gr.HTML(f"""
             <script>
-                window.addEventListener('load', async () => {
-                    try {
-                        if ('serviceWorker' in navigator) {
-                            const registration = await navigator.serviceWorker.register(
-                                'service-worker.js',
-                                { scope: './' }
-                            );
-                            console.log('Service Worker 註冊成功', registration);
-                        }
-                    } catch (error) {
-                        console.error('Service Worker 註冊失敗:', error);
-                    }
-                });
+                if ('serviceWorker' in navigator) {{
+                    navigator.serviceWorker.register('service-worker.js')
+                    .then(registration => console.log('成功'))
+                    .catch(error => console.error('失敗:', error));
+                }}
             </script>
+        """)
+        # Header HTML
+        gr.HTML("""
             <header style='text-align: center; padding: 20px; margin-bottom: 20px;'>
                 <h1 style='font-size: 2.5em; margin-bottom: 10px; color: #2D3748;'>
                     🐾 PawMatch AI