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

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

@@ -28,11 +28,14 @@
     </div>
 
     <!-- Transcription Display -->
-    <div class="transcription-area" *ngIf="currentTranscription && currentState === 'listening'">
-      <div class="transcription-label">Dinleniyor...</div>
-      <div class="transcription-text">{{ currentTranscription }}</div>
+    <div class="transcription-area" *ngIf="currentTranscription || currentState === 'listening'">
+      <div class="transcription-label">
+        <mat-icon class="pulse-icon">mic</mat-icon>
+        <span>Dinleniyor...</span>
+      </div>
+      <div class="transcription-text">{{ currentTranscription || '...' }}</div>
     </div>
-
+    
     <!-- Chat Messages -->
     <div class="chat-messages" #scrollContainer>
       <div *ngFor="let msg of messages; trackBy: trackByIndex"