From d657b65adb8afe1d39fe7bfe4e63ca1e4cdea189 Mon Sep 17 00:00:00 2001
From: sepehr <sepehr1151@gmail.com>
Date: Sun, 31 May 2026 13:29:12 +0200
Subject: [PATCH] fix: FORMAT NATIF hors cadre, apercu glossaire toujours
 FR/IR, prompt juridique par defaut

---
 .../src/app/dashboard/translate/GlossarySelector.tsx  |  7 ++++---
 frontend/src/app/dashboard/translate/page.tsx         |  2 +-
 frontend/src/lib/store.ts                             | 11 +++++++++++
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/dashboard/translate/GlossarySelector.tsx b/frontend/src/app/dashboard/translate/GlossarySelector.tsx
index c1e5877..4b2ef05 100644
--- a/frontend/src/app/dashboard/translate/GlossarySelector.tsx
+++ b/frontend/src/app/dashboard/translate/GlossarySelector.tsx
@@ -13,6 +13,7 @@ interface GlossaryOption {
   id: string;
   name: string;
   source_language: string;
+  target_language: string;
   terms_count: number;
 }
 
@@ -351,8 +352,8 @@ export function GlossarySelector({ sourceLang, targetLang, isPro, mode, glossary
                   {selected ? selected.name : (isLoading ? "Chargement..." : "Sélectionner un glossaire...")}
                 </span>
                 <span className="text-[10px] font-extrabold uppercase tracking-wider text-brand-dark/40 dark:text-white/40 block mt-0.5">
-                  {selected
-                    ? `${getFlag(selected.source_language)} ➜ ${targetFlag} • ${selected.terms_count} termes`
+                {selected
+                    ? `${getFlag(selected.source_language)} ➜ ${getFlag(selected.target_language || targetLang)} • ${selected.terms_count} termes`
                     : (filteredGlossaries.length > 0 || filteredTemplates.length > 0 ? "Sélectionnez un glossaire" : "Aucun glossaire disponible")
                   }
                 </span>
@@ -414,7 +415,7 @@ export function GlossarySelector({ sourceLang, targetLang, isPro, mode, glossary
                           <div className="text-left min-w-0 flex-1 pr-2">
                             <span className="text-xs font-bold block leading-none truncate">{g.name}</span>
                             <span className="text-[10px] uppercase tracking-wider text-brand-dark/40 dark:text-white/45 font-bold block mt-1">
-                              {flag} ➜ {targetFlag} • {g.terms_count} termes
+                              {flag} ➜ {getFlag(g.target_language || targetLang)} • {g.terms_count} termes
                             </span>
                           </div>
                           {isSelected && <Check size={12} className="text-brand-accent shrink-0" />}
diff --git a/frontend/src/app/dashboard/translate/page.tsx b/frontend/src/app/dashboard/translate/page.tsx
index 18edeaa..92d755b 100644
--- a/frontend/src/app/dashboard/translate/page.tsx
+++ b/frontend/src/app/dashboard/translate/page.tsx
@@ -233,7 +233,7 @@ export default function TranslatePage() {
             {/* ── UPLOAD STATE: Editorial Dropzone ──────────────── */}
             {showUpload && (
               <div
-                className="bg-white border-2 border-dashed border-brand-accent/15 dark:border-white/10 rounded-[32px] p-12 flex flex-col items-center justify-center text-center group cursor-pointer hover:border-brand-accent/40 dark:hover:border-brand-accent/40 hover:bg-brand-muted/10 dark:hover:bg-brand-muted/5 transition-all shadow-editorial dark:bg-[#141414]"
+                className="relative bg-white border-2 border-dashed border-brand-accent/15 dark:border-white/10 rounded-[32px] p-12 flex flex-col items-center justify-center text-center group cursor-pointer hover:border-brand-accent/40 dark:hover:border-brand-accent/40 hover:bg-brand-muted/10 dark:hover:bg-brand-muted/5 transition-all shadow-editorial dark:bg-[#141414]"
                 onDragOver={upload.handleDragOver}
                 onDragLeave={upload.handleDragLeave}
                 onDrop={upload.handleDrop}
diff --git a/frontend/src/lib/store.ts b/frontend/src/lib/store.ts
index 4504fcb..61ed2de 100644
--- a/frontend/src/lib/store.ts
+++ b/frontend/src/lib/store.ts
@@ -130,6 +130,17 @@ export const useTranslationStore = create<TranslationState>()(
     }),
     {
       name: "translation-settings",
+      version: 2,
+      migrate: (persistedState: unknown, fromVersion: number) => {
+        // v1 → v2: clear systemPrompt that may have been pre-filled with legal text
+        if (fromVersion < 2) {
+          const state = persistedState as { settings?: { systemPrompt?: string } };
+          if (state?.settings) {
+            state.settings.systemPrompt = "";
+          }
+        }
+        return persistedState as TranslationState;
+      },
     },
   ),
 );