Remove session usage tracker (couldn't reflect cross-session quota)

index.html

@@ -215,46 +215,6 @@ body {
 .voice-card:hover .delete-voice { opacity: 1; }
 .voice-card .delete-voice:hover { color: var(--danger); background: rgba(239,68,68,0.1); }
 
-/* ── Usage tracker ── */
-.usage-tracker {
-  padding: 12px;
-  margin: 0 12px 12px;
-  background: var(--surface2);
-  border: 1px solid var(--border);
-  border-radius: 10px;
-}
-
-.usage-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 8px;
-}
-
-.usage-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); }
-.usage-value { font-size: 11px; color: var(--text-secondary); font-variant-numeric: tabular-nums; }
-
-.usage-bar {
-  width: 100%;
-  height: 4px;
-  background: var(--surface3);
-  border-radius: 2px;
-  overflow: hidden;
-  margin-bottom: 6px;
-}
-
-.usage-fill {
-  height: 100%;
-  background: var(--accent);
-  border-radius: 2px;
-  transition: width 0.5s ease;
-}
-
-.usage-fill.warning { background: var(--warning); }
-.usage-fill.danger { background: var(--danger); }
-
-.usage-sub { font-size: 10px; color: var(--text-muted); }
-
 /* ── Content ── */
 .content {
   overflow-y: auto;
@@ -877,15 +837,6 @@ pre {
       </button>
     </div>
 
-    <!-- Usage Tracker -->
-    <div class="usage-tracker" id="usage-tracker">
-      <div class="usage-header">
-        <span class="usage-label">Session Usage</span>
-        <span class="usage-value" id="usage-value">0s used</span>
-      </div>
-      <div class="usage-bar"><div class="usage-fill" id="usage-fill" style="width:0%"></div></div>
-      <div class="usage-sub" id="usage-sub">Estimated from generation durations</div>
-    </div>
   </div>
 
   <div class="content">
@@ -1457,9 +1408,6 @@ import { oauthLoginUrl, oauthHandleRedirectIfPresent } from "https://esm.sh/@hug
 
 const OMNIVOICE_BASE = "https://k2-fsa-omnivoice.hf.space/gradio_api";
 const COLORS = ["#7c3aed","#ec4899","#f59e0b","#22c55e","#3b82f6","#ef4444","#06b6d4","#8b5cf6"];
-const QUOTA_FREE = 240;
-const QUOTA_PRO = 1500;
-
 let accessToken = null;
 let userInfo = null;
 let isPro = false;
@@ -1467,7 +1415,6 @@ let selectedVoice = null;
 let resultAudioUrl = null;
 let modalFileData = null;
 let history = JSON.parse(localStorage.getItem("zl_history") || "[]");
-let sessionUsage = parseFloat(sessionStorage.getItem("zl_usage") || "0");
 
 // ── IndexedDB ──
 
@@ -1657,28 +1604,6 @@ document.addEventListener("click", () => {
   document.getElementById("voice-picker")?.classList.remove("visible");
 });
 
-// ── Usage Tracker ──
-
-function updateUsageTracker(addSeconds) {
-  if (addSeconds) {
-    sessionUsage += addSeconds;
-    sessionStorage.setItem("zl_usage", sessionUsage.toString());
-  }
-  const quota = isPro ? QUOTA_PRO : QUOTA_FREE;
-  const pct = Math.min((sessionUsage / quota) * 100, 100);
-  const fill = document.getElementById("usage-fill");
-  fill.style.width = `${pct}%`;
-  fill.className = "usage-fill" + (pct > 80 ? " danger" : pct > 50 ? " warning" : "");
-
-  const mins = Math.floor(sessionUsage / 60);
-  const secs = Math.round(sessionUsage % 60);
-  document.getElementById("usage-value").textContent = mins > 0 ? `${mins}m ${secs}s` : `${secs}s`;
-
-  const quotaMins = Math.round(quota / 60);
-  const tier = isPro ? "Pro" : "Free";
-  document.getElementById("usage-sub").textContent = `~${Math.round(sessionUsage)}s of ${quotaMins}m ${tier} daily quota (est.)`;
-}
-
 // ── Smart Error CTAs ──
 
 function showStatusWithCTA(errorMsg) {
@@ -2034,7 +1959,6 @@ window.generateDesign = async function() {
             result.classList.add("visible");
             showDesignStatus("success", `Generated in ${dur.toFixed(1)}s`);
             addToHistory(text, "Voice Design", dur, designAudioUrl);
-            updateUsageTracker(dur * 0.5);
           } else {
             const errMsg = data.output?.error || "Generation failed";
             showDesignStatusWithCTA(errMsg);
@@ -2220,7 +2144,6 @@ window.transcribe = async function() {
             document.getElementById("transcribe-text").textContent = transcript;
             result.style.display = "block";
             showTranscribeStatus("success", `Transcribed in ${data.output.duration?.toFixed(1)}s`);
-            updateUsageTracker(data.output.duration * 0.5);
           } else {
             showTranscribeStatusWithCTA(data.output?.error || "Transcription failed");
           }
@@ -2343,7 +2266,6 @@ function showApp() {
   renderPresets();
   renderVoicesPage();
   renderHistory();
-  updateUsageTracker();
 }
 
 // ── Pages ──
@@ -2981,7 +2903,6 @@ window.voiceChange = async function() {
     document.getElementById("vc-player-meta").textContent = `${vcSource.name} → ${vcTarget.name} · ${duration.toFixed(1)}s`;
     result.classList.add("visible");
     showStatusOn("vc-status", "success", `Converted in ${duration.toFixed(1)}s`);
-    updateUsageTracker(duration * 0.5);
   } catch (err) {
     showStatusCtaOn("vc-status", err.message);
   } finally {
@@ -3040,7 +2961,6 @@ window.voiceIsolate = async function() {
     document.getElementById("iso-player-meta").textContent = `${isoFile.name} · ${duration.toFixed(1)}s`;
     result.classList.add("visible");
     showStatusOn("iso-status", "success", `Done in ${duration.toFixed(1)}s`);
-    updateUsageTracker(duration * 0.5);
   } catch (err) {
     showStatusCtaOn("iso-status", err.message);
   } finally {
@@ -3094,7 +3014,6 @@ window.soundEffect = async function() {
     document.getElementById("sfx-player-meta").textContent = `${sfxDuration.value}s · ${duration.toFixed(1)}s gen`;
     result.classList.add("visible");
     showStatusOn("sfx-status", "success", `Generated in ${duration.toFixed(1)}s`);
-    updateUsageTracker(duration * 0.5);
   } catch (err) {
     showStatusCtaOn("sfx-status", err.message);
   } finally {
@@ -3211,8 +3130,6 @@ window.generate = async function() {
             result.classList.add("visible");
             showStatus("success", `Generated in ${dur.toFixed(1)}s`);
             addToHistory(text, selectedVoice.name, dur, resultAudioUrl);
-            // Estimate GPU usage (~50% of wall time based on our measurements)
-            updateUsageTracker(dur * 0.5);
           } else {
             const errMsg = data.output?.error || "Generation failed";
             showStatusWithCTA(errMsg);