Update flare-ui/src/app/components/environment/environment.component.ts

flare-ui/src/app/components/environment/environment.component.ts

@@ -97,6 +97,29 @@ export class EnvironmentComponent implements OnInit {
     collection_prompt: 'Please provide the following information:'
   };
 
+  hideSTTKey = true;
+  sttLanguages = [
+    { code: 'tr-TR', name: 'Türkçe' },
+    { code: 'en-US', name: 'English (US)' },
+    { code: 'en-GB', name: 'English (UK)' },
+    { code: 'de-DE', name: 'Deutsch' },
+    { code: 'fr-FR', name: 'Français' },
+    { code: 'es-ES', name: 'Español' },
+    { code: 'it-IT', name: 'Italiano' },
+    { code: 'pt-BR', name: 'Português (BR)' },
+    { code: 'ja-JP', name: '日本語' },
+    { code: 'ko-KR', name: '한국어' },
+    { code: 'zh-CN', name: '中文' }
+  ];
+  
+  sttModels = [
+    { value: 'default', name: 'Default' },
+    { value: 'latest_short', name: 'Latest Short (Optimized for short audio)' },
+    { value: 'latest_long', name: 'Latest Long (Best accuracy)' },
+    { value: 'command_and_search', name: 'Command and Search' },
+    { value: 'phone_call', name: 'Phone Call (Optimized for telephony)' }
+  ];
+  
   constructor(
     private fb: FormBuilder,
     private apiService: ApiService,
@@ -117,7 +140,19 @@ export class EnvironmentComponent implements OnInit {
       // STT Provider
       stt_provider_name: ['no_stt', Validators.required],
       stt_provider_api_key: [''],
-      stt_provider_endpoint: ['']
+      stt_provider_endpoint: [''],
+
+      // STT Settings
+      stt_settings: this.fb.group({
+        language: ['tr-TR'],
+        speech_timeout_ms: [2000],
+        enable_punctuation: [true],
+        interim_results: [true],
+        use_enhanced: [true],
+        model: ['latest_long'],
+        noise_reduction_level: [2],
+        vad_sensitivity: [0.5]
+      })
     });
   }
 
@@ -197,6 +232,10 @@ export class EnvironmentComponent implements OnInit {
     if (data.stt_provider?.name !== 'no_stt') {
       this.environmentService.setSTTEnabled(true);
     }
+
+    if (data.stt_provider?.settings) {
+      this.form.get('stt_settings')?.patchValue(data.stt_provider.settings);
+    }    
   }
 
   handleLegacyFormat(data: any): void {
@@ -222,6 +261,10 @@ export class EnvironmentComponent implements OnInit {
     this.parameterCollectionConfig = data.parameter_collection_config || this.parameterCollectionConfig;
     
     this.updateCurrentProviders();
+
+    if (data.stt_settings) {
+      this.form.get('stt_settings')?.patchValue(data.stt_settings);
+    }    
   }
 
   getDefaultProviders(type: string): ProviderConfig[] {
@@ -288,11 +331,29 @@ export class EnvironmentComponent implements OnInit {
         {
           type: 'stt',
           name: 'google',
-          display_name: 'Google Cloud STT',
+          display_name: 'Google Cloud Speech',
           requires_endpoint: false,
           requires_api_key: true,
           requires_repo_info: false,
-          description: 'Google Cloud Speech-to-Text'
+          description: 'Google Cloud Speech-to-Text API'
+        },
+        {
+          type: 'stt',
+          name: 'azure',
+          display_name: 'Azure Speech Services',
+          requires_endpoint: false,
+          requires_api_key: true,
+          requires_repo_info: false,
+          description: 'Azure Cognitive Services Speech'
+        },
+        {
+          type: 'stt',
+          name: 'flicker',
+          display_name: 'Flicker STT',
+          requires_endpoint: true,
+          requires_api_key: true,
+          requires_repo_info: false,
+          description: 'Flicker Speech Recognition Service'
         }
       ]
     };
@@ -341,11 +402,19 @@ export class EnvironmentComponent implements OnInit {
       this.form.get('stt_provider_api_key')?.clearValidators();
     }
 
+    // STT endpoint validator
+    if (this.currentSTTProvider?.requires_endpoint) {
+      this.form.get('stt_provider_endpoint')?.setValidators(Validators.required);
+    } else {
+      this.form.get('stt_provider_endpoint')?.clearValidators();
+    }
+    
     // Update validity
     this.form.get('llm_provider_api_key')?.updateValueAndValidity();
     this.form.get('llm_provider_endpoint')?.updateValueAndValidity();
     this.form.get('tts_provider_api_key')?.updateValueAndValidity();
     this.form.get('stt_provider_api_key')?.updateValueAndValidity();
+    this.form.get('stt_provider_endpoint')?.updateValueAndValidity();
   }
 
   onLLMProviderChange(value: string): void {
@@ -368,6 +437,32 @@ export class EnvironmentComponent implements OnInit {
     if (!this.currentTTSProvider?.requires_api_key) {
       this.form.get('tts_provider_api_key')?.setValue('');
     }
+  
+    if (value !== this.form.get('stt_provider_name')?.value) {
+      this.form.get('stt_provider_api_key')?.setValue('');
+    }
+    
+    // Provider-specific defaults
+    if (value === 'google') {
+      this.form.get('stt_settings')?.patchValue({
+        model: 'latest_long',
+        use_enhanced: true
+      });
+    } else if (value === 'azure') {
+      this.form.get('stt_settings')?.patchValue({
+        model: 'default',
+        use_enhanced: false
+      });
+    }
+    
+    // STT endpoint validator 
+    if (this.currentSTTProvider?.requires_endpoint) {
+      this.form.get('stt_provider_endpoint')?.setValidators(Validators.required);
+    } else {
+      this.form.get('stt_provider_endpoint')?.clearValidators();
+    }
+    
+    this.form.get('stt_provider_endpoint')?.updateValueAndValidity();
     
     // Notify environment service
     this.environmentService.setTTSEnabled(value !== 'no_tts');
@@ -414,7 +509,7 @@ export class EnvironmentComponent implements OnInit {
         name: formValue.stt_provider_name,
         api_key: formValue.stt_provider_api_key,
         endpoint: formValue.stt_provider_endpoint,
-        settings: {}
+        settings: formValue.stt_settings || {}
       }
     };
 
@@ -510,7 +605,9 @@ export class EnvironmentComponent implements OnInit {
       case 'tts':
         return 'Enter TTS API key';
       case 'stt':
-        return this.currentSTTProvider?.name === 'google' ? '/path/to/credentials.json' : 'Enter STT API key';
+        if (this.currentSTTProvider?.name === 'google') return '/path/to/credentials.json';
+        if (this.currentSTTProvider?.name === 'azure') return 'subscription_key|region';
+        return 'Enter STT API key';
       default:
         return 'Enter API key';
     }