Upload 2 files

app.py

@@ -21,7 +21,7 @@ DEFAULT_VOICE = "my-MM-NilarNeural"
 TMP_DIR = os.path.join(tempfile.gettempdir(), "mm_tts_outputs")
 os.makedirs(TMP_DIR, exist_ok=True)
 
-MAX_CHARS = 3000
+MAX_CHARS = 10000
 
 
 def clamp_pct(value, lo=-50, hi=50):
@@ -41,6 +41,49 @@ def display_name(short_name):
     return part
 
 
+GENDER_SYMBOL = {"Female": "\u2640", "Male": "\u2642"}
+
+
+def region_code(short_name):
+    """Pull the ISO region code out of an edge-tts short name, e.g.
+    'en-US-AvaNeural' -> 'US', 'iu-Cans-CA-SiqiniqNeural' -> 'CA',
+    'zh-CN-liaoning-XiaobeiNeural' -> 'CN'."""
+    parts = short_name.split("-")
+    if len(parts) < 2:
+        return None
+    candidate = parts[1]
+    if len(candidate) == 4 and candidate.isalpha():
+        # script subtag (e.g. "Cans", "Latn") -> region is the next part
+        return parts[2] if len(parts) > 2 else None
+    if len(candidate) == 2 and candidate.isalpha():
+        return candidate
+    return None
+
+
+def flag_emoji(region):
+    if not region or len(region) != 2:
+        return "\U0001F310"  # globe fallback
+    base = 0x1F1E6
+    try:
+        return "".join(chr(base + (ord(c.upper()) - ord("A"))) for c in region)
+    except Exception:
+        return "\U0001F310"
+
+
+import re
+
+MAX_PARALLEL_CHUNKS = 6  # cap concurrent Edge TTS connections
+
+
+def split_paragraphs(text):
+    """Split on blank lines into paragraphs. If there are no blank lines
+    (just one block of text), returns a single-item list — same as the
+    old single-request behavior."""
+    raw = re.split(r"\n\s*\n+", text.strip())
+    paragraphs = [p.strip() for p in raw if p.strip()]
+    return paragraphs or [text.strip()]
+
+
 @app.route("/")
 def index():
     return send_file(os.path.join(BASE_DIR, "index.html"))
@@ -48,13 +91,21 @@ def index():
 
 @app.route("/api/voices")
 def get_voices():
-    """Return voices grouped by language for the UI dropdowns."""
+    """Return voices grouped by language for the UI dropdowns, with a flag
+    per language group and a gender symbol baked into each voice name."""
     grouped = OrderedDict()
+    flags = {}
     for short_name, lang, gender in VOICE_LIST:
+        flags.setdefault(lang, flag_emoji(region_code(short_name)))
+        symbol = GENDER_SYMBOL.get(gender, "")
         grouped.setdefault(lang, []).append(
-            {"id": short_name, "name": display_name(short_name), "gender": gender}
+            {"id": short_name, "name": display_name(short_name), "gender": gender, "symbol": symbol}
         )
-    return jsonify(grouped)
+
+    result = OrderedDict()
+    for lang, voices in grouped.items():
+        result[lang] = {"flag": flags[lang], "voices": voices}
+    return jsonify(result)
 
 
 @app.route("/api/tts", methods=["POST"])
@@ -78,31 +129,62 @@ def tts():
     rate_str = f"{'+' if rate >= 0 else ''}{rate}%"
     pitch_str = f"{'+' if pitch >= 0 else ''}{pitch}Hz"
 
-    filename = f"{uuid.uuid4().hex}.mp3"
-    filepath = os.path.join(TMP_DIR, filename)
-
-    async def generate():
-        communicate = edge_tts.Communicate(text, voice, rate=rate_str, pitch=pitch_str)
-        await communicate.save(filepath)
+    paragraphs = split_paragraphs(text)
+    final_filename = f"{uuid.uuid4().hex}.mp3"
+    final_filepath = os.path.join(TMP_DIR, final_filename)
+    part_paths = [
+        os.path.join(TMP_DIR, f"{uuid.uuid4().hex}_part{i}.mp3")
+        for i in range(len(paragraphs))
+    ]
+
+    async def generate_one(idx, paragraph, sem):
+        async with sem:
+            communicate = edge_tts.Communicate(
+                paragraph, voice, rate=rate_str, pitch=pitch_str
+            )
+            await communicate.save(part_paths[idx])
+
+    async def generate_all():
+        sem = asyncio.Semaphore(MAX_PARALLEL_CHUNKS)
+        await asyncio.gather(
+            *[generate_one(i, p, sem) for i, p in enumerate(paragraphs)]
+        )
 
     try:
