feat: production deployment - full update with providers, admin, glossaries, pricing, tests

Major changes across backend, frontend, infrastructure:
- Provider system with model selection (Google, DeepL, OpenAI, Ollama, Google Cloud)
- Admin panel: user management, pricing, settings
- Glossary system with CSV import/export
- Subscription and tier quota management
- Security hardening (rate limiting, API key auth, path traversal fixes)
- Docker compose for dev, prod, and IONOS deployment
- Alembic migrations for new tables
- Frontend: dashboard, pricing page, landing page, i18n (en/fr)
- Test suite and verification scripts

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/src/app/dashboard/translate/TranslationComplete.tsx

@@ -1,10 +1,11 @@
 'use client';
 
 import { useState, useEffect, useRef } from 'react';
-import { CheckCircle, Download, Plus, Loader2 } from 'lucide-react';
-import { Card, CardContent } from '@/components/ui/card';
+import { CheckCircle2, Download, Plus, Loader2 } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { useNotification } from '@/components/ui/notification';
+import { useI18n } from '@/lib/i18n';
+import { API_BASE } from '@/lib/config';
 
 interface TranslationCompleteProps {
   jobId: string;
@@ -12,8 +13,6 @@ interface TranslationCompleteProps {
   onNewTranslation: () => void;
 }
 
-const API_BASE = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:8000';
-
 export function TranslationComplete({
   jobId,
   fileName,
@@ -21,133 +20,126 @@ export function TranslationComplete({
 }: TranslationCompleteProps) {
   const [isDownloading, setIsDownloading] = useState(false);
   const { success, error } = useNotification();
+  const { t } = useI18n();
   const blobUrlRef = useRef<string | null>(null);
 
   const handleDownload = async () => {
     setIsDownloading(true);
-
     try {
       const token = localStorage.getItem('token');
       const headers: Record<string, string> = {};
-      if (token) {
-        headers['Authorization'] = `Bearer ${token}`;
-      }
+      if (token) headers['Authorization'] = `Bearer ${token}`;
 
       const response = await fetch(`${API_BASE}/api/v1/download/${jobId}`, { headers });
 
       if (!response.ok) {
-        let errorMessage = 'Download failed';
+        let msg = t('dashboard.translate.complete.toastFailDesc');
         try {
-          const errorData = await response.json();
-          errorMessage = errorData.message || errorData.error || errorMessage;
-        } catch {
-          // Response not JSON
-        }
-        throw new Error(errorMessage);
+          const body = await response.json();
+          msg = body.message || body.error || msg;
+        } catch { /* not JSON */ }
+        throw new Error(msg);
       }
 
       const contentDisposition = response.headers.get('Content-Disposition');
       let downloadFilename = 'translated_document';
-      
       if (contentDisposition) {
-        const filenameMatch = contentDisposition.match(/filename\*?=['"]?(?:UTF-\d['"]*)?([^;\r\n"']+)/i);
-        if (filenameMatch && filenameMatch[1]) {
-          downloadFilename = filenameMatch[1];
-        }
+        const match = contentDisposition.match(/filename\*?=['"]?(?:UTF-\d['"]*)?([^;\r\n"']+)/i);
+        if (match?.[1]) downloadFilename = match[1];
       } else if (fileName) {
         const ext = fileName.split('.').pop() || '';
-        const baseName = fileName.replace(/\.[^.]+$/, '');
-        downloadFilename = `${baseName}_translated.${ext}`;
+        const base = fileName.replace(/\.[^.]+$/, '');
+        downloadFilename = `${base}_translated.${ext}`;
       }
 
       const blob = await response.blob();
       const url = URL.createObjectURL(blob);
       blobUrlRef.current = url;
-      
+
       const a = document.createElement('a');
       a.href = url;
       a.download = downloadFilename;
       document.body.appendChild(a);
       a.click();
       document.body.removeChild(a);
-      
+
       setTimeout(() => {
-        if (blobUrlRef.current) {
-          URL.revokeObjectURL(blobUrlRef.current);
-          blobUrlRef.current = null;
-        }
+        if (blobUrlRef.current) { URL.revokeObjectURL(blobUrlRef.current); blobUrlRef.current = null; }
       }, 1000);
 
       success({
-        title: 'Download Complete',
-        description: `${downloadFilename} has been downloaded successfully.`,
+        title: t('dashboard.translate.complete.toastOkTitle'),
+        description: t('dashboard.translate.complete.toastOkDesc', { name: downloadFilename }),
       });
     } catch (err) {
       error({
-        title: 'Download Failed',
-        description: err instanceof Error ? err.message : 'Failed to download the translated file.',
+        title: t('dashboard.translate.complete.toastFailTitle'),
+        description: err instanceof Error ? err.message : t('dashboard.translate.complete.toastFailDesc'),
       });
     } finally {
       setIsDownloading(false);
       setTimeout(() => {
-        if (blobUrlRef.current) {
-          URL.revokeObjectURL(blobUrlRef.current);
-          blobUrlRef.current = null;
-        }
+        if (blobUrlRef.current) { URL.revokeObjectURL(blobUrlRef.current); blobUrlRef.current = null; }
       }, 5000);
     }
   };
 
   useEffect(() => {
     return () => {
-      if (blobUrlRef.current) {
-        URL.revokeObjectURL(blobUrlRef.current);
-        blobUrlRef.current = null;
-      }
+      if (blobUrlRef.current) { URL.revokeObjectURL(blobUrlRef.current); blobUrlRef.current = null; }
     };
   }, []);
 
   return (
-    <Card className="border-success/40 bg-gradient-to-br from-success/10 to-success/5 overflow-hidden">
-      <CardContent className="p-6 text-center">
-        <div className="w-14 h-14 mx-auto mb-4 rounded-full bg-success/20 flex items-center justify-center">
-          <CheckCircle className="w-8 h-8 text-success" />
-        </div>
-        
-        <h3 className="text-lg font-semibold mb-2">Translation Complete!</h3>
-        <p className="text-sm text-muted-foreground mb-5">
-          {fileName ? `"${fileName}" has been translated successfully.` : 'Your document has been translated successfully.'}
+    <div className="flex w-full max-w-md flex-col items-center gap-8 rounded-2xl border border-border bg-card p-8 text-center shadow-sm">
+      {/* Success icon */}
+      <div className="flex size-20 items-center justify-center rounded-full bg-green-500/15">
+        <CheckCircle2 className="size-10 text-green-500" />
+      </div>
+
+      {/* Text */}
+      <div className="flex flex-col gap-2">
+        <h3 className="text-xl font-bold text-foreground">
+          {t('dashboard.translate.complete.title')}
+        </h3>
+        <p className="text-sm text-muted-foreground">
+          {fileName
+            ? t('dashboard.translate.complete.descNamed', { name: fileName })
+            : t('dashboard.translate.complete.descGeneric')}
         </p>
-        
-        <div className="flex flex-col sm:flex-row gap-3 justify-center">
-          <Button
-            onClick={handleDownload}
-            disabled={isDownloading}
-            className="gap-2"
-          >
-            {isDownloading ? (
-              <>
-                <Loader2 className="w-4 h-4 animate-spin" />
-                Downloading...
-              </>
-            ) : (
-              <>
-                <Download className="w-4 h-4" />
-                Download Translated File
-              </>
-            )}
-          </Button>
-          
-          <Button
-            variant="outline"
-            onClick={onNewTranslation}
-            className="gap-2"
-          >
-            <Plus className="w-4 h-4" />
-            New Translation
-          </Button>
-        </div>
-      </CardContent>
-    </Card>
+      </div>
+
+      {/* Actions — stacked column so text is never cut */}
+      <div className="flex w-full flex-col gap-3">
+        <Button
+          size="lg"
+          className="h-12 w-full gap-2 text-base font-semibold"
+          onClick={handleDownload}
+          disabled={isDownloading}
+        >
+          {isDownloading ? (
+            <>
+              <Loader2 className="size-5 animate-spin" />
+              {t('dashboard.translate.complete.downloading')}
+            </>
+          ) : (
+            <>
+              <Download className="size-5" />
+              {t('dashboard.translate.complete.download')}
+            </>
+          )}
+        </Button>
+
+        <Button
+          variant="outline"
+          size="lg"
+          className="h-11 w-full gap-2"
+          onClick={onNewTranslation}
+        >
+          <Plus className="size-4" />
+          {t('dashboard.translate.complete.newTranslation')}
+        </Button>
+      </div>
+    </div>
   );
 }