Use progressive W2 ONNX model in WebGPU demo

README.md

@@ -1,13 +1,20 @@
 ---
-title: Visualears Fastconformer Fa Webgpu
-emoji: 👁
-colorFrom: indigo
-colorTo: purple
+title: VisualEars FastConformer FA W2 WebGPU
+emoji: 🎙️
+colorFrom: green
+colorTo: indigo
 sdk: gradio
-sdk_version: 6.18.0
-python_version: '3.13'
+sdk_version: 5.35.0
 app_file: app.py
 pinned: false
+license: apache-2.0
+short_description: Browser WebGPU mic demo for VisualEars Persian ASR W2 ONNX
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# VisualEars FastConformer Persian ASR WebGPU Demo
+
+Minimal Gradio Space for trying `Reza2kn/visualears-fastconformer-fa-full-ab-onnx-w2-progressive` directly in the browser with WebGPU.
+
+The ONNX artifact is a fixed-frame acoustic CTC core. It expects precomputed NeMo-style 80-bin log-mel features shaped `[1, 80, 2005]`, so this Space captures mic audio in the browser, computes approximate log-mel features client-side, runs ONNX Runtime WebGPU, and greedily decodes the CTC output.
+
+This is a rolling-window live test harness, not a true cache-aware streaming export. It is meant for quick real-life/noisy microphone experiments and latency/RTF visibility.

SPACE_DEPLOY.md

@@ -0,0 +1,19 @@
+# Deploy
+
+Create a new Hugging Face Space with SDK `gradio`, then upload this folder:
+
+```bash
+huggingface-cli repo create visualears-fastconformer-fa-webgpu --type space --space_sdk gradio
+git clone https://huggingface.co/spaces/Reza2kn/visualears-fastconformer-fa-webgpu
+rsync -av --delete visualears-webgpu-space/ visualears-fastconformer-fa-webgpu/
+cd visualears-fastconformer-fa-webgpu
+git add .
+git commit -m "Add VisualEars WebGPU ASR demo"
+git push
+```
+
+The app downloads the ONNX model from:
+
+`Reza2kn/visualears-fastconformer-fa-full-ab-onnx-fp`
+
+The first browser load fetches about 461 MB. The browser should cache later loads.

app.js