-        asyncio.run(generate())
+        asyncio.run(generate_all())
     except Exception as e:
+        for p in part_paths:
+            if os.path.exists(p):
+                os.remove(p)
         return jsonify({"error": str(e)}), 500
 
-    if not os.path.exists(filepath) or os.path.getsize(filepath) == 0:
+    # Stitch the per-paragraph mp3s back together in order. Edge TTS's mp3
+    # output is plain MPEG audio frames with no embedded ID3 tags, so a raw
+    # byte-for-byte concatenation plays back correctly — no ffmpeg needed.
+    try:
+        with open(final_filepath, "wb") as out:
+            for p in part_paths:
+                if os.path.exists(p) and os.path.getsize(p) > 0:
+                    with open(p, "rb") as part:
+                        out.write(part.read())
+    finally:
+        for p in part_paths:
+            if os.path.exists(p):
+                os.remove(p)
+
+    if not os.path.exists(final_filepath) or os.path.getsize(final_filepath) == 0:
         return jsonify({"error": "အသံဖိုင် ထုတ်ယူခြင်း မအောင်မြင်ပါ"}), 500
 
     @after_this_request
     def cleanup(response):
         try:
-            os.remove(filepath)
+            os.remove(final_filepath)
         except OSError:
             pass
         return response
 
     return send_file(
-        filepath,
+        final_filepath,
         mimetype="audio/mpeg",
         as_attachment=False,
         download_name="voice.mp3",

index.html

@@ -55,12 +55,6 @@
     color:var(--accent);
     margin:0 0 8px;
   }
-  h1{
-    font-family:var(--mm);
-    font-weight:700;
-    font-size:clamp(24px,6vw,32px);
-    margin:0 0 8px;
-  }
   .tagline{
     color:var(--ink-soft);
     font-size:14px;
@@ -279,58 +273,249 @@
     color:var(--ink-soft);
     font-family:var(--sans);
   }
+
+  /* ---------- Top app bar ---------- */
+  .app-bar{
+    position:sticky;
+    top:0;
+    z-index:20;
+    background:#fff;
+    border-bottom:1px solid var(--line);
+    display:flex;
+    align-items:center;
+    justify-content:space-between;
+    padding:12px 18px;
+  }
+  .app-bar-left{
+    display:flex;
+    align-items:center;
+    gap:10px;
+  }
+  .app-bar-logo{
+    width:32px;
+    height:32px;
+    border-radius:9px;
+    background:var(--accent);
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    flex-shrink:0;
+  }
+  .app-bar-logo svg{ width:16px; height:16px; }
+  .app-bar-title{
+    font-family:var(--mm);
+    font-weight:700;
+    font-size:19px;
+    color:var(--ink);
+  }
+  .icon-btn{
+    width:38px;
+    height:38px;
+    border-radius:50%;
+    background:var(--surface-2);
+    border:1px solid var(--line);
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    cursor:pointer;
+    padding:0;
+    flex-shrink:0;
+  }
+  .icon-btn:active{ transform:scale(.95); }
+  .icon-btn svg{ width:18px; height:18px; }
+
+  /* ---------- Header hero (below the app bar) ---------- */
+  header{ padding-top:24px; }
+
+  /* ---------- Download button (icon + label) ---------- */
+  .btn-download{
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    gap:8px;
+    text-decoration:none;
+    flex:1;
+  }
+  .btn-download svg{ width:18px; height:18px; flex-shrink:0; }
+
+  /* ---------- About / menu modal ---------- */
+  .modal-overlay{
+    position:fixed;
+    inset:0;
+    background:rgba(15,17,21,.45);
+    display:none;
+    align-items:center;
+    justify-content:center;
+    padding:24px;
+    z-index:100;
+  }
+  .modal-overlay.visible{ display:flex; }
+
+  .modal-card{
+    background:#fff;
+    border-radius:18px;
+    width:100%;
+    max-width:360px;
+    padding:22px;
+    max-height:85vh;
+    overflow-y:auto;
+  }
+
+  .modal-header{
+    display:flex;
+    align-items:center;
+    gap:12px;
+    margin-bottom:18px;
+  }
+  .modal-logo{
+    width:46px;
+    height:46px;
+    border-radius:12px;
+    background:var(--accent);
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    flex-shrink:0;
+  }
+  .modal-logo svg{ width:22px; height:22px; }
+  .modal-app-name{
+    font-family:var(--mm);
+    font-weight:700;
+    font-size:17px;
+    color:var(--ink);
+  }
+  .modal-version{
+    font-family:var(--sans);
+    font-size:12px;
+    color:var(--ink-soft);
+    margin-top:2px;
+  }
+
+  .modal-section{
+    border-top:1px solid var(--line);
+    padding:14px 0;
+  }
+  .modal-row{
+    display:flex;
+    align-items:center;
+    justify-content:space-between;
+    gap:10px;
+    padding:6px 0;
+  }
+  .modal-row-label{
+    font-family:var(--sans);
+    font-size:12px;
+    font-weight:600;
+    letter-spacing:.04em;
+    color:var(--ink-soft);
+    text-transform:uppercase;
+  }
+  .modal-row-value{
+    font-family:var(--sans);
+    font-size:14px;
+    color:var(--accent);
+    text-decoration:none;
+    font-weight:600;
+  }
+
+  .lang-toggle{
+    display:flex;
+    gap:8px;
+    margin-top:10px;
+  }
+  .lang-toggle-btn{
+    flex:1;
+    font-family:var(--mm);
+    font-size:14px;
+    font-weight:600;
+    padding:10px 12px;
+    border-radius:10px;
+    border:1px solid var(--line);
+    background:var(--surface-2);
+    color:var(--ink);
+    cursor:pointer;
+  }
+  .lang-toggle-btn.active{
+    background:var(--accent);
+    border-color:var(--accent);
+    color:#fff;
+  }
+
+  .modal-close{
+    width:100%;
+    margin-top:16px;
+    background:var(--surface-2);
+    color:var(--ink);
+    border:1px solid var(--line);
+  }
 </style>
 </head>
 <body>
 
