From ab28ebd765307d313bd4579c594dfa3e126cb5e6 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Sun, 24 May 2026 17:39:44 +0100
Subject: [PATCH] =?UTF-8?q?feat(i18n):=20login,=20register,=20focus=20grou?=
 =?UTF-8?q?p=20setup,=20persona=20editor=20=E2=80=94=20EN/UK/RU?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Login.tsx: auth.login_heading, login_subtitle, email_or_username_label,
  password_label, signing_in, sign_in_button, no_account_q, create_one_free
- Register.tsx: full form labels, check-inbox screen, toast messages,
  data processing consent, plan badge credits (all 3 locales)
- SetupTab.tsx: session name, research brief, topics, duration, model,
  thinking depth, verbosity, materials — new focus_group_setup namespace
- PersonaEditor.tsx: all form labels, section headings, OCEAN traits,
  goals/frustrations/motivations, think-feel-do, scenarios, toast messages —
  new persona_editor namespace
- Locale files: 80+ new keys across EN/UK/RU

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../focus-group-session/SetupTab.tsx          |  74 +--
 src/components/persona/PersonaEditor.tsx      | 512 ++++++++----------
 src/i18n/locales/en/common.json               | 137 ++++-
 src/i18n/locales/ru/common.json               | 137 ++++-
 src/i18n/locales/uk/common.json               | 137 ++++-
 src/pages/Login.tsx                           |  35 +-
 src/pages/Register.tsx                        |  74 +--
 7 files changed, 741 insertions(+), 365 deletions(-)

diff --git a/src/components/focus-group-session/SetupTab.tsx b/src/components/focus-group-session/SetupTab.tsx
index ecb1340a..87ce6675 100755
--- a/src/components/focus-group-session/SetupTab.tsx
+++ b/src/components/focus-group-session/SetupTab.tsx
@@ -30,6 +30,7 @@ import {
 } from "@/components/ui/accordion";
 import AssetUploader from '@/components/AssetUploader';
 import { InputStrengthIndicator } from "@/components/ui/InputStrengthIndicator";
