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

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

@@ -12,7 +12,8 @@ import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { MatSliderModule } from '@angular/material/slider';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import { ApiService, Environment, STTSettings, TTSSettings } from '../../services/api.service';
+import { MatListModule } from '@angular/material/list';
+import { ApiService, Environment, STTSettings, TTSSettings, ParameterCollectionConfig } from '../../services/api.service';
 import { EnvironmentService } from '../../services/environment.service';
 
 @Component({
@@ -31,7 +32,8 @@ import { EnvironmentService } from '../../services/environment.service';
     MatSnackBarModule,
     MatExpansionModule,
     MatSliderModule,
-    MatCheckboxModule
+    MatCheckboxModule,
+    MatListModule
   ],
   templateUrl: './environment.component.html',
   styleUrls: ['./environment.component.scss']
@@ -68,6 +70,14 @@ export class EnvironmentComponent implements OnInit {
     interim_results: true
   };
 
+  // Parameter Collection Configuration
+  parameterCollectionConfig: ParameterCollectionConfig = {
+    max_params_per_question: 2,
+    smart_grouping: true,
+    retry_unanswered: true,
+    collection_prompt: this.getDefaultCollectionPrompt()
+  };
+
   loading = true;
   saving = false;
 
@@ -91,6 +101,11 @@ export class EnvironmentComponent implements OnInit {
           this.sttSettings = { ...this.sttSettings, ...env.stt_settings };
         }
         
+        // Load Parameter Collection Configuration
+        if (env.parameter_collection_config) {
+          this.parameterCollectionConfig = { ...this.parameterCollectionConfig, ...env.parameter_collection_config };
+        }
+        
         this.loading = false;
       },
       error: (err) => {
@@ -103,6 +118,42 @@ export class EnvironmentComponent implements OnInit {
     });
   }
 
+  getDefaultCollectionPrompt(): string {
+    return `You are a helpful assistant collecting information from the user.
+
+Conversation context:
+{{conversation_history}}
+
+Intent: {{intent_name}} - {{intent_caption}}
+
+Already collected:
+{{collected_params}}
+
+Still needed:
+{{missing_params}}
+
+Previously asked but not answered:
+{{unanswered_params}}
+
+Rules:
+1. Ask for maximum {{max_params}} parameters in one question
+2. Group parameters that naturally go together (like from/to cities, dates)
+3. If some parameters were asked before but not answered, include them again
+4. Be natural and conversational in {{project_language}}
+5. Use context from the conversation to make the question flow naturally
+
+Generate ONLY the question, nothing else.`;
+  }
+
+  resetCollectionPrompt(): void {
+    this.parameterCollectionConfig.collection_prompt = this.getDefaultCollectionPrompt();
+    this.showSnackBar('Collection prompt reset to default');
+  }
+
+  formatSliderLabel(value: number): string {
+    return `${value}`;
+  }
+
   getTokenLabel(): string {
     switch(this.environment.work_mode) {
       case 'gpt4o':
@@ -120,12 +171,12 @@ export class EnvironmentComponent implements OnInit {
     switch(this.environment.work_mode) {
       case 'gpt4o':
       case 'gpt4o-mini':
-        return 'Enter OpenAI API key (sk-...)';
+        return 'sk-...';
       case 'hfcloud':
       case 'cloud':
         return 'Enter cloud token';
       default:
-        return 'Enter cloud token';
+        return 'Enter token';
     }
   }
 
@@ -133,30 +184,11 @@ export class EnvironmentComponent implements OnInit {
     return this.environment.work_mode === 'gpt4o' || this.environment.work_mode === 'gpt4o-mini';
   }
 
-  onWorkModeChange() {
-    if (this.environment.work_mode === 'on-premise') {
-      this.environment.cloud_token = '';
-    }
-  }
-
   onTTSEngineChange() {
     if (this.environment.tts_engine === 'no_tts') {
       this.environment.tts_engine_api_key = '';
-      this.ttsSettings.use_ssml = false;
-    } else if (!this.isTTSProviderSSMLCapable()) {
-      // SSML desteklemiyorsa kapat
-      this.ttsSettings.use_ssml = false;
     }
   }
-  
-  isTTSProviderSSMLCapable(): boolean {
-    // SSML destekleyen provider'lar
-    const ssmlProviders = ['google', 'azure', 'amazon'];
-    if (!this.environment.tts_engine) {
-      return false;
-    }
-    return ssmlProviders.includes(this.environment.tts_engine);
-  }
 
   onSTTEngineChange() {
     if (this.environment.stt_engine === 'no_stt') {
@@ -164,10 +196,15 @@ export class EnvironmentComponent implements OnInit {
     }
   }
 
+  isTTSProviderSSMLCapable(): boolean {
+    return this.environment.tts_engine === 'elevenlabs';
+  }
+
+  // STT Key methods
   getSTTKeyLabel(): string {
     switch(this.environment.stt_engine) {
       case 'google':
-        return 'Google Credentials Path';
+        return 'Service Account JSON Path';
       case 'azure':
         return 'Azure Subscription Key';
       case 'amazon':
@@ -182,7 +219,7 @@ export class EnvironmentComponent implements OnInit {
   getSTTKeyPlaceholder(): string {
     switch(this.environment.stt_engine) {
       case 'google':
-        return 'Path to Google credentials JSON file';
+        return '/credentials/google-service-account.json';
       case 'azure':
         return 'Enter Azure subscription key';
       case 'amazon':
@@ -216,11 +253,12 @@ export class EnvironmentComponent implements OnInit {
   save() {
     this.saving = true;
     
-    // Include STT settings in the save
+    // Include all settings in the save
     const saveData = {
       ...this.environment,
       stt_settings: this.sttSettings,
-      tts_settings: this.ttsSettings
+      tts_settings: this.ttsSettings,
+      parameter_collection_config: this.parameterCollectionConfig
     };
   
     this.apiService.updateEnvironment(saveData).subscribe({
@@ -273,4 +311,16 @@ export class EnvironmentComponent implements OnInit {
       });
     }, 1000);
   }
+
+  showSnackBar(message: string) {
+    this.snackBar.open(message, 'Close', {
+      duration: 3000
+    });
+  }
+
+  get envForm() {
+    return {
+      valid: true // Form validation için basit bir getter
+    };
+  }
 }