+  <div class="app-bar">
+    <div class="app-bar-left">
+      <div class="app-bar-logo">
+        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M4 10v4h3l4 4V6L7 10H4z" fill="#fff"/>
+          <path d="M16.5 9a4 4 0 010 6" stroke="#fff" stroke-width="1.6" stroke-linecap="round"/>
+        </svg>
+      </div>
+      <span class="app-bar-title" data-i18n="title">အသံ Studio</span>
+    </div>
+    <button class="icon-btn" id="menuBtn" aria-label="Menu">
+      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M4 7h16M4 12h16M4 17h16" stroke="#16181D" stroke-width="1.8" stroke-linecap="round"/>
+      </svg>
+    </button>
+  </div>
+
   <div class="wrap">
     <header>
-      <p class="eyebrow">Voice Studio · Free Text-to-Speech</p>
-      <h1>အသံ Studio</h1>
-      <p class="tagline">ဘာသာစကား 140+ မျိုးဖြင့် စာသားကို အသံအဖြစ် ပြေ��င်းလဲပါ</p>
+      <p class="eyebrow" data-i18n="eyebrow">Voice Studio · Free Text-to-Speech</p>
+      <p class="tagline" data-i18n="tagline">ဘာသာစကား 140+ မျိုးဖြင့် စာသားကို အသံအဖြစ် ပြောင်းလဲပါ</p>
       <div class="wave" id="wave"></div>
     </header>
 
     <!-- Text input -->
     <section class="panel">
-      <h2>Script</h2>
-      <textarea id="text" placeholder="စာသား ဒီနေရာတွင် ရိုက်ထည့်ပါ..." maxlength="3000"></textarea>
-      <div class="char-count" id="charCount">0 / 3000</div>
+      <h2 data-i18n="scriptLabel">Script</h2>
+      <textarea id="text" data-i18n-placeholder="textPlaceholder" placeholder="စာသား ဒီနေရာတွင် ရိုက်ထည့်ပါ..." maxlength="10000"></textarea>
+      <div class="char-count" id="charCount">0 / 10000</div>
     </section>
 
     <!-- Voice + settings -->
     <section class="panel">
-      <h2>Voice</h2>
+      <h2 data-i18n="voiceLabel">Voice</h2>
 
       <div class="field">
