Merge pull request transformerlab#777 from transformerlab/add/top-audio

Add Top P field for audio

Author: deep1401

src/renderer/components/Experiment/Audio/Audio.tsx

@@ -38,6 +38,7 @@ export async function sendAndReceiveAudioPath(
   sample_rate: number,
   temperature: number,
   speed: number,
+  topP: number,
   voice?: string,
   audioPath?: string,
 ) {
@@ -50,6 +51,7 @@ export async function sendAndReceiveAudioPath(
     sample_rate: sample_rate,
     temperature: temperature,
     speed: speed,
+    top_p: topP,
   };
 
   if (voice) {
@@ -170,6 +172,7 @@ export default function Audio() {
   const [filePrefix, setFilePrefix] = React.useState('output_audio');
   const [sampleRate, setSampleRate] = React.useState(24000);
   const [temperature, setTemperature] = React.useState(0.7);
+  const [topP, setTopP] = React.useState(1.0);
   const [selectedLanguage, setSelectedLanguage] = React.useState('');
   const [selectedVoice, setSelectedVoice] = React.useState('');
 
@@ -200,6 +203,7 @@ export default function Audio() {
       sampleRate,
       temperature,
       speed,
+      topP,
       selectedVoice || undefined,
       uploadedAudioPath || undefined,
     );
@@ -371,6 +375,21 @@ export default function Audio() {
               />
             </FormControl>
 
+            <FormControl>
+              <FormLabel>
+                Top P: <b>{topP.toFixed(2)}</b>
+              </FormLabel>
+              <Slider
+                aria-label="Top P"
+                value={topP}
+                onChange={(_, v) => setTopP(v as number)}
+                min={0.0}
+                max={1.0}
+                step={0.01}
+                valueLabelDisplay="auto"
+              />
+            </FormControl>
+
             <FormControl>
               <FormLabel>
                 Speech Speed: <b>{speed}x</b>

src/renderer/components/Experiment/Audio/AudioHistory.tsx

@@ -23,6 +23,7 @@ interface AudioHistoryItem {
   audio_format: string;
   sample_rate: number;
   temperature: number;
+  top_p?: number;
   voice?: string;
   audio_data_url?: string; // Add audio data URL for the AudioPlayer
 }
@@ -121,6 +122,9 @@ const AudioHistory = React.forwardRef<HTMLDivElement, AudioHistoryProps>(
                   <Chip size="sm" variant="soft" color="neutral">
                     Temp: {item.temperature}
                   </Chip>
+                  <Chip size="sm" variant="soft" color="neutral">
+                    Top P: {item.top_p ? item.top_p : 'N/A'}
+                  </Chip>
                   <Box sx={{ flex: 1 }} />
                   <IconButton
                     size="sm"