+import { useTranslation } from 'react-i18next';
 
 interface SetupTabProps {
   form: UseFormReturn<any>;
@@ -50,6 +51,7 @@ export function SetupTab({
   onAssetsChange,
   onCopyGuideClick,
 }: SetupTabProps) {
+  const { t } = useTranslation();
   const selectedModel = form.watch("llm_model");
 
   return (
@@ -61,11 +63,11 @@ export function SetupTab({
             name="focusGroupName"
             render={({ field }) => (
               <FormItem>
-                <FormLabel>Session name</FormLabel>
+                <FormLabel>{t('focus_group_setup.session_name_label')}</FormLabel>
                 <FormControl>
-                  <Input placeholder="Give it a clear, searchable name" {...field} />
+                  <Input placeholder={t('focus_group_setup.session_name_placeholder')} {...field} />
                 </FormControl>
-                <p className="text-xs text-muted-foreground">You can always rename it later</p>
+                <p className="text-xs text-muted-foreground">{t('focus_group_setup.session_name_hint')}</p>
                 <FormMessage />
               </FormItem>
             )}
@@ -77,11 +79,11 @@ export function SetupTab({
               name="researchBrief"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>What are you researching?</FormLabel>
+                  <FormLabel>{t('focus_group_setup.research_brief_label')}</FormLabel>
                   <FormControl>
                     <div className="relative">
                       <Textarea
-                        placeholder="Describe what you want to learn and why it matters to your team"
+                        placeholder={t('focus_group_setup.research_brief_placeholder')}
                         className="h-36 pb-7"
                         {...field}
                       />
@@ -90,7 +92,7 @@ export function SetupTab({
                       </div>
                     </div>
                   </FormControl>
-                  <p className="text-xs text-muted-foreground">The more specific, the better the discussion</p>
+                  <p className="text-xs text-muted-foreground">{t('focus_group_setup.research_brief_hint')}</p>
                   <FormMessage />
                 </FormItem>
               )}
@@ -102,11 +104,11 @@ export function SetupTab({
                 name="discussionTopics"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>Key topics to explore</FormLabel>
+                    <FormLabel>{t('focus_group_setup.topics_label')}</FormLabel>
                     <FormControl>
                       <div className="relative">
                         <Textarea
-                          placeholder="E.g. first impressions, pricing reactions, feature priorities"
+                          placeholder={t('focus_group_setup.topics_placeholder')}
                           className="h-24 pb-7"
                           {...field}
                         />
@@ -125,19 +127,19 @@ export function SetupTab({
                 name="duration"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>Session length</FormLabel>
+                    <FormLabel>{t('focus_group_setup.duration_label')}</FormLabel>
                     <Select onValueChange={field.onChange} value={field.value}>
                       <FormControl>
                         <SelectTrigger>
-                          <SelectValue placeholder="Select duration" />
+                          <SelectValue placeholder={t('focus_group_setup.duration_placeholder')} />
                         </SelectTrigger>
                       </FormControl>
                       <SelectContent>
-                        <SelectItem value="30">30 minutes</SelectItem>
-                        <SelectItem value="45">45 minutes</SelectItem>
-                        <SelectItem value="60">60 minutes</SelectItem>
-                        <SelectItem value="90">90 minutes</SelectItem>
-                        <SelectItem value="120">120 minutes</SelectItem>
+                        <SelectItem value="30">{t('focus_group_setup.duration_30')}</SelectItem>
+                        <SelectItem value="45">{t('focus_group_setup.duration_45')}</SelectItem>
+                        <SelectItem value="60">{t('focus_group_setup.duration_60')}</SelectItem>
+                        <SelectItem value="90">{t('focus_group_setup.duration_90')}</SelectItem>
+                        <SelectItem value="120">{t('focus_group_setup.duration_120')}</SelectItem>
                       </SelectContent>
                     </Select>
                     <FormMessage />
@@ -148,7 +150,7 @@ export function SetupTab({
               <Accordion type="single" collapsible className="w-full">
                 <AccordionItem value="advanced" className="border rounded-lg px-3">
                   <AccordionTrigger className="text-sm font-medium py-3 hover:no-underline">
-                    Advanced settings
+                    {t('focus_group_setup.advanced_settings')}
                   </AccordionTrigger>
                   <AccordionContent className="space-y-4 pb-3">
                     <FormField
@@ -156,16 +158,16 @@ export function SetupTab({
                       name="llm_model"
                       render={({ field }) => (
                         <FormItem>
-                          <FormLabel>Model</FormLabel>
+                          <FormLabel>{t('focus_group_setup.model_label')}</FormLabel>
                           <Select onValueChange={field.onChange} value={field.value}>
                             <FormControl>
                               <SelectTrigger>
-                                <SelectValue placeholder="Select AI model" />
+                                <SelectValue placeholder={t('focus_group_setup.model_placeholder')} />
                               </SelectTrigger>
                             </FormControl>
                             <SelectContent>
-                              <SelectItem value="gpt-5.4">GPT-5.4 (Recommended)</SelectItem>
-                              <SelectItem value="gpt-5.4-mini">GPT-5.4 Mini (Faster, lower cost)</SelectItem>
+                              <SelectItem value="gpt-5.4">{t('focus_group_setup.model_gpt54')}</SelectItem>
+                              <SelectItem value="gpt-5.4-mini">{t('focus_group_setup.model_gpt54_mini')}</SelectItem>
                             </SelectContent>
                           </Select>
                           <FormMessage />
@@ -180,18 +182,18 @@ export function SetupTab({
                           name="reasoning_effort"
                           render={({ field }) => (
                             <FormItem>
-                              <FormLabel>Thinking depth</FormLabel>
+                              <FormLabel>{t('focus_group_setup.thinking_depth_label')}</FormLabel>
                               <Select onValueChange={field.onChange} value={field.value}>
                                 <FormControl>
                                   <SelectTrigger>
-                                    <SelectValue placeholder="Select reasoning effort" />
+                                    <SelectValue placeholder={t('focus_group_setup.thinking_depth_placeholder')} />
                                   </SelectTrigger>
                                 </FormControl>
                                 <SelectContent>
-                                  <SelectItem value="minimal">Minimal — Fast responses</SelectItem>
-                                  <SelectItem value="low">Low — Quick thinking</SelectItem>
-                                  <SelectItem value="medium">Medium — Balanced (default)</SelectItem>
-                                  <SelectItem value="high">High — Deep reasoning</SelectItem>
+                                  <SelectItem value="minimal">{t('focus_group_setup.thinking_minimal')}</SelectItem>
+                                  <SelectItem value="low">{t('focus_group_setup.thinking_low')}</SelectItem>
+                                  <SelectItem value="medium">{t('focus_group_setup.thinking_medium')}</SelectItem>
+                                  <SelectItem value="high">{t('focus_group_setup.thinking_high')}</SelectItem>
                                 </SelectContent>
                               </Select>
                               <FormMessage />
@@ -204,17 +206,17 @@ export function SetupTab({
                           name="verbosity"
                           render={({ field }) => (
                             <FormItem>
-                              <FormLabel>Response length</FormLabel>
+                              <FormLabel>{t('focus_group_setup.response_length_label')}</FormLabel>
                               <Select onValueChange={field.onChange} value={field.value}>
                                 <FormControl>
                                   <SelectTrigger>
-                                    <SelectValue placeholder="Select verbosity level" />
+                                    <SelectValue placeholder={t('focus_group_setup.response_length_placeholder')} />
                                   </SelectTrigger>
                                 </FormControl>
                                 <SelectContent>
-                                  <SelectItem value="low">Low — Concise responses</SelectItem>
-                                  <SelectItem value="medium">Medium — Balanced length (default)</SelectItem>
-                                  <SelectItem value="high">High — Detailed responses</SelectItem>
+                                  <SelectItem value="low">{t('focus_group_setup.verbosity_low')}</SelectItem>
+                                  <SelectItem value="medium">{t('focus_group_setup.verbosity_medium')}</SelectItem>
+                                  <SelectItem value="high">{t('focus_group_setup.verbosity_high')}</SelectItem>
                                 </SelectContent>
                               </Select>
                               <FormMessage />
@@ -232,7 +234,7 @@ export function SetupTab({
           {/* Asset Uploader */}
           <div>
             <label className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block">
-              Attach materials (optional)
+              {t('focus_group_setup.materials_label')}
             </label>
             <AssetUploader
               focusGroupId={draftFocusGroupId}
@@ -249,8 +251,8 @@ export function SetupTab({
               maxAssets={10}
               maxFileSize={10}
               allowedTypes={['image/*', 'application/pdf', 'video/*', 'text/*', 'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document']}
-              label="Attach materials"
-              description="Mockups, decks, or any materials the moderator should reference"
+              label={t('focus_group_setup.materials_label')}
+              description={t('focus_group_setup.materials_description')}
               enableRenaming={true}
             />
           </div>
@@ -271,7 +273,7 @@ export function SetupTab({
           className="min-w-32"
         >
           <Copy className="mr-2 h-4 w-4" />
-          Import Discussion Guide from Other Project
+          {t('focus_group_setup.copy_guide_button')}
         </Button>
         <Button
           type="button"
@@ -280,7 +282,7 @@ export function SetupTab({
           className="min-w-32"
         >
           <MessageSquare className="mr-2 h-4 w-4" />
-          {isGenerating ? "Generating..." : "Generate Discussion Guide"}
+          {isGenerating ? t('focus_group_setup.generating_button') : t('focus_group_setup.generate_guide_button')}
         </Button>
       </div>
     </>
diff --git a/src/components/persona/PersonaEditor.tsx b/src/components/persona/PersonaEditor.tsx
index 8c87bc92..6b2705f8 100755
--- a/src/components/persona/PersonaEditor.tsx
+++ b/src/components/persona/PersonaEditor.tsx
@@ -19,6 +19,7 @@ import {
   SelectValue,
 } from '@/components/ui/select';
 import { Save, ArrowLeft, Plus, Trash2, Loader2 } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 
 interface PersonaEditorProps {
   persona: Persona;
@@ -27,15 +28,15 @@ interface PersonaEditorProps {
 }
 
 export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEditorProps) {
-  // Create a properly initialized persona with default values for all fields
+  const { t } = useTranslation();
+
   const initializedPersona: Persona = {
     ...persona,
-    // Ensure all potentially undefined fields have default values
     education: persona.education || '',
     interests: persona.interests || '',
     brandLoyalty: persona.brandLoyalty || 0,
     priceConsciousness: persona.priceConsciousness || 0,
-    environmentalConcern: persona.environmentalConcern || 0, 
+    environmentalConcern: persona.environmentalConcern || 0,
     hasPurchasingPower: persona.hasPurchasingPower || false,
     hasChildren: persona.hasChildren || false,
     goals: persona.goals || [],
@@ -55,38 +56,34 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
       does: []
     }
   };
-  
+
   const [editedPersona, setEditedPersona] = useState<Persona>(initializedPersona);
   const [isSaving, setIsSaving] = useState(false);
   const [showLoginForm, setShowLoginForm] = useState(false);
   const [pendingSave, setPendingSave] = useState<Persona | null>(null);
   const [checkingAuthentication, setCheckingAuthentication] = useState(false);
   const { isAuthenticated, token } = useAuth();
-  
-  // Check authentication token validity
+
   useEffect(() => {
     const checkAuthToken = async () => {
       if (showLoginForm && isAuthenticated && token) {
-        // If login form is showing but we're authenticated now, hide it
         setShowLoginForm(false);
-        
-        // If we have a pending save, try to save it now
         if (pendingSave) {
           await handleLoginSuccess();
         }
       }
     };
-    
+
     checkAuthToken();
   }, [isAuthenticated, token, showLoginForm]);
-  
+
   const handleChange = (field: keyof Persona, value: any) => {
     setEditedPersona(prev => ({
       ...prev,
       [field]: value
     }));
   };
-  
+
   const handleOceanChange = (trait: keyof Persona['oceanTraits'], value: number) => {
     setEditedPersona(prev => ({
       ...prev,
@@ -96,14 +93,14 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
       }
     }));
   };
-  
+
   const handleArrayAdd = (field: 'goals' | 'frustrations' | 'motivations' | 'scenarios') => {
     setEditedPersona(prev => ({
       ...prev,
       [field]: [...(prev[field] || []), '']
     }));
   };
-  
+
   const handleArrayUpdate = (field: 'goals' | 'frustrations' | 'motivations' | 'scenarios', index: number, value: string) => {
     setEditedPersona(prev => {
       const newArray = [...(prev[field] || [])];
@@ -114,7 +111,7 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
       };
     });
   };
-  
+
   const handleArrayRemove = (field: 'goals' | 'frustrations' | 'motivations' | 'scenarios', index: number) => {
     setEditedPersona(prev => {
       const newArray = [...(prev[field] || [])];
@@ -125,10 +122,10 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
       };
     });
   };
-  
+
   const handleThinkFeelDoUpdate = (
-    category: 'thinks' | 'feels' | 'does', 
-    index: number, 
+    category: 'thinks' | 'feels' | 'does',
+    index: number,
     value: string
   ) => {
     setEditedPersona(prev => {
@@ -136,121 +133,110 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
       const newArray = [...(newThinkFeelDo[category] || [])];
       newArray[index] = value;
       newThinkFeelDo[category] = newArray;
-      
+
       return {
         ...prev,
         thinkFeelDo: newThinkFeelDo
       };
     });
   };
-  
+
   const handleThinkFeelDoAdd = (category: 'thinks' | 'feels' | 'does') => {
     setEditedPersona(prev => {
       const newThinkFeelDo = {
         ...prev.thinkFeelDo,
         [category]: [...(prev.thinkFeelDo?.[category] || []), '']
       };
-      
+
       return {
         ...prev,
         thinkFeelDo: newThinkFeelDo
       };
     });
   };
-  
+
   const handleThinkFeelDoRemove = (category: 'thinks' | 'feels' | 'does', index: number) => {
     setEditedPersona(prev => {
       const newThinkFeelDo = {...prev.thinkFeelDo};
       const newArray = [...(newThinkFeelDo[category] || [])];
       newArray.splice(index, 1);
       newThinkFeelDo[category] = newArray;
-      
+
       return {
         ...prev,
         thinkFeelDo: newThinkFeelDo
       };
     });
   };
-  
-  // Function when login is canceled
+
   const handleLoginCancel = () => {
     if (!pendingSave) return;
-    
-    toast.error("Login canceled - Persona changes not saved");
-    
-    // Hide login form without saving
+
+    toast.error(t('persona_editor.toast_login_cancelled'));
+
     setShowLoginForm(false);
     setPendingSave(null);
-    
-    // Return to view mode without saving changes
+
     onCancel();
   };
-  
-  // Function to retry saving after successful login
+
   const handleLoginSuccess = async () => {
     if (!pendingSave) return;
-    
+
     setIsSaving(true);
     try {
-      // Create a sanitized copy for API
       const personaToSave = { ...pendingSave };
       delete personaToSave._id;
       delete personaToSave.isDbPersona;
-      
-      // Try to save to database again now that we're logged in
+
       const response = await personasApi.create(personaToSave);
-      
-      // Create updated persona with DB ID
+
       const savedPersona = {
         ...pendingSave,
         id: response.data._id || response.data.id,
         _id: response.data._id || response.data.id,
         isDbPersona: true
       };
-      
-      toast.success("Persona saved to database successfully");
-      
-      // Hide login form
+
+      toast.success(t('persona_editor.toast_save_success'));
+
       setShowLoginForm(false);
       setPendingSave(null);
-      
-      // Call onSave with the database persona
+
       onSave(savedPersona);
     } catch (error) {
       console.error("Error saving after login:", error);
-      toast.error("Failed to save to database after login");
-      
-      // Hide login form but don't save
+      toast.error(t('persona_editor.toast_save_error_after_login'));
+
       setShowLoginForm(false);
       setPendingSave(null);
     } finally {
       setIsSaving(false);
     }
   };
-  
-  // If showing login form, render that instead of editor
+
   if (showLoginForm) {
     return (
       <div className="max-w-5xl mx-auto bg-background p-6">
         <div className="flex justify-between items-center mb-6">
-          <h2 className="font-sf text-2xl font-bold">Authentication Required</h2>
+          <h2 className="font-sf text-2xl font-bold">{t('persona_editor.auth_required_heading')}</h2>
         </div>
         <p className="mb-6 text-muted-foreground">
-          Login is required to save personas to the database. You can either:
+          {t('persona_editor.auth_required_desc')}
         </p>
         <ul className="list-disc ml-6 mt-2 mb-6">
-          <li>Log in to save this persona to the database</li>
-          <li>Cancel to discard your changes</li>
+          <li>{t('persona_editor.auth_required_option_login')}</li>
+          <li>{t('persona_editor.auth_required_option_cancel')}</li>
         </ul>
-        <LoginRequired 
-          message="Login is required to save your persona to the database"
+        <LoginRequired
+          message={t('persona_editor.auth_required_option_login')}
           onLoginSuccess={handleLoginSuccess}
           onCancel={handleLoginCancel}
         />
       </div>
     );
   }
-  
+
   return (
     <div className="space-y-6">
       <div className="flex items-center justify-between">
@@ -258,95 +244,73 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
           <Button variant="ghost" onClick={onCancel} className="mr-2">
             <ArrowLeft className="h-5 w-5" />
           </Button>
-          <h2 className="font-sf text-2xl font-bold">Edit Persona</h2>
+          <h2 className="font-sf text-2xl font-bold">{t('persona_editor.edit_title')}</h2>
         </div>
-        <Button 
+        <Button
           onClick={async () => {
             setIsSaving(true);
             try {
-              // Check if persona has an _id or id
               const personaId = editedPersona._id || editedPersona.id;
-              
-              // Create a sanitized copy to prevent sending unnecessary properties
+
               const personaToSave = { ...editedPersona };
-              
-              // MongoDB doesn't allow changing the _id field
+
               if (personaToSave._id) {
                 delete personaToSave._id;
               }
-              
-              // Remove other client-side properties that shouldn't be sent to the server
+
               delete personaToSave.isDbPersona;
-              
+
               let response;
-              
-              // Save to backend - handle local IDs specially
+
               if (personaId && typeof personaId === 'string' && personaId.startsWith('local-')) {
                 response = await personasApi.create(personaToSave);
-                toast.success("Persona saved to database");
-                
-                // Update the editedPersona with the new database ID
+                toast.success(t('persona_editor.toast_saved_to_db'));
+
                 const updatedPersona = {
                   ...editedPersona,
                   id: response.data._id || response.data.id,
                   _id: response.data._id || response.data.id,
                   isDbPersona: true
                 };
-                
-                // Call the parent's onSave with the updated persona
+
                 onSave(updatedPersona);
               } else if (personaId) {
-                // Normal update for existing database persona
                 response = await personasApi.update(personaId, personaToSave);
-                toast.success("Persona updated successfully");
-                
-                // Ensure the persona has isDbPersona flag
+                toast.success(t('persona_editor.toast_updated'));
+
                 const updatedPersona = {
                   ...editedPersona,
                   isDbPersona: true
                 };
-                
-                // Call the parent's onSave
+
                 onSave(updatedPersona);
               } else {
-                // Create new persona
                 response = await personasApi.create(personaToSave);
-                
-                // Update with the new database ID
+
                 const updatedPersona = {
                   ...editedPersona,
                   id: response.data._id || response.data.id,
                   _id: response.data._id || response.data.id,
                   isDbPersona: true
                 };
-                
-                toast.success("Persona created successfully");
-                
-                // Call the parent's onSave with the updated persona
+
+                toast.success(t('persona_editor.toast_created'));
+
                 onSave(updatedPersona);
               }
             } catch (error) {
               console.error("Error saving persona:", error);
-              
-              // If we get a 401 (unauthorized), check if actually authenticated first
+
               if (error.response && error.response.status === 401) {
-                // Check if we're already authenticated according to context
                 if (isAuthenticated && token) {
-                  toast.error("Authentication error - saving locally instead");
-                  // Just save locally without showing login
+                  toast.error(t('persona_editor.toast_auth_error_local'));
                   onSave(editedPersona);
                 } else {
-                  // Store the current persona for after login
                   setPendingSave(editedPersona);
-                  
-                  // Show login form instead of auto-saving locally
                   setShowLoginForm(true);
-                  
-                  // Don't call onSave yet - we'll do that after login or local save
                 }
               } else {
-                toast.error("Failed to save persona");
-                // Still call onSave with local updates so UI remains consistent
+                toast.error(t('persona_editor.toast_save_failed'));
                 onSave(editedPersona);
               }
             } finally {
@@ -360,18 +324,18 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
           ) : (
             <Save className="h-4 w-4 mr-2" />
           )}
-          {isSaving ? 'Saving...' : 'Save Changes'}
+          {isSaving ? t('persona_editor.saving_button') : t('persona_editor.save_button')}
         </Button>
       </div>
-      
+
       <Tabs defaultValue="general">
         <TabsList className="grid w-full grid-cols-4">
-          <TabsTrigger value="general">General</TabsTrigger>
-          <TabsTrigger value="attitudinal-profile">Attitudinal Profile</TabsTrigger>
-          <TabsTrigger value="personality">Personality</TabsTrigger>
-          <TabsTrigger value="scenarios">Scenarios</TabsTrigger>
+          <TabsTrigger value="general">{t('persona_editor.tab_general')}</TabsTrigger>
+          <TabsTrigger value="attitudinal-profile">{t('persona_editor.tab_attitudinal')}</TabsTrigger>
+          <TabsTrigger value="personality">{t('persona_editor.tab_personality')}</TabsTrigger>
+          <TabsTrigger value="scenarios">{t('persona_editor.tab_scenarios')}</TabsTrigger>
         </TabsList>
-        
+
         <TabsContent value="general" className="mt-6 space-y-6">
           <Card>
             <CardContent className="p-6">
@@ -383,17 +347,17 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
                 </div>
                 <div className="space-y-2">
                   <div>
-                    <label className="text-sm font-medium block mb-1">Name</label>
-                    <Input 
-                      value={editedPersona.name || ''} 
+                    <label className="text-sm font-medium block mb-1">{t('persona_editor.label_name')}</label>
+                    <Input
+                      value={editedPersona.name || ''}
                       onChange={e => handleChange('name', e.target.value)}
                       className="w-64"
                     />
                   </div>
                   <div>
-                    <label className="text-sm font-medium block mb-1">Occupation</label>
-                    <Input 
-                      value={editedPersona.occupation || ''} 
+                    <label className="text-sm font-medium block mb-1">{t('persona_editor.label_occupation')}</label>
+                    <Input
+                      value={editedPersona.occupation || ''}
                       onChange={e => handleChange('occupation', e.target.value)}
                       className="w-64"
                     />
@@ -404,21 +368,21 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
               <div className="space-y-6">
                 <div>
                   <h3 className="font-medium text-sm mb-3 flex items-center">
-                    <span className="mr-2">👥</span>Demographics
+                    <span className="mr-2">👥</span>{t('persona_editor.section_demographics')}
                   </h3>
                   <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
                     <div>
-                      <label className="text-sm font-medium block mb-1">Age</label>
-                      <Input 
+                      <label className="text-sm font-medium block mb-1">{t('persona_editor.label_age')}</label>
+                      <Input
                         value={editedPersona.age || ''}
                         onChange={e => handleChange('age', e.target.value)}
                         placeholder="e.g. 29, 25-34"
                       />
                     </div>
-                    
+
                     <div>
-                      <label className="text-sm font-medium block mb-1">Gender</label>
-                      <Input 
+                      <label className="text-sm font-medium block mb-1">{t('persona_editor.label_gender')}</label>
+                      <Input
                         value={editedPersona.gender || ''}
                         onChange={e => handleChange('gender', e.target.value)}
                         placeholder="e.g. Female, Male, Non-binary"
@@ -426,8 +390,8 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
                     </div>
 
                     <div>
-                      <label className="text-sm font-medium block mb-1">Ethnicity</label>
-                      <Input 
+                      <label className="text-sm font-medium block mb-1">{t('persona_editor.label_ethnicity')}</label>
+                      <Input
                         value={editedPersona.ethnicity || ''}
                         onChange={e => handleChange('ethnicity', e.target.value)}
                         placeholder="e.g. White, Asian, Mixed"
@@ -437,8 +401,8 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
 
                   <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mt-4">
                     <div>
-                      <label className="text-sm font-medium block mb-1">Education</label>
-                      <Input 
+                      <label className="text-sm font-medium block mb-1">{t('persona_editor.label_education')}</label>
+                      <Input
                         value={editedPersona.education || ''}
                         onChange={e => handleChange('education', e.target.value)}
                         placeholder="e.g. Master's Degree (Comp Sci)"
@@ -446,8 +410,8 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
                     </div>
 
                     <div>
-                      <label className="text-sm font-medium block mb-1">Social Grade</label>
-                      <Input 
+                      <label className="text-sm font-medium block mb-1">{t('persona_editor.label_social_grade')}</label>
+                      <Input
                         value={editedPersona.socialGrade || ''}
                         onChange={e => handleChange('socialGrade', e.target.value)}
                         placeholder="e.g. A, B, C1, C2"
@@ -455,8 +419,8 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
                     </div>
 
                     <div>
-                      <label className="text-sm font-medium block mb-1">Household Income</label>
-                      <Input 
+                      <label className="text-sm font-medium block mb-1">{t('persona_editor.label_household_income')}</label>
+                      <Input
                         value={editedPersona.householdIncome || ''}
                         onChange={e => handleChange('householdIncome', e.target.value)}
                         placeholder="e.g. £85,000 - £90,000"
@@ -466,8 +430,8 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
 
                   <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
                     <div>
-                      <label className="text-sm font-medium block mb-1">Household Composition</label>
-                      <Input 
+                      <label className="text-sm font-medium block mb-1">{t('persona_editor.label_household_composition')}</label>
+                      <Input
                         value={editedPersona.householdComposition || ''}
                         onChange={e => handleChange('householdComposition', e.target.value)}
                         placeholder="e.g. Single-person household in a modern Islington flat"
@@ -478,20 +442,20 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
 
                 <div>
                   <h3 className="font-medium text-sm mb-3 flex items-center">
-                    <span className="mr-2">📍</span>Location
+                    <span className="mr-2">📍</span>{t('persona_editor.section_location')}
                   </h3>
                   <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                     <div>
-                      <label className="text-sm font-medium block mb-1">Location</label>
-                      <Input 
-                        value={editedPersona.location || ''} 
+                      <label className="text-sm font-medium block mb-1">{t('persona_editor.label_location')}</label>
+                      <Input
+                        value={editedPersona.location || ''}
                         onChange={e => handleChange('location', e.target.value)}
                       />
                     </div>
-                    
+
                     <div>
-                      <label className="text-sm font-medium block mb-1">Living Situation</label>
-                      <Input 
+                      <label className="text-sm font-medium block mb-1">{t('persona_editor.label_living_situation')}</label>
+                      <Input
                         value={editedPersona.livingSituation || ''}
                         onChange={e => handleChange('livingSituation', e.target.value)}
                         placeholder="e.g. Own home, Rent apartment"
@@ -502,11 +466,11 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
 
                 <div>
                   <h3 className="font-medium text-sm mb-3 flex items-center">
-                    <span className="mr-2">❤️</span>Interests
+                    <span className="mr-2">❤️</span>{t('persona_editor.section_interests')}
                   </h3>
                   <div>
-                    <Textarea 
-                      value={editedPersona.interests || ''} 
+                    <Textarea
+                      value={editedPersona.interests || ''}
                       onChange={e => handleChange('interests', e.target.value)}
                       rows={3}
                       placeholder="Tech, travel, cooking, etc."
@@ -516,11 +480,11 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
 
                 <div>
                   <h3 className="font-medium text-sm mb-3 flex items-center">
-                    <span className="mr-2">📚</span>Media
+                    <span className="mr-2">📚</span>{t('persona_editor.section_media')}
                   </h3>
                   <div>
-                    <Textarea 
-                      value={editedPersona.mediaConsumption || ''} 
+                    <Textarea
+                      value={editedPersona.mediaConsumption || ''}
                       onChange={e => handleChange('mediaConsumption', e.target.value)}
                       rows={3}
                       placeholder="TV shows, podcasts, news sources, social media platforms"
@@ -529,54 +493,54 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
                 </div>
 
                 <div>
-                  <h3 className="font-medium text-sm mb-3">Digital Behavior</h3>
+                  <h3 className="font-medium text-sm mb-3">{t('persona_editor.section_digital_behavior')}</h3>
                   <div className="space-y-4">
                     <div>
                       <div className="flex justify-between mb-1">
-                        <label className="text-sm font-medium">Tech Savviness</label>
+                        <label className="text-sm font-medium">{t('persona_editor.label_tech_savviness')}</label>
                         <span className="text-sm">{editedPersona.techSavviness}%</span>
                       </div>
-                      <Slider 
-                        value={[editedPersona.techSavviness]} 
+                      <Slider
+                        value={[editedPersona.techSavviness]}
                         onValueChange={values => handleChange('techSavviness', values[0])}
                         max={100}
                         step={1}
                       />
                     </div>
-                    
+
                     <div>
                       <div className="flex justify-between mb-1">
-                        <label className="text-sm font-medium">Brand Loyalty</label>
+                        <label className="text-sm font-medium">{t('persona_editor.label_brand_loyalty')}</label>
                         <span className="text-sm">{editedPersona.brandLoyalty || 0}%</span>
                       </div>
-                      <Slider 
-                        value={[editedPersona.brandLoyalty || 0]} 
+                      <Slider
+                        value={[editedPersona.brandLoyalty || 0]}
                         onValueChange={values => handleChange('brandLoyalty', values[0])}
                         max={100}
                         step={1}
                       />
                     </div>
-                    
+
                     <div>
                       <div className="flex justify-between mb-1">
-                        <label className="text-sm font-medium">Price Sensitivity</label>
+                        <label className="text-sm font-medium">{t('persona_editor.label_price_sensitivity')}</label>
                         <span className="text-sm">{editedPersona.priceConsciousness || 0}%</span>
                       </div>
-                      <Slider 
-                        value={[editedPersona.priceConsciousness || 0]} 
+                      <Slider
+                        value={[editedPersona.priceConsciousness || 0]}
                         onValueChange={values => handleChange('priceConsciousness', values[0])}
                         max={100}
                         step={1}
                       />
                     </div>
-                    
+
                     <div>
                       <div className="flex justify-between mb-1">
-                        <label className="text-sm font-medium">Environmental Concern</label>
+                        <label className="text-sm font-medium">{t('persona_editor.label_environmental_concern')}</label>
                         <span className="text-sm">{editedPersona.environmentalConcern || 0}%</span>
                       </div>
-                      <Slider 
-                        value={[editedPersona.environmentalConcern || 0]} 
+                      <Slider
+                        value={[editedPersona.environmentalConcern || 0]}
                         onValueChange={values => handleChange('environmentalConcern', values[0])}
                         max={100}
                         step={1}
@@ -585,19 +549,19 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
 
                     <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
                       <div>
-                        <label className="text-sm font-medium block mb-1">Device Usage</label>
-                        <Textarea 
-                          value={editedPersona.deviceUsage || ''} 
+                        <label className="text-sm font-medium block mb-1">{t('persona_editor.label_device_usage')}</label>
+                        <Textarea
+                          value={editedPersona.deviceUsage || ''}
                           onChange={e => handleChange('deviceUsage', e.target.value)}
                           rows={3}
                           placeholder="Smartphone, laptop, tablet, smart TV, gaming console"
                         />
                       </div>
-                      
+
                       <div>
-                        <label className="text-sm font-medium block mb-1">Shopping Habits</label>
-                        <Textarea 
-                          value={editedPersona.shoppingHabits || ''} 
+                        <label className="text-sm font-medium block mb-1">{t('persona_editor.label_shopping_habits')}</label>
+                        <Textarea
+                          value={editedPersona.shoppingHabits || ''}
                           onChange={e => handleChange('shoppingHabits', e.target.value)}
                           rows={3}
                           placeholder="Online vs in-store, frequency, preferred retailers"
@@ -608,33 +572,33 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
                 </div>
 
                 <div>
-                  <h3 className="font-medium text-sm mb-3">Additional Information</h3>
+                  <h3 className="font-medium text-sm mb-3">{t('persona_editor.section_additional')}</h3>
                   <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                     <div>
-                      <label className="text-sm font-medium block mb-1">Brand Preferences</label>
-                      <Textarea 
-                        value={editedPersona.brandPreferences || ''} 
+                      <label className="text-sm font-medium block mb-1">{t('persona_editor.label_brand_preferences')}</label>
+                      <Textarea
+                        value={editedPersona.brandPreferences || ''}
                         onChange={e => handleChange('brandPreferences', e.target.value)}
                         rows={3}
                         placeholder="Favorite brands, brand values alignment"
                       />
                     </div>
-                    
+
                     <div>
-                      <label className="text-sm font-medium block mb-1">Communication Preferences</label>
-                      <Textarea 
-                        value={editedPersona.communicationPreferences || ''} 
+                      <label className="text-sm font-medium block mb-1">{t('persona_editor.label_communication_preferences')}</label>
+                      <Textarea
+                        value={editedPersona.communicationPreferences || ''}
                         onChange={e => handleChange('communicationPreferences', e.target.value)}
                         rows={3}
                         placeholder="Email, phone, text, video calls, in-person"
                       />
                     </div>
                   </div>
-                  
+
                   <div className="mt-4">
-                    <label className="text-sm font-medium block mb-1">Additional Information</label>
-                    <Textarea 
-                      value={editedPersona.additionalInformation || ''} 
+                    <label className="text-sm font-medium block mb-1">{t('persona_editor.label_additional_info')}</label>
+                    <Textarea
+                      value={editedPersona.additionalInformation || ''}
                       onChange={e => handleChange('additionalInformation', e.target.value)}
                       rows={4}
                       placeholder="Any other relevant details or context"
@@ -645,20 +609,20 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
             </CardContent>
           </Card>
         </TabsContent>
-        
+
         <TabsContent value="attitudinal-profile" className="mt-6 space-y-6">
           <Card>
             <CardContent className="p-6">
               <div className="mb-4">
-                <h3 className="font-medium text-lg mb-3">Goals</h3>
+                <h3 className="font-medium text-lg mb-3">{t('persona_editor.section_goals')}</h3>
                 {(editedPersona.goals || []).map((goal, index) => (
                   <div key={index} className="flex items-center gap-2 mb-2">
-                    <Input 
+                    <Input
                       value={goal || ''}
                       onChange={e => handleArrayUpdate('goals', index, e.target.value)}
                     />
-                    <Button 
-                      variant="ghost" 
+                    <Button
+                      variant="ghost"
                       size="icon"
                       onClick={() => handleArrayRemove('goals', index)}
                     >
@@ -666,27 +630,27 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
                     </Button>
                   </div>
                 ))}
-                <Button 
-                  variant="outline" 
-                  size="sm" 
+                <Button
+                  variant="outline"
+                  size="sm"
                   onClick={() => handleArrayAdd('goals')}
                   className="mt-2"
                 >
                   <Plus className="h-4 w-4 mr-2" />
-                  Add Goal
+                  {t('persona_editor.add_goal')}
                 </Button>
               </div>
-              
+
               <div className="mb-4 pt-4 border-t">
-                <h3 className="font-medium text-lg mb-3">Frustrations</h3>
+                <h3 className="font-medium text-lg mb-3">{t('persona_editor.section_frustrations')}</h3>
                 {(editedPersona.frustrations || []).map((item, index) => (
                   <div key={index} className="flex items-center gap-2 mb-2">
-                    <Input 
+                    <Input
                       value={item || ''}
                       onChange={e => handleArrayUpdate('frustrations', index, e.target.value)}
                     />
-                    <Button 
-                      variant="ghost" 
+                    <Button
+                      variant="ghost"
                       size="icon"
                       onClick={() => handleArrayRemove('frustrations', index)}
                     >
@@ -694,27 +658,27 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
                     </Button>
                   </div>
                 ))}
-                <Button 
-                  variant="outline" 
-                  size="sm" 
+                <Button
+                  variant="outline"
+                  size="sm"
                   onClick={() => handleArrayAdd('frustrations')}
                   className="mt-2"
                 >
                   <Plus className="h-4 w-4 mr-2" />
-                  Add Frustration
+                  {t('persona_editor.add_frustration')}
                 </Button>
               </div>
-              
+
               <div className="mb-4 pt-4 border-t">
-                <h3 className="font-medium text-lg mb-3">Motivations</h3>
+                <h3 className="font-medium text-lg mb-3">{t('persona_editor.section_motivations')}</h3>
                 {(editedPersona.motivations || []).map((item, index) => (
                   <div key={index} className="flex items-center gap-2 mb-2">
-                    <Input 
+                    <Input
                       value={item || ''}
                       onChange={e => handleArrayUpdate('motivations', index, e.target.value)}
                     />
-                    <Button 
-                      variant="ghost" 
+                    <Button
+                      variant="ghost"
                       size="icon"
                       onClick={() => handleArrayRemove('motivations', index)}
                     >
@@ -722,34 +686,34 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
                     </Button>
                   </div>
                 ))}
-                <Button 
-                  variant="outline" 
-                  size="sm" 
+                <Button
+                  variant="outline"
+                  size="sm"
                   onClick={() => handleArrayAdd('motivations')}
                   className="mt-2"
                 >
                   <Plus className="h-4 w-4 mr-2" />
-                  Add Motivation
+                  {t('persona_editor.add_motivation')}
                 </Button>
               </div>
             </CardContent>
           </Card>
-          
+
           <Card>
             <CardContent className="p-6">
-              <h3 className="font-medium text-lg mb-4">Think, Feel, Do</h3>
-              
+              <h3 className="font-medium text-lg mb-4">{t('persona_editor.section_think_feel_do')}</h3>
+
               <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
                 <div>
-                  <h4 className="font-medium text-sm mb-3">Thinks</h4>
+                  <h4 className="font-medium text-sm mb-3">{t('persona_editor.label_thinks')}</h4>
                   {(editedPersona.thinkFeelDo?.thinks || []).map((item, index) => (
                     <div key={index} className="flex items-center gap-2 mb-2">
-                      <Input 
+                      <Input
                         value={item || ''}
                         onChange={e => handleThinkFeelDoUpdate('thinks', index, e.target.value)}
                       />
-                      <Button 
-                        variant="ghost" 
+                      <Button
+                        variant="ghost"
                         size="icon"
                         onClick={() => handleThinkFeelDoRemove('thinks', index)}
                       >
@@ -757,27 +721,27 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
                       </Button>
                     </div>
                   ))}
-                  <Button 
-                    variant="outline" 
-                    size="sm" 
+                  <Button
+                    variant="outline"
+                    size="sm"
                     onClick={() => handleThinkFeelDoAdd('thinks')}
                     className="mt-2"
                   >
                     <Plus className="h-4 w-4 mr-2" />
-                    Add Thought
+                    {t('persona_editor.add_thought')}
                   </Button>
                 </div>
-                
+
                 <div>
-                  <h4 className="font-medium text-sm mb-3">Feels</h4>
+                  <h4 className="font-medium text-sm mb-3">{t('persona_editor.label_feels')}</h4>
                   {(editedPersona.thinkFeelDo?.feels || []).map((item, index) => (
                     <div key={index} className="flex items-center gap-2 mb-2">
-                      <Input 
+                      <Input
                         value={item || ''}
                         onChange={e => handleThinkFeelDoUpdate('feels', index, e.target.value)}
                       />
-                      <Button 
-                        variant="ghost" 
+                      <Button
+                        variant="ghost"
                         size="icon"
                         onClick={() => handleThinkFeelDoRemove('feels', index)}
                       >
@@ -785,27 +749,27 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
                       </Button>
                     </div>
                   ))}
-                  <Button 
-                    variant="outline" 
-                    size="sm" 
+                  <Button
+                    variant="outline"
+                    size="sm"
                     onClick={() => handleThinkFeelDoAdd('feels')}
                     className="mt-2"
                   >
                     <Plus className="h-4 w-4 mr-2" />
-                    Add Feeling
+                    {t('persona_editor.add_feeling')}
                   </Button>
                 </div>
-                
+
                 <div>
-                  <h4 className="font-medium text-sm mb-3">Does</h4>
+                  <h4 className="font-medium text-sm mb-3">{t('persona_editor.label_does')}</h4>
                   {(editedPersona.thinkFeelDo?.does || []).map((item, index) => (
                     <div key={index} className="flex items-center gap-2 mb-2">
-                      <Input 
+                      <Input
                         value={item || ''}
                         onChange={e => handleThinkFeelDoUpdate('does', index, e.target.value)}
                       />
-                      <Button 
-                        variant="ghost" 
+                      <Button
+                        variant="ghost"
                         size="icon"
                         onClick={() => handleThinkFeelDoRemove('does', index)}
                       >
@@ -813,138 +777,138 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
                       </Button>
                     </div>
                   ))}
-                  <Button 
-                    variant="outline" 
-                    size="sm" 
+                  <Button
+                    variant="outline"
+                    size="sm"
                     onClick={() => handleThinkFeelDoAdd('does')}
                     className="mt-2"
                   >
                     <Plus className="h-4 w-4 mr-2" />
-                    Add Action
+                    {t('persona_editor.add_action')}
                   </Button>
                 </div>
               </div>
             </CardContent>
           </Card>
         </TabsContent>
-        
+
         <TabsContent value="personality" className="mt-6">
           <Card>
             <CardContent className="p-6">
-              <h3 className="font-medium text-lg mb-4">OCEAN Personality Traits</h3>
-              
+              <h3 className="font-medium text-lg mb-4">{t('persona_editor.section_ocean')}</h3>
+
               <div className="space-y-6">
                 <div>
                   <div className="flex justify-between mb-1">
-                    <label className="text-sm font-medium">Openness to Experience</label>
+                    <label className="text-sm font-medium">{t('persona_editor.label_openness')}</label>
                     <span className="text-sm">{editedPersona.oceanTraits?.openness || 50}%</span>
                   </div>
-                  <Slider 
-                    value={[editedPersona.oceanTraits?.openness || 50]} 
+                  <Slider
+                    value={[editedPersona.oceanTraits?.openness || 50]}
                     onValueChange={values => handleOceanChange('openness', values[0])}
                     max={100}
                     step={1}
                   />
                   <p className="text-xs text-muted-foreground mt-1">
-                    Creativity, curiosity, and openness to new ideas
+                    {t('persona_editor.hint_openness')}
                   </p>
                 </div>
-                
+
                 <div>
                   <div className="flex justify-between mb-1">
-                    <label className="text-sm font-medium">Conscientiousness</label>
+                    <label className="text-sm font-medium">{t('persona_editor.label_conscientiousness')}</label>
                     <span className="text-sm">{editedPersona.oceanTraits?.conscientiousness || 50}%</span>
                   </div>
-                  <Slider 
-                    value={[editedPersona.oceanTraits?.conscientiousness || 50]} 
+                  <Slider
+                    value={[editedPersona.oceanTraits?.conscientiousness || 50]}
                     onValueChange={values => handleOceanChange('conscientiousness', values[0])}
                     max={100}
                     step={1}
                   />
                   <p className="text-xs text-muted-foreground mt-1">
-                    Organization, responsibility, and self-discipline
+                    {t('persona_editor.hint_conscientiousness')}
                   </p>
                 </div>
-                
+
                 <div>
                   <div className="flex justify-between mb-1">
-                    <label className="text-sm font-medium">Extraversion</label>
+                    <label className="text-sm font-medium">{t('persona_editor.label_extraversion')}</label>
                     <span className="text-sm">{editedPersona.oceanTraits?.extraversion || 50}%</span>
                   </div>
-                  <Slider 
-                    value={[editedPersona.oceanTraits?.extraversion || 50]} 
+                  <Slider
+                    value={[editedPersona.oceanTraits?.extraversion || 50]}
                     onValueChange={values => handleOceanChange('extraversion', values[0])}
                     max={100}
                     step={1}
                   />
                   <p className="text-xs text-muted-foreground mt-1">
-                    Sociability, assertiveness, and talkativeness
+                    {t('persona_editor.hint_extraversion')}
                   </p>
                 </div>
-                
+
                 <div>
                   <div className="flex justify-between mb-1">
-                    <label className="text-sm font-medium">Agreeableness</label>
+                    <label className="text-sm font-medium">{t('persona_editor.label_agreeableness')}</label>
                     <span className="text-sm">{editedPersona.oceanTraits?.agreeableness || 50}%</span>
                   </div>
-                  <Slider 
-                    value={[editedPersona.oceanTraits?.agreeableness || 50]} 
+                  <Slider
+                    value={[editedPersona.oceanTraits?.agreeableness || 50]}
                     onValueChange={values => handleOceanChange('agreeableness', values[0])}
                     max={100}
                     step={1}
                   />
                   <p className="text-xs text-muted-foreground mt-1">
-                    Compassion, cooperation, and concern for others
+                    {t('persona_editor.hint_agreeableness')}
                   </p>
                 </div>
-                
+
                 <div>
                   <div className="flex justify-between mb-1">
-                    <label className="text-sm font-medium">Neuroticism</label>
+                    <label className="text-sm font-medium">{t('persona_editor.label_neuroticism')}</label>
                     <span className="text-sm">{editedPersona.oceanTraits?.neuroticism || 50}%</span>
                   </div>
-                  <Slider 
-                    value={[editedPersona.oceanTraits?.neuroticism || 50]} 
+                  <Slider
+                    value={[editedPersona.oceanTraits?.neuroticism || 50]}
                     onValueChange={values => handleOceanChange('neuroticism', values[0])}
                     max={100}
                     step={1}
                   />
                   <p className="text-xs text-muted-foreground mt-1">
-                    Emotional reactivity, anxiety, and sensitivity to stress
+                    {t('persona_editor.hint_neuroticism')}
                   </p>
                 </div>
               </div>
             </CardContent>
           </Card>
         </TabsContent>
-        
+
         <TabsContent value="scenarios" className="mt-6">
           <Card>
             <CardContent className="p-6">
               <div className="space-y-4 mb-6">
                 <div>
-                  <label className="text-sm font-medium block mb-1">Scenario Section Title</label>
-                  <Input 
-                    value={editedPersona.scenarioType || ''} 
+                  <label className="text-sm font-medium block mb-1">{t('persona_editor.label_scenario_section_title')}</label>
+                  <Input
+                    value={editedPersona.scenarioType || ''}
                     onChange={e => handleChange('scenarioType', e.target.value)}
                     placeholder="Life Scenarios"
                   />
                   <p className="text-xs text-muted-foreground mt-1">
-                    Custom title for the scenarios section (e.g., "Customer Journey", "Use Cases")
+                    {t('persona_editor.hint_scenario_section_title')}
                   </p>
                 </div>
               </div>
-              
-              <h3 className="font-medium text-lg mb-3">Usage Scenarios</h3>
+
+              <h3 className="font-medium text-lg mb-3">{t('persona_editor.section_scenarios')}</h3>
               {(editedPersona.scenarios || []).map((item, index) => (
                 <div key={index} className="flex items-start gap-2 mb-2">
-                  <Textarea 
+                  <Textarea
                     value={item || ''}
                     onChange={e => handleArrayUpdate('scenarios', index, e.target.value)}
                     rows={2}
                   />
-                  <Button 
-                    variant="ghost" 
+                  <Button
+                    variant="ghost"
                     size="icon"
                     onClick={() => handleArrayRemove('scenarios', index)}
                   >
@@ -952,14 +916,14 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
                   </Button>
                 </div>
               ))}
-              <Button 
-                variant="outline" 
-                size="sm" 
+              <Button
+                variant="outline"
+                size="sm"
                 onClick={() => handleArrayAdd('scenarios')}
                 className="mt-2"
               >
                 <Plus className="h-4 w-4 mr-2" />
-                Add Scenario
+                {t('persona_editor.add_scenario')}
               </Button>
             </CardContent>
           </Card>
@@ -967,4 +931,4 @@ export default function PersonaEditor({ persona, onSave, onCancel }: PersonaEdit
       </Tabs>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locales/en/common.json b/src/i18n/locales/en/common.json
index 6b2a9a2c..4ef1d9ef 100644
--- a/src/i18n/locales/en/common.json
+++ b/src/i18n/locales/en/common.json
@@ -80,7 +80,29 @@
     "privacy": "Privacy Policy",
     "free_credits": "50 free credits",
     "no_card": "No card required",
-    "uk_hosted": "UK hosted"
+    "uk_hosted": "UK hosted",
+    "email_or_username_label": "Email or username",
+    "sign_in_button": "Sign in",
+    "signing_in": "Signing in…",
+    "no_account_q": "No account?",
+    "create_one_free": "Create one free",
+    "work_email_label": "Work email",
+    "creating_account": "Creating account…",
+    "create_free_button": "Create free account →",
+    "data_processing_consent": "I consent to the processing of my personal data in accordance with the",
+    "uk_gdpr_act": "(UK GDPR / Data Protection Act 2018)",
+    "plan_badge_credits": "50 free credits first, then {{credits}} credits for ${{price}}",
+    "toast_account_created": "Account created!",
+    "toast_account_created_desc": "Check your email to verify.",
+    "toast_register_failed": "Registration failed. Please try again.",
+    "toast_resend_success": "Verification email resent",
+    "toast_resend_error": "Could not resend. Try again later.",
+    "check_inbox_heading": "Check your inbox",
+    "check_inbox_sent_to": "We sent a verification link to",
+    "check_inbox_verify": "Click the link to verify your account. The link expires in 24 hours.",
+    "check_inbox_continue": "Continue to Dashboard",
+    "check_inbox_not_received": "Didn't receive it?",
+    "check_inbox_resend": "Resend email"
   },
   "language": {
     "select": "Language"
@@ -342,5 +364,118 @@
     "toast_no_themes": "No new themes were generated",
     "toast_themes_error": "Failed to generate key themes",
     "toast_message_not_found": "Message not found"
+  },
+  "focus_group_setup": {
+    "session_name_label": "Session name",
+    "session_name_placeholder": "Give it a clear, searchable name",
+    "session_name_hint": "You can always rename it later",
+    "research_brief_label": "What are you researching?",
+    "research_brief_placeholder": "Describe what you want to learn and why it matters to your team",
+    "research_brief_hint": "The more specific, the better the discussion",
+    "topics_label": "Key topics to explore",
+    "topics_placeholder": "E.g. first impressions, pricing reactions, feature priorities",
+    "duration_label": "Session length",
+    "duration_placeholder": "Select duration",
+    "duration_30": "30 minutes",
+    "duration_45": "45 minutes",
+    "duration_60": "60 minutes",
+    "duration_90": "90 minutes",
+    "duration_120": "120 minutes",
+    "advanced_settings": "Advanced settings",
+    "model_label": "Model",
+    "model_placeholder": "Select AI model",
+    "model_gpt54": "GPT-5.4 (Recommended)",
+    "model_gpt54_mini": "GPT-5.4 Mini (Faster, lower cost)",
+    "thinking_depth_label": "Thinking depth",
+    "thinking_depth_placeholder": "Select reasoning effort",
+    "thinking_minimal": "Minimal — Fast responses",
+    "thinking_low": "Low — Quick thinking",
+    "thinking_medium": "Medium — Balanced (default)",
+    "thinking_high": "High — Deep reasoning",
+    "response_length_label": "Response length",
+    "response_length_placeholder": "Select verbosity level",
+    "verbosity_low": "Low — Concise responses",
+    "verbosity_medium": "Medium — Balanced length (default)",
+    "verbosity_high": "High — Detailed responses",
+    "materials_label": "Attach materials (optional)",
+    "materials_description": "Mockups, decks, or any materials the moderator should reference",
+    "copy_guide_button": "Import Discussion Guide from Other Project",
+    "generate_guide_button": "Generate Discussion Guide",
+    "generating_button": "Generating..."
+  },
+  "persona_editor": {
+    "edit_title": "Edit Persona",
+    "save_button": "Save Changes",
+    "saving_button": "Saving...",
+    "tab_general": "General",
+    "tab_attitudinal": "Attitudinal Profile",
+    "tab_personality": "Personality",
+    "tab_scenarios": "Scenarios",
+    "label_name": "Name",
+    "label_occupation": "Occupation",
+    "section_demographics": "Demographics",
+    "label_age": "Age",
+    "label_gender": "Gender",
+    "label_ethnicity": "Ethnicity",
+    "label_education": "Education",
+    "label_social_grade": "Social Grade",
+    "label_household_income": "Household Income",
+    "label_household_composition": "Household Composition",
+    "section_location": "Location",
+    "label_location": "Location",
+    "label_living_situation": "Living Situation",
+    "section_interests": "Interests",
+    "section_media": "Media",
+    "section_digital_behavior": "Digital Behavior",
+    "label_tech_savviness": "Tech Savviness",
+    "label_brand_loyalty": "Brand Loyalty",
+    "label_price_sensitivity": "Price Sensitivity",
+    "label_environmental_concern": "Environmental Concern",
+    "label_device_usage": "Device Usage",
+    "label_shopping_habits": "Shopping Habits",
+    "section_additional": "Additional Information",
+    "label_brand_preferences": "Brand Preferences",
+    "label_communication_preferences": "Communication Preferences",
+    "label_additional_info": "Additional Information",
+    "section_goals": "Goals",
+    "add_goal": "Add Goal",
+    "section_frustrations": "Frustrations",
+    "add_frustration": "Add Frustration",
+    "section_motivations": "Motivations",
+    "add_motivation": "Add Motivation",
+    "section_think_feel_do": "Think, Feel, Do",
+    "label_thinks": "Thinks",
+    "add_thought": "Add Thought",
+    "label_feels": "Feels",
+    "add_feeling": "Add Feeling",
+    "label_does": "Does",
+    "add_action": "Add Action",
+    "section_ocean": "OCEAN Personality Traits",
+    "label_openness": "Openness to Experience",
+    "hint_openness": "Creativity, curiosity, and openness to new ideas",
+    "label_conscientiousness": "Conscientiousness",
+    "hint_conscientiousness": "Organization, responsibility, and self-discipline",
+    "label_extraversion": "Extraversion",
+    "hint_extraversion": "Sociability, assertiveness, and talkativeness",
+    "label_agreeableness": "Agreeableness",
+    "hint_agreeableness": "Compassion, cooperation, and concern for others",
+    "label_neuroticism": "Neuroticism",
+    "hint_neuroticism": "Emotional reactivity, anxiety, and sensitivity to stress",
+    "section_scenarios": "Usage Scenarios",
+    "label_scenario_section_title": "Scenario Section Title",
+    "hint_scenario_section_title": "Custom title for the scenarios section (e.g., \"Customer Journey\", \"Use Cases\")",
+    "add_scenario": "Add Scenario",
+    "auth_required_heading": "Authentication Required",
+    "auth_required_desc": "Login is required to save personas to the database. You can either:",
+    "auth_required_option_login": "Log in to save this persona to the database",
+    "auth_required_option_cancel": "Cancel to discard your changes",
+    "toast_login_cancelled": "Login canceled — Persona changes not saved",
+    "toast_save_success": "Persona saved to database successfully",
+    "toast_save_error_after_login": "Failed to save to database after login",
+    "toast_saved_to_db": "Persona saved to database",
+    "toast_updated": "Persona updated successfully",
+    "toast_created": "Persona created successfully",
+    "toast_auth_error_local": "Authentication error — saving locally instead",
+    "toast_save_failed": "Failed to save persona"
   }
 }
diff --git a/src/i18n/locales/ru/common.json b/src/i18n/locales/ru/common.json
index 94544ea1..f26082b4 100644
--- a/src/i18n/locales/ru/common.json
+++ b/src/i18n/locales/ru/common.json
@@ -80,7 +80,29 @@
     "privacy": "Политикой конфиденциальности",
     "free_credits": "50 бесплатных кредитов",
     "no_card": "Карта не нужна",
-    "uk_hosted": "Хостинг в Великобритании"
+    "uk_hosted": "Хостинг в Великобритании",
+    "email_or_username_label": "Email или имя пользователя",
+    "sign_in_button": "Войти",
+    "signing_in": "Вход…",
+    "no_account_q": "Нет аккаунта?",
+    "create_one_free": "Создайте бесплатно",
+    "work_email_label": "Рабочий email",
+    "creating_account": "Создание аккаунта…",
+    "create_free_button": "Создать бесплатный аккаунт →",
+    "data_processing_consent": "Я согласен на обработку моих персональных данных в соответствии с",
+    "uk_gdpr_act": "(UK GDPR / Закон о защите данных 2018)",
+    "plan_badge_credits": "Сначала 50 бесплатных кредитов, затем {{credits}} кредитов за ${{price}}",
+    "toast_account_created": "Аккаунт создан!",
+    "toast_account_created_desc": "Проверьте вашу электронную почту.",
+    "toast_register_failed": "Ошибка регистрации. Попробуйте ещё раз.",
+    "toast_resend_success": "Письмо подтверждения отправлено повторно",
+    "toast_resend_error": "Не удалось отправить. Попробуйте позже.",
+    "check_inbox_heading": "Проверьте вашу почту",
+    "check_inbox_sent_to": "Мы отправили ссылку для подтверждения на",
+    "check_inbox_verify": "Нажмите ссылку для подтверждения аккаунта. Ссылка действительна 24 часа.",
+    "check_inbox_continue": "Перейти в панель",
+    "check_inbox_not_received": "Не получили?",
+    "check_inbox_resend": "Отправить повторно"
   },
   "language": {
     "select": "Язык"
@@ -342,5 +364,118 @@
     "toast_no_themes": "Новых тем не найдено",
     "toast_themes_error": "Не удалось сгенерировать ключевые темы",
     "toast_message_not_found": "Сообщение не найдено"
+  },
+  "focus_group_setup": {
+    "session_name_label": "Название сессии",
+    "session_name_placeholder": "Дайте понятное, поисковое название",
+    "session_name_hint": "Вы всегда сможете переименовать позже",
+    "research_brief_label": "Что вы исследуете?",
+    "research_brief_placeholder": "Опишите, что хотите узнать и почему это важно для вашей команды",
+    "research_brief_hint": "Чем конкретнее, тем лучше дискуссия",
+    "topics_label": "Ключевые темы для обсуждения",
+    "topics_placeholder": "Например, первое впечатление, реакция на цены, приоритеты функций",
+    "duration_label": "Продолжительность сессии",
+    "duration_placeholder": "Выберите продолжительность",
+    "duration_30": "30 минут",
+    "duration_45": "45 минут",
+    "duration_60": "60 минут",
+    "duration_90": "90 минут",
+    "duration_120": "120 минут",
+    "advanced_settings": "Расширенные настройки",
+    "model_label": "Модель",
+    "model_placeholder": "Выберите модель ИИ",
+    "model_gpt54": "GPT-5.4 (Рекомендовано)",
+    "model_gpt54_mini": "GPT-5.4 Mini (Быстрее, ниже стоимость)",
+    "thinking_depth_label": "Глубина мышления",
+    "thinking_depth_placeholder": "Выберите уровень рассуждений",
+    "thinking_minimal": "Минимальный — Быстрые ответы",
+    "thinking_low": "Низкий — Быстрое мышление",
+    "thinking_medium": "Средний — Сбалансированный (по умолч.)",
+    "thinking_high": "Высокий — Глубокое рассуждение",
+    "response_length_label": "Длина ответов",
+    "response_length_placeholder": "Выберите уровень детализации",
+    "verbosity_low": "Низкая — Краткие ответы",
+    "verbosity_medium": "Средняя — Сбалансированная (по умолч.)",
+    "verbosity_high": "Высокая — Подробные ответы",
+    "materials_label": "Прикрепить материалы (необязательно)",
+    "materials_description": "Макеты, презентации или любые материалы для модератора",
+    "copy_guide_button": "Импортировать гайд из другого проекта",
+    "generate_guide_button": "Сгенерировать гайд дискуссии",
+    "generating_button": "Генерация..."
+  },
+  "persona_editor": {
+    "edit_title": "Редактировать персону",
+    "save_button": "Сохранить изменения",
+    "saving_button": "Сохранение...",
+    "tab_general": "Общее",
+    "tab_attitudinal": "Профиль установок",
+    "tab_personality": "Личность",
+    "tab_scenarios": "Сценарии",
+    "label_name": "Имя",
+    "label_occupation": "Должность",
+    "section_demographics": "Демография",
+    "label_age": "Возраст",
+    "label_gender": "Пол",
+    "label_ethnicity": "Этническость",
+    "label_education": "Образование",
+    "label_social_grade": "Социальный класс",
+    "label_household_income": "Доход домохозяйства",
+    "label_household_composition": "Состав домохозяйства",
+    "section_location": "Местонахождение",
+    "label_location": "Местонахождение",
+    "label_living_situation": "Условия проживания",
+    "section_interests": "Интересы",
+    "section_media": "СМИ",
+    "section_digital_behavior": "Цифровое поведение",
+    "label_tech_savviness": "Техническая грамотность",
+    "label_brand_loyalty": "Лояльность к бренду",
+    "label_price_sensitivity": "Ценовая чувствительность",
+    "label_environmental_concern": "Экологическая осведомлённость",
+    "label_device_usage": "Использование устройств",
+    "label_shopping_habits": "Привычки шопинга",
+    "section_additional": "Дополнительная информация",
+    "label_brand_preferences": "Предпочтения брендов",
+    "label_communication_preferences": "Коммуникационные предпочтения",
+    "label_additional_info": "Дополнительная информация",
+    "section_goals": "Цели",
+    "add_goal": "Добавить цель",
+    "section_frustrations": "Разочарования",
+    "add_frustration": "Добавить разочарование",
+    "section_motivations": "Мотивации",
+    "add_motivation": "Добавить мотивацию",
+    "section_think_feel_do": "Думает, чувствует, делает",
+    "label_thinks": "Думает",
+    "add_thought": "Добавить мысль",
+    "label_feels": "Чувствует",
+    "add_feeling": "Добавить чувство",
+    "label_does": "Делает",
+    "add_action": "Добавить действие",
+    "section_ocean": "Черты личности OCEAN",
+    "label_openness": "Открытость к опыту",
+    "hint_openness": "Творчество, любознательность и открытость к новым идеям",
+    "label_conscientiousness": "Добросовестность",
+    "hint_conscientiousness": "Организованность, ответственность и самодисциплина",
+    "label_extraversion": "Экстраверсия",
+    "hint_extraversion": "Общительность, уверенность и разговорчивость",
+    "label_agreeableness": "Доброжелательность",
+    "hint_agreeableness": "Сочувствие, кооперация и забота о других",
+    "label_neuroticism": "Нейротизм",
+    "hint_neuroticism": "Эмоциональная реактивность, тревожность и чувствительность к стрессу",
+    "section_scenarios": "Сценарии использования",
+    "label_scenario_section_title": "Название секции сценариев",
+    "hint_scenario_section_title": "Собственное название для секции (например, «Путь клиента», «Случаи использования»)",
+    "add_scenario": "Добавить сценарий",
+    "auth_required_heading": "Требуется аутентификация",
+    "auth_required_desc": "Для сохранения персоны в базу данных необходим вход. Вы можете:",
+    "auth_required_option_login": "Войти и сохранить персону",
+    "auth_required_option_cancel": "Отменить и отклонить изменения",
+    "toast_login_cancelled": "Вход отменён — изменения персоны не сохранены",
+    "toast_save_success": "Персона успешно сохранена в базу данных",
+    "toast_save_error_after_login": "Не удалось сохранить в базу данных после входа",
+    "toast_saved_to_db": "Персона сохранена в базу данных",
+    "toast_updated": "Персона успешно обновлена",
+    "toast_created": "Персона успешно создана",
+    "toast_auth_error_local": "Ошибка аутентификации — сохранено локально",
+    "toast_save_failed": "Не удалось сохранить персону"
   }
 }
diff --git a/src/i18n/locales/uk/common.json b/src/i18n/locales/uk/common.json
index 040e84d3..2e1db4f4 100644
--- a/src/i18n/locales/uk/common.json
+++ b/src/i18n/locales/uk/common.json
@@ -80,7 +80,29 @@
     "privacy": "Політикою конфіденційності",
     "free_credits": "50 безкоштовних кредитів",
     "no_card": "Картка не потрібна",
-    "uk_hosted": "Хостинг у Великій Британії"
+    "uk_hosted": "Хостинг у Великій Британії",
+    "email_or_username_label": "Email або ім'я користувача",
+    "sign_in_button": "Увійти",
+    "signing_in": "Вхід…",
+    "no_account_q": "Немає акаунту?",
+    "create_one_free": "Створіть безкоштовно",
+    "work_email_label": "Робочий email",
+    "creating_account": "Створення акаунту…",
+    "create_free_button": "Створити безкоштовний акаунт →",
+    "data_processing_consent": "Я погоджуюсь на обробку моїх персональних даних відповідно до",
+    "uk_gdpr_act": "(UK GDPR / Закон про захист даних 2018)",
+    "plan_badge_credits": "Спочатку 50 безкоштовних кредитів, потім {{credits}} кредитів за ${{price}}",
+    "toast_account_created": "Акаунт створено!",
+    "toast_account_created_desc": "Перевірте вашу електронну пошту.",
+    "toast_register_failed": "Помилка реєстрації. Спробуйте ще раз.",
+    "toast_resend_success": "Лист підтвердження надіслано повторно",
+    "toast_resend_error": "Не вдалося надіслати. Спробуйте пізніше.",
+    "check_inbox_heading": "Перевірте вашу пошту",
+    "check_inbox_sent_to": "Ми надіслали посилання для підтвердження на",
+    "check_inbox_verify": "Натисніть посилання, щоб підтвердити акаунт. Посилання дійсне 24 години.",
+    "check_inbox_continue": "Перейти до панелі",
+    "check_inbox_not_received": "Не отримали?",
+    "check_inbox_resend": "Надіслати повторно"
   },
   "language": {
     "select": "Мова"
@@ -342,5 +364,118 @@
     "toast_no_themes": "Нових тем не знайдено",
     "toast_themes_error": "Не вдалося згенерувати ключові теми",
     "toast_message_not_found": "Повідомлення не знайдено"
+  },
+  "focus_group_setup": {
+    "session_name_label": "Назва сесії",
+    "session_name_placeholder": "Дайте зрозумілу, пошукову назву",
+    "session_name_hint": "Ви завжди зможете перейменувати пізніше",
+    "research_brief_label": "Що ви досліджуєте?",
+    "research_brief_placeholder": "Опишіть, що хочете дізнатися та чому це важливо для вашої команди",
+    "research_brief_hint": "Чим конкретніше, тим краща дискусія",
+    "topics_label": "Ключові теми для обговорення",
+    "topics_placeholder": "Наприклад, перше враження, реакція на ціни, пріоритети функцій",
+    "duration_label": "Тривалість сесії",
+    "duration_placeholder": "Оберіть тривалість",
+    "duration_30": "30 хвилин",
+    "duration_45": "45 хвилин",
+    "duration_60": "60 хвилин",
+    "duration_90": "90 хвилин",
+    "duration_120": "120 хвилин",
+    "advanced_settings": "Розширені налаштування",
+    "model_label": "Модель",
+    "model_placeholder": "Оберіть модель ШІ",
+    "model_gpt54": "GPT-5.4 (Рекомендовано)",
+    "model_gpt54_mini": "GPT-5.4 Mini (Швидше, нижча вартість)",
+    "thinking_depth_label": "Глибина мислення",
+    "thinking_depth_placeholder": "Оберіть рівень розмірковування",
+    "thinking_minimal": "Мінімальний — Швидкі відповіді",
+    "thinking_low": "Низький — Швидке мислення",
+    "thinking_medium": "Середній — Збалансований (за замовч.)",
+    "thinking_high": "Високий — Глибоке розмірковування",
+    "response_length_label": "Довжина відповідей",
+    "response_length_placeholder": "Оберіть рівень детальності",
+    "verbosity_low": "Низька — Стислі відповіді",
+    "verbosity_medium": "Середня — Збалансована (за замовч.)",
+    "verbosity_high": "Висока — Детальні відповіді",
+    "materials_label": "Прикріпити матеріали (необов'язково)",
+    "materials_description": "Макети, презентації або будь-які матеріали для модератора",
+    "copy_guide_button": "Імпортувати гайд з іншого проекту",
+    "generate_guide_button": "Згенерувати гайд дискусії",
+    "generating_button": "Генерація..."
+  },
+  "persona_editor": {
+    "edit_title": "Редагувати персону",
+    "save_button": "Зберегти зміни",
+    "saving_button": "Збереження...",
+    "tab_general": "Загальне",
+    "tab_attitudinal": "Профіль ставлень",
+    "tab_personality": "Особистість",
+    "tab_scenarios": "Сценарії",
+    "label_name": "Ім'я",
+    "label_occupation": "Посада",
+    "section_demographics": "Демографія",
+    "label_age": "Вік",
+    "label_gender": "Стать",
+    "label_ethnicity": "Етнічність",
+    "label_education": "Освіта",
+    "label_social_grade": "Соціальний клас",
+    "label_household_income": "Дохід домогосподарства",
+    "label_household_composition": "Склад домогосподарства",
+    "section_location": "Місцезнаходження",
+    "label_location": "Місцезнаходження",
+    "label_living_situation": "Умови проживання",
+    "section_interests": "Інтереси",
+    "section_media": "ЗМІ",
+    "section_digital_behavior": "Цифрова поведінка",
+    "label_tech_savviness": "Технічна грамотність",
+    "label_brand_loyalty": "Лояльність до бренду",
+    "label_price_sensitivity": "Цінова чутливість",
+    "label_environmental_concern": "Екологічна свідомість",
+    "label_device_usage": "Використання пристроїв",
+    "label_shopping_habits": "Звички шопінгу",
+    "section_additional": "Додаткова інформація",
+    "label_brand_preferences": "Переваги брендів",
+    "label_communication_preferences": "Комунікаційні переваги",
+    "label_additional_info": "Додаткова інформація",
+    "section_goals": "Цілі",
+    "add_goal": "Додати ціль",
+    "section_frustrations": "Розчарування",
+    "add_frustration": "Додати розчарування",
+    "section_motivations": "Мотивації",
+    "add_motivation": "Додати мотивацію",
+    "section_think_feel_do": "Думає, відчуває, робить",
+    "label_thinks": "Думає",
+    "add_thought": "Додати думку",
+    "label_feels": "Відчуває",
+    "add_feeling": "Додати відчуття",
+    "label_does": "Робить",
+    "add_action": "Додати дію",
+    "section_ocean": "Риси особистості OCEAN",
+    "label_openness": "Відкритість до досвіду",
+    "hint_openness": "Творчість, цікавість та відкритість до нових ідей",
+    "label_conscientiousness": "Сумлінність",
+    "hint_conscientiousness": "Організованість, відповідальність та самодисципліна",
+    "label_extraversion": "Екстраверсія",
+    "hint_extraversion": "Товариськість, впевненість та балакучість",
+    "label_agreeableness": "Доброзичливість",
+    "hint_agreeableness": "Співчуття, кооперація та турбота про інших",
+    "label_neuroticism": "Нейротизм",
+    "hint_neuroticism": "Емоційна реактивність, тривожність та чутливість до стресу",
+    "section_scenarios": "Сценарії використання",
+    "label_scenario_section_title": "Назва секції сценаріїв",
+    "hint_scenario_section_title": "Власна назва для секції (наприклад, «Шлях клієнта», «Випадки використання»)",
+    "add_scenario": "Додати сценарій",
+    "auth_required_heading": "Потрібна аутентифікація",
+    "auth_required_desc": "Для збереження персони в базу даних потрібен вхід. Ви можете:",
+    "auth_required_option_login": "Увійти та зберегти персону",
+    "auth_required_option_cancel": "Скасувати та відхилити зміни",
+    "toast_login_cancelled": "Вхід скасовано — зміни персони не збережені",
+    "toast_save_success": "Персону успішно збережено в базу даних",
+    "toast_save_error_after_login": "Не вдалося зберегти в базу даних після входу",
+    "toast_saved_to_db": "Персону збережено в базу даних",
+    "toast_updated": "Персону успішно оновлено",
+    "toast_created": "Персону успішно створено",
+    "toast_auth_error_local": "Помилка аутентифікації — збережено локально",
+    "toast_save_failed": "Не вдалося зберегти персону"
   }
 }
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 612d8d2b..a4f835e8 100755
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -12,6 +12,7 @@ import { Loader2, Eye, EyeOff, Zap, DollarSign, Clock } from 'lucide-react';
 import Logo from '@/components/brand/Logo';
 import { motion } from 'framer-motion';
 import { fadeUp, staggerChildren } from '@/lib/motion';
+import { useTranslation } from 'react-i18next';
 
 const loginSchema = z.object({
   username: z.string().min(1, 'Email or username is required'),
@@ -33,12 +34,13 @@ const MOCK_THEMES = [
 ];
 
 function MockPanel() {
+  const { t } = useTranslation();
   const [visible, setVisible] = useState(0);
 
   useEffect(() => {
     if (visible >= MOCK_MESSAGES.length) return;
-    const t = setTimeout(() => setVisible(v => v + 1), 900 + visible * 600);
-    return () => clearTimeout(t);
+    const timer = setTimeout(() => setVisible(v => v + 1), 900 + visible * 600);
+    return () => clearTimeout(timer);
   }, [visible]);
 
   return (
@@ -97,17 +99,17 @@ function MockPanel() {
       <div className="rounded-xl bg-background/40 border border-border/50 p-4">
         <p className="text-xs font-semibold text-foreground/50 uppercase tracking-wider mb-3">Themes detected</p>
         <div className="space-y-2.5">
-          {MOCK_THEMES.map(t => (
-            <div key={t.label}>
+          {MOCK_THEMES.map(theme => (
+            <div key={theme.label}>
               <div className="flex justify-between text-xs text-foreground/60 mb-1">
-                <span>{t.label}</span>
-                <span className="font-medium text-foreground/80">{t.pct}%</span>
+                <span>{theme.label}</span>
+                <span className="font-medium text-foreground/80">{theme.pct}%</span>
               </div>
               <div className="h-1.5 rounded-full bg-border/50 overflow-hidden">
                 <motion.div
                   className="h-full rounded-full bg-primary"
                   initial={{ width: 0 }}
-                  animate={{ width: `${t.pct}%` }}
+                  animate={{ width: `${theme.pct}%` }}
                   transition={{ duration: 1.2, delay: 0.5, ease: 'easeOut' }}
                 />
               </div>
@@ -131,6 +133,7 @@ export default function Login() {
   const navigate = useNavigate();
   const location = useLocation();
   const { login, isAuthenticated } = useAuth();
+  const { t } = useTranslation();
   const [isLoading, setIsLoading] = useState(false);
   const [showPassword, setShowPassword] = useState(false);
 
@@ -171,8 +174,8 @@ export default function Login() {
           </motion.div>
 
           <motion.div variants={fadeUp}>
-            <h1 className="font-display font-bold text-3xl text-foreground mb-1">Welcome back</h1>
-            <p className="text-muted-foreground text-sm mb-8">Sign in to your Cohorta account</p>
+            <h1 className="font-display font-bold text-3xl text-foreground mb-1">{t('auth.login_heading')}</h1>
+            <p className="text-muted-foreground text-sm mb-8">{t('auth.login_subtitle')}</p>
           </motion.div>
 
           <motion.div variants={fadeUp}>
@@ -183,10 +186,10 @@ export default function Login() {
                   name="username"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel className="text-foreground/80 text-sm">Email or username</FormLabel>
+                      <FormLabel className="text-foreground/80 text-sm">{t('auth.email_or_username_label')}</FormLabel>
                       <FormControl>
                         <Input
-                          placeholder="you@company.com"
+                          placeholder={t('auth.email_placeholder')}
                           {...field}
                           disabled={isLoading}
                           autoComplete="username"
@@ -203,7 +206,7 @@ export default function Login() {
                   name="password"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel className="text-foreground/80 text-sm">Password</FormLabel>
+                      <FormLabel className="text-foreground/80 text-sm">{t('auth.password_label')}</FormLabel>
                       <FormControl>
                         <div className="relative">
                           <Input
@@ -234,9 +237,9 @@ export default function Login() {
                   className="w-full h-11 font-semibold bg-primary text-primary-foreground hover:bg-primary/90 mt-2"
                 >
                   {isLoading ? (
-                    <><Loader2 className="mr-2 h-4 w-4 animate-spin" />Signing in…</>
+                    <><Loader2 className="mr-2 h-4 w-4 animate-spin" />{t('auth.signing_in')}</>
                   ) : (
-                    'Sign in'
+                    t('auth.sign_in_button')
                   )}
                 </Button>
               </form>
@@ -244,9 +247,9 @@ export default function Login() {
           </motion.div>
 
           <motion.p variants={fadeUp} className="text-center text-sm text-muted-foreground mt-6">
-            No account?{' '}
+            {t('auth.no_account_q')}{' '}
             <Link to="/register" className="font-semibold text-primary hover:text-primary/80 transition-colors">
-              Create one free
+              {t('auth.create_one_free')}
             </Link>
           </motion.p>
         </motion.div>
diff --git a/src/pages/Register.tsx b/src/pages/Register.tsx
index 6b79139d..0f1ce179 100644
--- a/src/pages/Register.tsx
+++ b/src/pages/Register.tsx
@@ -15,6 +15,7 @@ import Logo from '@/components/brand/Logo';
 import { motion } from 'framer-motion';
 import { fadeUp, staggerChildren } from '@/lib/motion';
 import axios from 'axios';
+import { useTranslation } from 'react-i18next';
 
 const registerSchema = z.object({
   username: z.string().min(3, 'At least 3 characters').max(30, 'Max 30 characters').regex(/^[a-zA-Z0-9_]+$/, 'Letters, numbers, underscores only'),
@@ -47,8 +48,8 @@ function MockPanel() {
 
   useEffect(() => {
     if (visible >= MOCK_MESSAGES.length) return;
-    const t = setTimeout(() => setVisible(v => v + 1), 1000 + visible * 700);
-    return () => clearTimeout(t);
+    const timer = setTimeout(() => setVisible(v => v + 1), 1000 + visible * 700);
+    return () => clearTimeout(timer);
   }, [visible]);
 
   return (
@@ -123,6 +124,7 @@ export default function Register() {
   const navigate = useNavigate();
   const [searchParams] = useSearchParams();
   const { isAuthenticated } = useAuth();
+  const { t } = useTranslation();
   const [isLoading, setIsLoading] = useState(false);
   const [showPassword, setShowPassword] = useState(false);
   const [showConfirm, setShowConfirm] = useState(false);
@@ -155,10 +157,10 @@ export default function Register() {
       setRegistered(true);
       if (res.data.access_token) {
         localStorage.setItem('auth_token', res.data.access_token);
-        toastService.success('Account created!', { description: 'Check your email to verify.' });
+        toastService.success(t('auth.toast_account_created'), { description: t('auth.toast_account_created_desc') });
       }
     } catch (err: any) {
-      toastService.error(err.response?.data?.message || 'Registration failed. Please try again.');
+      toastService.error(err.response?.data?.message || t('auth.toast_register_failed'));
     } finally {
       setIsLoading(false);
     }
@@ -171,33 +173,33 @@ export default function Register() {
           <motion.div variants={fadeUp} className="w-16 h-16 rounded-2xl bg-primary/15 border border-primary/25 flex items-center justify-center mx-auto mb-6">
             <Mail className="h-8 w-8 text-primary" />
           </motion.div>
-          <motion.h1 variants={fadeUp} className="font-display font-bold text-2xl text-foreground mb-3">Check your inbox</motion.h1>
-          <motion.p variants={fadeUp} className="text-muted-foreground mb-2">We sent a verification link to</motion.p>
+          <motion.h1 variants={fadeUp} className="font-display font-bold text-2xl text-foreground mb-3">{t('auth.check_inbox_heading')}</motion.h1>
+          <motion.p variants={fadeUp} className="text-muted-foreground mb-2">{t('auth.check_inbox_sent_to')}</motion.p>
           <motion.p variants={fadeUp} className="font-semibold text-primary mb-6 break-all">{registeredEmail}</motion.p>
           <motion.p variants={fadeUp} className="text-sm text-muted-foreground mb-8">
-            Click the link to verify your account. The link expires in 24 hours.
+            {t('auth.check_inbox_verify')}
           </motion.p>
           <motion.button
             variants={fadeUp}
             onClick={() => navigate('/dashboard')}
             className="w-full py-3 rounded-xl font-semibold bg-primary text-primary-foreground hover:bg-primary/90 transition-all mb-4"
           >
-            Continue to Dashboard
+            {t('auth.check_inbox_continue')}
           </motion.button>
           <motion.p variants={fadeUp} className="text-xs text-muted-foreground">
-            Didn't receive it?{' '}
+            {t('auth.check_inbox_not_received')}{' '}
             <button
               onClick={async () => {
                 try {
                   await axios.post('/api/auth/resend-verification', { email: registeredEmail });
-                  toastService.success('Verification email resent');
+                  toastService.success(t('auth.toast_resend_success'));
                 } catch {
-                  toastService.error('Could not resend. Try again later.');
+                  toastService.error(t('auth.toast_resend_error'));
                 }
               }}
               className="text-primary hover:text-primary/80 transition-colors"
             >
-              Resend email
+              {t('auth.check_inbox_resend')}
             </button>
           </motion.p>
         </motion.div>
@@ -226,14 +228,14 @@ export default function Register() {
               </div>
               <div>
                 <p className="text-sm font-semibold text-foreground">{planMeta.label} pack — ${planMeta.price}</p>
-                <p className="text-xs text-muted-foreground">50 free credits first, then {planMeta.credits} credits for ${planMeta.price}</p>
+                <p className="text-xs text-muted-foreground">{t('auth.plan_badge_credits', { credits: planMeta.credits, price: planMeta.price })}</p>
               </div>
             </motion.div>
           )}
 
           <motion.div variants={fadeUp}>
-            <h1 className="font-display font-bold text-3xl text-foreground mb-1">Create your account</h1>
-            <p className="text-muted-foreground text-sm mb-8">Free to start · 50 credits on signup · No card required</p>
+            <h1 className="font-display font-bold text-3xl text-foreground mb-1">{t('auth.register_heading')}</h1>
+            <p className="text-muted-foreground text-sm mb-8">{t('auth.register_subtitle')}</p>
           </motion.div>
 
           <motion.div variants={fadeUp}>
@@ -244,10 +246,10 @@ export default function Register() {
                   name="username"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel className="text-foreground/80 text-sm">Username</FormLabel>
+                      <FormLabel className="text-foreground/80 text-sm">{t('auth.username_label')}</FormLabel>
                       <FormControl>
                         <Input
-                          placeholder="your_username"
+                          placeholder={t('auth.username_placeholder')}
                           {...field}
                           disabled={isLoading}
                           autoComplete="username"
@@ -264,11 +266,11 @@ export default function Register() {
                   name="email"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel className="text-foreground/80 text-sm">Work email</FormLabel>
+                      <FormLabel className="text-foreground/80 text-sm">{t('auth.work_email_label')}</FormLabel>
                       <FormControl>
                         <Input
                           type="email"
-                          placeholder="you@company.com"
+                          placeholder={t('auth.email_placeholder')}
                           {...field}
                           disabled={isLoading}
                           autoComplete="email"
@@ -285,11 +287,11 @@ export default function Register() {
                   name="password"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel className="text-foreground/80 text-sm">Password</FormLabel>
+                      <FormLabel className="text-foreground/80 text-sm">{t('auth.password_label')}</FormLabel>
                       <FormControl>
                         <div className="relative">
                           <Input
-                            placeholder="Min. 6 characters"
+                            placeholder={t('auth.password_placeholder')}
                             type={showPassword ? 'text' : 'password'}
                             {...field}
                             disabled={isLoading}
@@ -312,7 +314,7 @@ export default function Register() {
                   name="confirmPassword"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel className="text-foreground/80 text-sm">Confirm password</FormLabel>
+                      <FormLabel className="text-foreground/80 text-sm">{t('auth.confirm_password_label')}</FormLabel>
                       <FormControl>
                         <div className="relative">
                           <Input
@@ -350,13 +352,13 @@ export default function Register() {
                       </FormControl>
                       <div className="leading-snug">
                         <FormLabel className="text-sm text-foreground/80 font-normal cursor-pointer">
-                          I agree to the{' '}
+                          {t('auth.agree_to')}{' '}
                           <Link to="/terms" target="_blank" className="text-primary hover:text-primary/80 underline underline-offset-2">
-                            Terms of Service
+                            {t('auth.terms')}
                           </Link>{' '}
-                          and{' '}
+                          {t('auth.and')}{' '}
                           <Link to="/privacy" target="_blank" className="text-primary hover:text-primary/80 underline underline-offset-2">
-                            Privacy Policy
+                            {t('auth.privacy')}
                           </Link>
                         </FormLabel>
                         <FormMessage className="text-destructive text-xs mt-0.5" />
@@ -381,11 +383,11 @@ export default function Register() {
                       </FormControl>
                       <div className="leading-snug">
                         <FormLabel className="text-sm text-foreground/80 font-normal cursor-pointer">
-                          I consent to the processing of my personal data in accordance with the{' '}
+                          {t('auth.data_processing_consent')}{' '}
                           <Link to="/privacy" target="_blank" className="text-primary hover:text-primary/80 underline underline-offset-2">
-                            Privacy Policy
+                            {t('auth.privacy')}
                           </Link>{' '}
-                          (UK GDPR / Data Protection Act 2018)
+                          {t('auth.uk_gdpr_act')}
                         </FormLabel>
                         <FormMessage className="text-destructive text-xs mt-0.5" />
                       </div>
@@ -399,25 +401,25 @@ export default function Register() {
                   className="w-full h-11 font-semibold bg-primary text-primary-foreground hover:bg-primary/90 mt-2"
                 >
                   {isLoading ? (
-                    <><Loader2 className="mr-2 h-4 w-4 animate-spin" />Creating account…</>
+                    <><Loader2 className="mr-2 h-4 w-4 animate-spin" />{t('auth.creating_account')}</>
                   ) : (
-                    'Create free account →'
+                    t('auth.create_free_button')
                   )}
                 </Button>
 
                 <div className="flex items-center justify-center gap-4 text-xs text-muted-foreground pt-1">
-                  <span className="flex items-center gap-1"><CheckCircle2 className="h-3.5 w-3.5 text-primary" /> 50 free credits</span>
-                  <span className="flex items-center gap-1"><CheckCircle2 className="h-3.5 w-3.5 text-primary" /> No card required</span>
-                  <span className="flex items-center gap-1"><CheckCircle2 className="h-3.5 w-3.5 text-primary" /> UK hosted</span>
+                  <span className="flex items-center gap-1"><CheckCircle2 className="h-3.5 w-3.5 text-primary" /> {t('auth.free_credits')}</span>
+                  <span className="flex items-center gap-1"><CheckCircle2 className="h-3.5 w-3.5 text-primary" /> {t('auth.no_card')}</span>
+                  <span className="flex items-center gap-1"><CheckCircle2 className="h-3.5 w-3.5 text-primary" /> {t('auth.uk_hosted')}</span>
                 </div>
               </form>
             </Form>
           </motion.div>
 
           <motion.p variants={fadeUp} className="text-center text-sm text-muted-foreground mt-6">
-            Already have an account?{' '}
+            {t('auth.have_account')}{' '}
             <Link to="/login" className="font-semibold text-primary hover:text-primary/80 transition-colors">
-              Sign in
+              {t('auth.sign_in')}
             </Link>
           </motion.p>
         </motion.div>