-        <label>ဘာသာစကား ရှာရန် (Search language)</label>
-        <input type="text" class="lang-search" id="langSearch" placeholder="e.g. Myanmar, English, Thai...">
+        <label data-i18n="langSearchLabel">ဘာသာစကား ရှာရန် (Search language)</label>
+        <input type="text" class="lang-search" id="langSearch" data-i18n-placeholder="langSearchPlaceholder" placeholder="e.g. Myanmar, English, Thai...">
       </div>
 
       <div class="row2">
         <div class="field">
-          <label>ဘာသာစကား (Language)</label>
+          <label data-i18n="languageLabel">ဘာသာစကား (Language)</label>
           <select id="langSelect"></select>
         </div>
         <div class="field">
-          <label>အသံ (Voice)</label>
+          <label data-i18n="voiceField">အသံ (Voice)</label>
           <select id="voiceSelect"></select>
         </div>
       </div>
 
       <div class="controls">
         <div class="control">
-          <label>အသံနှုန်း (Speed) <span class="val" id="rateVal">+0%</span></label>
+          <label><span data-i18n="speedLabel">အသံနှုန်း (Speed)</span> <span class="val" id="rateVal">+0%</span></label>
           <input type="range" id="rate" min="-50" max="50" value="0" step="5">
         </div>
         <div class="control">
-          <label>အသံအနိမ့်အမြင့် (Pitch) <span class="val" id="pitchVal">+0Hz</span></label>
+          <label><span data-i18n="pitchLabel">အသံအနိမ့်အမြင့် (Pitch)</span> <span class="val" id="pitchVal">+0Hz</span></label>
           <input type="range" id="pitch" min="-50" max="50" value="0" step="5">
         </div>
       </div>
 
       <div class="actions">
-        <button class="btn-primary" id="generateBtn">အသံ ထုတ်မည်</button>
+        <button class="btn-primary" id="generateBtn" data-i18n="generateBtn">အသံ ထုတ်မည်</button>
       </div>
 
       <div class="status" id="status"></div>
@@ -338,17 +523,174 @@
       <div class="output" id="output">
         <audio id="player" controls></audio>
         <div class="actions">
-          <a class="btn-secondary" id="downloadLink" download="voice.mp3" style="text-decoration:none; display:inline-block; text-align:center;">ဒေါင်းလုဒ် (mp3)</a>
+          <a class="btn-secondary btn-download" id="downloadLink" download="voice.mp3">
+            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M12 3v12m0 0l-4.5-4.5M12 15l4.5-4.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+              <path d="M5 19.5h14" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
+            </svg>
+            <span data-i18n="downloadBtn">mp3 ဒေါင်းလုဒ်</span>
+          </a>
         </div>
       </div>
     </section>
   </div>
 
-  <footer>
+  <footer data-i18n="footer">
     Powered by Edge TTS · Free &amp; Open Voice Studio
   </footer>
 
+  <!-- About / developer-info menu -->
+  <div class="modal-overlay" id="modalOverlay">
+    <div class="modal-card">
+      <div class="modal-header">
+        <div class="modal-logo">
+          <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M4 10v4h3l4 4V6L7 10H4z" fill="#fff"/>
+            <path d="M16.5 9a4 4 0 010 6" stroke="#fff" stroke-width="1.6" stroke-linecap="round"/>
+            <path d="M19 7a7.5 7.5 0 010 10" stroke="#fff" stroke-width="1.6" stroke-linecap="round" opacity=".6"/>
+          </svg>
+        </div>
+        <div>
+          <div class="modal-app-name" data-i18n="appNameFull">အသံ Studio</div>
+          <div class="modal-version"><span data-i18n="version">ဗားရှင်း</span> 1.0.0</div>
+        </div>
+      </div>
+
+      <div class="modal-section">
+        <div class="modal-row">
+          <span class="modal-row-label" data-i18n="developer">ဖန်တီးသူ</span>
+          <a href="mailto:sgyi9628@gmail.com" class="modal-row-value">sgyi9628@gmail.com</a>
+        </div>
+        <div class="modal-row">
+          <span class="modal-row-label" data-i18n="contact">ဆက်သွယ်ရန်</span>
+          <a href="tel:0951236012" class="modal-row-value">095 123 6012</a>
+        </div>
+      </div>
+
+      <div class="modal-section">
+        <div class="modal-row-label" data-i18n="uiLanguage">Interface ဘာသာစကား</div>
+        <div class="lang-toggle">
+          <button class="lang-toggle-btn" data-lang="my">မြန်မာ</button>
+          <button class="lang-toggle-btn" data-lang="en">English</button>
+        </div>
+      </div>
+
+      <button class="btn-primary modal-close" id="modalCloseBtn" data-i18n="close">ပိတ်မည်</button>
+    </div>
+  </div>
+
 <script>
