From 2cec5bc362af008c9f886dfd71b89b138c260c6c Mon Sep 17 00:00:00 2001
From: admin <tim.leikauf@gmail.com>
Date: Wed, 10 Jun 2026 22:03:25 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20'=C3=9Cbersetzungen=20nachholen'=20+=20?=
 =?UTF-8?q?'Audios=20nachholen'=20immer=20verf=C3=BCgbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Beide Nachhol-Aktionen jetzt dauerhaft im Karten-Header (nicht nur bei
unvollständigen Pairs) — Reihenfolge Übersetzen → Audio, da Audio alle
Sprachen braucht.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/pages/Publish.jsx | 32 ++++++++++++++++++++++++--------
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/pages/Publish.jsx b/src/pages/Publish.jsx
index af4eecf..7efcee9 100644
--- a/src/pages/Publish.jsx
+++ b/src/pages/Publish.jsx
@@ -167,6 +167,7 @@ function ReadyCard({ bundle, onPublished, onRefresh }) {
   const [done, setDone] = useState(null);
   const [assigning, setAssigning] = useState(null);
   const [audioFilling, setAudioFilling] = useState(false);
+  const [translateFilling, setTranslateFilling] = useState(false);
 
   if (!bundle) {
     return (
@@ -209,6 +210,16 @@ function ReadyCard({ bundle, onPublished, onRefresh }) {
     finally { setAssigning(null); }
   }
 
+  async function fillTranslations() {
+    setTranslateFilling(true); setError(null);
+    try {
+      const res = await apiPost(`/pipeline/picture/${bundle.picture.id}/translate-fill`, {});
+      if (res.failed) setError(`${res.translated} Pairs übersetzt, ${res.failed} fehlgeschlagen: ${res.errors?.[0]?.error || ''}`);
+      await onRefresh?.();
+    } catch (e) { setError(e.payload?.error || e.message); }
+    finally { setTranslateFilling(false); }
+  }
+
   async function fillAudio() {
     setAudioFilling(true); setError(null);
     try {
@@ -261,16 +272,21 @@ function ReadyCard({ bundle, onPublished, onRefresh }) {
             {bundle.objects.length} Objekt{bundle.objects.length !== 1 ? 'e' : ''} · {allPairs.length} Pairs · {wordCount} Wörter
           </div>
           {incompletePairs.length > 0 && (
-            <div className="flex items-center gap-2 mt-1">
-              <span className="text-xs text-amber-600">
-                ⚠ {incompletePairs.length} Pair{incompletePairs.length !== 1 ? 's' : ''} unvollständig (Text/Audio)
-              </span>
-              <button onClick={fillAudio} disabled={audioFilling}
-                className="text-[11px] px-2 py-0.5 rounded-full border border-amber-300 bg-amber-50 text-amber-700 hover:bg-amber-100 disabled:opacity-50">
-                {audioFilling ? 'Generiere…' : '🔊 Fehlende Audios generieren'}
-              </button>
+            <div className="text-xs text-amber-600 mt-1">
+              ⚠ {incompletePairs.length} Pair{incompletePairs.length !== 1 ? 's' : ''} unvollständig (Text/Audio) — erst Übersetzungen, dann Audios nachholen
             </div>
           )}
+          {/* Nachhol-Aktionen immer verfügbar: Reihenfolge Übersetzen → Audio (Audio braucht alle Sprachen) */}
+          <div className="flex flex-wrap items-center gap-1.5 mt-2">
+            <button onClick={fillTranslations} disabled={translateFilling || audioFilling}
+              className="text-[11px] px-2 py-0.5 rounded-full border border-indigo-200 bg-indigo-50 text-indigo-700 hover:bg-indigo-100 disabled:opacity-50">
+              {translateFilling ? 'Übersetze…' : '🌍 Übersetzungen nachholen'}
+            </button>
+            <button onClick={fillAudio} disabled={audioFilling || translateFilling}
+              className="text-[11px] px-2 py-0.5 rounded-full border border-amber-300 bg-amber-50 text-amber-700 hover:bg-amber-100 disabled:opacity-50">
+              {audioFilling ? 'Generiere…' : '🔊 Fehlende Audios generieren'}
+            </button>
+          </div>
         </div>
         <span className="shrink-0 text-xs font-medium bg-emerald-100 text-emerald-700 rounded-full px-2.5 py-1">bereit</span>
       </div>