@@ -0,0 +1,491 @@
+const MODEL_URL = "https://huggingface.co/Reza2kn/visualears-fastconformer-fa-full-ab-onnx-w2-progressive/resolve/main/fastconformer_ctc_fixed2005.onnx";
+const MODEL_DATA_URL = "https://huggingface.co/Reza2kn/visualears-fastconformer-fa-full-ab-onnx-w2-progressive/resolve/main/fastconformer_ctc_fixed2005.onnx.data";
+const SAMPLE_RATE = 16000;
+const N_FFT = 512;
+const WIN_LENGTH = 400;
+const HOP_LENGTH = 160;
+const N_MELS = 80;
+const FIXED_FRAMES = 2005;
+const OUTPUT_STRIDE = 8;
+
+const $ = (id) => document.getElementById(id);
+let ortRuntime = null;
+
+const state = {
+  session: null,
+  tokens: null,
+  blankId: 1024,
+  audioContext: null,
+  source: null,
+  processor: null,
+  mediaStream: null,
+  utterancePcm: new Float32Array(0),
+  finalTranscript: "",
+  partialTranscript: "",
+  speechActive: false,
+  silenceMs: 0,
+  finalizing: false,
+  recording: false,
+  decoding: false,
+  decodeTimer: null,
+  lastDecodeAt: 0,
+  fftPlan: null,
+  melFilters: null,
+  gpuName: "-",
+};
+
+function setStatus(message) {
+  $("status").textContent = message;
+}
+
+function setText(id, value) {
+  $(id).textContent = value;
+}
+
+function formatMs(ms) {
+  if (!Number.isFinite(ms)) return "-";
+  return ms < 1000 ? `${ms.toFixed(0)} ms` : `${(ms / 1000).toFixed(2)} s`;
+}
+
+function updateHeap() {
+  const mem = performance.memory;
+  if (!mem) {
+    setText("stat-heap", "unavailable");
+    return;
+  }
+  setText("stat-heap", `${(mem.usedJSHeapSize / 1048576).toFixed(0)} / ${(mem.jsHeapSizeLimit / 1048576).toFixed(0)} MB`);
+}
+
+function renderTranscript() {
+  $("transcript").textContent = `Final:\n${state.finalTranscript || "..."}\n\nPartial:\n${state.partialTranscript || "..."}`;
+}
+
+function appendToUtterance(chunk) {
+  const maxSeconds = Number($("window-seconds")?.value || 20);
+  const maxSamples = Math.ceil(maxSeconds * SAMPLE_RATE);
+  const merged = new Float32Array(Math.min(maxSamples, state.utterancePcm.length + chunk.length));
+  const keep = Math.max(0, merged.length - chunk.length);
+  if (keep > 0) merged.set(state.utterancePcm.subarray(state.utterancePcm.length - keep), 0);
+  merged.set(chunk.subarray(Math.max(0, chunk.length - merged.length)), keep);
+  state.utterancePcm = merged;
+}
+
+function resampleLinear(input, fromRate, toRate) {
+  if (fromRate === toRate) return new Float32Array(input);
+  const outLen = Math.max(1, Math.round(input.length * toRate / fromRate));
+  const output = new Float32Array(outLen);
+  const ratio = (input.length - 1) / Math.max(1, outLen - 1);
+  for (let i = 0; i < outLen; i++) {
+    const x = i * ratio;
+    const j = Math.floor(x);
+    const frac = x - j;
+    output[i] = input[j] * (1 - frac) + input[Math.min(j + 1, input.length - 1)] * frac;
+  }
+  return output;
+}
+
+function hzToMel(hz) {
+  return 2595 * Math.log10(1 + hz / 700);
+}
+
+function melToHz(mel) {
+  return 700 * (10 ** (mel / 2595) - 1);
+}
+
+function createMelFilters() {
+  const minMel = hzToMel(0);
+  const maxMel = hzToMel(SAMPLE_RATE / 2);
+  const melPoints = new Array(N_MELS + 2).fill(0).map((_, i) => minMel + (maxMel - minMel) * i / (N_MELS + 1));
+  const bins = melPoints.map((m) => Math.floor((N_FFT + 1) * melToHz(m) / SAMPLE_RATE));
+  const filters = [];
+  for (let m = 1; m <= N_MELS; m++) {
+    const filter = new Float32Array(N_FFT / 2 + 1);
+    const left = bins[m - 1], center = bins[m], right = bins[m + 1];
+    for (let k = left; k < center; k++) filter[k] = (k - left) / Math.max(1, center - left);
+    for (let k = center; k < right; k++) filter[k] = (right - k) / Math.max(1, right - center);
+    filters.push(filter);
+  }
+  return filters;
+}
+
+function createFftPlan(n) {
+  const cos = new Float32Array(n / 2);
+  const sin = new Float32Array(n / 2);
+  for (let i = 0; i < n / 2; i++) {
+    cos[i] = Math.cos(-2 * Math.PI * i / n);
+    sin[i] = Math.sin(-2 * Math.PI * i / n);
+  }
+  return { n, cos, sin };
+}
+
+function fftRealPower(frame, plan) {
+  const n = plan.n;
+  const re = new Float32Array(n);
+  const im = new Float32Array(n);
+  re.set(frame);
+  let j = 0;
+  for (let i = 1; i < n; i++) {
+    let bit = n >> 1;
+    for (; j & bit; bit >>= 1) j ^= bit;
+    j ^= bit;
+    if (i < j) {
+      const tr = re[i]; re[i] = re[j]; re[j] = tr;
+      const ti = im[i]; im[i] = im[j]; im[j] = ti;
+    }
+  }
+  for (let len = 2; len <= n; len <<= 1) {
+    const half = len >> 1;
+    const step = n / len;
+    for (let i = 0; i < n; i += len) {
+      for (let k = 0; k < half; k++) {
+        const idx = k * step;
+        const wr = plan.cos[idx];
+        const wi = plan.sin[idx];
+        const ur = re[i + k];
+        const ui = im[i + k];
+        const vr = re[i + k + half] * wr - im[i + k + half] * wi;
+        const vi = re[i + k + half] * wi + im[i + k + half] * wr;
+        re[i + k] = ur + vr;
+        im[i + k] = ui + vi;
+        re[i + k + half] = ur - vr;
+        im[i + k + half] = ui - vi;
+      }
+    }
+  }
+  const power = new Float32Array(n / 2 + 1);
+  for (let i = 0; i < power.length; i++) power[i] = (re[i] * re[i] + im[i] * im[i]) / n;
+  return power;
+}
+
+function pcmToLogMel(pcm) {
+  if (!state.fftPlan) state.fftPlan = createFftPlan(N_FFT);
+  if (!state.melFilters) state.melFilters = createMelFilters();
+
+  const frameCount = Math.max(1, Math.min(FIXED_FRAMES, Math.floor((pcm.length - WIN_LENGTH) / HOP_LENGTH) + 1));
+  const features = new Float32Array(N_MELS * FIXED_FRAMES);
+  const hann = new Float32Array(WIN_LENGTH);
+  for (let i = 0; i < WIN_LENGTH; i++) hann[i] = 0.5 - 0.5 * Math.cos(2 * Math.PI * i / (WIN_LENGTH - 1));
+
+  for (let t = 0; t < frameCount; t++) {
+    const offset = t * HOP_LENGTH;
+    const frame = new Float32Array(N_FFT);
+    for (let i = 0; i < WIN_LENGTH; i++) frame[i] = (pcm[offset + i] || 0) * hann[i];
+    const power = fftRealPower(frame, state.fftPlan);
+    for (let m = 0; m < N_MELS; m++) {
+      const filter = state.melFilters[m];
+      let energy = 0;
+      for (let k = 0; k < filter.length; k++) energy += power[k] * filter[k];
+      features[m * FIXED_FRAMES + t] = Math.log(Math.max(energy, 1e-20));
+    }
+  }
+
+  for (let m = 0; m < N_MELS; m++) {
+    let mean = 0;
+    const base = m * FIXED_FRAMES;
+    for (let t = 0; t < frameCount; t++) mean += features[base + t];
+    mean /= frameCount;
+    let variance = 0;
+    for (let t = 0; t < frameCount; t++) {
+      const d = features[base + t] - mean;
+      variance += d * d;
+    }
+    const invStd = 1 / Math.sqrt(variance / frameCount + 1e-5);
+    for (let t = 0; t < frameCount; t++) features[base + t] = (features[base + t] - mean) * invStd;
+  }
+
+  return { features, frameCount };
+}
+
+function decodeCtc(logits, timeSteps, vocabSize) {
+  const tokens = state.tokens;
+  const blank = state.blankId;
+  let previous = -1;
+  const pieces = [];
+  for (let t = 0; t < timeSteps; t++) {
+    let best = 0;
+    let bestValue = -Infinity;
+    const base = t * vocabSize;
+    for (let i = 0; i < vocabSize; i++) {
+      const v = logits[base + i];
+      if (v > bestValue) {
+        bestValue = v;
+        best = i;
+      }
+    }
+    if (best !== blank && best !== previous && best !== 0) pieces.push(tokens[best] || "");
+    previous = best;
+  }
+  return pieces.join("").replaceAll("▁", " ").replace(/\s+/g, " ").trim();
+}
+
+async function inspectGpu() {
+  if (!navigator.gpu) {
+    state.gpuName = "not exposed";
+    setText("stat-gpu", state.gpuName);
+    return;
+  }
+  try {
+    const adapter = await navigator.gpu.requestAdapter();
+    if (!adapter) {
+      state.gpuName = "unavailable";
+    } else if (adapter.info) {
+      state.gpuName = [adapter.info.vendor, adapter.info.architecture, adapter.info.device].filter(Boolean).join(" ") || "available";
+    } else if (adapter.requestAdapterInfo) {
+      const info = await adapter.requestAdapterInfo();
+      state.gpuName = [info.vendor, info.architecture, info.device].filter(Boolean).join(" ") || "available";
+    } else {
+      state.gpuName = "available";
+    }
+  } catch (err) {
+    state.gpuName = `unavailable: ${err.message}`;
+  }
+  setText("stat-gpu", state.gpuName);
+}
+
+async function loadModel() {
+  $("load-model").disabled = true;
+  setStatus("Loading tokenizer and ONNX Runtime WebGPU...");
+  updateHeap();
+  await inspectGpu();
+
+  const tokenJson = window.VISUALEARS_TOKENS;
+  if (!tokenJson?.tokens?.length) throw new Error("Missing embedded CTC tokens");
+  state.tokens = tokenJson.tokens;
+  state.blankId = tokenJson.blank_id;
+
+  const ort = ortRuntime;
+  if (!ort) throw new Error("ONNX Runtime Web did not initialize");
+  ort.env.wasm.wasmPaths = "https://cdn.jsdelivr.net/npm/onnxruntime-web@1.26.0/dist/";
+  ort.env.wasm.numThreads = Math.max(1, Math.min(4, navigator.hardwareConcurrency || 1));
+  if (ort.env.webgpu) {
+    ort.env.webgpu.profiling = false;
+  }
+
+  const provider = $("provider").value;
+  setStatus(`Downloading/opening ${provider.toUpperCase()} session. First load is large; cached reloads should be much faster.`);
+  const start = performance.now();
+  state.session = await ort.InferenceSession.create(MODEL_URL, {
+    executionProviders: [provider],
+    externalData: [
+      {
+        path: "fastconformer_ctc_fixed2005.onnx.data",
+        data: MODEL_DATA_URL,
+      },
+    ],
+    graphOptimizationLevel: "all",
+    enableMemPattern: false,
+    enableCpuMemArena: true,
+  });
+  const elapsed = performance.now() - start;
+  setText("stat-provider", provider);
+  setText("stat-decode", "-");
+  setText("stat-rtf", "-");
+  setText("stat-speed", "-");
+  updateHeap();
+  setStatus(`Model ready in ${formatMs(elapsed)}. Start the microphone when you are ready.`);
+  $("start-mic").disabled = false;
+}
+
+async function startMic() {
+  if (!state.session) return;
+  state.mediaStream = await navigator.mediaDevices.getUserMedia({
+    audio: {
+      channelCount: 1,
+      echoCancellation: true,
+      noiseSuppression: true,
+      autoGainControl: true,
+    },
+  });
+  state.audioContext = new AudioContext({ sampleRate: SAMPLE_RATE });
+  state.source = state.audioContext.createMediaStreamSource(state.mediaStream);
+  state.processor = state.audioContext.createScriptProcessor(4096, 1, 1);
+  state.source.connect(state.processor);
+  state.processor.connect(state.audioContext.destination);
+  state.utterancePcm = new Float32Array(0);
+  state.finalTranscript = "";
+  state.partialTranscript = "";
+  state.speechActive = false;
+  state.silenceMs = 0;
+  state.finalizing = false;
+  renderTranscript();
+  state.recording = true;
+  $("start-mic").disabled = true;
+  $("stop-mic").disabled = false;
+  setStatus("Listening. Partial text can move while you speak; final text freezes after silence.");
+
+  state.processor.onaudioprocess = (event) => {
+    if (!state.recording) return;
+    const input = event.inputBuffer.getChannelData(0);
+    let rms = 0;
+    for (let i = 0; i < input.length; i++) rms += input[i] * input[i];
+    rms = Math.sqrt(rms / input.length);
+    $("level-bar").style.width = `${Math.min(100, rms * 900).toFixed(1)}%`;
+    const gate = Number($("noise-gate").value);
+    const speechy = rms >= gate;
+    const chunk = resampleLinear(input, state.audioContext.sampleRate, SAMPLE_RATE);
+    const chunkMs = chunk.length / SAMPLE_RATE * 1000;
+
+    if (speechy) {
+      if (!state.speechActive) {
+        state.utterancePcm = new Float32Array(0);
+        state.partialTranscript = "";
+        state.silenceMs = 0;
+        state.speechActive = true;
+        state.finalizing = false;
+        renderTranscript();
+      }
+      state.silenceMs = 0;
+      appendToUtterance(chunk);
+      return;
+    }
+
+    if (!state.speechActive) return;
+    state.silenceMs += chunkMs;
+    if (state.silenceMs <= 350) appendToUtterance(chunk);
+    if (state.silenceMs >= 900 && !state.finalizing) {
+      state.finalizing = true;
+      finalizeUtterance();
+    }
+  };
+
+  scheduleDecode();
+}
+
+function stopMic() {
+  state.recording = false;
+  clearTimeout(state.decodeTimer);
+  state.decodeTimer = null;
+  if (state.processor) state.processor.disconnect();
+  if (state.source) state.source.disconnect();
+  if (state.mediaStream) state.mediaStream.getTracks().forEach((track) => track.stop());
+  if (state.audioContext) state.audioContext.close();
+  state.processor = null;
+  state.source = null;
+  state.mediaStream = null;
+  state.audioContext = null;
+  $("level-bar").style.width = "0%";
+  $("start-mic").disabled = !state.session;
+  $("stop-mic").disabled = true;
+  setStatus("Stopped.");
+}
+
+function scheduleDecode() {
+  clearTimeout(state.decodeTimer);
+  if (!state.recording) return;
+  const delay = Number($("decode-every").value) * 1000;
+  state.decodeTimer = setTimeout(async () => {
+    await runDecode();
+    scheduleDecode();
+  }, delay);
+}
+
+async function runDecode() {
+  if (!state.session || state.decoding || state.finalizing || !state.speechActive || state.utterancePcm.length < SAMPLE_RATE * 0.4) return;
+  await decodeUtterance(false);
+}
+
+async function finalizeUtterance() {
+  if (state.decoding) {
+    setTimeout(finalizeUtterance, 150);
+    return;
+  }
+  if (!state.session || state.utterancePcm.length < SAMPLE_RATE * 0.25) {
+    state.speechActive = false;
+    state.finalizing = false;
+    return;
+  }
+  await decodeUtterance(true);
+}
+
+async function decodeUtterance(final) {
+  state.decoding = true;
+  try {
+    const maxSeconds = Number($("window-seconds").value);
+    const samples = Math.min(state.utterancePcm.length, Math.floor(maxSeconds * SAMPLE_RATE));
+    const audio = state.utterancePcm.subarray(state.utterancePcm.length - samples);
+    const preprocessStarted = performance.now();
+    const { features, frameCount } = pcmToLogMel(audio);
+    const ort = ortRuntime;
+    if (!ort) throw new Error("ONNX Runtime Web did not initialize");
+    const tensor = new ort.Tensor("float32", features, [1, N_MELS, FIXED_FRAMES]);
+    const inferStarted = performance.now();
+    const output = await state.session.run({ processed_signal: tensor });
+    const inferElapsed = performance.now() - inferStarted;
+    const elapsed = performance.now() - preprocessStarted;
+    const logits = output.logits.data;
+    const dims = output.logits.dims;
+    const vocabSize = dims[2] || state.tokens.length;
+    const usableSteps = Math.max(1, Math.min(dims[1], Math.ceil(frameCount / OUTPUT_STRIDE)));
+    const transcript = decodeCtc(logits, usableSteps, vocabSize);
+    const audioSeconds = samples / SAMPLE_RATE;
+    const rtf = (elapsed / 1000) / Math.max(0.001, audioSeconds);
+    const speed = Math.max(0.001, audioSeconds) / Math.max(0.001, elapsed / 1000);
+    if (final) {
+      if (transcript) {
+        state.finalTranscript = state.finalTranscript ? `${state.finalTranscript}\n${transcript}` : transcript;
+      }
+      state.partialTranscript = "";
+      state.speechActive = false;
+      state.finalizing = false;
+      state.silenceMs = 0;
+      state.utterancePcm = new Float32Array(0);
+    } else {
+      state.partialTranscript = transcript;
+    }
+    renderTranscript();
+    setText("stat-decode", `${formatMs(elapsed)} total / ${formatMs(inferElapsed)} infer`);
+    setText("stat-rtf", `${rtf.toFixed(3)}`);
+    setText("stat-speed", `${speed.toFixed(1)}x`);
+    setText("stat-audio", `${audioSeconds.toFixed(1)} s`);
+    setText("stat-frames", `${frameCount} / ${FIXED_FRAMES}`);
+    setText("stat-provider", $("provider").value);
+    setText("stat-last", new Date().toLocaleTimeString());
+    updateHeap();
+    setStatus(`${final ? "Finalized" : "Decoded partial"} ${audioSeconds.toFixed(1)} s utterance with ${usableSteps} CTC steps.`);
+  } catch (err) {
+    console.error(err);
+    setStatus(`Decode failed: ${err.message}`);
+    if (final) {
+      state.speechActive = false;
+      state.finalizing = false;
+    }
+  } finally {
+    state.decoding = false;
+  }
+}
+
+async function boot() {
+  if (!$("load-model")) {
+    setTimeout(boot, 100);
+    return;
+  }
+  ortRuntime = await import("https://cdn.jsdelivr.net/npm/onnxruntime-web@1.26.0/dist/ort.webgpu.min.mjs");
+  $("load-model").addEventListener("click", () => loadModel().catch((err) => {
+    console.error(err);
+    setStatus(`Load failed: ${err.message}`);
+    $("load-model").disabled = false;
+  }));
+  $("start-mic").addEventListener("click", () => startMic().catch((err) => {
+    console.error(err);
+    setStatus(`Mic failed: ${err.message}`);
+    stopMic();
+  }));
+  $("stop-mic").addEventListener("click", stopMic);
+  $("provider").addEventListener("change", () => {
+    if (state.session) {
+      state.session = null;
+      $("start-mic").disabled = true;
+      $("load-model").disabled = false;
+      setStatus("Provider changed. Load the model again.");
+    }
+  });
+
+  setText("stat-provider", "-");
+  setText("stat-gpu", "-");
+  updateHeap();
+}
+
+boot().catch((err) => {
+  console.error(err);
+  setStatus(`Startup failed: ${err.message}`);
+});

