From 00f46ecbedfef17a0fead8b9dc2ab1c2b2abf506 Mon Sep 17 00:00:00 2001
From: ajaysi <ajay.calsoft@gmail.com>
Date: Wed, 22 Apr 2026 09:06:00 +0530
Subject: [PATCH] fix: add preload=auto and key to Generated AI Voice Preview
 audio element

---
 .../components/VoiceAvatarPlaceholder.tsx             | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/OnboardingWizard/PersonalizationStep/components/VoiceAvatarPlaceholder.tsx b/frontend/src/components/OnboardingWizard/PersonalizationStep/components/VoiceAvatarPlaceholder.tsx
index ee200dfd..2342acd0 100644
--- a/frontend/src/components/OnboardingWizard/PersonalizationStep/components/VoiceAvatarPlaceholder.tsx
+++ b/frontend/src/components/OnboardingWizard/PersonalizationStep/components/VoiceAvatarPlaceholder.tsx
@@ -1117,7 +1117,16 @@ export const VoiceAvatarPlaceholder: React.FC<{ domainName?: string; onVoiceSet?
                         <Typography variant="caption" fontWeight="800" sx={{ color: '#EC4899', textTransform: 'uppercase', mb: 0.25, display: 'block', fontSize: '0.65rem' }}>
                           Generated AI Voice Preview
                         </Typography>
-                        <audio controls src={authenticatedAudioUrl || undefined} style={{ width: '100%', height: '28px' }} />
+                        <audio 
+                          key={authenticatedAudioUrl}
+                          controls 
+                          src={authenticatedAudioUrl || undefined}
+                          preload="auto"
+                          style={{ width: '100%', height: '28px' }}
+                          onError={(e) => {
+                            console.error('[VoiceClone] Generated audio playback error:', e);
+                          }}
+                        />
                         <Stack direction="row" spacing={1} sx={{ mt: 1 }}>
                           <Button
                             variant="outlined"