Update src/components/logo/Logo.tsx

src/components/logo/Logo.tsx

@@ -15,9 +15,9 @@ type LogoProps = {
 export default function Logo({ isAi, isActive, isMini, speakingVolume = 0, isUserSpeaking = false }: LogoProps) {
   if (!isActive) return null;
 
+  // --- منطق انیمیشن صدای ربات ---
   const aiVoiceScale = 1 + (speakingVolume * 1.5);
-  const isAiSpeaking = speakingVolume > 0.01;
-
+  const isAiSpeaking = speakingVolume > 0.02; // یک آستانه برای جلوگیری از لرزش‌های جزئی
   const animatedCircleStyle: React.CSSProperties = {
     transition: 'transform 0.15s ease-out',
     transform: `scale(${aiVoiceScale})`
@@ -30,10 +30,24 @@ export default function Logo({ isAi, isActive, isMini, speakingVolume = 0, isUse
       </div>
       
       <div className={cn("relative", isMini ? "w-[80px] h-[80px]" : "w-[200px] h-[200px]")}>
-        <div className={cn("absolute rounded-full opacity-50 animate-ping", isAi ? "bg-green-200" : "bg-blue-200", isMini ? "inset-[10px]" : "inset-[40px]")} />
+        {/* انیمیشن پینگ اصلی که همیشه فعال است */}
+        <div className={cn(
+            "absolute rounded-full opacity-50 animate-ping",
+            isAi ? "bg-green-200" : "bg-blue-200", // حذف dark mode برای سادگی
+            isMini ? "inset-[10px]" : "inset-[40px]"
+        )} />
         
-        <div className={cn("absolute rounded-full opacity-50", isAi ? "bg-green-200" : "bg-blue-200", isMini ? "inset-[10px]" : "inset-[40px]")} style={animatedCircleStyle} />
+        {/* این دایره با صدای ربات بزرگ و کوچک می‌شود */}
+        <div 
+            className={cn(
+                "absolute rounded-full opacity-50",
+                isAi ? "bg-green-200" : "bg-blue-200",
+                isMini ? "inset-[10px]" : "inset-[40px]"
+            )} 
+            style={animatedCircleStyle} 
+        />
         
+        {/* بقیه دایره‌های ثابت پس‌زمینه */}
         <div className={cn("absolute inset-0 rounded-full opacity-50", isAi ? "bg-green-200" : "bg-blue-200")} />
         <div className={cn("absolute rounded-full opacity-50", isAi ? "bg-green-300" : "bg-blue-300", isMini ? "inset-[5px]" : "inset-[20px]")} />
         <div className={cn("absolute rounded-full opacity-50", isAi ? "bg-green-400" : "bg-blue-400", isMini ? "inset-[12px]" : "inset-[50px]")} />
@@ -41,8 +55,8 @@ export default function Logo({ isAi, isActive, isMini, speakingVolume = 0, isUse
         <div className={cn("z-10 absolute flex items-center justify-center inset-0")}>
           {humanAiIcon({ 
             size: isMini ? 24 : 45,
-            isUserSpeaking: isUserSpeaking,
-            isAiSpeaking: isAiSpeaking,
+            isUserSpeaking: isUserSpeaking, // <-- این برای آدمک است
+            isAiSpeaking: isAiSpeaking,     // <-- این برای ربات است
           })}
         </div>
       </div>