app.py

@@ -0,0 +1,222 @@
+from pathlib import Path
+import json
+
+import gradio as gr
+
+
+ROOT = Path(__file__).parent
+
+
+def main() -> gr.Blocks:
+    tokens = json.loads((ROOT / "tokens.json").read_text(encoding="utf-8"))
+    app_js = (ROOT / "app.js").read_text(encoding="utf-8")
+    head = (
+        "<script type=\"module\">\n"
+        f"window.VISUALEARS_TOKENS = {json.dumps(tokens, ensure_ascii=False)};\n"
+        f"{app_js}\n"
+        "</script>"
+    )
+    with gr.Blocks(
+        title="VisualEars WebGPU ASR",
+        head=head,
+        css="""
+        .gradio-container { max-width: 1180px !important; }
+        #visualears-root {
+          font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+          color: #111827;
+        }
+        #visualears-root .topbar {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          gap: 16px;
+          margin-bottom: 16px;
+        }
+        #visualears-root h1 {
+          font-size: 28px;
+          line-height: 1.15;
+          margin: 0;
+          letter-spacing: 0;
+        }
+        #visualears-root .subtle {
+          color: #4b5563;
+          margin: 6px 0 0;
+          font-size: 14px;
+        }
+        #visualears-root .controls {
+          display: grid;
+          grid-template-columns: repeat(4, minmax(0, 1fr));
+          gap: 10px;
+          align-items: end;
+          margin: 14px 0;
+        }
+        #visualears-root button, #visualears-root select, #visualears-root input {
+          width: 100%;
+          min-height: 40px;
+          border: 1px solid #cbd5e1;
+          border-radius: 7px;
+          background: white;
+          color: #111827;
+          font: inherit;
+          padding: 8px 10px;
+        }
+        #visualears-root button.primary {
+          background: #111827;
+          color: white;
+          border-color: #111827;
+        }
+        #visualears-root button:disabled {
+          opacity: 0.45;
+          cursor: not-allowed;
+        }
+        #visualears-root label {
+          display: block;
+          font-size: 12px;
+          color: #475569;
+          margin-bottom: 5px;
+        }
+        #visualears-root .status {
+          min-height: 42px;
+          overflow-wrap: anywhere;
+          border: 1px solid #d1d5db;
+          background: #f8fafc;
+          border-radius: 7px;
+          padding: 10px 12px;
+          margin: 10px 0 14px;
+        }
+        #visualears-root .transcript {
+          min-height: 150px;
+          direction: rtl;
+          text-align: right;
+          font-size: 26px;
+          line-height: 1.65;
+          border: 1px solid #cbd5e1;
+          border-radius: 8px;
+          padding: 18px;
+          background: #ffffff;
+          overflow-wrap: anywhere;
+          white-space: pre-wrap;
+        }
+        #visualears-root .stats {
+          display: grid;
+          grid-template-columns: repeat(4, minmax(0, 1fr));
+          gap: 10px;
+          margin-top: 14px;
+        }
+        #visualears-root .stat {
+          border: 1px solid #d1d5db;
+          border-radius: 8px;
+          padding: 12px;
+          background: #ffffff;
+          min-height: 74px;
+        }
+        #visualears-root .stat b {
+          display: block;
+          font-size: 12px;
+          color: #64748b;
+          margin-bottom: 8px;
+          font-weight: 600;
+        }
+        #visualears-root .stat span {
+          font-size: 20px;
+          color: #111827;
+          overflow-wrap: anywhere;
+        }
+        #visualears-root .meter {
+          height: 8px;
+          background: #e5e7eb;
+          overflow: hidden;
+          border-radius: 999px;
+          margin-top: 8px;
+        }
+        #visualears-root .meter > div {
+          height: 100%;
+          width: 0%;
+          background: #10b981;
+          transition: width 120ms linear;
+        }
+        @media (max-width: 820px) {
+          #visualears-root .topbar { align-items: flex-start; flex-direction: column; }
+          #visualears-root .controls, #visualears-root .stats { grid-template-columns: 1fr 1fr; }
+          #visualears-root .transcript { font-size: 22px; }
+        }
+        @media (max-width: 520px) {
+          #visualears-root .controls, #visualears-root .stats { grid-template-columns: 1fr; }
+        }
+        """,
+    ) as demo:
+        gr.HTML(
+            """
+            <div id="visualears-root">
+              <div class="topbar">
+                <div>
+                  <h1>VisualEars Persian ASR W2</h1>
+                  <p class="subtle">Browser-only WebGPU decode with the progressive W2 QAT ONNX export.</p>
+                </div>
+              </div>
+
+              <div class="controls">
+                <button id="load-model" class="primary">Load WebGPU model</button>
+                <button id="start-mic" disabled>Start mic</button>
+                <button id="stop-mic" disabled>Stop</button>
+                <div>
+                  <label for="decode-every">Decode every</label>
+                  <select id="decode-every">
+                    <option value="1.5">1.5 s</option>
+                    <option value="2.5" selected>2.5 s</option>
+                    <option value="4">4 s</option>
+                  </select>
+                </div>
+                <div>
+                  <label for="window-seconds">Max utterance</label>
+                  <select id="window-seconds">
+                    <option value="8">8 s</option>
+                    <option value="12" selected>12 s</option>
+                    <option value="18">18 s</option>
+                    <option value="20">20 s</option>
+                  </select>
+                </div>
+                <div>
+                  <label for="provider">Provider</label>
+                  <select id="provider">
+                    <option value="webgpu" selected>WebGPU</option>
+                    <option value="wasm">WASM fallback</option>
+                  </select>
+                </div>
+                <div>
+                  <label for="noise-gate">Speech gate</label>
+                  <input id="noise-gate" type="range" min="0" max="0.04" value="0.006" step="0.001" />
+                </div>
+                <div>
+                  <label>Input level</label>
+                  <div class="meter"><div id="level-bar"></div></div>
+                </div>
+              </div>
+
+              <div id="status" class="status">Idle. Load the W2 model first; the first load downloads about 461 MB and then uses browser cache.</div>
+              <div id="transcript" class="transcript">Final:
+...
+
+Partial:
+...</div>
+
+              <div class="stats">
+                <div class="stat"><b>Decode Time</b><span id="stat-decode">-</span></div>
+                <div class="stat"><b>RTF</b><span id="stat-rtf">-</span></div>
+                <div class="stat"><b>Realtime Speed</b><span id="stat-speed">-</span></div>
+                <div class="stat"><b>Audio Window</b><span id="stat-audio">-</span></div>
+                <div class="stat"><b>Feature Frames</b><span id="stat-frames">-</span></div>
+                <div class="stat"><b>Provider</b><span id="stat-provider">-</span></div>
+                <div class="stat"><b>Heap Used</b><span id="stat-heap">-</span></div>
+                <div class="stat"><b>GPU Adapter</b><span id="stat-gpu">-</span></div>
+                <div class="stat"><b>Last Decode</b><span id="stat-last">-</span></div>
+              </div>
+            </div>
+            """
+        )
+
+    return demo
+
+
+if __name__ == "__main__":
+    main().launch()

