Rename Voice Isolator -> Voice Cleaner; promote denoise/enhance toggle out of advanced

index.html

@@ -840,7 +840,7 @@ pre {
       </button>
       <button class="nav-item" data-page="isolate" onclick="showPage('isolate', this)">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="8" x2="12" y2="16"/><line x1="9" y1="10" x2="9" y2="14"/><line x1="15" y1="10" x2="15" y2="14"/><path d="M6 6c-3 3-3 9 0 12"/><path d="M18 6c3 3 3 9 0 12"/></svg>
-        Voice Isolator
+        Voice Cleaner
       </button>
       <button class="nav-item" data-page="sfx" onclick="showPage('sfx', this)">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3 C 12 8 13 11 21 12 C 13 13 12 16 12 21 C 12 16 11 13 3 12 C 11 11 12 8 12 3 Z"/></svg>
@@ -1128,11 +1128,11 @@ pre {
         </div>
       </div>
 
-      <!-- Voice Isolator Page -->
+      <!-- Voice Cleaner Page -->
       <div class="page" id="page-isolate">
         <div class="page-header">
-          <div class="page-title">Voice Isolator</div>
-          <div class="page-desc">Clean and enhance noisy audio. Powered by Resemble Enhance.</div>
+          <div class="page-title">Voice Cleaner</div>
+          <div class="page-desc">Strip background noise from speech and optionally restore clarity. Powered by Resemble Enhance.</div>
           <button class="page-api-toggle" type="button" onclick="togglePageApi('isolate', this)">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
             <span class="page-api-label">View API</span>
@@ -1144,6 +1144,11 @@ pre {
           <input type="file" id="iso-file-input" accept="audio/*">
         </div>
 
+        <div class="audio-source-tabs" style="margin-bottom:16px" id="iso-mode-tabs">
+          <button class="audio-source-tab active" data-iso-mode="enhance" type="button" onclick="setIsoMode('enhance')">Denoise &amp; Enhance</button>
+          <button class="audio-source-tab" data-iso-mode="denoise" type="button" onclick="setIsoMode('denoise')">Denoise only</button>
+        </div>
+
         <div class="settings-accordion">
           <button class="settings-toggle" onclick="this.classList.toggle('open');this.nextElementSibling.classList.toggle('open')">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"/></svg>
@@ -1166,16 +1171,12 @@ pre {
                 </div>
               </div>
             </div>
-            <label style="display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;margin-top:12px">
-              <input type="checkbox" id="iso-denoise-only" style="accent-color:var(--accent)">
-              Denoise only (skip enhancement)
-            </label>
           </div>
         </div>
 
         <div class="generate-bar">
           <button class="btn-generate" id="iso-btn" onclick="voiceIsolate()" disabled>
-            <span class="btn-text">Enhance Audio</span>
+            <span class="btn-text">Clean Audio</span>
             <div class="spinner"></div>
           </button>
         </div>
@@ -1366,7 +1367,7 @@ pre {
             <option value="synthesis">Voice Clone — OmniVoice</option>
             <option value="design">Voice Design — Qwen3-TTS</option>
             <option value="changer">Voice Changer — Seed-VC</option>
-            <option value="isolate">Voice Isolator — Resemble Enhance</option>
+            <option value="isolate">Voice Cleaner — Resemble Enhance</option>
             <option value="sfx">Sound Effects — Stable Audio 3</option>
             <option value="transcribe">Transcribe — Cohere</option>
           </select>
@@ -2564,7 +2565,7 @@ curl -N "$BASE/queue/data?session_hash=$SESSION" \\
   },
 
   isolate: {
-    javascript: `// Voice Isolator — multimodalart/resemble-enhance-zerogpu
+    javascript: `// Voice Cleaner — multimodalart/resemble-enhance-zerogpu
 const TOKEN = process.env.HF_TOKEN;
 const BASE = "https://multimodalart-resemble-enhance-zerogpu.hf.space/gradio_api";
 const SESSION = crypto.randomUUID();
@@ -2591,7 +2592,7 @@ await fetch(\`\${BASE}/queue/join\`, {
 // data[0] = denoised, data[1] = enhanced
 const r = await fetch(\`\${BASE}/queue/data?session_hash=\${SESSION}\`,
   { headers: { Authorization: \`Bearer \${TOKEN}\` } });`,
-    python: `# Voice Isolator — multimodalart/resemble-enhance-zerogpu
+    python: `# Voice Cleaner — multimodalart/resemble-enhance-zerogpu
 from gradio_client import Client, handle_file
 
 client = Client("multimodalart/resemble-enhance-zerogpu")
@@ -2604,7 +2605,7 @@ denoised, enhanced = client.predict(
     api_name="/predict",
 )
 print(enhanced)`,
-    curl: `# Voice Isolator — multimodalart/resemble-enhance-zerogpu
+    curl: `# Voice Cleaner — multimodalart/resemble-enhance-zerogpu
 export HF_TOKEN=hf_xxx
 BASE=https://multimodalart-resemble-enhance-zerogpu.hf.space/gradio_api
 
@@ -2797,7 +2798,7 @@ window.showInlineApiLang = function(lang, btn) {
   renderApiCode();
 };
 
-// ── Shared gradio helpers (for Voice Changer / Isolator / SFX) ──
+// ── Shared gradio helpers (for Voice Changer / Cleaner / SFX) ──
 
 const SEED_VC_BASE = "https://plachta-seed-vc.hf.space/gradio_api";
 const RESEMBLE_BASE = "https://multimodalart-resemble-enhance-zerogpu.hf.space/gradio_api";
@@ -3192,7 +3193,13 @@ window.voiceChange = async function() {
   }
 };
 
-// ── Voice Isolator (Resemble Enhance) ──
+// ── Voice Cleaner (Resemble Enhance) ──
+
+let isoMode = "enhance";  // "enhance" = denoise+enhance, "denoise" = denoise-only
+window.setIsoMode = function(mode) {
+  isoMode = mode;
+  document.querySelectorAll("#iso-mode-tabs .audio-source-tab").forEach(t => t.classList.toggle("active", t.dataset.isoMode === mode));
+};
 
 let isoFile = null;
 const isoNfe = document.getElementById("iso-nfe");
@@ -3218,7 +3225,7 @@ window.voiceIsolate = async function() {
   const progressBar = document.getElementById("iso-progress-bar");
   const progressFill = document.getElementById("iso-progress-fill");
   const result = document.getElementById("iso-result");
-  const denoiseOnly = document.getElementById("iso-denoise-only").checked;
+  const denoiseOnly = isoMode === "denoise";
 
   btn.disabled = true; btn.classList.add("loading");
   result.classList.remove("visible");