Update index.html

index.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
-<title>دردشة محلية بالذكاء الاصطناعي</title>
+<title>دردشة ذكاء اصطناعي</title>
 <style>
 :root{--bg:#0f172a;--panel:#111c33;--ai:#1e293b;--user:#0284c7;--line:#27344d;--text:#e2e8f0;--muted:#94a3b8;--ok:#22c55e;--warn:#f59e0b;--err:#ef4444;--errbg:#450a0a}
 :root[data-theme=light]{--bg:#f1f5f9;--panel:#fff;--ai:#e6edf5;--line:#d3dde9;--text:#0f172a;--muted:#5b6b82;--errbg:#fee2e2}
@@ -17,7 +17,7 @@ aside section{margin-bottom:22px}
 .model{background:var(--ai);border-radius:10px;padding:10px 12px;margin-bottom:8px;font-size:13px}
 .model small{color:var(--muted);display:block;margin-top:3px;direction:ltr;text-align:right;word-break:break-all}
 .dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}
-.dot.loading{background:var(--warn)}.dot.ready{background:var(--ok)}.dot.error{background:var(--err)}
+.dot.ready{background:var(--ok)}
 header{grid-area:head;display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line)}
 header h1{font-size:17px;flex:1}
 .badge{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--ai);border:1px solid var(--line)}
@@ -93,7 +93,6 @@ select{width:100%;background:var(--ai);color:var(--text);border:1px solid var(--
     <div class="pop" id="pop" hidden>
       <button id="img">🖼️ إرفاق صورة</button>
       <button id="aud">🎵 رفع صوت</button>
-      <button id="mic">🎤 تسجيل</button>
     </div>
     <textarea id="input" rows="1" placeholder="اكتب رسالتك…"></textarea>
     <button class="ic" id="stop" style="display:none">■</button>
@@ -106,11 +105,9 @@ select{width:100%;background:var(--ai);color:var(--text);border:1px solid var(--
 <script>
 const $ = s => document.querySelector(s);
 const log = $("#log"), main = $("#main"), input = $("#input");
-const API_BASE = "";  // نفس الأصل (Space)
 
-// ============ API helper ============
 async function api(name, body = {}) {
-  const r = await fetch(`${API_BASE}/gradio_api/call/${name}`, {
+  const r = await fetch(`/gradio_api/call/${name}`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(body),
@@ -119,7 +116,6 @@ async function api(name, body = {}) {
   return r.json();
 }
 
-// ============ Theme ============
 let theme = localStorage.getItem("theme") || "dark";
 function applyTheme(t) {
   theme = t;
@@ -130,7 +126,6 @@ function applyTheme(t) {
 $("#theme").onclick = () => applyTheme(theme === "dark" ? "light" : "dark");
 applyTheme(theme);
 
-// ============ Sessions ============
 let sessions = JSON.parse(localStorage.getItem("chatSessions") || "{}");
 let currentId = localStorage.getItem("currentSessionId") || crypto.randomUUID();
 if (!sessions[currentId]) sessions[currentId] = { title: "دردشة جديدة", messages: [] };
@@ -168,7 +163,6 @@ function renderHistory() {
   });
 }
 
-// ============ Messages ============
 function addMsg(role, text = "", cls = "") {
   $(".empty")?.remove();
   const d = document.createElement("div");
@@ -196,7 +190,6 @@ function setBusy(v) {
   $("#modelSel").disabled = v;
 }
 
-// ============ Models ============
 const MODELS = {
   qwen25:   { name: "Qwen2.5-0.5B", kind: "chat", size: "~500MB" },
   qwen3:    { name: "Qwen3-0.6B", kind: "chat", size: "~600MB" },
@@ -227,7 +220,6 @@ modelSel.onchange = () => {
   save(); loadSession(currentId); syncModelUI();
 };
 
-// ============ Chat ============
 let currentReqId = null;
 
 async function ask(text) {
@@ -250,7 +242,6 @@ async function ask(text) {
   currentReqId = crypto.randomUUID();
 
   try {
-    // تحميل النموذج إن لم يكن محملاً
     await api("load", { model_id: modelSel.value });
 
     const r = await api("generate", {
@@ -264,7 +255,6 @@ async function ask(text) {
     sessions[currentId].messages.push({ role: "assistant", content: r.text });
     save();
 
-    // إضافة أزرار النسخ
     const row = document.createElement("div");
     row.className = "acts";
     const copy = document.createElement("button");
@@ -302,7 +292,6 @@ $("#stop").onclick = async () => {
   }
 };
 
-// ============ Unload / Clear ============
 $("#unload").onclick = async () => {
   await api("unload", { model_id: modelSel.value });
   $("#m-chat").querySelector(".dot").className = "dot";
@@ -323,7 +312,6 @@ $("#newChatBtn").onclick = () => {
 
 $("#menu").onclick = () => $("#side").classList.toggle("open");
 
-// ============ Attachments ============
 $("#plus").onclick = (e) => { e.stopPropagation(); $("#pop").hidden = !$("#pop").hidden; };
 document.addEventListener("click", () => $("#pop").hidden = true);
 
@@ -354,7 +342,6 @@ $("#audFile").onchange = async (e) => {
   } catch (e) { addMsg("assistant", "فشل تفريغ الصوت: " + e.message, "error"); }
 };
 
-// ============ Init ============
 renderHistory();
 loadSession(currentId);
 setBusy(false);