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

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

@@ -160,6 +160,129 @@
               </mat-form-field>
             </div>
 
+            <!-- Parameter Collection Configuration -->
+            <mat-expansion-panel class="config-panel">
+              <mat-expansion-panel-header>
+                <mat-panel-title>
+                  <mat-icon>psychology</mat-icon>
+                  Parameter Collection Configuration
+                </mat-panel-title>
+                <mat-panel-description>
+                  Configure smart parameter collection behavior
+                </mat-panel-description>
+              </mat-expansion-panel-header>
+            
+              <div class="panel-content">
+                <div class="config-grid">
+                  <!-- Max Parameters Per Question -->
+                  <div class="config-field">
+                    <label>Max Parameters Per Question</label>
+                    <mat-slider
+                      min="1"
+                      max="5"
+                      step="1"
+                      discrete
+                      [displayWith]="formatSliderLabel"
+                      [(ngModel)]="envForm.parameter_collection_config.max_params_per_question"
+                      class="full-width">
+                      <input matSliderThumb>
+                    </mat-slider>
+                    <span class="slider-value">{{ envForm.parameter_collection_config.max_params_per_question }}</span>
+                  </div>
+            
+                  <!-- Smart Grouping -->
+                  <div class="config-field">
+                    <mat-slide-toggle
+                      [(ngModel)]="envForm.parameter_collection_config.smart_grouping"
+                      color="primary">
+                      Smart Grouping
+                    </mat-slide-toggle>
+                    <mat-hint>Automatically group related parameters</mat-hint>
+                  </div>
+            
+                  <!-- Retry Unanswered -->
+                  <div class="config-field">
+                    <mat-slide-toggle
+                      [(ngModel)]="envForm.parameter_collection_config.retry_unanswered"
+                      color="primary">
+                      Retry Unanswered Parameters
+                    </mat-slide-toggle>
+                    <mat-hint>Re-ask parameters that weren't answered</mat-hint>
+                  </div>
+                </div>
+            
+                <!-- Collection Prompt Template -->
+                <div class="prompt-section">
+                  <h3>Collection Prompt Template</h3>
+                  <mat-form-field appearance="outline" class="full-width">
+                    <mat-label>Prompt Template</mat-label>
+                    <textarea
+                      matInput
+                      [(ngModel)]="envForm.parameter_collection_config.collection_prompt"
+                      rows="12"
+                      placeholder="Enter the prompt template for generating parameter questions..."
+                      class="code-textarea">
+                    </textarea>
+                    <mat-hint>
+                      Available variables: {{conversation_history}}, {{intent_name}}, {{intent_caption}}, 
+                      {{collected_params}}, {{missing_params}}, {{unanswered_params}}, {{max_params}}, {{project_language}}
+                    </mat-hint>
+                  </mat-form-field>
+            
+                  <!-- Template Variables Help -->
+                  <mat-expansion-panel class="help-panel">
+                    <mat-expansion-panel-header>
+                      <mat-panel-title>
+                        <mat-icon>help_outline</mat-icon>
+                        Template Variables Reference
+                      </mat-panel-title>
+                    </mat-expansion-panel-header>
+                    
+                    <mat-list>
+                      <mat-list-item>
+                        <code class="variable">{{conversation_history}}</code>
+                        <span class="description">Recent conversation between user and assistant</span>
+                      </mat-list-item>
+                      <mat-list-item>
+                        <code class="variable">{{intent_name}}</code>
+                        <span class="description">Technical name of the detected intent</span>
+                      </mat-list-item>
+                      <mat-list-item>
+                        <code class="variable">{{intent_caption}}</code>
+                        <span class="description">Human-readable caption of the intent</span>
+                      </mat-list-item>
+                      <mat-list-item>
+                        <code class="variable">{{collected_params}}</code>
+                        <span class="description">Parameters already collected with their values</span>
+                      </mat-list-item>
+                      <mat-list-item>
+                        <code class="variable">{{missing_params}}</code>
+                        <span class="description">Parameters still needed to complete the request</span>
+                      </mat-list-item>
+                      <mat-list-item>
+                        <code class="variable">{{unanswered_params}}</code>
+                        <span class="description">Parameters asked before but not answered by user</span>
+                      </mat-list-item>
+                      <mat-list-item>
+                        <code class="variable">{{max_params}}</code>
+                        <span class="description">Maximum number of parameters to ask in one question</span>
+                      </mat-list-item>
+                      <mat-list-item>
+                        <code class="variable">{{project_language}}</code>
+                        <span class="description">Language setting of the current project</span>
+                      </mat-list-item>
+                    </mat-list>
+                  </mat-expansion-panel>
+            
+                  <!-- Reset to Default Button -->
+                  <button mat-button color="accent" (click)="resetCollectionPrompt()">
+                    <mat-icon>restore</mat-icon>
+                    Reset to Default Template
+                  </button>
+                </div>
+              </div>
+            </mat-expansion-panel>
+
             <div>
               <!-- STT Settings Panel -->
               <mat-expansion-panel class="stt-settings-panel" *ngIf="environment.stt_engine !== 'no_stt'">