Update index.html

index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>VoiceSync Studio - Dubbing Manager</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/lucide@0.263.1/dist/umd/lucide.min.js"></script>
     <style>
         /* Custom scrollbar for a cleaner look */
         ::-webkit-scrollbar {
@@ -352,13 +352,27 @@
     </div>
 
     <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            if (typeof lucide !== 'undefined') {
-                lucide.createIcons();
+        // Initialize Lucide icons with retry logic for reliability
+        function initLucideIcons() {
+            if (typeof lucide !== 'undefined' && lucide.createIcons) {
+                try {
+                    lucide.createIcons();
+                    console.log('✓ Lucide icons initialized');
+                } catch (e) {
+                    console.error('Error creating icons:', e);
+                }
             } else {
-                console.error('Lucide library failed to load');
+                // Retry after 100ms if library hasn't loaded yet
+                setTimeout(initLucideIcons, 100);
             }
-        });
+        }
+
+        // Run when DOM is ready
+        if (document.readyState === 'loading') {
+            document.addEventListener('DOMContentLoaded', initLucideIcons);
+        } else {
+            initLucideIcons();
+        }
     </script>
 </body>
 </html>