Add Voice Changer / Cleaner / Sound Effects / Transcribe to history

index.html

@@ -2220,9 +2220,11 @@ window.transcribe = async function() {
         else if (data.msg === "process_completed") {
           if (data.success) {
             const transcript = data.output.data[0];
+            const wallSec = (Date.now() - t0) / 1000;
             document.getElementById("transcribe-text").textContent = transcript;
             result.style.display = "block";
-            showTranscribeStatus("success", `Transcribed in ${((Date.now() - t0) / 1000).toFixed(1)}s`);
+            showTranscribeStatus("success", `Transcribed in ${wallSec.toFixed(1)}s`);
+            addToHistory(transcript.slice(0, 120) + (transcript.length > 120 ? "…" : ""), `Transcribe (${transcribeFile.name})`, wallSec, null);
           } else {
             showTranscribeStatusWithCTA(data.output?.error || "Transcription failed");
           }
@@ -3185,6 +3187,7 @@ window.voiceChange = async function() {
     setPlayerMeta("vc", `${vcSource.name} → ${vcTarget.name}`);
     result.classList.add("visible");
     showStatusOn("vc-status", "success", `Converted in ${wallClock.toFixed(1)}s`);
+    addToHistory(`${vcSource.name} → ${vcTarget.name}`, "Voice Changer", wallClock, url);
   } catch (err) {
     showStatusCtaOn("vc-status", err.message);
   } finally {
@@ -3255,6 +3258,7 @@ window.voiceIsolate = async function() {
     setPlayerMeta("iso", isoFile.name);
     result.classList.add("visible");
     showStatusOn("iso-status", "success", `Done in ${wallClock.toFixed(1)}s`);
+    addToHistory(isoFile.name, denoiseOnly ? "Voice Cleaner (noise)" : "Voice Cleaner (enhance)", wallClock, url);
   } catch (err) {
     showStatusCtaOn("iso-status", err.message);
   } finally {
@@ -3308,6 +3312,7 @@ window.soundEffect = async function() {
     setPlayerMeta("sfx", `Prompt: "${prompt.slice(0,40)}${prompt.length>40?"...":""}"`);
     result.classList.add("visible");
     showStatusOn("sfx-status", "success", `Generated in ${wallClock.toFixed(1)}s`);
+    addToHistory(prompt, "Sound Effects", wallClock, url);
   } catch (err) {
     showStatusCtaOn("sfx-status", err.message);
   } finally {
@@ -3472,14 +3477,26 @@ function renderHistory() {
   if (!history.length) { c.innerHTML = '<div class="empty-state"><div class="empty-state-icon">🕐</div><div>No generations yet</div></div>'; return; }
   c.innerHTML = '<div class="history-list">' + history.map((h, i) => {
     const t = new Date(h.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+    const safeText = (h.text || "").replace(/</g, "&lt;");
+    const playOrIcon = h.url
+      ? `<button class="history-play" onclick="playHistory(${i})"><svg viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg></button>`
+      : `<div class="history-play" style="opacity:0.4;cursor:default"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7V4h16v3"/><path d="M9 20h6"/><path d="M12 4v16"/></svg></div>`;
+    const action = h.url
+      ? `<button class="history-download" onclick="downloadHistoryItem(${i})">Download</button>`
+      : `<button class="history-download" onclick="copyHistoryText(${i})">Copy</button>`;
     return `<div class="history-item">
-      <button class="history-play" onclick="playHistory(${i})"><svg viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg></button>
-      <div class="history-info"><div class="history-text">${h.text}</div><div class="history-sub">${h.voiceName} · ${h.duration?.toFixed(1)}s · ${t}</div></div>
-      <button class="history-download" onclick="downloadHistoryItem(${i})">Download</button>
+      ${playOrIcon}
+      <div class="history-info"><div class="history-text">${safeText}</div><div class="history-sub">${h.voiceName} · ${h.duration?.toFixed(1)}s · ${t}</div></div>
+      ${action}
     </div>`;
   }).join("") + '</div>';
 }
 
+window.copyHistoryText = function(i) {
+  const h = history[i];
+  if (h?.text) navigator.clipboard.writeText(h.text);
+};
+
 window.playHistory = function(i) { const h = history[i]; if (h.url) { audioEl.src = h.url; audioEl.play(); } };
 window.downloadHistoryItem = async function(i) {
   const h = history[i]; if (!h.url) return;