diff --git a/src/app/components/call-controls/call-controls.component.html b/src/app/components/call-controls/call-controls.component.html
index ab7aed8b..25783218 100644
--- a/src/app/components/call-controls/call-controls.component.html
+++ b/src/app/components/call-controls/call-controls.component.html
@@ -16,7 +16,7 @@
+
-
- @if (showFlags && !isAudioRecording && !disabled) {
-
-
Live Flags
-
- Proactive Audio
-
-
- Affective Dialog
-
-
- Session Resumption
-
-
- Save Live Blob
-
-
- }
diff --git a/src/app/components/call-controls/call-controls.component.scss b/src/app/components/call-controls/call-controls.component.scss
index 1af9bf09..ec04fb18 100644
--- a/src/app/components/call-controls/call-controls.component.scss
+++ b/src/app/components/call-controls/call-controls.component.scss
@@ -50,66 +50,3 @@ button:disabled {
position: relative;
display: inline-block;
}
-
-.flags-panel {
- position: absolute;
- bottom: 100%;
- left: 50%;
- transform: translateX(-50%);
- margin-bottom: 8px;
- background: var(--mat-sys-surface-container-highest);
- border: 1px solid var(--mat-sys-outline-variant);
- border-radius: 12px;
- padding: 12px;
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
- z-index: 100;
- width: 250px;
- display: flex;
- flex-direction: column;
- gap: 8px;
- animation: fadeIn 0.2s ease-out;
-
- &::before {
- content: '';
- position: absolute;
- bottom: -8px;
- left: 0;
- right: 0;
- height: 8px;
- background: transparent;
- }
-
- .flags-title {
- font-weight: 600;
- font-size: 14px;
- color: var(--mat-sys-on-surface);
- margin-bottom: 4px;
- }
-
- .flag-item {
- display: flex;
- align-items: center;
- gap: 8px;
- font-size: 12px;
- color: var(--mat-sys-on-surface-variant);
-
- .flag-label {
- font-weight: 500;
- }
-
- mat-checkbox {
- --mdc-checkbox-state-layer-size: 30px;
- }
- }
-}
-
-@keyframes fadeIn {
- from {
- opacity: 0;
- transform: translateX(-50%) translateY(10px);
- }
- to {
- opacity: 1;
- transform: translateX(-50%) translateY(0);
- }
-}
diff --git a/src/app/components/call-controls/call-controls.component.ts b/src/app/components/call-controls/call-controls.component.ts
index 9654a59e..958c9551 100644
--- a/src/app/components/call-controls/call-controls.component.ts
+++ b/src/app/components/call-controls/call-controls.component.ts
@@ -20,14 +20,12 @@ import {CommonModule} from '@angular/common';
import {MatButtonModule} from '@angular/material/button';
import {MatIconModule} from '@angular/material/icon';
import {MatTooltipModule} from '@angular/material/tooltip';
-import {MatCheckboxModule} from '@angular/material/checkbox';
import {ChatPanelMessagesInjectionToken} from '../chat-panel/chat-panel.component.i18n';
-import {LiveFlags} from '../../core/services/interfaces/stream-chat';
@Component({
selector: 'app-call-controls',
standalone: true,
- imports: [CommonModule, MatButtonModule, MatIconModule, MatTooltipModule, MatCheckboxModule],
+ imports: [CommonModule, MatButtonModule, MatIconModule, MatTooltipModule],
templateUrl: './call-controls.component.html',
styleUrl: './call-controls.component.scss',
})
@@ -42,21 +40,12 @@ export class CallControlsComponent {
@Input() isBidiStreamingEnabled: boolean | null = false;
@Input() disabled = false;
- @Output() readonly toggleAudioRecording = new EventEmitter
();
+ @Output() readonly toggleAudioRecording = new EventEmitter();
@Output() readonly toggleVideoRecording = new EventEmitter();
protected readonly i18n = inject(ChatPanelMessagesInjectionToken);
- showFlags = false;
- flags: LiveFlags = {
- proactiveAudio: false,
- enableAffectiveDialog: false,
- enableSessionResumption: false,
- saveLiveBlob: false,
- };
-
onCallClick() {
- this.showFlags = false;
- this.toggleAudioRecording.emit(this.flags);
+ this.toggleAudioRecording.emit();
}
}
diff --git a/src/app/components/chat-panel/chat-panel.component.html b/src/app/components/chat-panel/chat-panel.component.html
index 53b8127a..13bc10ed 100644
--- a/src/app/components/chat-panel/chat-panel.component.html
+++ b/src/app/components/chat-panel/chat-panel.component.html
@@ -203,7 +203,7 @@ Evaluation Result
@if (isLoadingAgentResponse()) {