Update index.html

index.html

@@ -285,17 +285,17 @@
                     <div class="settings-group"><label>مقیاس هدایت (CFG):</label><input type="number" id="cfg_input" value="7.0" step="0.5"></div>
                 </div>
 
-                <!-- بخش اضافه شده: آپلود فایل نمونه -->
+                <!-- بخش‌های اضافه شده طبق درخواست شما -->
                 <div class="settings-group" style="border-top: 1px solid #e2e8f0; padding-top: 15px; margin-bottom: 10px;">
                     <label>آپلود آهنگ نمونه (Audio Conditioning):</label>
-                    <input type="file" id="audio_reference" accept="audio/*" style="padding: 10px;">
+                    <input type="file" id="audio_reference" accept="audio/*" style="padding: 10px; width: 100%; background: #fff;">
                 </div>
 
-                <!-- بخش اضافه شده: چک‌باکس بی‌کلام -->
                 <div class="checkbox-wrapper">
                     <input type="checkbox" id="instrumental_chk">
                     <label for="instrumental_chk" style="font-size: 0.9rem; cursor: pointer;"><b>حالت بی‌کلام (Instrumental)</b><br><span style="font-size: 0.8rem; color: #666;">بدون خواننده، فقط موسیقی</span></label>
                 </div>
+                <!-- پایان بخش‌های اضافه شده -->
 
                 <div class="checkbox-wrapper"><input type="checkbox" id="think_checkbox" checked><label for="think_checkbox" style="font-size: 0.9rem; cursor: pointer;"><b>فعال‌سازی تفکر مدل</b><br><span style="font-size: 0.8rem; color: #666;">افزایش کیفیت آهنگ</span></label></div>
             </div>
@@ -500,10 +500,13 @@
                 const store = transaction.objectStore("songs");
                 store.add(newItem);
                 
+                // --- دقیقا همان شرط حذف اضافه (بیشتر از 10) که قبلا بود ---
                 const countReq = store.count();
                 countReq.onsuccess = () => {
                     if (countReq.result > 10) store.openCursor().onsuccess = (e) => { if(e.target.result) e.target.result.delete(); };
                 };
+                // --------------------------------------------------------
+                
                 transaction.oncomplete = () => loadHistory();
             } catch (error) { console.error("Error saving:", error); }
         }
@@ -599,7 +602,7 @@
         
         initDB();
 
-        // --- تابع آپلود فایل صوتی به Gradio ---
+        // --- تابع جدید: آپلود فایل صوتی به Gradio ---
         async function uploadAudioFile(file) {
             const formData = new FormData();
             formData.append("files", file);
@@ -610,8 +613,7 @@
                 });
                 const data = await response.json();
                 if (data && data.length > 0) {
-                    // ساختن آبجکت مورد نیاز Gradio Client
-                    // طبق لاگ‌ها، response یک آرایه از مسیرهاست: ["/tmp/gradio/..."]
+                    // ساخت آبجکت فایل برای گرادیو
                     return {
                         "path": data[0],
                         "url": `${ACE_SPACE_URL}gradio_api/file=${data[0]}`,
@@ -638,7 +640,7 @@
             loader.style.display = 'block';
             
             try {
-                // 1. آپلود فایل صوتی اگر انتخاب شده باشد
+                // 1. آپلود فایل نمونه (اگر کاربر انتخاب کرده باشد)
                 const audioInput = document.getElementById('audio_reference');
                 let uploadedAudioObj = null;
                 if (audioInput.files.length > 0) {
@@ -646,7 +648,7 @@
                     uploadedAudioObj = await uploadAudioFile(audioInput.files[0]);
                 }
 
-                // 2. درخواست متن و پرامپت از بک‌اند
+                // 2. درخواست متن و پرامپت
                 loaderText.innerText = "آلفا در حال نوشتن شعر و ملودی...";
                 const isInstrumental = getChk('instrumental_chk');
                 
@@ -682,10 +684,11 @@
                 const { lyrics, musicPrompt } = data;
                 loaderText.innerText = "در حال ضبط آهنگ در استودیو آلفا...";
                 
-                // اگر بی‌کلام انتخاب شده، متن خالی ارسال می‌شود (ایندکس 5)
+                // در حالت بی‌کلام، متن خالی ارسال می‌شود
                 const finalLyrics = isInstrumental ? "" : lyrics;
 
-                // ایندکس 2: فایل آپلود شده (null یا آبجکت فایل)
+                // ایندکس 2 = فایل صوتی (یا null)
+                // ایندکس 5 = متن ترانه
                 const payload = [
                     getVal('model_select'), "custom", uploadedAudioObj, "unknown", musicPrompt, finalLyrics, 0, "", "", "unknown", 
                     getNum('steps_input'), getNum('cfg_input'), true, getNum('seed_input'), null, -1,