ADK changes

src/app/app.component.ts

@@ -15,10 +15,11 @@
  * limitations under the License.
  */
 
-import {Component} from '@angular/core';
+import {ChangeDetectionStrategy, Component} from '@angular/core';
 import { ChatComponent } from './components/chat/chat.component';
 
 @Component({
+    changeDetection: ChangeDetectionStrategy.Eager,
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrl: './app.component.scss',

src/app/components/add-callback-dialog/add-callback-dialog.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, Inject, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Inject, ViewChild } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule, NgModel } from '@angular/forms';
 import {
@@ -44,6 +44,7 @@ export class ImmediateErrorStateMatcher implements ErrorStateMatcher {
 }
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-add-callback-dialog',
   templateUrl: './add-callback-dialog.component.html',
   styleUrl: './add-callback-dialog.component.scss',

src/app/components/add-item-dialog/add-item-dialog.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import {Component, inject, Inject} from '@angular/core';
+import {ChangeDetectionStrategy, Component, inject, Inject} from '@angular/core';
 import {
   MAT_DIALOG_DATA,
   MatDialogActions,
@@ -34,6 +34,7 @@ import { FormsModule } from '@angular/forms';
 import { MatButton } from '@angular/material/button';
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-add-item-dialog',
   templateUrl: './add-item-dialog.component.html',
   styleUrl: './add-item-dialog.component.scss',

src/app/components/add-tool-dialog/add-tool-dialog.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, Inject, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Inject, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { MAT_DIALOG_DATA, MatDialogActions, MatDialogContent, MatDialogRef, MatDialogTitle } from '@angular/material/dialog';
@@ -27,6 +27,7 @@ import { MatIcon } from '@angular/material/icon';
 import { TooltipUtil } from '../../../utils/tooltip-util';
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-add-tool-dialog',
   templateUrl: './add-tool-dialog.component.html',
   styleUrl: './add-tool-dialog.component.scss',

src/app/components/artifact-tab/artifact-tab.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import {Component, Inject, inject, input, OnChanges, SimpleChanges} from '@angular/core';
+import {ChangeDetectionStrategy, Component, Inject, inject, input, OnChanges, SimpleChanges} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {MatButton} from '@angular/material/button';
 import {MatOption} from '@angular/material/core';
@@ -88,6 +88,7 @@ export function isArtifactAudio(mimeType: string): boolean {
 
 
 @Component({
+    changeDetection: ChangeDetectionStrategy.Eager,
     selector: 'app-artifact-tab',
     templateUrl: './artifact-tab.component.html',
     styleUrl: './artifact-tab.component.scss',

src/app/components/audio-player/audio-player.component.ts

@@ -15,9 +15,10 @@
  * limitations under the License.
  */
 
-import {Component, ElementRef, input, OnChanges, SimpleChanges, viewChild} from '@angular/core';
+import {ChangeDetectionStrategy, Component, ElementRef, input, OnChanges, SimpleChanges, viewChild} from '@angular/core';
 
 @Component({
+    changeDetection: ChangeDetectionStrategy.Eager,
     selector: 'app-audio-player',
     templateUrl: './audio-player.component.html',
     styleUrls: ['./audio-player.component.scss'],

src/app/components/builder-assistant/builder-assistant.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, Input, Output, EventEmitter, OnInit, Inject, ViewChild, ElementRef, AfterViewChecked, inject, Type} from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter, OnInit, Inject, ViewChild, ElementRef, AfterViewChecked, inject, Type} from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { MatIcon } from '@angular/material/icon';
@@ -32,6 +32,7 @@ import { YamlUtils } from '../../../utils/yaml-utils';
 import {MARKDOWN_COMPONENT, MarkdownComponentInterface} from '../markdown/markdown.component.interface';
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-builder-assistant',
   templateUrl: './builder-assistant.component.html',
   styleUrl: './builder-assistant.component.scss',

src/app/components/built-in-tool-dialog/built-in-tool-dialog.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, Inject, OnInit, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Inject, OnInit, ViewChild } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { MAT_DIALOG_DATA, MatDialogActions, MatDialogClose, MatDialogContent, MatDialogRef, MatDialogTitle } from '@angular/material/dialog';
@@ -30,6 +30,7 @@ interface ToolCategory {
 }
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-built-in-tool-dialog',
   templateUrl: './built-in-tool-dialog.component.html',
   styleUrl: './built-in-tool-dialog.component.scss',

src/app/components/canvas/canvas.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import {Component, ElementRef, ViewChild, AfterViewInit, OnInit, OnChanges, SimpleChanges, inject, signal, Input, Output, EventEmitter, ChangeDetectorRef, computed} from '@angular/core';
+import {ChangeDetectionStrategy, Component, ElementRef, ViewChild, AfterViewInit, OnInit, OnChanges, SimpleChanges, inject, signal, Input, Output, EventEmitter, ChangeDetectorRef, computed} from '@angular/core';
 import { DiagramConnection, AgentNode, ToolNode, CallbackNode, YamlConfig } from '../../core/models/AgentBuilder';
 import { MatDialog } from '@angular/material/dialog';
 import { AgentService } from '../../core/services/agent.service';
@@ -38,6 +38,7 @@ import { AsyncPipe } from "@angular/common";
 import { BuilderAssistantComponent } from "../builder-assistant/builder-assistant.component";
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: "app-canvas",
   templateUrl: "./canvas.component.html",
   styleUrl: "./canvas.component.scss",

src/app/components/chat-panel/chat-panel.component.ts

@@ -17,7 +17,7 @@
 
 import {TextFieldModule} from '@angular/cdk/text-field';
 import {CommonModule, NgClass} from '@angular/common';
-import {AfterViewInit, Component, DestroyRef, effect, ElementRef, EventEmitter, HostListener, inject, input, Input, OnChanges, Output, signal, SimpleChanges, Type, ViewChild} from '@angular/core';
+import {AfterViewInit, ChangeDetectionStrategy, Component, DestroyRef, effect, ElementRef, EventEmitter, HostListener, inject, input, Input, OnChanges, Output, signal, SimpleChanges, Type, ViewChild} from '@angular/core';
 import {takeUntilDestroyed, toSignal} from '@angular/core/rxjs-interop';
 import {FormsModule} from '@angular/forms';
 import {MatButtonModule} from '@angular/material/button';
@@ -57,6 +57,7 @@ import {ChatPanelMessagesInjectionToken} from './chat-panel.component.i18n';
 const ROOT_AGENT = 'root_agent';
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-chat-panel',
   templateUrl: './chat-panel.component.html',
   styleUrl: './chat-panel.component.scss',

src/app/components/code-editor/code-editor.component.ts

@@ -16,6 +16,7 @@
  */
 
 import {
+  ChangeDetectionStrategy,
   AfterViewInit,
   Component,
   ElementRef,
@@ -89,6 +90,7 @@ const pythonLinter = linter((view) => {
 });
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-code-editor',
   templateUrl: './code-editor.component.html',
   styleUrls: ['./code-editor.component.scss'],

src/app/components/computer-action/computer-action.component.ts

@@ -15,14 +15,15 @@
  * limitations under the License.
  */
 import {CommonModule} from '@angular/common';
-import {Component, EventEmitter, Input, Output} from '@angular/core';
+import {ChangeDetectionStrategy, Component, EventEmitter, Input, Output} from '@angular/core';
 import {MatIconModule} from '@angular/material/icon';
 import {MatTooltipModule} from '@angular/material/tooltip';
 
 import {ComputerUseClickCall, ComputerUsePayload, isComputerUseResponse, isVisibleComputerUseClick} from '../../core/models/ComputerUse';
 import type {FunctionCall, FunctionResponse} from '../../core/models/types';
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-computer-action',
   templateUrl: './computer-action.component.html',
   styleUrl: './computer-action.component.scss',

src/app/components/confirmation-dialog/confirmation-dialog.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import {Component, Inject} from '@angular/core';
+import {ChangeDetectionStrategy, Component, Inject} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {
   MAT_DIALOG_DATA,
@@ -44,6 +44,7 @@ export interface ConfirmationDialogData {
 }
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-confirmation-dialog',
   templateUrl: './confirmation-dialog.component.html',
   styleUrls: ['./confirmation-dialog.component.scss'],

src/app/components/custom-logo/custom-logo.component.ts

@@ -15,12 +15,13 @@
  * limitations under the License.
  */
 
-import {Component} from '@angular/core';
+import {ChangeDetectionStrategy, Component, Input, Output, EventEmitter, OnInit, Inject, ViewChild, ElementRef, AfterViewChecked, inject, Type} from '@angular/core';
 
 import {RuntimeConfigUtil} from '../../../utils/runtime-config-util';
 
 /** Logo component to override the default logo. */
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-custom-logo',
   standalone: true,
   templateUrl: './custom-logo.component.html',

src/app/components/edit-json-dialog/edit-json-dialog.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import {Component, Inject, inject, OnInit, viewChild} from '@angular/core';
+import {ChangeDetectionStrategy, Component, Inject, inject, OnInit, viewChild} from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose } from '@angular/material/dialog';
 
 import {JsonEditorComponent} from '../json-editor/json-editor.component';
@@ -30,6 +30,7 @@ export interface EditJsonData {
 }
 
 @Component({
+    changeDetection: ChangeDetectionStrategy.Eager,
     selector: 'app-edit-json-dialog',
     templateUrl: './edit-json-dialog.component.html',
     styleUrls: ['./edit-json-dialog.component.scss'],

src/app/components/eval-tab/add-eval-session-dialog/add-eval-session-dialog/add-eval-session-dialog.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import {Component, inject} from '@angular/core';
+import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose } from '@angular/material/dialog';
 import {uuidv4} from 'uuidv7';
 import {EVAL_SERVICE} from '../../../../core/services/interfaces/eval';
@@ -26,6 +26,7 @@ import { FormsModule } from '@angular/forms';
 import { MatButton } from '@angular/material/button';
 
 @Component({
+    changeDetection: ChangeDetectionStrategy.Eager,
     selector: 'app-add-eval-session-dialog',
     templateUrl: './add-eval-session-dialog.component.html',
     styleUrl: './add-eval-session-dialog.component.scss',

src/app/components/eval-tab/eval-tab.component.ts

@@ -17,7 +17,7 @@
 
 import {SelectionModel} from '@angular/cdk/collections';
 import {NgClass} from '@angular/common';
-import {ChangeDetectorRef, Component, inject, InjectionToken, input, OnChanges, OnInit, output, signal, SimpleChanges, Type, viewChildren} from '@angular/core';
+import {ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, InjectionToken, input, OnChanges, OnInit, output, signal, SimpleChanges, Type, viewChildren} from '@angular/core';
 import {MatCheckbox} from '@angular/material/checkbox';
 import {MatDialog} from '@angular/material/dialog';
 import {MatIcon} from '@angular/material/icon';
@@ -79,6 +79,7 @@ interface AppEvaluationResult {
 }
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-eval-tab',
   templateUrl: './eval-tab.component.html',
   styleUrl: './eval-tab.component.scss',

src/app/components/eval-tab/new-eval-set-dialog/new-eval-set-dialog-component/new-eval-set-dialog-component.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import {Component, inject} from '@angular/core';
+import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose } from '@angular/material/dialog';
 import {uuidv4} from 'uuidv7';
 import {EVAL_SERVICE} from '../../../../core/services/interfaces/eval';
@@ -26,6 +26,7 @@ import { FormsModule } from '@angular/forms';
 import { MatButton } from '@angular/material/button';
 
 @Component({
+    changeDetection: ChangeDetectionStrategy.Eager,
     selector: 'app-new-eval-set-dialog-component',
     templateUrl: './new-eval-set-dialog-component.component.html',
     styleUrl: './new-eval-set-dialog-component.component.scss',

src/app/components/eval-tab/run-eval-config-dialog/run-eval-config-dialog.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import {Component, Inject} from '@angular/core';
+import {ChangeDetectionStrategy, Component, Inject} from '@angular/core';
 import { FormBuilder, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogTitle, MatDialogContent, MatDialogActions } from '@angular/material/dialog';
 
@@ -34,6 +34,7 @@ export interface EvalConfigData {
 }
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
     selector: 'app-run-eval-config-dialog',
     templateUrl: './run-eval-config-dialog.component.html',
     styleUrls: ['./run-eval-config-dialog.component.scss'],

src/app/components/event-tab/event-tab.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import {Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, computed, inject, input, signal} from '@angular/core';
+import {ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, computed, inject, input, signal} from '@angular/core';
 import {MatDialog} from '@angular/material/dialog';
 
 import {Span} from '../../core/models/Trace';
@@ -29,6 +29,7 @@ import {EventTabMessagesInjectionToken} from './event-tab.component.i18n';
 import {InvocIdPipe} from './invoc-id.pipe';
 
 @Component({
+    changeDetection: ChangeDetectionStrategy.Eager,
     selector: 'app-event-tab',
     templateUrl: './event-tab.component.html',
     styleUrl: './event-tab.component.scss',

src/app/components/event-tab/trace-chart/trace-chart.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, Inject, OnInit } from "@angular/core";
+import { ChangeDetectionStrategy, Component, Inject, OnInit } from "@angular/core";
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose } from "@angular/material/dialog";
 import { CdkScrollable } from "@angular/cdk/scrolling";
 import { MatButton } from "@angular/material/button";
@@ -44,6 +44,7 @@ interface TimeTick {
 }
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
     selector: 'app-trace-chart',
     templateUrl: './trace-chart.component.html',
     styleUrl: './trace-chart.component.scss',

src/app/components/json-tooltip/json-tooltip.component.ts

@@ -16,10 +16,11 @@
  */
 import {SAFE_VALUES_SERVICE} from '../../core/services/interfaces/safevalues';
 
-import {Component, Input, inject} from '@angular/core';
+import {ChangeDetectionStrategy, Component, Input, inject} from '@angular/core';
 import {SafeHtml} from '@angular/platform-browser';
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-json-tooltip',
   template: `<div [innerHTML]="formattedJson"></div>`,
   styles: [`

src/app/components/long-running-response/long-running-response.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import {ChangeDetectorRef, Component, EventEmitter, inject, Input, Output} from '@angular/core';
+import {ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, inject, Input, Output} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {MatIconButton} from '@angular/material/button';
 import {MatIcon} from '@angular/material/icon';
@@ -24,6 +24,7 @@ import {AgentRunRequest} from '../../core/models/AgentRunRequest';
 import {AGENT_SERVICE} from '../../core/services/interfaces/agent';
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-long-running-response',
   templateUrl: './long-running-response.html',
   styleUrl: './long-running-response.scss',

src/app/components/markdown/markdown.component.ts

@@ -16,13 +16,14 @@
  */
 
 import {CommonModule} from '@angular/common';
-import {Component, input} from '@angular/core';
+import {ChangeDetectionStrategy, Component, input} from '@angular/core';
 import {MarkdownModule, provideMarkdown} from 'ngx-markdown';
 
 /**
  * Renders markdown text.
  */
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'app-markdown',
   templateUrl: './markdown.component.html',
   standalone: true,