🐳 22/02 - 09:19 - Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure element '<URL>'. This request was automatically upgraded to HTTPS, For more information see <URL>

chat.html

@@ -500,8 +500,9 @@ Respond in character. Use *asterisks* for physical actions. Keep responses conci
                 if (currentCharacter && char.id === currentCharacter.id) {
                     item.classList.add('active-chat');
                 }
+                const imgUrl = char.image && char.image.startsWith('http') ? char.image : 'https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=100&h=100&fit=crop';
                 item.innerHTML = `
-                    <img src="${char.image || 'https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=100&h=100&fit=crop'}" class="w-10 h-10 rounded-full object-cover border border-gray-700">
+                    <img src="${imgUrl}" class="w-10 h-10 rounded-full object-cover border border-gray-700">
                     <div class="flex-1 min-w-0">
                         <h4 class="text-sm font-medium text-white truncate">${char.name}</h4>
                         <p class="text-xs text-gray-500 truncate">${char.scene || 'No scenario'}</p>
@@ -532,10 +533,13 @@ Respond in character. Use *asterisks* for physical actions. Keep responses conci
         });
 
         // Pre-fill settings with hardcoded OpenRouter key for visibility
-        document.getElementById('openaiApiKey').value = OPENROUTER_API_KEY;
-        // Remove SinkIn.ai key - no longer needed!
+        const openaiKeyInput = document.getElementById('openaiApiKey');
+        if (openaiKeyInput) openaiKeyInput.value = OPENROUTER_API_KEY;
+        // Remove SinkIn.ai key input if it exists - no longer needed!
         const apiKeyInput = document.getElementById('apiKey');
-        if (apiKeyInput) apiKeyInput.parentElement.remove();
+        if (apiKeyInput && apiKeyInput.parentElement) {
+            apiKeyInput.parentElement.remove();
+        }
 
         // Scenario Modal
         const scenarioModal = document.getElementById('scenarioModal');
@@ -664,13 +668,13 @@ Respond in character. Use *asterisks* for physical actions. Keep responses conci
                 
                 // Simpler fallback - use generic portrait with seed
                 setTimeout(() => {
-                    const simplePrompt = encodeURIComponent(`portrait of ${(currentCharacter.name || 'person').substring(0, 20)}, detailed, 8k`);
-                    const fallbackUrl = `https://image.pollinations.ai/prompt/${simplePrompt}?seed=${seed}&width=512&height=768&nologo=true`;
+                    // Use HTTPS placeholder instead of Pollinations for fallback to avoid rate limits
+                    const fallbackUrl = `https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=512&h=768&fit=crop&seed=${seed}`;
                     
                     const loadingEl2 = document.getElementById(`loading-${loadingId}`);
                     if (loadingEl2) loadingEl2.remove();
                     
-                    addMessage('character', `*${situationDescription.substring(0, 50)}...*`, fallbackUrl);
+                    addMessage('character', `*${situationDescription.substring(0, 40)}...*`, fallbackUrl);
                 }, 1000);
             }
         });

index.html

@@ -276,10 +276,10 @@
             generateText.textContent = 'Generating...';
 
             try {
-                // Build SHORT Pollinations.ai URL - keep under 300 chars total for reliability
-                const shortAppearance = appearance.substring(0, 80);
-                const shortName = name.substring(0, 20);
-                const positivePrompt = `portrait of ${shortName}, ${shortAppearance}, detailed, professional photo, 8k`.substring(0, 150);
+                // Build SHORT Pollinations.ai URL - keep under 200 chars total for reliability
+                const shortAppearance = appearance.substring(0, 50);
+                const shortName = name.substring(0, 15);
+                const positivePrompt = `portrait of ${shortName}, ${shortAppearance}, detailed, 8k`.substring(0, 100);
                 const encodedPrompt = encodeURIComponent(positivePrompt);
                 
                 // Pollinations.ai - no API key needed! Short URL for reliability
@@ -315,10 +315,11 @@
 
             } catch (error) {
                 console.error('Generation error:', error);
-                generationStatus.textContent = 'Error: ' + error.message;
+                const errorMsg = error instanceof Error ? error.message : 'Image failed to load';
+                generationStatus.textContent = 'Error: ' + errorMsg;
                 
-                // Fallback to static photos with the same seed
-                const fallbackUrl = `http://static.photos/people/640x360/${currentSeed % 1000}`;
+                // Fallback to HTTPS placeholder with the same seed
+                const fallbackUrl = `https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=640&h=360&fit=crop&seed=${currentSeed}`;
                 previewImage.src = fallbackUrl;
                 previewImage.dataset.generatedUrl = fallbackUrl;
                 previewImage.dataset.seed = currentSeed;