Update index.html

index.html

@@ -298,7 +298,7 @@
       </div>
       <button class="btn-danger" onclick="clearAllChats()" id="i18n-del-btn">🗑 Delete</button>
     </div>
-    <button class="btn-save" onclick="closeSettings()" id="i18n-save-btn">💾 Save</button>
+    <button class="btn-save" onclick="closeSettings()" id="i18n-save-btn">💾 Close</button>
   </div>
 </div>
 
@@ -591,13 +591,44 @@ async function sendMessage(){
       scrollToBottom();
     }
 
-    if (fullBotResponse.includes('<div style="text-align:center;')) {
-         botContentDiv.innerHTML = fullBotResponse;
+    // --- التعديل الأساسي: معالجة JSON للصور ---
+    // إزالة مؤشر الكتابة قبل التقديم النهائي
+    const cursor = botContentDiv.querySelector('.gemini-cursor');
+    if (cursor) cursor.remove();
+
+    // محاولة تحليل الرد على أنه JSON (لحالة توليد الصور)
+    let parsedResponse = null;
+    try {
+        parsedResponse = JSON.parse(fullBotResponse);
+    } catch (e) {
+        // ليس JSON، نتعامل معه كنص عادي
+    }
+
+    if (parsedResponse && (parsedResponse.image || parsedResponse.url)) {
+        // عرض الصورة المولدة
+        let imgHtml = '';
+        if (parsedResponse.image) {
+            // الصورة بصيغة base64
+            imgHtml = `<img src="data:image/png;base64,${parsedResponse.image}" alt="Generated Image" style="max-width:100%; border-radius:18px; box-shadow:0 8px 25px rgba(0,0,0,0.1);"/>`;
+        } else if (parsedResponse.url) {
+            // رابط مباشر للصورة
+            imgHtml = `<img src="${parsedResponse.url}" alt="Generated Image" style="max-width:100%; border-radius:18px; box-shadow:0 8px 25px rgba(0,0,0,0.1);"/>`;
+        }
+        botContentDiv.innerHTML = `<div style="text-align:center;">${imgHtml}</div>`;
+    } else if (parsedResponse && parsedResponse.error) {
+        // عرض رسالة خطأ من الخادم
+        botContentDiv.innerHTML = `<span style="color:var(--danger)">⚠️ ${parsedResponse.error}</span>`;
     } else {
-         botContentDiv.innerHTML = marked.parse(fullBotResponse);
-         renderKaTeX(botContentDiv);
+        // التعامل مع الردود النصية العادية (Markdown أو HTML)
+        if (fullBotResponse.includes('<div style="text-align:center;')) {
+            botContentDiv.innerHTML = fullBotResponse;
+        } else {
+            botContentDiv.innerHTML = marked.parse(fullBotResponse);
+            renderKaTeX(botContentDiv);
+        }
     }
-    
+    // --- نهاية التعديل ---
+
     chat.history.push({ user: text, bot: fullBotResponse, uiFiles: uiFiles });
     saveChats();
     appendMemBadge(chat.history.length, chat.history.length);
@@ -665,4 +696,4 @@ document.getElementById('lang-select').value = currentLang;
 applyI18n();
 </script>
 </body>
-</html>
+</html>