requirements.txt

@@ -0,0 +1 @@
+gradio>=5.0,<6.0

tokens.json

@@ -0,0 +1,1031 @@
+{
+  "blank_id": 1024,
+  "unk_id": 0,
+  "tokens": [
+    "<unk>",
+    "▁ب",
+    "▁م",
+    "▁ا",
+    "▁ک",
+    "▁د",
+    "ار",
+    "ست",
+    "ان",
+    "▁ر",
+    "▁می",
+    "▁ت",
+    "ای",
+    "▁ن",
+    "▁خ",
+    "ین",
+    "▁و",
+    "▁ه",
+    "▁ش",
+    "ید",
+    "ند",
+    "▁به",
+    "رد",
+    "▁س",
+    "▁آ",
+    "▁چ",
+    "ود",
+    "▁پ",
+    "ون",
+    "▁را",
+    "▁با",
+    "▁من",
+    "اد",
+    "▁این",
+    "▁ی",
+    "▁در",
+    "یم",
+    "▁از",
+    "▁بر",
+    "▁کن",
+    "▁است",
+    "ام",
+    "▁خو",
+    "▁که",
+    "ال",
+    "اه",
+    "▁تو",
+    "▁دار",
+    "▁گ",
+    "▁ج",
+    "ور",
+    "یر",
+    "▁ف",
+    "▁ز",
+    "▁رو",
+    "▁ح",
+    "شت",
+    "فت",
+    "لی",
+    "▁هم",
+    "یا",
+    "▁او",
+    "▁ق",
+    "▁کرد",
+    "▁ع",
+    "▁یک",
+    "ما",
+    "ده",
+    "می",
+    "های",
+    "اب",
+    "▁بود",
+    "ها",
+    "ری",
+    "▁دو",
+    "لا",
+    "رو",
+    "را",
+    "جا",
+    "سی",
+    "▁آن",
+    "▁ل",
+    "کن",
+    "▁ما",
+    "▁کار",
+    "تر",
+    "▁هست",
+    "▁ص",
+    "▁چی",
+    "▁چه",
+    "زی",
+    "▁بی",
+    "▁مو",
+    "تی",
+    "▁خود",
+    "▁ام",
+    "شه",
+    "▁شما",
+    "رم",
+    "اشت",
+    "وی",
+    "▁کنم",
+    "▁نمی",
+    "▁تا",
+    "▁شد",
+    "نگ",
+    "اس",
+    "▁یه",
+    "انی",
+    "گه",
+    "فا",
+    "اید",
+    "خت",
+    "یست",
+    "▁اون",
+    "اده",
+    "اری",
+    "ول",
+    "از",
+    "ات",
+    "▁دی",
+    "وان",
+    "▁آیا",
+    "دی",
+    "▁بگ",
+    "اق",
+    "بی",
+    "اره",
+    "▁ان",
+    "ایی",
+    "▁خی",
+    "گر",
+    "ره",
+    "▁باش",
+    "گی",
+    "▁ند",
+    "مان",
+    "▁پی",
+    "خو",
+    "انه",
+    "▁هی",
+    "وم",
+    "در",
+    "اهم",
+    "▁لط",
+    "▁دست",
+    "رف",
+    "اش",
+    "▁ط",
+    "▁سر",
+    "گاه",
+    "انم",
+    "وش",
+    "▁داد",
+    "نی",
+    "▁خوب",
+    "قی",
+    "▁شده",
+    "کر",
+    "▁حال",
+    "▁ات",
+    "▁وق",
+    "▁مت",
+    "له",
+    "▁بز",
+    "▁نه",
+    "دا",
+    "▁ده",
+    "▁بب",
+    "▁بد",
+    "▁پر",
+    "▁هیچ",
+    "ونه",
+    "بت",
+    "نده",
+    "▁گفت",
+    "شک",
+    "▁تر",
+    "▁غ",
+    "▁پس",
+    "▁مح",
+    "▁همه",
+    "شم",
+    "▁ال",
+    "وه",
+    "عی",
+    "▁هر",
+    "▁رفت",
+    "▁بع",
+    "▁سا",
+    "▁کم",
+    "▁مع",
+    "فر",
+    "▁گر",
+    "▁چند",
+    "▁ای",
+    "▁کجا",
+    "است",
+    "▁میک",
+    "▁بخ",
+    "▁اس",
+    "▁مرد",
+    "▁یا",
+    "دم",
+    "توان",
+    "▁روز",
+    "به",
+    "شن",
+    "▁ها",
+    "عت",
+    "▁فر",
+    "وری",
+    "کت",
+    "که",
+    "▁فکر",
+    "▁کش",
+    "چه",
+    "نج",
+    "▁نش",
+    "▁باز",
+    "▁مر",
+    "جود",
+    "کی",
+    "وز",
+    "▁سال",
+    "ارم",
+    "لم",
+    "یده",
+    "▁بده",
+    "▁راه",
+    "اند",
+    "بر",
+    "امه",
+    "الی",
+    "تون",
+    "هم",
+    "ارد",
+    "▁آم",
+    "▁چرا",
+    "▁مد",
+    "طور",
+    "▁های",
+    "▁میش",
+    "▁کند",
+    "▁تم",
+    "کار",
+    "اط",
+    "▁زند",
+    "▁میگ",
+    "▁اما",
+    "قه",
+    "▁روی",
+    "▁زی",
+    "▁مس",
+    "لو",
+    "زه",
+    "▁اح",
+    "▁رس",
+    "▁واق",
+    "▁قر",
+    "▁کسی",
+    "هر",
+    "فی",
+    "▁کنی",
+    "ادر",
+    "یاز",
+    "▁کی",
+    "▁پیش",
+    "ونی",
+    "▁حرف",
+    "▁خوش",
+    "▁نب",
+    "▁شر",
+    "قدر",
+    "جه",
+    "▁مید",
+    "عه",
+    "سته",
+    "شین",
+    "ونم",
+    "▁نم",
+    "ادی",
+    "وت",
+    "▁حس",
+    "عا",
+    "▁مم",
+    "ظر",
+    "▁نو",
+    "سه",
+    "▁بعد",
+    "فته",
+    "انید",
+    "▁بین",
+    "▁ار",
+    "▁سو",
+    "▁سی",
+    "یدم",
+    "▁عم",
+    "باره",
+    "اهد",
+    "▁بار",
+    "▁شن",
+    "اشته",
+    "یرم",
+    "▁تع",
+    "مین",
+    "▁تح",
+    "اهی",
+    "▁دن",
+    "▁پنج",
+    "بال",
+    "▁زن",
+    "▁دور",
+    "▁ولی",
+    "شتر",
+    "شون",
+    "رگ",
+    "زار",
+    "▁تن",
+    "▁یکی",
+    "صی",
+    "با",
+    "▁صد",
+    "▁شود",
+    "▁مث",
+    "قط",
+    "▁آب",
+    "وا",
+    "▁گذ",
+    "▁چیز",
+    "▁نز",
+    "▁اق",
+    "▁بسی",
+    "▁ری",
+    "▁وقت",
+    "سم",
+    "ترین",
+    "▁اد",
+    "زم",
+    "یدن",
+    "اف",
+    "▁اص",
+    "▁پای",
+    "▁قب",
+    "▁خر",
+    "▁دان",
+    "▁شک",
+    "رده",
+    "یری",
+    "ردم",
+    "▁مق",
+    "▁فقط",
+    "▁اند",
+    "▁نی",
+    "نامه",
+    "جام",
+    "دید",
+    "وب",
+    "کنم",
+    "▁کت",
+    "نه",
+    "▁میز",
+    "اک",
+    "▁اگه",
+    "▁بن",
+    "▁فی",
+    "▁صح",
+    "مد",
+    "▁مرا",
+    "▁بچه",
+    "شان",
+    "شی",
+    "اح",
+    "▁یاد",
+    "وس",
+    "▁جه",
+    "▁کمی",
+    "▁اول",
+    "وند",
+    "▁سه",
+    "▁نظر",
+    "نم",
+    "وق",
+    "اخت",
+    "▁بل",
+    "کان",
+    "▁خدا",
+    "ایه",
+    "هایی",
+    "تم",
+    "جی",
+    "▁بیا",
+    "▁لب",
+    "روز",
+    "▁اگر",
+    "▁برد",
+    "▁نق",
+    "▁هن",
+    "▁بیم",
+    "ستان",
+    "▁جم",
+    "▁زد",
+    "▁پول",
+    "▁موق",
+    "کس",
+    "خی",
+    "▁شم",
+    "▁پید",
+    "ضی",
+    "▁ساز",
+    "ینم",
+    "بان",
+    "▁تص",
+    "▁شب",
+    "▁افت",
+    "ویی",
+    "▁دل",
+    "▁جو",
+    "لام",
+    "▁تل",
+    "▁بیر",
+    "▁انت",
+    "ختر",
+    "هی",
+    "▁ایر",
+    "▁اه",
+    "▁تق",
+    "▁برو",
+    "▁خب",
+    "ایش",
+    "▁پرو",
+    "▁کو",
+    "▁اط",
+    "ورد",
+    "▁اخ",
+    "بار",
+    "▁کمک",
+    "▁برگ",
+    "اخ",
+    "▁انگ",
+    "▁کام",
+    "ینی",
+    "شید",
+    "▁مج",
+    "حال",
+    "ریک",
+    "▁شهر",
+    "▁فرو",
+    "▁سف",
+    "ذار",
+    "▁مثل",
+    "▁نام",
+    "▁کنه",
+    "▁مش",
+    "فاده",
+    "▁توی",
+    "ینه",
+    "غی",
+    "▁شدن",
+    "▁چون",
+    "ایت",
+    "▁پسر",
+    "▁میخ",
+    "مت",
+    "اشتم",
+    "یشه",
+    "دیک",
+    "▁گوش",
+    "▁اف",
+    "▁قط",
+    "▁خان",
+    "اسه",
+    "ارت",
+    "اطر",
+    "یره",
+    "ستم",
+    "▁لا",
+    "▁ض",
+    "▁تغی",
+    "ورت",
+    "▁جن",
+    "کنه",
+    "▁دقی",
+    "▁نک",
+    "▁گل",
+    "دام",
+    "▁احس",
+    "▁مشک",
+    "اهید",
+    "یدی",
+    "▁شو",
+    "تو",
+    "▁بله",
+    "کنی",
+    "اپ",
+    "جر",
+    "ندی",
+    "لات",
+    "مون",
+    "▁نس",
+    "▁مه",
+    "▁کل",
+    "لاق",
+    "▁میر",
+    "▁جای",
+    "▁شرو",
+    "▁تب",
+    "▁مهم",
+    "تان",
+    "انند",
+    "اسی",
+    "ازه",
+    "▁مخ",
+    "▁زیر",
+    "▁وی",
+    "▁آر",
+    "وهر",
+    "▁زود",
+    "▁تما",
+    "▁رنگ",
+    "▁صب",
+    "گان",
+    "▁اب",
+    "ارش",
+    "▁غذ",
+    "▁خط",
+    "عیت",
+    "▁بش",
+    "▁کوچ",
+    "شته",
+    "▁شه",
+    "ابر",
+    "▁طول",
+    "▁پار",
+    "▁بهش",
+    "▁درد",
+    "این",
+    "▁مط",
+    "▁همچ",
+    "خته",
+    "▁اشت",
+    "اسف",
+    "▁میب",
+    "▁صبح",
+    "▁ذ",
+    "مو",
+    "ورم",
+    "▁نگ",
+    "▁سرم",
+    "▁پشت",
+    "▁لی",
+    "▁ور",
+    "شگاه",
+    "گری",
+    "اص",
+    "▁چشم",
+    "فه",
+    "▁پرس",
+    "▁بپ",
+    "▁برم",
+    "وع",
+    "ظه",
+    "کنند",
+    "▁اعت",
+    "ابل",
+    "▁اع",
+    "یستم",
+    "▁شیر",
+    "▁شدم",
+    "▁خار",
+    "▁امت",
+    "▁فرد",
+    "▁خون",
+    "مل",
+    "▁آخ",
+    "فتم",
+    "▁سب",
+    "امی",
+    "شب",
+    "لت",
+    "طی",
+    "▁حق",
+    "ندان",
+    "▁منو",
+    "▁جل",
+    "سر",
+    "یات",
+    "بانی",
+    "▁جا",
+    "شو",
+    "دار",
+    "▁مدر",
+    "▁پرد",
+    "▁بلی",
+    "نین",
+    "هاش",
+    "▁اش",
+    "ابی",
+    "▁جان",
+    "▁اج",
+    "▁کا",
+    "▁خبر",
+    "▁قد",
+    "▁هفت",
+    "▁تیم",
+    "▁توس",
+    "▁مست",
+    "▁ماه",
+    "لیس",
+    "▁شام",
+    "ایید",
+    "گران",
+    "▁گو",
+    "▁چیه",
+    "▁ث",
+    "▁کس",
+    "▁کر",
+    "▁گم",
+    "▁آدم",
+    "▁آق",
+    "اسفم",
+    "▁بهم",
+    "▁منم",
+    "▁منت",
+    "اشق",
+    "کنیم",
+    "▁بشه",
+    "▁عمل",
+    "▁مال",
+    "سان",
+    "▁بگو",
+    "▁ارز",
+    "▁آره",
+    "تب",
+    "یس",
+    "مه",
+    "ذر",
+    "ستی",
+    "ایم",
+    "▁اجا",
+    "شار",
+    "یمی",
+    "▁حر",
+    "▁مص",
+    "ودی",
+    "▁مام",
+    "فتن",
+    "دهد",
+    "رسی",
+    "▁نفر",
+    "فاق",
+    "▁خد",
+    "▁هوا",
+    "▁طرف",
+    "▁نگه",
+    "تا",
+    "▁پدر",
+    "▁نف",
+    "▁ببخ",
+    "▁افر",
+    "گار",
+    "ژی",
+    "▁نکن",
+    "▁بزن",
+    "▁گرد",
+    "▁سنگ",
+    "▁بهت",
+    "خص",
+    "غل",
+    "▁جنگ",
+    "لوم",
+    "نا",
+    "▁عرو",
+    "▁پیر",
+    "کرد",
+    "▁قه",
+    "▁صند",
+    "▁هشت",
+    "ایل",
+    "▁عو",
+    "▁بک",
+    "▁اسم",
+    "▁کود",
+    "شد",
+    "کتر",
+    "زشک",
+    "▁بگم",
+    "نوان",
+    "لاع",
+    "▁علا",
+    "اهند",
+    "▁ترس",
+    "▁غیر",
+    "بون",
+    "ینده",
+    "صت",
+    "پی",
+    "▁ظ",
+    "ضا",
+    "حت",
+    "▁لح",
+    "نش",
+    "▁هز",
+    "▁جام",
+    "▁آز",
+    "▁حتی",
+    "▁شی",
+    "ویس",
+    "▁سپ",
+    "▁حم",
+    "▁حا",
+    "نت",
+    "عتی",
+    "▁ممن",
+    "میم",
+    "▁زنگ",
+    "▁تلف",
+    "▁نظ",
+    "داشت",
+    "▁موف",
+    "▁مدت",
+    "▁وا",
+    "▁دهم",
+    "زد",
+    "▁آه",
+    "▁قبل",
+    "▁گی",
+    "▁پا",
+    "▁بخو",
+    "▁کلی",
+    "▁بال",
+    "رس",
+    "▁خیا",
+    "قب",
+    "▁دیر",
+    "▁رود",
+    "▁نار",
+    "▁سخ",
+    "▁بخش",
+    "رین",
+    "یمت",
+    "خانه",
+    "▁منظ",
+    "ثر",
+    "تما",
+    "حان",
+    "قت",
+    "جان",
+    "شنه",
+    "▁حد",
+    "▁عکس",
+    "▁بدی",
+    "میر",
+    "▁قدر",
+    "ابه",
+    "▁ژ",
+    "▁جلو",
+    "▁مگه",
+    "یرید",
+    "بیه",
+    "▁سری",
+    "▁هو",
+    "▁سفر",
+    "مانی",
+    "ندم",
+    "صد",
+    "▁آش",
+    "▁غذا",
+    "▁جمع",
+    "▁درو",
+    "رات",
+    "▁بس",
+    "▁بید",
+    "▁کاش",
+    "▁ست",
+    "▁جور",
+    "▁شلو",
+    "▁آس",
+    "کسی",
+    "▁بح",
+    "استم",
+    "▁دلم",
+    "▁سخت",
+    "تونم",
+    "رخ",
+    "▁باب",
+    "میز",
+    "ثیر",
+    "▁میآ",
+    "عنی",
+    "باه",
+    "▁پاس",
+    "اله",
+    "▁موض",
+    "▁نا",
+    "لیل",
+    "اشتن",
+    "زارش",
+    "▁سمت",
+    "▁کف",
+    "▁عزی",
+    "▁تش",
+    "▁بست",
+    "▁صدا",
+    "▁تخ",
+    "▁نخ",
+    "▁ایج",
+    "▁زدن",
+    "یمان",
+    "▁اوه",
+    "▁فهم",
+    "▁اوم",
+    "▁دم",
+    "▁مسا",
+    "ارو",
+    "▁جون",
+    "وار",
+    "اهیم",
+    "داد",
+    "▁گرو",
+    "جوری",
+    "▁مسئ",
+    "ردی",
+    "▁عص",
+    "▁رق",
+    "▁عوض",
+    "حی",
+    "▁پوش",
+    "▁حل",
+    "▁کشت",
+    "اهر",
+    "▁رز",
+    "داری",
+    "شتری",
+    "صو",
+    "▁درس",
+    "▁زیب",
+    "ریبا",
+    "▁روش",
+    "وده",
+    "اتی",
+    "▁تان",
+    "کا",
+    "طه",
+    "خاب",
+    "▁پو",
+    "واده",
+    "واج",
+    "دن",
+    "▁دید",
+    "▁اقا",
+    "▁مرگ",
+    "▁وس",
+    "▁حو",
+    "سال",
+    "وشید",
+    "▁شش",
+    "نو",
+    "▁محی",
+    "راک",
+    "▁اسب",
+    "▁قسم",
+    "کز",
+    "▁تجر",
+    "▁بچ",
+    "▁بفر",
+    "تش",
+    "گونه",
+    "▁اید",
+    "نگی",
+    "▁دا",
+    "خره",
+    "▁دع",
+    "▁ازد",
+    "▁کوت",
+    "انت",
+    "▁حاض",
+    "چی",
+    "ادرش",
+    "▁سرو",
+    "▁آل",
+    "▁قل",
+    "▁وای",
+    "کاری",
+    "▁تول",
+    "▁نوع",
+    "یمه",
+    "بور",
+    "▁بف",
+    "ریکا",
+    "▁درآ",
+    "▁شور",
+    "ادش",
+    "اهای",
+    "▁سع",
+    "اموش",
+    "سا",
+    "▁چش",
+    "وبوس",
+    "گیری",
+    "▁مل",
+    "▁چک",
+    "شکرم",
+    "▁ضر",
+    "▁بان",
+    "▁بند",
+    "ذیر",
+    "خورد",
+    "▁شوم",
+    "▁پست",
+    "ژه",
+    "▁فرا",
+    "کو",
+    "ابت",
+    "گز",
+    "▁اقت",
+    "▁موش",
+    "جب",
+    "▁تاب",
+    "یه",
+    "ضای",
+    "ایهگ",
+    "▁بره",
+    "سل",
+    "اریخ",
+    "▁نیز",
+    "▁کلا",
+    "انیم",
+    "رمان",
+    "من",
+    "یند",
+    "یما",
+    "ردند",
+    "▁داخ",
+    "▁ببر",
+    "ئه",
+    "خصی",
+    "قا",
+    "▁محل",
+    "▁بقی",
+    "کش",
+    "▁سعی",
+    "▁پاک",
+    "تل",
+    "▁سرد",
+    "▁عر",
+    "▁هد",
+    "بته",
+    "▁راب",
+    "▁متو",
+    "▁تک",
+    "▁بیش",
+    "▁ره",
+    "عث",
+    "مئ",
+    "تمال",
+    "تونی",
+    "▁گشت",
+    "ادت",
+    "▁دهد",
+    "▁صبر",
+    "ران",
+    "▁جز",
+    "انس",
+    "▁تج",
+    "▁برق",
+    "جو",
+    "اریم",
+    "▁پن",
+    "▁قول",
+    "صل",
+    "▁برا",
+    "رمز",
+    "گرد",
+    "احت",
+    "▁وض",
+    "میت",
+    "▁رد",
+    "کنون",
+    "▁خیر",
+    "▁وال",
+    "▁چپ",
+    "▁مغ",
+    "ریف",
+    "بیل",
+    "قل",
+    "انهی",
+    "قد",
+    "▁",
+    "ا",
+    "ی",
+    "ر",
+    "م",
+    "ن",
+    "د",
+    "ه",
+    "و",
+    "ت",
+    "ب",
+    "ک",
+    "س",
+    "ش",
+    "ل",
+    "ز",
+    "خ",
+    "ف",
+    "گ",
+    "ق",
+    "ج",
+    "ع",
+    "چ",
+    "پ",
+    "ح",
+    "آ",
+    "ط",
+    "ص",
+    "غ",
+    "ذ",
+    "ض",
+    "ظ",
+    "ث",
+    "ئ",
+    "ژ",
+    "ؤ",
+    "<blank>"
+  ]
+}