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

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

@@ -21,21 +21,24 @@
           [(ngModel)]="useTTS" 
           [disabled]="!ttsAvailable"
           class="tts-checkbox">
-          Use TTS
+          Use TTS (Text-to-Speech)
         </mat-checkbox>
         <div *ngIf="!ttsAvailable" class="tts-hint">
           TTS is not configured. Please configure a TTS engine in Environment settings.
         </div>
-
+      
         <mat-checkbox 
           [(ngModel)]="useSTT" 
           [disabled]="!sttAvailable"
           class="stt-checkbox">
-          Use STT
+          Use STT (Speech-to-Text)
         </mat-checkbox>
         <div *ngIf="!sttAvailable" class="stt-hint">
           STT is not configured. Please configure an STT engine in Environment settings.
         </div>
+        <div *ngIf="sttAvailable && useSTT" class="stt-hint">
+          When STT is enabled, use the Real-time Chat button for voice conversation.
+        </div>
       </mat-card-content>
       
       <mat-card-actions align="end">
@@ -43,7 +46,7 @@
           mat-raised-button
           color="primary"
           (click)="startChat()"
-          [disabled]="!selectedProject"
+          [disabled]="!selectedProject || useSTT"
         >
           <mat-icon>chat</mat-icon>
           Start Chat
@@ -53,9 +56,9 @@
           mat-raised-button
           color="accent"
           (click)="startRealtimeChat()"
-          [disabled]="!selectedProject || !sttAvailable"
+          [disabled]="!selectedProject || !useSTT"
           class="realtime-button"
-          matTooltip="Start real-time voice conversation"
+          matTooltip="Start real-time voice conversation with STT"
         >
           <mat-icon>mic</mat-icon>
           Real-time Chat