From 935deba22bb3dd28285fa535adf95485dc4b4688 Mon Sep 17 00:00:00 2001
From: debpalash <4178343+debpalash@users.noreply.github.com>
Date: Tue, 11 Aug 2026 06:21:36 +0000
Subject: [PATCH] Polish dubbing workflow actions

---
 frontend/src/components/dub/DubHeader.jsx   | 45 +++++++----
 frontend/src/components/dub/FooterBtn.jsx   |  4 +-
 frontend/src/i18n/locales/ar.json           |  1 +
 frontend/src/i18n/locales/de.json           |  1 +
 frontend/src/i18n/locales/en.json           |  1 +
 frontend/src/i18n/locales/es.json           |  1 +
 frontend/src/i18n/locales/fr.json           |  1 +
 frontend/src/i18n/locales/hi.json           |  1 +
 frontend/src/i18n/locales/id.json           |  1 +
 frontend/src/i18n/locales/it.json           |  1 +
 frontend/src/i18n/locales/ja.json           |  1 +
 frontend/src/i18n/locales/ko.json           |  1 +
 frontend/src/i18n/locales/nl.json           |  1 +
 frontend/src/i18n/locales/pl.json           |  1 +
 frontend/src/i18n/locales/pt.json           |  1 +
 frontend/src/i18n/locales/ru.json           |  1 +
 frontend/src/i18n/locales/sv.json           |  1 +
 frontend/src/i18n/locales/th.json           |  1 +
 frontend/src/i18n/locales/tr.json           |  1 +
 frontend/src/i18n/locales/uk.json           |  1 +
 frontend/src/i18n/locales/vi.json           |  1 +
 frontend/src/i18n/locales/zh-CN.json        |  1 +
 frontend/src/i18n/locales/zh-TW.json        |  1 +
 frontend/src/test/DubHeaderActions.test.jsx | 88 +++++++++++++++++++++
 24 files changed, 142 insertions(+), 16 deletions(-)
 create mode 100644 frontend/src/test/DubHeaderActions.test.jsx

