fix: centralize OpenAI voice definitions and fix voice array state loading in voice assistant (#7390)

✨ (constants.ts): add new constants for OpenAI voices to be used in the application
🔧 (audio-settings-dialog.tsx, voice-select.tsx, check-provider.ts, voiceStore.ts): import and use the newly added OpenAI voices constants in various components and store to improve maintainability and consistency in voice selection functionality

src/frontend/src/constants/constants.ts

@@ -1049,3 +1049,14 @@ export const DEBOUNCE_FIELD_LIST = [
   "FloatInput",
   "SliderInput",
 ];
+
+export const OPENAI_VOICES = [
+  { name: "alloy", value: "alloy" },
+  { name: "ash", value: "ash" },
+  { name: "ballad", value: "ballad" },
+  { name: "coral", value: "coral" },
+  { name: "echo", value: "echo" },
+  { name: "sage", value: "sage" },
+  { name: "shimmer", value: "shimmer" },
+  { name: "verse", value: "verse" },
+];

src/frontend/src/modals/IOModal/components/chatView/chatInput/components/voice-assistant/components/audio-settings/audio-settings-dialog.tsx

@@ -75,7 +75,7 @@ const SettingsVoiceModal = ({
       name: string;
       value: string;
     }[]
-  >([]);
+  >(openaiVoices);
 
   const saveButtonClicked = useRef(false);
 

src/frontend/src/modals/IOModal/components/chatView/chatInput/components/voice-assistant/components/audio-settings/components/voice-select.tsx

@@ -1,3 +1,4 @@
+import { OPENAI_VOICES } from "@/constants/constants";
 import IconComponent from "../../../../../../../../../../components/common/genericIconComponent";
 import ShadTooltip from "../../../../../../../../../../components/common/shadTooltipComponent";
 import {
@@ -21,6 +22,8 @@ const VoiceSelect = ({
   handleSetVoice,
   allVoices,
 }: VoiceSelectProps) => {
+  allVoices = allVoices?.length === 0 || !allVoices ? OPENAI_VOICES : allVoices;
+
   return (
     <div className="grid w-full items-center gap-2">
       <span className="flex w-full items-center text-sm">

src/frontend/src/modals/IOModal/components/chatView/chatInput/components/voice-assistant/helpers/check-provider.ts

@@ -4,7 +4,7 @@ export const checkProvider = () => {
   const audioSettings = JSON.parse(
     getLocalStorage("lf_audio_settings_playground") || "{}",
   );
-  if (!audioSettings.provider) {
+  if (!audioSettings?.provider) {
     setLocalStorage(
       "lf_audio_settings_playground",
       JSON.stringify({ provider: "openai", voice: "alloy" }),

src/frontend/src/modals/IOModal/components/chatView/chatInput/components/voice-assistant/voice-assistant.tsx

@@ -286,7 +286,7 @@ export function VoiceAssistant({
         audioContextRef.current = null;
       }
     };
-  }, []);
+  }, [setShowAudioInput]);
 
   const scrollToBottom = () => {
     setTimeout(() => {

src/frontend/src/stores/voiceStore.ts

@@ -1,3 +1,4 @@
+import { OPENAI_VOICES } from "@/constants/constants";
 import { VoiceStoreType } from "@/types/zustand/voice/voice.types";
 import { create } from "zustand";
 
@@ -19,16 +20,7 @@ export const useVoiceStore = create<VoiceStoreType>((set, get) => ({
       value: string;
     }[],
   ) => set({ providersList }),
-  openaiVoices: [
+  openaiVoices: OPENAI_VOICES,
-    { name: "alloy", value: "alloy" },
-    { name: "ash", value: "ash" },
-    { name: "ballad", value: "ballad" },
-    { name: "coral", value: "coral" },
-    { name: "echo", value: "echo" },
-    { name: "sage", value: "sage" },
-    { name: "shimmer", value: "shimmer" },
-    { name: "verse", value: "verse" },
-  ],
   setOpenaiVoices: (
     openaiVoices: {
       name: string;