Update app.py

app.py

@@ -441,41 +441,31 @@ def show_details_html(choice, previous_output, initial_state):
 def main():
     with gr.Blocks(css=get_css_styles()) as iface: 
         
+        # Header HTML
         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">
-            <link rel="manifest" href="./manifest.json">
-            <link rel="apple-touch-icon" href="./assets/icon-192.png">
-        """)
-
-        gr.HTML("""
+            <meta name="apple-mobile-web-app-title" content="PawMatch AI">
+            <link rel="manifest" href="https://dawnc-pawmatchai.hf.space/manifest.json">
+            <link rel="apple-touch-icon" href="https://dawnc-pawmatchai.hf.space/assets/icon-192.png">
+            
             <script>
-                // 等待頁面完全載入後再註冊 Service Worker
-                document.addEventListener('DOMContentLoaded', function() {
-                    // 確認瀏覽器支援 Service Worker
-                    if ('serviceWorker' in navigator) {
-                        // 使用相對路徑註冊 Service Worker
-                        try {
-                            navigator.serviceWorker.register('./service-worker.js', {
-                                scope: './'
-                            }).then(function(registration) {
-                                console.log('Service Worker 註冊成功，範圍：', registration.scope);
-                            }).catch(function(error) {
-                                console.error('Service Worker 註冊失敗：', error.message);
-                            });
-                        } catch(e) {
-                            console.error('Service Worker 註冊時發生錯誤：', e.message);
-                        }
-                    } else {
-                        console.log('此瀏覽器不支援 Service Worker');
-                    }
-                });
+                window.addEventListener('load', async () => {{
+                    try {{
+                        if ('serviceWorker' in navigator) {{
+                            const registration = await navigator.serviceWorker.register(
+                                'https://dawnc-pawmatchai.hf.space/service-worker.js',
+                                {{ scope: '/' }}
+                            );
+                            console.log('Service Worker 註冊成功', registration);
+                        }}
+                    }} catch (error) {{
+                        console.error('Service Worker 註冊失敗:', 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