fix(voice-clone): persist clone info in localStorage, auto-merge into project knobs, fix clone ID detection in CreateModal

- Move voice clone cache from module-level memory to localStorage
  so it survives page refresh and works across browser tabs
- VoiceAvatarPlaceholder now syncs clone result to localStorage
  immediately after creation (both design and clone paths)
- usePodcastProjectState auto-merges voice clone cache into project
  knobs when loading a project (fills gap for projects created
  before voice clone or when voice clone was created after)
- CreateModal now detects voice clone IDs by prefix (vc_*) not
  just by VOICE_CLONE_ID constant, fixing the mismatch where
  VoiceSelector passes the actual clone ID but CreateModal
  expected the placeholder ID
- AudioRegenerateModal is intentionally per-scene override and
  does not write back to knobs (by design)
- trends.py handler added for podcast topic trend analysis
This commit is contained in:
ajaysi
2026-04-24 20:36:35 +05:30
parent d518365c87
commit fc47445181
6 changed files with 191 additions and 16 deletions

View File

@@ -3,6 +3,7 @@ import { Box, Typography, Paper, Stack, Button, Alert, TextField, CircularProgre
import { keyframes } from '@mui/system';
import { Mic, GraphicEq, Timer, CloudUpload, Stop, PlayArrow, InfoOutlined, TextFields, HelpOutline, AutoAwesome, Campaign, MicNone, Podcasts, RestartAlt, Undo, Headphones, Article, VideoLibrary, TrendingUp, CheckCircle, RecordVoiceOver, Settings } from '@mui/icons-material';
import { createVoiceClone, createVoiceDesign, getLatestVoiceClone, setBrandVoice } from '../../../../api/brandAssets';
import { setCachedVoiceCloneInfo } from '../../../../services/podcastApi';
import { getAuthTokenGetter, getApiUrl } from '../../../../api/client';
import { OperationButton } from '../../../shared/OperationButton';
@@ -292,6 +293,13 @@ export const VoiceAvatarPlaceholder: React.FC<{ domainName?: string; onVoiceSet?
} catch (e) {
console.warn('Failed to save voice selection to storage', e);
}
// Also persist to cross-phase cache for Write phase
setCachedVoiceCloneInfo({
customVoiceId: customVoiceId || undefined,
voiceSampleUrl: resultAudioUrl || undefined,
engine: engine || 'qwen3',
isVoiceClone: true,
});
if (onVoiceSet) onVoiceSet();
} else {
setError(resp.error || 'Failed to set brand voice');
@@ -510,6 +518,13 @@ export const VoiceAvatarPlaceholder: React.FC<{ domainName?: string; onVoiceSet?
if (resp.success) {
setSuccess(resp.message || 'Voice generated successfully');
setResultAudioUrl(resp.preview_audio_url || null);
// Persist to cross-phase cache so Write phase can use it immediately
setCachedVoiceCloneInfo({
customVoiceId: resp.custom_voice_id || undefined,
voiceSampleUrl: resp.preview_audio_url || undefined,
engine: resp.engine || 'qwen3',
isVoiceClone: true,
});
} else {
setError(resp.error || 'Voice generation failed');
}
@@ -557,6 +572,13 @@ export const VoiceAvatarPlaceholder: React.FC<{ domainName?: string; onVoiceSet?
if (resp.success) {
setSuccess('Voice generated successfully. Use this for generating your Brand Voice.');
setResultAudioUrl(resp.preview_audio_url || null);
// Persist to cross-phase cache so Write phase can use it immediately
setCachedVoiceCloneInfo({
customVoiceId: resp.custom_voice_id || customVoiceId || undefined,
voiceSampleUrl: resp.preview_audio_url || undefined,
engine: resp.engine || engine || 'qwen3',
isVoiceClone: true,
});
} else {
setError(resp.error || 'Voice clone failed');
}

View File

@@ -319,13 +319,19 @@ export const CreateModal: React.FC<CreateModalProps> = ({ onCreate, open, defaul
// Include selected voice in knobs
// If voice clone is selected, include voice clone metadata
const isVoiceClone = selectedVoiceId === VOICE_CLONE_ID || knobs.custom_voice_id === selectedVoiceId;
// VoiceSelector may pass VOICE_CLONE_ID, the actual clone ID (vc_*), or a system voice ID
const selectedLooksLikeClone = selectedVoiceId?.startsWith("vc_") || selectedVoiceId === "MY_VOICE_CLONE";
const isVoiceClone = selectedVoiceId === VOICE_CLONE_ID || selectedLooksLikeClone || knobs.custom_voice_id === selectedVoiceId;
let voiceSampleUrl: string | undefined;
let voiceCloneEngine: string | undefined;
let customVoiceId: string | undefined;
if (isVoiceClone) {
// If VoiceSelector already gave us the real clone ID, use it as fallback
if (selectedLooksLikeClone && selectedVoiceId !== VOICE_CLONE_ID) {
customVoiceId = selectedVoiceId;
}
try {
const voiceCloneInfo = await getLatestVoiceClone();
if (voiceCloneInfo?.success && voiceCloneInfo.custom_voice_id) {