Update src/contexts/AppContext.tsx

src/contexts/AppContext.tsx

@@ -1,9 +1,11 @@
-// src/contexts/AppContext.tsx (نسخه نهایی با قابلیت شناسایی نام در همه شخصیت‌ها)
+// src/contexts/AppContext.tsx (نسخه نهایی با قابلیت انتخاب گوینده)
 import React, { createContext, FC, ReactNode, useContext, useEffect, useState, useCallback } from "react";
 import { useLiveAPI, type UseLiveAPIResults } from "../hooks/use-live-api";
 import { LiveConfig } from "../multimodal-live-types";
+import { speakers } from '../data/speakers'; // <-- ایمپورت داده‌های گویندگان
 
 const LS_SELECTED_PERSONALITY = 'app_selected_personality';
+const LS_SELECTED_VOICE = 'app_selected_voice'; // <-- کلید جدید برای ذخیره گوینده
 const LS_CUSTOM_NAME = 'app_custom_name';
 const LS_CUSTOM_INSTRUCTIONS = 'app_custom_instructions';
 
@@ -12,7 +14,9 @@ export type PersonalityInstructions = Partial<Record<PersonalityType, string>>;
 
 interface AppContextType extends UseLiveAPIResults {
   selectedPersonality: PersonalityType;
+  selectedVoice: string;
   changePersonality: (personality: PersonalityType, customDetails?: { name: string, instructions: string }) => void;
+  changeVoice: (voiceId: string) => void;
   personalityInstructions: PersonalityInstructions;
   customUserName: string;
   customInstructions: string;
@@ -29,49 +33,44 @@ export const AppProvider: FC<{ children: ReactNode; initialConfig?: LiveConfig;
   const liveAPI = useLiveAPI({ url });
 
   const [selectedPersonality, setSelectedPersonality] = useState<PersonalityType>(() => (localStorage.getItem(LS_SELECTED_PERSONALITY) as PersonalityType) || 'default');
+  const [selectedVoice, setSelectedVoice] = useState<string>(() => localStorage.getItem(LS_SELECTED_VOICE) || speakers[0].id); // <-- State برای گوینده
   const [customUserName, setCustomUserName] = useState<string>(() => localStorage.getItem(LS_CUSTOM_NAME) || '');
   const [customInstructions, setCustomInstructions] = useState<string>(() => localStorage.getItem(LS_CUSTOM_INSTRUCTIONS) || '');
   const [isRestarting, setIsRestarting] = useState(false);
 
   useEffect(() => {
-    // ✅ START: منطق جدید و بهبود یافته برای ساخت دستورالعمل نهایی
-    
-    // بخش اول: دستورالعمل پایه و جهانی
     let instructionParts = [BASE_INSTRUCTION];
-
-    // بخش دوم: اضافه کردن نام کاربر (اگر وجود داشته باشد) برای همه شخصیت‌ها
     if (customUserName) {
         instructionParts.push(`نام کاربر ${customUserName} است. او را با نامش صدا بزن.`);
     }
-
-    // بخش سوم: اضافه کردن دستورالعمل مخصوص شخصیت انتخاب شده
     if (selectedPersonality === 'custom') {
-        // اگر شخصیت اختصاصی بود، از دستورات کاربر استفاده کن
-        if (customInstructions) {
-            instructionParts.push(customInstructions);
-        }
+        if (customInstructions) instructionParts.push(customInstructions);
     } else {
-        // برای سایر شخصیت‌ها، از دستورالعمل‌های تعریف شده استفاده کن
         const personalityPrompt = personalityInstructions[selectedPersonality];
-        if (personalityPrompt) {
-            instructionParts.push(personalityPrompt);
-        }
+        if (personalityPrompt) instructionParts.push(personalityPrompt);
     }
-
-    // تمام بخش‌ها را با دو خط جدید از هم جدا می‌کنیم تا برای مدل خوانا باشد
     const finalInstruction = instructionParts.join('\n\n');
 
-    // ✅ END: پایان منطق جدید
-
     const newConfig: LiveConfig = {
-      model: initialConfig?.model || "gemini-2.5-flash-preview-native-audio-dialog",
+      // ✅ تغییر ۱: استفاده از مدل جدید
+      model: "models/gemini-2.5-flash-preview-native-audio-dialog",
       tools: [{ googleSearch: {} }],
-      generationConfig: { responseModalities: "audio" },
+      // ✅ تغییر ۲: اضافه کردن تنظیمات صدا و گوینده
+      generationConfig: {
+        responseModalities: "audio",
+        speechConfig: {
+          voiceConfig: {
+            prebuiltVoiceConfig: {
+              voiceName: selectedVoice,
+            },
+          },
+        },
+      },
       systemInstruction: { parts: [{ text: finalInstruction.trim() }] },
     };
     liveAPI.setConfig(newConfig);
 
-  }, [selectedPersonality, customUserName, customInstructions, personalityInstructions, liveAPI.setConfig, initialConfig]);
+  }, [selectedPersonality, selectedVoice, customUserName, customInstructions, personalityInstructions, liveAPI.setConfig, initialConfig]);
 
   useEffect(() => {
     if (isRestarting && !liveAPI.connected) {
@@ -87,10 +86,18 @@ export const AppProvider: FC<{ children: ReactNode; initialConfig?: LiveConfig;
       setCustomUserName(customDetails.name);
       setCustomInstructions(customDetails.instructions);
     }
-    
     localStorage.setItem(LS_SELECTED_PERSONALITY, newPersonality);
     setSelectedPersonality(newPersonality);
+    if (liveAPI.connected) {
+      setIsRestarting(true);
+      liveAPI.disconnect();
+    }
+  }, [liveAPI.connected, liveAPI.disconnect]);
 
+  // ✅ تغییر ۳: تابع جدید برای تغییر گوینده
+  const changeVoice = useCallback((voiceId: string) => {
+    localStorage.setItem(LS_SELECTED_VOICE, voiceId);
+    setSelectedVoice(voiceId);
     if (liveAPI.connected) {
       setIsRestarting(true);
       liveAPI.disconnect();
@@ -100,7 +107,9 @@ export const AppProvider: FC<{ children: ReactNode; initialConfig?: LiveConfig;
   const contextValue: AppContextType = {
     ...liveAPI,
     selectedPersonality,
+    selectedVoice,
     changePersonality,
+    changeVoice,
     personalityInstructions,
     customUserName,
     customInstructions,