Upload index.html

index.html

@@ -8248,15 +8248,22 @@
             }, 50);
         }
 
-        // --- Event Listeners ---
-        visualizeBtn.addEventListener('click', handleVisualize);
-        
-        // --- Initial Load ---
-        window.addEventListener('load', () => {
+        // --- Fetch example code before UI setup ---
+        async function loadAndInit() {
+            const res = await fetch("main_code.py");
+            const res2 = await fetch("dependencies.py");
+
+            exampleCodeMain = await res.text();
+            exampleCodeDeps = await res.text();
+
+            // --- Initial Load (must wait for code) ---
             addTab('Main', exampleCodeMain, true);
-            addTab('Deps', exampleCodeDeps);
+            addTab('Deps', exampleCodeDeps, true);
             handleVisualize();
-        });
+        }
+
+        // --- Attach UI event listeners immediately ---
+        visualizeBtn.addEventListener('click', handleVisualize);
         window.addEventListener('resize', () => {
             let allCode = '';
             document.querySelectorAll('#code-inputs-container textarea').forEach(area => {
@@ -8267,6 +8274,10 @@
             }
         });
 
+        // --- Start initialization once DOM is ready ---
+        window.addEventListener('load', loadAndInit);
+
+
     </script>
 </body>
 </html>