diff --git a/frontend/src/components/dub/DubHeader.jsx b/frontend/src/components/dub/DubHeader.jsx
index 38a8f529..51e87df0 100644
--- a/frontend/src/components/dub/DubHeader.jsx
+++ b/frontend/src/components/dub/DubHeader.jsx
@@ -43,7 +43,7 @@ export default function DubHeader({
           tight 2px gap — title-first, owner-requested order. */}
       <div className="flex flex-wrap justify-between items-center gap-x-[var(--space-2)] gap-y-[4px] min-w-0">
         <div className="label-row dub-head__title !gap-[6px]">
-          <FileText className="label-icon" size={11} />
+          <FileText className="label-icon" size={11} aria-hidden="true" />
           <span className="font-medium text-[0.78rem] min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-fg normal-case">
             {dubFilename}
           </span>
@@ -56,7 +56,7 @@ export default function DubHeader({
             </span>
           )}
         </div>
-        <div className="flex gap-[6px] items-center shrink-0">
+        <div className="flex flex-wrap gap-[6px] items-center justify-end shrink-0 [.shell-mini_&]:w-full">
           {/* Icon-only secondary actions (tooltips carry the labels);
                   Generate Dub keeps its label as the primary verb. */}
           <Button
@@ -66,7 +66,7 @@ export default function DubHeader({
             title={t('dub.save')}
             aria-label={t('dub.save')}
           >
-            <Save size={12} />
+            <Save size={12} aria-hidden="true" />
           </Button>
           <Button
             variant="danger"
@@ -75,24 +75,30 @@ export default function DubHeader({
             title={t('dub.reset')}
             aria-label={t('dub.reset')}
           >
-            <RotateCcw size={12} />
+            <RotateCcw size={12} aria-hidden="true" />
           </Button>
           {/* Primary actions live on the header bar (compact) — moved up from the footer. */}
-          <div className="flex gap-[6px] items-center pl-[var(--space-2)] ml-[2px]">
+          <div
+            className="flex flex-wrap items-center justify-end gap-[4px] rounded-[var(--chrome-radius-pill)] bg-[color-mix(in_srgb,var(--color-bg-elev-2)_78%,transparent)] p-[3px] shadow-[var(--shadow-md)] [.shell-mini_&]:w-full"
+            data-testid="dub-primary-actions"
+          >
             {dubStep === 'stopping' ? (
               <FooterBtn
                 sm
                 tone="stopping"
                 disabled
-                icon={<Loader className="spinner" size={9} />}
+                className="!flex-none [.shell-mini_&]:flex-1"
+                icon={<Loader className="spinner" size={9} aria-hidden="true" />}
                 label={t('dub.stopping')}
+                aria-busy="true"
               />
             ) : dubStep === 'generating' ? (
               <FooterBtn
                 sm
                 tone="danger"
+                className="!flex-none hover:-translate-y-px active:translate-y-0 motion-reduce:transform-none [.shell-mini_&]:flex-1"
                 onClick={handleDubStop}
-                icon={<Square size={9} />}
+                icon={<Square size={9} aria-hidden="true" />}
                 label={t('dub.stop_progress', {
                   current: dubProgress.current,
                   total: dubProgress.total,
@@ -103,12 +109,13 @@ export default function DubHeader({
                 <FooterBtn
                   sm
                   tone={dubSegments.length && !isTranslating ? 'pink' : 'idle'}
+                  className="dub-action-btn--generate !h-[30px] !flex-none !px-[11px] !text-[0.68rem] !font-semibold !tracking-[0.015em] enabled:hover:-translate-y-px enabled:active:translate-y-0 motion-reduce:transform-none enabled:shadow-[0_5px_14px_color-mix(in_srgb,var(--chrome-accent)_18%,transparent)] enabled:hover:shadow-[0_7px_18px_color-mix(in_srgb,var(--chrome-accent)_26%,transparent)] [.shell-mini_&]:flex-1"
                   onClick={onGenerateClick}
                   // The multi-language batch translates between generates while
                   // dubStep briefly sits back at 'editing' — keep the CTA inert
                   // during that phase so a re-click can't start a second batch.
                   disabled={!dubSegments.length || isTranslating}
-                  icon={<Play size={11} />}
+                  icon={<Play className="fill-current" size={11} aria-hidden="true" />}
                   label={
                     multiLangMode && multiLangs.length > 1
                       ? t('dub.generate_dub_multi', {
@@ -122,10 +129,11 @@ export default function DubHeader({
                   <FooterBtn
                     sm
                     tone="pink"
+                    className="!h-[30px] !flex-none !px-[10px] enabled:hover:-translate-y-px enabled:active:translate-y-0 motion-reduce:transform-none [.shell-mini_&]:flex-1"
                     onClick={() =>
                       handleDubGenerate({ regenOnly: incrementalPlan.stale, preview: true })
                     }
-                    icon={<Play size={11} />}
+                    icon={<Play className="fill-current" size={11} aria-hidden="true" />}
                     label={t('dub.regen_changed', { count: incrementalPlan.stale.length })}
                   />
                 )}
@@ -135,23 +143,30 @@ export default function DubHeader({
               <FooterBtn
                 sm
                 tone="idle"
+                className="dub-action-btn--verify !h-[30px] !flex-none !px-[9px] enabled:hover:-translate-y-px enabled:active:translate-y-0 motion-reduce:transform-none enabled:hover:shadow-[var(--shadow-sm)] [.shell-mini_&]:flex-1"
                 disabled={qcRunning || !dubSegments.length}
                 onClick={handleDubQc}
                 icon={
-                  qcRunning ? <Loader className="spinner" size={11} /> : <ShieldCheck size={11} />
+                  qcRunning ? (
+                    <Loader className="spinner" size={11} aria-hidden="true" />
+                  ) : (
+                    <ShieldCheck size={11} aria-hidden="true" />
+                  )
                 }
-                title={t('dub.qc_btn', { defaultValue: 'Verify dub timing (second-pass check)' })}
-                aria-label={t('dub.qc_btn', {
-                  defaultValue: 'Verify dub timing (second-pass check)',
-                })}
+                label={t('dub.verify')}
+                title={t('dub.qc_btn')}
+                aria-label={t('dub.qc_btn')}
+                aria-busy={qcRunning || undefined}
               />
             )}
             <FooterBtn
               sm
               tone={dubStep === 'done' ? 'green' : 'idle'}
+              className="dub-action-btn--export !h-[30px] !flex-none !px-[10px] !font-semibold enabled:hover:-translate-y-px enabled:active:translate-y-0 motion-reduce:transform-none enabled:shadow-[0_5px_14px_color-mix(in_srgb,var(--chrome-severity-ok)_13%,transparent)] enabled:hover:shadow-[0_7px_18px_color-mix(in_srgb,var(--chrome-severity-ok)_20%,transparent)] [.shell-mini_&]:flex-1"
               disabled={dubStep !== 'done' && !dubSegments.length}
               onClick={() => setExportOpen(true)}
-              icon={<Download size={12} />}
+              icon={<Download size={12} aria-hidden="true" />}
+              label={t('dub.export_btn')}
               title={t('dub.export_btn')}
               aria-label={t('dub.export_btn')}
             />
diff --git a/frontend/src/components/dub/FooterBtn.jsx b/frontend/src/components/dub/FooterBtn.jsx
index 640c7cbe..0ec173eb 100644
--- a/frontend/src/components/dub/FooterBtn.jsx
+++ b/frontend/src/components/dub/FooterBtn.jsx
@@ -10,7 +10,9 @@ import React from 'react';
 const BASE =
   'inline-flex items-center justify-center gap-[5px] flex-1 mt-0 ' +
   'font-[family-name:var(--font-sans)] tracking-[0.02em] normal-case ' +
-  'bg-transparent border rounded-[var(--chrome-radius-pill)] shadow-none transition-colors ' +
+  'bg-transparent border rounded-[var(--chrome-radius-pill)] shadow-none touch-manipulation ' +
+  'transition-[transform,background,color,box-shadow] duration-150 motion-reduce:transition-none ' +
+  'focus-visible:outline-none focus-visible:shadow-[var(--focus-ring)] ' +
   'disabled:opacity-45 disabled:cursor-not-allowed';
 
 const TONES = {
diff --git a/frontend/src/i18n/locales/ar.json b/frontend/src/i18n/locales/ar.json
index 70ff7259..5366cd54 100644
--- a/frontend/src/i18n/locales/ar.json
+++ b/frontend/src/i18n/locales/ar.json
@@ -907,6 +907,7 @@
     "target_language": "الدبلجة إلى",
     "transcript_after_extract": "يظهر النص بعد الاستخراج.",
     "qc_btn": "التحقق من توقيت الدبلجة (فحص المرور الثاني)",
+    "verify": "تحقق",
     "qc_running": "جارٍ التحقق من توقيت الدبلجة…",
     "qc_result": "{{flagged}} من {{total}} قد تحتاج الأسطر إلى إعادة الاستماع",
     "qc_clean": "جميع أسطر {{total}} تتطابق مع النص",
diff --git a/frontend/src/i18n/locales/de.json b/frontend/src/i18n/locales/de.json
index 288ec4ad..a92fed78 100644
--- a/frontend/src/i18n/locales/de.json
+++ b/frontend/src/i18n/locales/de.json
@@ -905,6 +905,7 @@
     "target_language": "Dubben in",
     "transcript_after_extract": "Das Transkript erscheint nach der Extraktion.",
     "qc_btn": "Überprüfen des Dub-Timings (Second-Pass-Check)",
+    "verify": "Prüfen",
     "qc_running": "Dub-Timing wird überprüft…",
     "qc_result": "{{flagged}} von {{total}} Zeilen müssen möglicherweise erneut abgehört werden",
     "qc_clean": "Alle {{total}}-Zeilen stimmen mit dem Skript überein",
diff --git a/frontend/src/i18n/locales/en.json b/frontend/src/i18n/locales/en.json
index caaa40bb..f8122e47 100644
--- a/frontend/src/i18n/locales/en.json
+++ b/frontend/src/i18n/locales/en.json
@@ -1169,6 +1169,7 @@
     "stop_progress": "Stop ({{current}}/{{total}})",
     "regen_changed": "Regen {{count}} changed",
     "qc_btn": "Verify dub timing (second-pass check)",
+    "verify": "Verify",
     "qc_running": "Checking dub timing…",
     "qc_result": "{{flagged}} of {{total}} lines may need a re-listen",
     "qc_clean": "All {{total}} lines match the script",
diff --git a/frontend/src/i18n/locales/es.json b/frontend/src/i18n/locales/es.json
index a7a377ab..1e953097 100644
--- a/frontend/src/i18n/locales/es.json
+++ b/frontend/src/i18n/locales/es.json
@@ -905,6 +905,7 @@
     "target_language": "Doblar a",
     "transcript_after_extract": "La transcripción aparecerá tras la extracción.",
     "qc_btn": "Verificar el tiempo de doblaje (verificación de segundo paso)",
+    "verify": "Verificar",
     "qc_running": "Comprobando el tiempo de doblaje...",
     "qc_result": "Es posible que sea necesario volver a escuchar {{flagged}} de {{total}} líneas",
     "qc_clean": "Todas las líneas {{total}} coinciden con el guión.",
diff --git a/frontend/src/i18n/locales/fr.json b/frontend/src/i18n/locales/fr.json
index 14159cac..696db8d1 100644
--- a/frontend/src/i18n/locales/fr.json
+++ b/frontend/src/i18n/locales/fr.json
@@ -905,6 +905,7 @@
     "target_language": "Doubler en",
     "transcript_after_extract": "La transcription apparaît après l'extraction.",
     "qc_btn": "Vérifier le timing du doublage (vérification du deuxième passage)",
+    "verify": "Vérifier",
     "qc_running": "Vérification du timing de doublage…",
     "qc_result": "{{flagged}} lignes sur {{total}} peuvent nécessiter une réécoute",
     "qc_clean": "Toutes les lignes {{total}} correspondent au script",
diff --git a/frontend/src/i18n/locales/hi.json b/frontend/src/i18n/locales/hi.json
index 1f808c19..0ec2dd15 100644
--- a/frontend/src/i18n/locales/hi.json
+++ b/frontend/src/i18n/locales/hi.json
@@ -905,6 +905,7 @@
     "target_language": "इसमें डब करें",
     "transcript_after_extract": "निकालने के बाद प्रतिलिपि दिखाई देगी।",
     "qc_btn": "डब टाइमिंग सत्यापित करें (सेकंड-पास चेक)",
+    "verify": "सत्यापित करें",
     "qc_running": "डब समय की जाँच की जा रही है...",
     "qc_result": "{{total}} पंक्तियों में से {{flagged}} को दोबारा सुनने की आवश्यकता हो सकती है",
     "qc_clean": "सभी {{total}} पंक्तियाँ स्क्रिप्ट से मेल खाती हैं",
diff --git a/frontend/src/i18n/locales/id.json b/frontend/src/i18n/locales/id.json
index 89601c3c..d0b4e0fc 100644
--- a/frontend/src/i18n/locales/id.json
+++ b/frontend/src/i18n/locales/id.json
@@ -907,6 +907,7 @@
     "target_language": "Sulih suara ke",
     "transcript_after_extract": "Transkrip muncul setelah ekstraksi.",
     "qc_btn": "Verifikasi waktu sulih suara (pemeriksaan jalur kedua)",
+    "verify": "Verifikasi",
     "qc_running": "Memeriksa waktu sulih suara…",
     "qc_result": "{{flagged}} dari {{total}} baris mungkin perlu didengarkan ulang",
     "qc_clean": "Semua baris {{total}} cocok dengan skrip",
diff --git a/frontend/src/i18n/locales/it.json b/frontend/src/i18n/locales/it.json
index 8a703a4d..2c88a161 100644
--- a/frontend/src/i18n/locales/it.json
+++ b/frontend/src/i18n/locales/it.json
@@ -905,6 +905,7 @@
     "target_language": "Doppia in",
     "transcript_after_extract": "La trascrizione appare dopo l'estrazione.",
     "qc_btn": "Verifica i tempi di duplicazione (controllo del secondo passaggio)",
+    "verify": "Verifica",
     "qc_running": "Controllo dei tempi di duplicazione…",
     "qc_result": "{{flagged}} delle righe {{total}} potrebbe richiedere un nuovo ascolto",
     "qc_clean": "Tutte le righe {{total}} corrispondono allo script",
diff --git a/frontend/src/i18n/locales/ja.json b/frontend/src/i18n/locales/ja.json
index e16a6bec..ac462cb9 100644
--- a/frontend/src/i18n/locales/ja.json
+++ b/frontend/src/i18n/locales/ja.json
@@ -907,6 +907,7 @@
     "target_language": "吹き替え先",
     "transcript_after_extract": "文字起こしは抽出後に表示されます。",
     "qc_btn": "ダビングタイミングの検証（2パス目チェック）",
+    "verify": "検証",
     "qc_running": "ダビングのタイミングを確認中…",
     "qc_result": "{{total}} 行中 {{flagged}} 行は再試行が必要な可能性があります",
     "qc_clean": "すべての {{total}} 行がスクリプトと一致します",
diff --git a/frontend/src/i18n/locales/ko.json b/frontend/src/i18n/locales/ko.json
index 72cb201b..fe675f33 100644
--- a/frontend/src/i18n/locales/ko.json
+++ b/frontend/src/i18n/locales/ko.json
@@ -907,6 +907,7 @@
     "target_language": "더빙할 언어",
     "transcript_after_extract": "추출이 끝나면 대본이 표시됩니다.",
     "qc_btn": "더빙 타이밍 확인(두 번째 통과 확인)",
+    "verify": "확인",
     "qc_running": "더빙 타이밍 확인 중…",
     "qc_result": "{{total}} 줄 중 {{flagged}} 줄을 다시 들어야 할 수 있습니다.",
     "qc_clean": "모든 {{total}} 줄은 스크립트와 일치합니다.",
diff --git a/frontend/src/i18n/locales/nl.json b/frontend/src/i18n/locales/nl.json
index 1554f2ec..89db0521 100644
--- a/frontend/src/i18n/locales/nl.json
+++ b/frontend/src/i18n/locales/nl.json
@@ -905,6 +905,7 @@
     "target_language": "Dubben naar",
     "transcript_after_extract": "Het afschrift verschijnt na extractie.",
     "qc_btn": "Controleer de dub-timing (tweede-doorgangscontrole)",
+    "verify": "Controleren",
     "qc_running": "De dubtiming controleren...",
     "qc_result": "{{flagged}} van {{total}} regels moeten mogelijk opnieuw worden beluisterd",
     "qc_clean": "Alle {{total}} regels komen overeen met het script",
diff --git a/frontend/src/i18n/locales/pl.json b/frontend/src/i18n/locales/pl.json
index 061f947b..32d2ed9d 100644
--- a/frontend/src/i18n/locales/pl.json
+++ b/frontend/src/i18n/locales/pl.json
@@ -905,6 +905,7 @@
     "target_language": "Dubbinguj na",
     "transcript_after_extract": "Transkrypcja pojawi się po ekstrakcji.",
     "qc_btn": "Sprawdź czas dubowania (kontrola drugiego przejścia)",
+    "verify": "Sprawdź",
     "qc_running": "Sprawdzam synchronizację dubbingu…",
     "qc_result": "{{flagged}} z {{total}} wierszy może wymagać ponownego przesłuchania",
     "qc_clean": "Wszystkie linie {{total}} odpowiadają skryptowi",
diff --git a/frontend/src/i18n/locales/pt.json b/frontend/src/i18n/locales/pt.json
index 5695dc0c..44972a5d 100644
--- a/frontend/src/i18n/locales/pt.json
+++ b/frontend/src/i18n/locales/pt.json
@@ -905,6 +905,7 @@
     "target_language": "Dublar para",
     "transcript_after_extract": "A transcrição aparece após a extração.",
     "qc_btn": "Verifique o tempo de dublagem (verificação de segunda passagem)",
+    "verify": "Verificar",
     "qc_running": "Verificando o tempo de dublagem…",
     "qc_result": "{{flagged}} de {{total}} linhas podem precisar de uma nova escuta",
     "qc_clean": "Todas as linhas {{total}} correspondem ao script",
diff --git a/frontend/src/i18n/locales/ru.json b/frontend/src/i18n/locales/ru.json
index 0bc8e4ab..c099698c 100644
--- a/frontend/src/i18n/locales/ru.json
+++ b/frontend/src/i18n/locales/ru.json
@@ -905,6 +905,7 @@
     "target_language": "Дублировать на",
     "transcript_after_extract": "Стенограмма появится после извлечения.",
     "qc_btn": "Проверка синхронизации перезаписи (вторая проверка)",
+    "verify": "Проверить",
     "qc_running": "Проверка синхронизации дубляжа…",
     "qc_result": "{{flagged}} из {{total}} строк может потребоваться повторное прослушивание",
     "qc_clean": "Все строки {{total}} соответствуют сценарию",
diff --git a/frontend/src/i18n/locales/sv.json b/frontend/src/i18n/locales/sv.json
index c4acbefa..9e9b8d2c 100644
--- a/frontend/src/i18n/locales/sv.json
+++ b/frontend/src/i18n/locales/sv.json
@@ -907,6 +907,7 @@
     "target_language": "Dubba till",
     "transcript_after_extract": "Avskriften visas efter extraktionen.",
     "qc_btn": "Verifiera dubbningstid (second-pass check)",
+    "verify": "Verifiera",
     "qc_running": "Kontrollerar dubbningstid...",
     "qc_result": "{{flagged}} av {{total}} rader kan behöva lyssnas om",
     "qc_clean": "Alla {{total}} rader matchar skriptet",
diff --git a/frontend/src/i18n/locales/th.json b/frontend/src/i18n/locales/th.json
index 7f5492eb..6c41d0d3 100644
--- a/frontend/src/i18n/locales/th.json
+++ b/frontend/src/i18n/locales/th.json
@@ -907,6 +907,7 @@
     "target_language": "พากย์เป็น",
     "transcript_after_extract": "ทรานสคริปต์จะปรากฏหลังการแยกเสียง",
     "qc_btn": "ตรวจสอบระยะเวลาการพากย์ (ตรวจสอบรอบที่สอง)",
+    "verify": "ตรวจสอบ",
     "qc_running": "กำลังตรวจสอบเวลาพากย์...",
     "qc_result": "{{flagged}} จาก {{total}} บรรทัดอาจต้องฟังซ้ำ",
     "qc_clean": "{{total}} บรรทัดทั้งหมดตรงกับสคริปต์",
diff --git a/frontend/src/i18n/locales/tr.json b/frontend/src/i18n/locales/tr.json
index 564deef4..251cabfe 100644
--- a/frontend/src/i18n/locales/tr.json
+++ b/frontend/src/i18n/locales/tr.json
@@ -907,6 +907,7 @@
     "target_language": "Dublaj dili",
     "transcript_after_extract": "Transkript, çıkarma işleminden sonra görünür.",
     "qc_btn": "Dub zamanlamasını doğrulayın (ikinci geçiş kontrolü)",
+    "verify": "Doğrula",
     "qc_running": "Dub zamanlaması kontrol ediliyor…",
     "qc_result": "{{flagged}} / {{total}} satırların yeniden dinlenmesi gerekebilir",
     "qc_clean": "Tüm {{total}} satırları komut dosyasıyla eşleşiyor",
diff --git a/frontend/src/i18n/locales/uk.json b/frontend/src/i18n/locales/uk.json
index 387a1233..0dc73d38 100644
--- a/frontend/src/i18n/locales/uk.json
+++ b/frontend/src/i18n/locales/uk.json
@@ -907,6 +907,7 @@
     "target_language": "Дублювати мовою",
     "transcript_after_extract": "Стенограма з’явиться після вилучення.",
     "qc_btn": "Перевірте синхронізацію дубляжу (перевірка другого проходу)",
+    "verify": "Перевірити",
     "qc_running": "Перевірка часу дубляжу…",
     "qc_result": "{{flagged}} з {{total}} рядків може знадобитися переслухати",
     "qc_clean": "Усі {{total}} рядки відповідають сценарію",
diff --git a/frontend/src/i18n/locales/vi.json b/frontend/src/i18n/locales/vi.json
index b98ea9bd..f6bb6320 100644
--- a/frontend/src/i18n/locales/vi.json
+++ b/frontend/src/i18n/locales/vi.json
@@ -907,6 +907,7 @@
     "target_language": "Lồng tiếng sang",
     "transcript_after_extract": "Bản chép lời sẽ xuất hiện sau khi trích xuất.",
     "qc_btn": "Xác minh thời gian lồng tiếng (kiểm tra lần thứ hai)",
+    "verify": "Xác minh",
     "qc_running": "Đang kiểm tra thời gian lồng tiếng…",
     "qc_result": "{{flagged}} trong số {{total}} dòng có thể cần nghe lại",
     "qc_clean": "Tất cả các dòng {{total}} đều khớp với tập lệnh",
diff --git a/frontend/src/i18n/locales/zh-CN.json b/frontend/src/i18n/locales/zh-CN.json
index c1311c6c..35d9fadc 100644
--- a/frontend/src/i18n/locales/zh-CN.json
+++ b/frontend/src/i18n/locales/zh-CN.json
@@ -866,6 +866,7 @@
     "target_language": "配音为",
     "transcript_after_extract": "提取完成后将显示转录文本。",
     "qc_btn": "验证配音时序（第二遍检查）",
+    "verify": "验证",
     "qc_running": "检查配音时间...",
     "qc_result": "{{flagged}} 行（共 {{total}} 行）可能需要重新收听",
     "qc_clean": "所有 {{total}} 行都与脚本匹配",
diff --git a/frontend/src/i18n/locales/zh-TW.json b/frontend/src/i18n/locales/zh-TW.json
index 9785931f..4398027e 100644
--- a/frontend/src/i18n/locales/zh-TW.json
+++ b/frontend/src/i18n/locales/zh-TW.json
@@ -907,6 +907,7 @@
     "target_language": "配音成",
     "transcript_after_extract": "擷取完成後將顯示逐字稿。",
     "qc_btn": "驗證配音時序（第二遍檢視）",
+    "verify": "驗證",
     "qc_running": "檢查配音時間...",
     "qc_result": "{{flagged}} 行（共 {{total}} 行）可能需要重新聆聽",
     "qc_clean": "所有 {{total}} 行都與腳本匹配",
diff --git a/frontend/src/test/DubHeaderActions.test.jsx b/frontend/src/test/DubHeaderActions.test.jsx
new file mode 100644
index 00000000..38515a95
--- /dev/null
+++ b/frontend/src/test/DubHeaderActions.test.jsx
@@ -0,0 +1,88 @@
+import React from 'react';
+import { describe, expect, it, vi } from 'vitest';
+import { fireEvent, render, screen, within } from '@testing-library/react';
+import i18n from '../i18n';
+
+import DubHeader from '../components/dub/DubHeader';
+
+const t = i18n.t.bind(i18n);
+
+function makeProps(overrides = {}) {
+  return {
+    t,
+    dubFilename: 'sample.mp4',
+    dubDuration: 42,
+    dubSegments: [{ id: 'segment-1' }],
+    activeProjectName: '',
+    saveProject: vi.fn(),
+    resetDub: vi.fn(),
+    dubStep: 'done',
+    handleDubStop: vi.fn(),
+    dubProgress: { current: 0, total: 0 },
+    onGenerateClick: vi.fn(),
+    isTranslating: false,
+    multiLangMode: false,
+    multiLangs: [],
+    incrementalPlan: { stale: [], fresh: [] },
+    handleDubGenerate: vi.fn(),
+    qcRunning: false,
+    handleDubQc: vi.fn(),
+    setExportOpen: vi.fn(),
+    pipelineSteps: [],
+    onPipelineStep: vi.fn(),
+    ...overrides,
+  };
+}
+
+describe('DubHeader — polished workflow actions', () => {
+  it('keeps all three actions visible, ordered, accessible, and wired', () => {
+    const props = makeProps();
+    render(<DubHeader {...props} />);
+
+    const group = screen.getByTestId('dub-primary-actions');
+    const buttons = within(group).getAllByRole('button');
+    const generate = within(group).getByRole('button', { name: t('dub.generate_dub') });
+    const verify = within(group).getByRole('button', { name: t('dub.qc_btn') });
+    const exportButton = within(group).getByRole('button', { name: t('dub.export_btn') });
+
+    expect(buttons).toEqual([generate, verify, exportButton]);
+    expect(generate).toHaveTextContent(t('dub.generate_dub'));
+    expect(verify).toHaveTextContent(t('dub.verify'));
+    expect(exportButton).toHaveTextContent(t('dub.export_btn'));
+    expect(generate).toHaveClass('dub-action-btn--generate');
+    expect(verify).toHaveClass('dub-action-btn--verify');
+    expect(exportButton).toHaveClass('dub-action-btn--export');
+    expect(group.querySelectorAll('svg[aria-hidden="true"]')).toHaveLength(3);
+
+    fireEvent.click(generate);
+    fireEvent.click(verify);
+    fireEvent.click(exportButton);
+    expect(props.onGenerateClick).toHaveBeenCalledOnce();
+    expect(props.handleDubQc).toHaveBeenCalledOnce();
+    expect(props.setExportOpen).toHaveBeenCalledWith(true);
+  });
+
+  it('wraps and stretches actions in mini shells without changing their labels', () => {
+    render(<DubHeader {...makeProps()} />);
+
+    const group = screen.getByTestId('dub-primary-actions');
+    expect(group).toHaveClass('flex-wrap', '[.shell-mini_&]:w-full');
+    for (const button of within(group).getAllByRole('button')) {
+      expect(button).toHaveClass('[.shell-mini_&]:flex-1', 'motion-reduce:transform-none');
+    }
+  });
+
+  it('exposes verification progress and preserves disabled action guards', () => {
+    const { rerender } = render(<DubHeader {...makeProps({ qcRunning: true })} />);
+    const verify = screen.getByRole('button', { name: t('dub.qc_btn') });
+    expect(verify).toBeDisabled();
+    expect(verify).toHaveAttribute('aria-busy', 'true');
+
+    rerender(
+      <DubHeader {...makeProps({ dubStep: 'editing', dubSegments: [], incrementalPlan: null })} />,
+    );
+    expect(screen.getByRole('button', { name: t('dub.generate_dub') })).toBeDisabled();
+    expect(screen.getByRole('button', { name: t('dub.export_btn') })).toBeDisabled();
+    expect(screen.queryByRole('button', { name: t('dub.qc_btn') })).not.toBeInTheDocument();
+  });
+});