+  // ---- i18n ----
+  const STR = {
+    my: {
+      eyebrow: 'Voice Studio · အခမဲ့ စာသားမှ အသံ',
+      title: 'အသံ Studio',
+      tagline: 'ဘာသာစကား 140+ မျိုးဖြင့် စာသားကို အသံအဖြစ် ပြောင်းလဲပါ',
+      scriptLabel: 'Script',
+      textPlaceholder: 'စာသား ဒီနေရာတွင် ရိုက်ထည့်ပါ...',
+      voiceLabel: 'Voice',
+      langSearchLabel: 'ဘာသာစကား ရှာရန် (Search language)',
+      langSearchPlaceholder: 'e.g. Myanmar, English, Thai...',
+      languageLabel: 'ဘာသာစကား (Language)',
+      voiceField: 'အသံ (Voice)',
+      speedLabel: 'အသံနှုန်း (Speed)',
+      pitchLabel: 'အသံအနိမ့်အမြင့် (Pitch)',
+      generateBtn: 'အသံ ထုတ်မည်',
+      downloadBtn: 'mp3 ဒေါင်းလုဒ်',
+      footer: 'Powered by Edge TTS · အခမဲ့ Voice Studio',
+      appNameFull: 'အသံ Studio',
+      version: 'ဗားရှင်း',
+      developer: 'ဖန်တီးသူ',
+      contact: 'ဆက်သွယ်ရန်',
+      close: 'ပိတ်မည်',
+      uiLanguage: 'Interface ဘာသာစကား',
+      errNeedText: 'စာသား ထည့်ပေးပါ။',
+      errNeedVoice: 'အသံတစ်ခု ရွေးပေးပါ။',
+      statusRewardGenerate: 'အခမဲ့ အသံထုတ်ရန် ကြော်ငြာ ပြသပါမည်...',
+      errSkippedGenerate: 'အသံအခမဲ့ရယူရန် ကြော်ငြာကို အပြည့်အစုံ ကြည့်ပေးပါ။',
+      statusGenerating: 'အသံထုတ်နေပါသည်...',
+      statusDone: 'အသံ အောင်မြင်စွာ ထုတ်ပြီးပါပြီ။',
+      errFetchVoices: 'ဘာသာစကား စာရင်း ရယူခြင်း မအောင်မြင်ပါ။',
+      statusRewardDownload: 'ဒေါင်းလုဒ် အခမဲ့ ရယူရန် ကြော်ငြာ ပြသပါမည်...',
+      errSkippedDownload: 'ဒေါင်းလုဒ်ရန် ကြော်ငြာကို အပြည့်အစုံ ကြည့်ပေးပါ။',
+      statusSaved: 'Downloads ဖိုလ်ဒါသို့ သိမ်းပြီးပါပြီ။',
+      errSaveFailed: 'ဒေါင်းလုဒ် မအောင်မြင်ပါ။'
+    },
+    en: {
+      eyebrow: 'Voice Studio · Free Text-to-Speech',
+      title: 'Voice Studio',
+      tagline: 'Turn text into natural speech in 140+ languages',
+      scriptLabel: 'Script',
+      textPlaceholder: 'Type your text here...',
+      voiceLabel: 'Voice',
+      langSearchLabel: 'Search language',
+      langSearchPlaceholder: 'e.g. Myanmar, English, Thai...',
+      languageLabel: 'Language',
+      voiceField: 'Voice',
+      speedLabel: 'Speed',
+      pitchLabel: 'Pitch',
+      generateBtn: 'Generate Voice',
+      downloadBtn: 'Download mp3',
+      footer: 'Powered by Edge TTS · Free & Open Voice Studio',
+      appNameFull: 'Voice Studio',
+      version: 'Version',
+      developer: 'Developer',
+      contact: 'Contact',
+      close: 'Close',
+      uiLanguage: 'Interface language',
+      errNeedText: 'Please enter some text.',
+      errNeedVoice: 'Please choose a voice.',
+      statusRewardGenerate: 'Showing a quick ad to unlock this free generation...',
+      errSkippedGenerate: 'Please watch the full ad to get this generation for free.',
+      statusGenerating: 'Generating audio...',
+      statusDone: 'Done! Your audio is ready.',
+      errFetchVoices: 'Could not load the language list.',
+      statusRewardDownload: 'Showing a quick ad to unlock the free download...',
+      errSkippedDownload: 'Please watch the full ad to download for free.',
+      statusSaved: 'Saved to your Downloads folder.',
+      errSaveFailed: 'Download failed.'
+    }
+  };
+
+  let uiLang = localStorage.getItem('vs_ui_lang') || 'my';
+
+  function t(key) {
+    return (STR[uiLang] && STR[uiLang][key]) || STR.my[key] || key;
+  }
+
+  function applyTranslations() {
+    document.documentElement.lang = uiLang;
+    document.querySelectorAll('[data-i18n]').forEach(el => {
+      el.textContent = t(el.getAttribute('data-i18n'));
+    });
+    document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
+      el.placeholder = t(el.getAttribute('data-i18n-placeholder'));
+    });
+    document.querySelectorAll('.lang-toggle-btn').forEach(btn => {
+      btn.classList.toggle('active', btn.dataset.lang === uiLang);
+    });
+  }
+
+  function setUiLang(lang) {
+    uiLang = lang;
+    localStorage.setItem('vs_ui_lang', lang);
+    applyTranslations();
+  }
+
+  applyTranslations();
+
+  // ---- Menu / About modal ----
+  const menuBtn = document.getElementById('menuBtn');
+  const modalOverlay = document.getElementById('modalOverlay');
+  menuBtn.addEventListener('click', () => modalOverlay.classList.add('visible'));
+  document.getElementById('modalCloseBtn').addEventListener('click', () => modalOverlay.classList.remove('visible'));
+  modalOverlay.addEventListener('click', (e) => {
+    if (e.target === modalOverlay) modalOverlay.classList.remove('visible');
+  });
+  document.querySelectorAll('.lang-toggle-btn').forEach(btn => {
+    btn.addEventListener('click', () => setUiLang(btn.dataset.lang));
+  });
+
   // ---- Build signature waveform ----
   const wave = document.getElementById('wave');
   const BAR_COUNT = 20;
