Update app.py

app.py

@@ -441,40 +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 charset="UTF-8">
             <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">
-            <link rel="manifest" href="manifest.json">
-            <link rel="apple-touch-icon" href="assets/icon-192.png">
-            
+            <meta name="theme-color" content="#4299e1">
+            <link rel="manifest" href="/manifest.json">
+            <link rel="apple-touch-icon" href="/assets/icon-192.png">
             <script>
-                // 等待所有資源載入完成
-                window.addEventListener('load', function() {
-                    // 檢查瀏覽器是否支援 Service Worker
-                    if ('serviceWorker' in navigator) {
-                        // 使用 async/await 處理 Promise
-                        (async () => {
-                            try {
-                                // 嘗試註冊 Service Worker
-                                const registration = await navigator.serviceWorker.register('service-worker.js');
-                                console.log('Service Worker 註冊成功！', registration.scope);
-                            } catch (error) {
-                                // 如果發生錯誤，記錄詳細資訊
-                                console.error('Service Worker 註冊失敗：', error);
-                                // 顯示更多診斷資訊
-                                console.log('當前網址：', window.location.href);
-                                console.log('Service Worker 支援狀態：', 'serviceWorker' in navigator);
-                            }
-                        })();
-                    } else {
-                        console.log('此瀏覽器不支援 Service Worker');
-                    }
-                });
+                if ('serviceWorker' in navigator) {
+                    window.addEventListener('load', () => {
+                        navigator.serviceWorker.register('/service-worker.js')
+                            .then((registration) => {
+                                console.log('ServiceWorker 註冊成功');
+                            })
+                            .catch((error) => {
+                                console.error('ServiceWorker 註冊失敗：', 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