From fedfe0cd6726544554f3b979cd49d3ddf6f18074 Mon Sep 17 00:00:00 2001
From: Stephen Allen <stephenaallen@google.com>
Date: Wed, 8 Jul 2026 14:38:07 -0500
Subject: [PATCH] fix(live): remove live pre-session toggles to honor code
 config

---
 .../call-controls.component.html              | 20 +-----
 .../call-controls.component.scss              | 63 -------------------
 .../call-controls/call-controls.component.ts  | 17 +----
 .../chat-panel/chat-panel.component.html      |  2 +-
 .../chat-panel/chat-panel.component.i18n.ts   |  4 --
 .../chat-panel/chat-panel.component.ts        |  3 +-
 src/app/components/chat/chat.component.html   |  4 +-
 src/app/components/chat/chat.component.ts     |  9 ++-
 .../core/services/interfaces/stream-chat.ts   |  9 ---
 src/app/core/services/stream-chat.service.ts  | 30 ++-------
 10 files changed, 18 insertions(+), 143 deletions(-)

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 @@
     <div class="bar" [style.height.px]="4 + micVolume * 14"></div>
   </div>
 }
-<div class="call-btn-container" (mouseenter)="showFlags = true" (mouseleave)="showFlags = false">
+<div class="call-btn-container">
   <button
     mat-icon-button
     (click)="onCallClick()"
@@ -26,22 +26,4 @@
   >
     <mat-icon>{{ isAudioRecording ? 'call_end' : 'call' }}</mat-icon>
   </button>
-
-  @if (showFlags && !isAudioRecording && !disabled) {
-    <div class="flags-panel">
-      <div class="flags-title">Live Flags</div>
-      <div class="flag-item">
-        <mat-checkbox [checked]="flags.proactiveAudio" (change)="flags.proactiveAudio = $event.checked" [matTooltip]="i18n.proactiveAudioTooltip" matTooltipPosition="left" [disabled]="disabled">Proactive Audio</mat-checkbox>
-      </div>
-      <div class="flag-item">
-        <mat-checkbox [checked]="flags.enableAffectiveDialog" (change)="flags.enableAffectiveDialog = $event.checked" [matTooltip]="i18n.affectiveDialogTooltip" matTooltipPosition="left" [disabled]="disabled">Affective Dialog</mat-checkbox>
-      </div>
-      <div class="flag-item">
-        <mat-checkbox [checked]="flags.enableSessionResumption" (change)="flags.enableSessionResumption = $event.checked" [matTooltip]="i18n.sessionResumptionTooltip" matTooltipPosition="left" [disabled]="disabled">Session Resumption</mat-checkbox>
-      </div>
-      <div class="flag-item">
-        <mat-checkbox [checked]="flags.saveLiveBlob" (change)="flags.saveLiveBlob = $event.checked" [matTooltip]="i18n.saveLiveBlobTooltip" matTooltipPosition="left" [disabled]="disabled">Save Live Blob</mat-checkbox>
-      </div>
-    </div>
-  }
 </div>
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<LiveFlags>();
+  @Output() readonly toggleAudioRecording = new EventEmitter<void>();
   @Output() readonly toggleVideoRecording = new EventEmitter<void>();
 
   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 @@ <h3 style="margin: 0; color: var(--mat-sys-primary);">Evaluation Result</h3>
         <app-call-controls [isAudioRecording]="isAudioRecording" [isVideoRecording]="isVideoRecording"
           [micVolume]="micVolume" [isBidiStreamingEnabled]="(isBidiStreamingEnabledObs | async) ?? false"
           [disabled]="isLoadingAgentResponse() ?? false"