@@ -402,8 +744,8 @@
   const charCount = document.getElementById('charCount');
   text.addEventListener('input', () => {
     const len = text.value.length;
-    charCount.textContent = `${len} / 3000`;
-    charCount.classList.toggle('over', len > 3000);
+    charCount.textContent = `${len} / 10000`;
+    charCount.classList.toggle('over', len > 10000);
   });
 
   // ---- Voices: fetch grouped by language, populate selects ----
@@ -411,18 +753,20 @@
   const voiceSelect = document.getElementById('voiceSelect');
   const langSearch = document.getElementById('langSearch');
 
-  let voiceData = {};       // { language: [ {id, name, gender}, ... ] }
-  let languages = [];       // sorted language names
+  let voiceData = {};       // { language: { flag, voices: [ {id, name, gender, symbol}, ... ] } }
+  let languages = [];       // language names
   const DEFAULT_LANG = 'Myanmar (Burmese)';
   const DEFAULT_VOICE_ID = 'my-MM-NilarNeural';
 
   function populateVoicesFor(lang) {
     voiceSelect.innerHTML = '';
-    const list = voiceData[lang] || [];
+    const entry = voiceData[lang];
+    const list = (entry && entry.voices) || [];
     list.forEach(v => {
       const opt = document.createElement('option');
       opt.value = v.id;
-      opt.textContent = `${v.name} (${v.gender})`;
+      const symbol = v.symbol ? `${v.symbol} ` : '';
+      opt.textContent = `${symbol}${v.name} (${v.gender})`;
       voiceSelect.appendChild(opt);
     });
   }
