From 350614d6e0e4c46cb409193a481918bbcd9d8604 Mon Sep 17 00:00:00 2001
From: admin <tim.leikauf@gmail.com>
Date: Fri, 5 Jun 2026 21:29:20 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20'=F0=9F=94=84=20Neu=20=C3=BCbersetzen'?=
 =?UTF-8?q?=20im=20Review-Modal=20(=C3=BCberschreibt=20Zielsprachen)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ruft /pairs/:id/translate mit overwrite:true, um falsche bestehende
Übersetzungen (z.B. SV) neu zu generieren, und lädt den Modal-Inhalt neu.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/PairReviewModal.jsx | 23 ++++++++++++++++++++---
 src/pages/ContentCreation.jsx      |  6 ++++++
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/components/PairReviewModal.jsx b/src/components/PairReviewModal.jsx
index 2c8924a..f6a90eb 100644
--- a/src/components/PairReviewModal.jsx
+++ b/src/components/PairReviewModal.jsx
@@ -59,13 +59,22 @@ function buildRows(content) {
   return rows;
 }
 
-export default function PairReviewModal({ pair, content, onClose, onDone }) {
-  const [busy, setBusy] = useState(null);   // 'review' | 'block'
+export default function PairReviewModal({ pair, content, onClose, onDone, onRetranslate }) {
+  const [busy, setBusy] = useState(null);   // 'review' | 'block' | 'retranslate'
   const [missing, setMissing] = useState(null);
   const [error, setError] = useState(null);
 
   const rows = buildRows(content);
 
+  async function handleRetranslate() {
+    setBusy('retranslate'); setMissing(null); setError(null);
+    try {
+      await onRetranslate();
+    } catch (e) {
+      setError(e.message);
+    } finally { setBusy(null); }
+  }
+
   async function handleReview() {
     setBusy('review'); setMissing(null); setError(null);
     try {
@@ -129,7 +138,15 @@ export default function PairReviewModal({ pair, content, onClose, onDone }) {
         )}
 
         {/* Footer — Aktionen */}
-        <div className="flex items-center justify-end gap-2 px-6 py-4 border-t border-slate-200">
+        <div className="flex items-center gap-2 px-6 py-4 border-t border-slate-200">
+          {onRetranslate && (
+            <button onClick={handleRetranslate} disabled={!!busy}
+              className="px-4 py-2 text-sm font-medium rounded-lg bg-indigo-50 text-indigo-700 hover:bg-indigo-100 disabled:opacity-40"
+              title="Alle Zielsprachen neu übersetzen (überschreibt vorhandene)">
+              {busy === 'retranslate' ? 'Läuft …' : '🔄 Neu übersetzen'}
+            </button>
+          )}
+          <div className="flex-1" />
           <button onClick={onClose} disabled={!!busy}
             className="px-4 py-2 text-sm rounded-lg text-slate-500 hover:bg-slate-100 disabled:opacity-40">Abbrechen</button>
           <button onClick={handleBlock} disabled={!!busy}
diff --git a/src/pages/ContentCreation.jsx b/src/pages/ContentCreation.jsx
index 29a717b..1a682a4 100644
--- a/src/pages/ContentCreation.jsx
+++ b/src/pages/ContentCreation.jsx
@@ -1189,6 +1189,11 @@ function PairsPanel({ selectedObject, allObjects, objectPairs, loadingPairs, onP
     } finally { setTranslatingId(null); }
   }
 
+  async function handleRetranslate(pair) {
+    const res = await apiPost(`/pairs/${pair.id}/translate`, { overwrite: true });
+    setReviewData({ pair, content: res.content });
+  }
+
   if (!selectedObject) {
     return (
       <aside className="w-2/5 border-l border-slate-200 bg-white flex items-center justify-center">
@@ -1274,6 +1279,7 @@ function PairsPanel({ selectedObject, allObjects, objectPairs, loadingPairs, onP
           content={reviewData.content}
           onClose={() => setReviewData(null)}
           onDone={() => { setReviewData(null); (onReloadAll || onPairsReload)(); }}
+          onRetranslate={() => handleRetranslate(reviewData.pair)}
         />
       )}
     </aside>