-          (toggleAudioRecording)="toggleAudioRecording.emit($event)"
+          (toggleAudioRecording)="toggleAudioRecording.emit()"
           (toggleVideoRecording)="toggleVideoRecording.emit()"></app-call-controls>
         @if (isLoadingAgentResponse()) {
           <button mat-icon-button (click)="stopMessage.emit($event)" class="stop-message-btn"
diff --git a/src/app/components/chat-panel/chat-panel.component.i18n.ts b/src/app/components/chat-panel/chat-panel.component.i18n.ts
index 5b4c682e..7765a710 100644
--- a/src/app/components/chat-panel/chat-panel.component.i18n.ts
+++ b/src/app/components/chat-panel/chat-panel.component.i18n.ts
@@ -49,10 +49,6 @@ export const CHAT_PANEL_MESSAGES = {
   turnOffCamTooltip: 'Turn off camera',
   useCamTooltip: 'Use camera',
   updatedSessionStateChipLabel: 'Updated session state',
-  proactiveAudioTooltip: 'Enable the model to speak spontaneously without waiting for user input',
-  affectiveDialogTooltip: 'Enable the model to respond with emotional expression',
-  sessionResumptionTooltip: 'Allow the session to resume from a previous state',
-  saveLiveBlobTooltip: 'Save the recorded live stream data',
 };
 
 
diff --git a/src/app/components/chat-panel/chat-panel.component.ts b/src/app/components/chat-panel/chat-panel.component.ts
index 2222fea3..3c509ff3 100644
--- a/src/app/components/chat-panel/chat-panel.component.ts
+++ b/src/app/components/chat-panel/chat-panel.component.ts
@@ -53,7 +53,6 @@ import { UI_STATE_SERVICE } from '../../core/services/interfaces/ui-state';
 import { THEME_SERVICE } from '../../core/services/interfaces/theme';
 import { JsonTooltipDirective } from '../../directives/html-tooltip.directive';
 import { WorkflowGraphTooltipDirective } from '../../directives/workflow-graph-tooltip.directive';
-import { LiveFlags } from '../../core/services/interfaces/stream-chat';
 import { A2uiCanvasComponent } from '../a2ui-canvas/a2ui-canvas.component';
 import { MediaType, } from '../artifact-tab/artifact-tab.component';
 import { AudioPlayerComponent } from '../audio-player/audio-player.component';
@@ -175,7 +174,7 @@ export class ChatPanelComponent implements OnChanges, AfterViewInit {
   @Output() readonly sendMessage = new EventEmitter<Event>();
   @Output() readonly stopMessage = new EventEmitter<Event>();
   @Output() readonly updateState = new EventEmitter<void>();
-  @Output() readonly toggleAudioRecording = new EventEmitter<LiveFlags>();
+  @Output() readonly toggleAudioRecording = new EventEmitter<void>();
   @Output() readonly toggleVideoRecording = new EventEmitter<void>();
   @Output() readonly longRunningResponseComplete = new EventEmitter<AgentRunRequest>();
   @Output() readonly toggleHideIntermediateEvents = new EventEmitter<void>();
diff --git a/src/app/components/chat/chat.component.html b/src/app/components/chat/chat.component.html
index 99cbfc08..bf148b13 100644
--- a/src/app/components/chat/chat.component.html
+++ b/src/app/components/chat/chat.component.html
@@ -633,7 +633,7 @@
               (sendMessage)="handleChatInput($event)"
               (stopMessage)="handleStopMessage()"
               (updateState)="updateState()"
-              (toggleAudioRecording)="toggleAudioRecording($event)"
+              (toggleAudioRecording)="toggleAudioRecording()"
               (toggleVideoRecording)="toggleVideoRecording()"
               (longRunningResponseComplete)="sendMessage($event)"
               [sessionName]="sessionId"
@@ -801,7 +801,7 @@
                     (removeStateUpdate)="removeStateUpdate()"
                     (sendMessage)="handleChatInput($event)"
                     (updateState)="updateState()"
-                    (toggleAudioRecording)="toggleAudioRecording($event)"
+                    (toggleAudioRecording)="toggleAudioRecording()"
                     (toggleVideoRecording)="toggleVideoRecording()"
                     (longRunningResponseComplete)="sendMessage($event)"
                     [sessionName]="sessionId"
diff --git a/src/app/components/chat/chat.component.ts b/src/app/components/chat/chat.component.ts
index 3a1eb0b3..d654d791 100644
--- a/src/app/components/chat/chat.component.ts
+++ b/src/app/components/chat/chat.component.ts
@@ -57,7 +57,7 @@ import { GRAPH_SERVICE } from '../../core/services/interfaces/graph';
 import { LOCAL_FILE_SERVICE } from '../../core/services/interfaces/localfile';
 import { SAFE_VALUES_SERVICE } from '../../core/services/interfaces/safevalues';
 import { SESSION_SERVICE } from '../../core/services/interfaces/session';
-import { LiveFlags, STREAM_CHAT_SERVICE } from '../../core/services/interfaces/stream-chat';
+import { STREAM_CHAT_SERVICE } from '../../core/services/interfaces/stream-chat';
 import { AUDIO_RECORDING_SERVICE } from '../../core/services/interfaces/audio-recording';
 import { AUDIO_PLAYING_SERVICE } from '../../core/services/interfaces/audio-playing';
 import { STRING_TO_COLOR_SERVICE } from '../../core/services/interfaces/string-to-color';
@@ -1945,12 +1945,12 @@ export class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     this.traceData = [];
   }
 
-  async toggleAudioRecording(flags?: LiveFlags) {
+  async toggleAudioRecording() {
     this.isAudioRecording ? this.stopAudioRecording() :
-      await this.startAudioRecording(flags);
+      await this.startAudioRecording();
   }
 
-  async startAudioRecording(flags?: LiveFlags) {
+  async startAudioRecording() {
     if (this.sessionId && this.activeBidiSessions.has(this.sessionId)) {
       this.openSnackBar(BIDI_STREAMING_IN_PROGRESS_WARNING, 'OK');
       return;
@@ -1968,7 +1968,6 @@ export class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
       appName: this.appName,
       userId: this.userId,
       sessionId: this.sessionId,
-      flags: flags,
     });
     this.changeDetectorRef.detectChanges();
   }
diff --git a/src/app/core/services/interfaces/stream-chat.ts b/src/app/core/services/interfaces/stream-chat.ts
index c893ffca..a3530942 100644
--- a/src/app/core/services/interfaces/stream-chat.ts
+++ b/src/app/core/services/interfaces/stream-chat.ts
@@ -24,19 +24,11 @@ export const STREAM_CHAT_SERVICE =
 /**
  * Service for supporting live streaming with audio/video.
  */
-export interface LiveFlags {
-  proactiveAudio?: boolean;
-  enableAffectiveDialog?: boolean;
-  enableSessionResumption?: boolean;
-  saveLiveBlob?: boolean;
-}
-
 export declare abstract class StreamChatService {
   abstract startAudioChat(options: {
     appName: string;
     userId: string;
     sessionId: string;
-    flags?: LiveFlags;
   }): Promise<void>;
   abstract stopAudioChat(): void;
   abstract startVideoChat(options: {
@@ -44,7 +36,6 @@ export declare abstract class StreamChatService {
     userId: string;
     sessionId: string;
     videoContainer: ElementRef;
-    flags?: LiveFlags;
   }): Promise<void>;
   abstract stopVideoChat(videoContainer: ElementRef): void;
   abstract startVideoStreaming(videoContainer: ElementRef): Promise<void>;
diff --git a/src/app/core/services/stream-chat.service.ts b/src/app/core/services/stream-chat.service.ts
index 676f0abb..a1dc1c1c 100644
--- a/src/app/core/services/stream-chat.service.ts
+++ b/src/app/core/services/stream-chat.service.ts
@@ -21,7 +21,7 @@ import {URLUtil} from '../../../utils/url-util';
 import {LiveRequest} from '../models/LiveRequest';
 
 import {AUDIO_RECORDING_SERVICE} from './interfaces/audio-recording';
-import {LiveFlags, STREAM_CHAT_SERVICE, StreamChatService as StreamChatServiceInterface} from './interfaces/stream-chat';
+import {STREAM_CHAT_SERVICE, StreamChatService as StreamChatServiceInterface} from './interfaces/stream-chat';
 import {VIDEO_SERVICE} from './interfaces/video';
 import {WEBSOCKET_SERVICE} from './interfaces/websocket';
 import {VideoService} from './video.service';
@@ -42,33 +42,17 @@ export class StreamChatService implements StreamChatServiceInterface {
 
   constructor() {}
 
-  private getWsUrl(appName: string, userId: string, sessionId: string, flags?: LiveFlags): string {
+  private getWsUrl(appName: string, userId: string, sessionId: string): string {
     const protocol = window.location.protocol === 'https:' ? 'wss' : 'ws';
-    let url = `${protocol}://${URLUtil.getWSServerUrl()}/run_live?app_name=${appName}&user_id=${userId}&session_id=${sessionId}`;
-    if (flags) {
-      if (flags.proactiveAudio) {
-        url += `&proactive_audio=true`;
-      }
-      if (flags.enableAffectiveDialog) {
-        url += `&enable_affective_dialog=true`;
-      }
-      if (flags.enableSessionResumption) {
-        url += `&enable_session_resumption=true`;
-      }
-      if (flags.saveLiveBlob) {
-        url += `&save_live_blob=true`;
-      }
-    }
-    return url;
+    return `${protocol}://${URLUtil.getWSServerUrl()}/run_live?app_name=${appName}&user_id=${userId}&session_id=${sessionId}`;
   }
 
   async startAudioChat({
     appName,
     userId,
     sessionId,
-    flags,
-  }: {appName: string; userId: string; sessionId: string; flags?: LiveFlags;}) {
-    this.webSocketService.connect(this.getWsUrl(appName, userId, sessionId, flags));
+  }: {appName: string; userId: string; sessionId: string;}) {
+    this.webSocketService.connect(this.getWsUrl(appName, userId, sessionId));
 
     await this.startAudioStreaming();
   }
@@ -112,13 +96,11 @@ export class StreamChatService implements StreamChatServiceInterface {
     userId,
     sessionId,
     videoContainer,
-    flags,
   }: {
     appName: string; userId: string; sessionId: string;
     videoContainer: ElementRef;
-    flags?: LiveFlags;
   }) {
-    this.webSocketService.connect(this.getWsUrl(appName, userId, sessionId, flags));
+    this.webSocketService.connect(this.getWsUrl(appName, userId, sessionId));
 
     await this.startAudioStreaming();
     await this.startVideoStreaming(videoContainer);