@@ -434,7 +778,8 @@
     filtered.forEach(lang => {
       const opt = document.createElement('option');
       opt.value = lang;
-      opt.textContent = lang;
+      const flag = (voiceData[lang] && voiceData[lang].flag) || '';
+      opt.textContent = `${flag} ${lang}`;
       langSelect.appendChild(opt);
     });
     if (filtered.length) {
@@ -456,13 +801,13 @@
       languages = Object.keys(voiceData);
       populateLanguages('');
       // select default Myanmar voice if present
-      if (voiceData[DEFAULT_LANG] && voiceData[DEFAULT_LANG].some(v => v.id === DEFAULT_VOICE_ID)) {
+      if (voiceData[DEFAULT_LANG] && voiceData[DEFAULT_LANG].voices.some(v => v.id === DEFAULT_VOICE_ID)) {
         langSelect.value = DEFAULT_LANG;
         populateVoicesFor(DEFAULT_LANG);
         voiceSelect.value = DEFAULT_VOICE_ID;
       }
     } catch (e) {
-      status.textContent = 'ဘာသာစကား စာရင်း ရယူခြင်း မအောင်မြင်ပါ။';
+      status.textContent = t('errFetchVoices');
       status.classList.add('error');
     }
   }
@@ -523,14 +868,14 @@
   generateBtn.addEventListener('click', async () => {
     const value = text.value.trim();
     if (!value) {
-      status.textContent = 'စာသား ထည့်ပေးပါ။';
+      status.textContent = t('errNeedText');
       status.classList.add('error');
       return;
     }
 
     const voice = voiceSelect.value;
     if (!voice) {
-      status.textContent = 'အသံတစ်ခု ရွေးပေးပါ။';
+      status.textContent = t('errNeedVoice');
       status.classList.add('error');
       return;
     }
@@ -540,17 +885,17 @@
 
     // Watch a short rewarded ad to unlock this free TTS generation (Android app only).
     if (inApp) {
-      status.textContent = 'အကြောင်း — အခမဲ့ အသံထုတ်ရန် ကြော်ငြာ ပြသပါမည်...';
+      status.textContent = t('statusRewardGenerate');
     }
     const okToGenerate = await requestRewardThen('generate');
     if (!okToGenerate) {
-      status.textContent = 'အသံအခမဲ့ရယူရန် ကြော်ငြာကို အပြည့်အစုံ ကြည့်ပေးပါ။';
+      status.textContent = t('errSkippedGenerate');
       status.classList.add('error');
       generateBtn.disabled = false;
       return;
     }
 
-    status.textContent = 'အသံထုတ်နေပါသည်...';
+    status.textContent = t('statusGenerating');
     startWaveAnimation();
 
     try {
@@ -567,7 +912,7 @@
 
       if (!res.ok) {
         const err = await res.json().catch(() => ({}));
-        throw new Error(err.error || 'အသံထုတ်ခြင်း မအောင်မြင်ပါ');
+        throw new Error(err.error || t('statusDone'));
       }
 
       const blob = await res.blob();
@@ -578,7 +923,7 @@
       player.src = currentObjectUrl;
       downloadLink.href = currentObjectUrl;
       output.classList.add('visible');
-      status.textContent = 'အသံ အောင်မြင်စွာ ထုတ်ပြီးပါပြီ။';
+      status.textContent = t('statusDone');
       player.play().catch(() => {});
       notifyInterstitialCheckpoint();
     } catch (e) {
@@ -597,10 +942,10 @@
     if (!currentBlob) return;
 
     status.classList.remove('error');
-    status.textContent = 'ဒေါင်းလုဒ် အခမဲ့ ရယူရန် ကြော်ငြာ ပြသပါမည်...';
+    status.textContent = t('statusRewardDownload');
     const okToDownload = await requestRewardThen('download');
     if (!okToDownload) {
-      status.textContent = 'ဒေါင်းလုဒ်ရန် ကြော်ငြာကို အပြည့်အစုံ ကြည့်ပေးပါ။';
+      status.textContent = t('errSkippedDownload');
       status.classList.add('error');
       return;
     }
@@ -608,9 +953,9 @@
     try {
       const base64 = await blobToBase64(currentBlob);
       window.AndroidBridge.saveBase64Mp3(base64, 'voice.mp3');
-      status.textContent = 'Downloads ဖိုလ်ဒါသို့ သိမ်းပြီးပါပြီ။';
+      status.textContent = t('statusSaved');
     } catch (err) {
-      status.textContent = 'ဒေါင်းလုဒ် မအောင်မြင်ပါ။';
+      status.textContent = t('errSaveFailed');
       status.classList.add('error');
     }
   });