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

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

@@ -27,15 +27,18 @@
       </button>
     </div>
 
-    <!-- Transcription Display -->
-    <div class="transcription-area" *ngIf="(currentTranscription || currentState === 'listening') && isConversationActive">
+    <!-- Transcription Display - Her zaman görünür (konuşma aktifse) -->
+    <div class="transcription-area" 
+         *ngIf="isConversationActive"
+         [class.active]="currentTranscription"
+         [class.listening]="currentState === 'listening'">
       <div class="transcription-label">
-        <mat-icon class="pulse-icon">mic</mat-icon>
-        <span>Dinleniyor...</span>
+        <mat-icon class="pulse-icon">{{ currentTranscription ? 'mic' : 'hearing' }}</mat-icon>
+        <span>{{ currentTranscription ? 'Konuşuyorsunuz...' : 'Sizi dinliyorum...' }}</span>
       </div>
-      <div class="transcription-text">{{ currentTranscription || '...' }}</div>
+      <div class="transcription-text">{{ currentTranscription || 'Konuşmaya başlayabilirsiniz...' }}</div>
     </div>
-    
+        
     <!-- Chat Messages -->
     <div class="chat-messages" #scrollContainer>
       <div *ngFor="let msg of messages; trackBy: trackByIndex" 
@@ -63,12 +66,13 @@
       </div>
     </div>
 
-    <!-- Audio Visualizer -->
+    <!-- Audio Visualizer - Her zaman aktif (konuşma aktifse) -->
     <canvas #audioVisualizer 
             class="audio-visualizer" 
             width="600" 
             height="100"
-            [class.active]="isRecording && isConversationActive">
+            [class.active]="isVisualizationActive"
+            [class.recording]="currentTranscription">
     </canvas>
   </mat-card-content>