Update script.js

script.js

@@ -640,15 +640,39 @@ function showInitialPreviewStateUI() {
 
     const initialViewContainer = document.createElement('div');
     initialViewContainer.id = 'initial-view-content';
-    // Added 'initial-view-animate' for entry animation, adjusted spacing
     initialViewContainer.className = 'flex flex-col items-center justify-center text-slate-300 text-lg p-8 space-y-4 h-full initial-view-animate'; 
 
-    // Novita.AI Logo
-    const logoImg = document.createElement('img');
-    logoImg.src = 'https://novita.ai/logo/logo.svg';
-    logoImg.alt = 'Novita.AI Logo';
-    logoImg.className = 'w-40 mb-2'; // Adjusted width and added bottom margin
-    initialViewContainer.appendChild(logoImg); // Append logo first
+    // Novita.AI Logo Container
+    const logoContainer = document.createElement('div');
+    logoContainer.className = 'w-40 mb-2 novita-logo-container'; // Added class for potential specific styling
+    initialViewContainer.appendChild(logoContainer);
+
+    fetch('https://novita.ai/logo/logo.svg')
+        .then(response => {
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            return response.text();
+        })
+        .then(svgText => {
+            logoContainer.innerHTML = svgText;
+            const svgElement = logoContainer.querySelector('svg');
+            if (svgElement) {
+                svgElement.classList.add('novita-logo-svg-themed');
+                // Optionally set width/height directly if not handled by viewBox and container class
+                svgElement.setAttribute('width', '100%');
+                svgElement.setAttribute('height', '100%');
+            } else {
+                console.warn('SVG element not found after fetching Novita logo.');
+                 // Fallback to img if SVG injection fails to find svg tag
+                logoContainer.innerHTML = '<img src="https://novita.ai/logo/logo.svg" alt="Novita.AI Logo" class="w-full h-full" />';
+            }
+        })
+        .catch(error => {
+            console.error('Error fetching Novita.AI logo:', error);
+            // Fallback: display the logo as a regular image if fetch fails (e.g., CORS issue)
+            logoContainer.innerHTML = '<img src="https://novita.ai/logo/logo.svg" alt="Novita.AI Logo" class="w-full h-full" />';
+        });
 
     // API Key Input Section
     const apiKeySection = document.createElement('div');