openxla · copybara-service · Feb 11, 2026
diff --git a/frontend/app/components/framework_op_stats/framework_op_stats.ts b/frontend/app/components/framework_op_stats/framework_op_stats.ts
@@ -1,4 +1,4 @@
-import {Component, Input} from '@angular/core';
+import {Component, Input, ChangeDetectionStrategy} from '@angular/core';
 import {Store} from '@ngrx/store';
 import {IdleOption, OpExecutor, OpKind, OpType} from 'org_xprof/frontend/app/common/constants/enums';
 import {ChartDataInfo} from 'org_xprof/frontend/app/common/interfaces/chart';
@@ -17,7 +17,7 @@ const MEASURED_FLOP_RATE_ID = 'measured_flop_rate';
 
 /** A TensorFlow Stats component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'framework-op-stats',
   templateUrl: './framework_op_stats.ng.html',
   styleUrls: ['./framework_op_stats.css']

diff --git a/frontend/app/components/framework_op_stats/framework_op_stats_adapter.ts b/frontend/app/components/framework_op_stats/framework_op_stats_adapter.ts
@@ -1,4 +1,4 @@
-import {Component, inject, NgModule, OnDestroy} from '@angular/core';
+import {Component, inject, NgModule, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {ActivatedRoute, Params} from '@angular/router';
 import {Store} from '@ngrx/store';
 import {DataRequestType} from 'org_xprof/frontend/app/common/constants/enums';
@@ -11,7 +11,7 @@ import {takeUntil} from 'rxjs/operators';
 
 /** An overview adapter component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'framework-op-stats-adapter',
   template:
       '<framework-op-stats [sessionId]="sessionId" [tool]="tool" [host]="host"></framework-op-stats>',

diff --git a/frontend/app/components/kernel_stats/kernel_stats.ts b/frontend/app/components/kernel_stats/kernel_stats.ts
@@ -1,11 +1,11 @@
-import {Component, Input} from '@angular/core';
+import {Component, Input, ChangeDetectionStrategy} from '@angular/core';
 import {Store} from '@ngrx/store';
 import {SimpleDataTable} from 'org_xprof/frontend/app/common/interfaces/data_table';
 import {getKernelStatsDataState} from 'org_xprof/frontend/app/store/common_data_store/selectors';
 
 /** A Kernel Stats component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'kernel-stats',
   templateUrl: './kernel_stats.ng.html',
   styleUrls: ['./kernel_stats.css']

diff --git a/frontend/app/components/kernel_stats/kernel_stats_adapter.ts b/frontend/app/components/kernel_stats/kernel_stats_adapter.ts
@@ -1,4 +1,4 @@
-import {Component, NgModule, OnDestroy} from '@angular/core';
+import {Component, NgModule, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {ActivatedRoute, Params} from '@angular/router';
 import {Store} from '@ngrx/store';
 import {DataRequestType} from 'org_xprof/frontend/app/common/constants/enums';
@@ -10,7 +10,7 @@ import {KernelStatsModule} from './kernel_stats_module';
 
 /** A kernel stats adapter component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'kernel-stats-adapter',
   template:
       '<kernel-stats [sessionId]="sessionId" [tool]="tool" [host]="host"></kernel-stats>',

diff --git a/frontend/app/components/op_profile/op_profile.ts b/frontend/app/components/op_profile/op_profile.ts
@@ -1,4 +1,4 @@
-import {Component, inject, OnDestroy} from '@angular/core';
+import {Component, inject, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {ActivatedRoute, Params} from '@angular/router';
 import {Store} from '@ngrx/store';
 import {Throbber} from 'org_xprof/frontend/app/common/classes/throbber';
@@ -13,7 +13,7 @@ const GROUP_BY_RULES = ['program', 'category', 'provenance'];
 
 /** An op profile component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'op-profile',
   templateUrl: './op_profile.ng.html',
   styleUrls: ['./op_profile_common.scss']

diff --git a/frontend/app/components/op_profile/op_profile_base.ts b/frontend/app/components/op_profile/op_profile_base.ts
@@ -1,4 +1,4 @@
-import {Component, EventEmitter, inject, Injector, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges} from '@angular/core';
+import {Component, EventEmitter, inject, Injector, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 import {Params} from '@angular/router';
 import {Store} from '@ngrx/store';
 import {type OpProfileProto} from 'org_xprof/frontend/app/common/interfaces/data_table';
@@ -18,7 +18,7 @@ const GROUP_BY_RULES = ['program', 'category', 'provenance'];
 
 /** Base class of Op Profile component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'op-profile-base',
   templateUrl: './op_profile_base.ng.html',
   styleUrls: ['./op_profile_common.scss']

diff --git a/frontend/app/components/overview_page/run_environment_view/run_environment_view.ts b/frontend/app/components/overview_page/run_environment_view/run_environment_view.ts
@@ -1,9 +1,9 @@
-import {Component, Input} from '@angular/core';
+import {Component, Input, ChangeDetectionStrategy} from '@angular/core';
 import {type RunEnvironment} from 'org_xprof/frontend/app/common/interfaces/data_table';
 
 /** A run environment view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'run-environment-view',
   templateUrl: './run_environment_view.ng.html',
   styleUrls: ['./run_environment_view.scss']

diff --git a/frontend/app/components/overview_page/step_time_graph/step_time_graph.ts b/frontend/app/components/overview_page/step_time_graph/step_time_graph.ts
@@ -1,4 +1,4 @@
-import {AfterViewInit, Component, ElementRef, HostListener, Input, OnChanges, SimpleChanges, ViewChild} from '@angular/core';
+import {AfterViewInit, Component, ElementRef, HostListener, Input, OnChanges, SimpleChanges, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 import {STACK_CHART_FILL_COLORS} from 'org_xprof/frontend/app/common/constants/constants';
 import {type InputPipelineAnalysis} from 'org_xprof/frontend/app/common/interfaces/data_table';
 
@@ -17,7 +17,7 @@ const COLORS_FOR_GPU = [
 
 /** A step-time graph view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'step-time-graph',
   templateUrl: './step_time_graph.ng.html',
   styleUrls: ['./step_time_graph.scss']

diff --git a/frontend/app/components/perf_counters/perf_counters.ts b/frontend/app/components/perf_counters/perf_counters.ts
@@ -1,4 +1,4 @@
-import {Component, inject, OnDestroy} from '@angular/core';
+import {Component, inject, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {ActivatedRoute, Params} from '@angular/router';
 import {Store} from '@ngrx/store';
 import {Throbber} from 'org_xprof/frontend/app/common/classes/throbber';
@@ -12,7 +12,7 @@ import {takeUntil} from 'rxjs/operators';
 
 /** A perf counters component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'perf-counters',
   templateUrl: './perf_counters.ng.html',
   styleUrls: ['./perf_counters.scss'],

diff --git a/frontend/app/components/pod_viewer/pod_viewer.ts b/frontend/app/components/pod_viewer/pod_viewer.ts
@@ -1,4 +1,4 @@
-import {Component, inject, OnDestroy} from '@angular/core';
+import {Component, inject, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {ActivatedRoute} from '@angular/router';
 import {Store} from '@ngrx/store';
 import {PodViewerDatabase} from 'org_xprof/frontend/app/common/interfaces/data_table';
@@ -12,7 +12,7 @@ import {PodViewerCommon} from './pod_viewer_common';
 
 /** A pod viewer component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'pod-viewer',
   templateUrl: './pod_viewer.ng.html',
   styleUrls: ['./pod_viewer.css']

diff --git a/frontend/app/components/pod_viewer/pod_viewer_details/pod_viewer_details.ts b/frontend/app/components/pod_viewer/pod_viewer_details/pod_viewer_details.ts
@@ -1,4 +1,4 @@
-import {Component, OnDestroy} from '@angular/core';
+import {Component, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {Store} from '@ngrx/store';
 
 import {AllReduceOpInfo, ChannelInfo, PodStatsRecord} from 'org_xprof/frontend/app/common/interfaces/data_table';
@@ -14,7 +14,7 @@ interface DetailInfo {
 
 /** A pod viewer details view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'pod-viewer-details',
   templateUrl: './pod_viewer_details.ng.html',
   styleUrls: ['./pod_viewer_details.scss']

diff --git a/frontend/app/components/pod_viewer/stack_bar_chart/stack_bar_chart.ts b/frontend/app/components/pod_viewer/stack_bar_chart/stack_bar_chart.ts
@@ -1,4 +1,4 @@
-import {Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, ViewChild} from '@angular/core';
+import {Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 import {KELLY_COLORS} from 'org_xprof/frontend/app/common/constants/constants';
 import {PrimitiveTypeNumberStringOrUndefined} from 'org_xprof/frontend/app/common/interfaces/data_table';
 
@@ -7,7 +7,7 @@ const DEFAULT_CHART_WIDTH = 500;
 
 /** A stack bar chart view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'stack-bar-chart',
   templateUrl: './stack_bar_chart.ng.html',
   styleUrls: ['./stack_bar_chart.scss']

diff --git a/frontend/app/components/pod_viewer/topology_graph/topology_graph.ts b/frontend/app/components/pod_viewer/topology_graph/topology_graph.ts
@@ -1,4 +1,4 @@
-import {Component, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, Output} from '@angular/core';
+import {Component, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, Output, ChangeDetectionStrategy} from '@angular/core';
 import {Store} from '@ngrx/store';
 import {KELLY_COLORS} from 'org_xprof/frontend/app/common/constants/constants';
 import {AllReduceOpInfo, ChannelInfo, PodStatsRecord, type PodViewerTopology, StepBreakdownEvent} from 'org_xprof/frontend/app/common/interfaces/data_table';
@@ -46,7 +46,7 @@ const NODE_COLORS = [
 
 /** A topology graph view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'topology-graph',
   templateUrl: './topology_graph.ng.html',
   styleUrls: ['./topology_graph.scss']

diff --git a/frontend/app/components/roofline_model/operation_level_analysis/operation_level_analysis.ts b/frontend/app/components/roofline_model/operation_level_analysis/operation_level_analysis.ts
@@ -1,4 +1,4 @@
-import {Component, ElementRef, EventEmitter, inject, Input, NgZone, OnChanges, OnInit, Output, Renderer2, SimpleChanges, ViewChild} from '@angular/core';
+import {Component, ElementRef, EventEmitter, inject, Input, NgZone, OnChanges, OnInit, Output, Renderer2, SimpleChanges, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 import {PIE_CHART_PALETTE} from 'org_xprof/frontend/app/common/constants/roofline_model_constants';
 import {ChartDataInfo} from 'org_xprof/frontend/app/common/interfaces/chart';
 import {SimpleDataTable} from 'org_xprof/frontend/app/common/interfaces/data_table';
@@ -14,7 +14,7 @@ type ColumnIdxArr = Array<number|google.visualization.ColumnSpec>;
  * An operation level analysis table view component (step appregation: total).
  */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'operation-level-analysis',
   templateUrl: './operation_level_analysis.ng.html',
   styleUrls: ['./operation_level_analysis.scss'],

diff --git a/frontend/app/components/roofline_model/program_level_analysis/program_level_analysis.ts b/frontend/app/components/roofline_model/program_level_analysis/program_level_analysis.ts
@@ -5,7 +5,7 @@ import {
   OnChanges,
   OnInit,
   Output,
-  SimpleChanges,
+  SimpleChanges, ChangeDetectionStrategy,
 } from '@angular/core';
 import {ChartDataInfo} from 'org_xprof/frontend/app/common/interfaces/chart';
 import {SimpleDataTable} from 'org_xprof/frontend/app/common/interfaces/data_table';
@@ -17,7 +17,7 @@ type ColumnIdxArr = Array<number | google.visualization.ColumnSpec>;
 
 /** An program level analysis table view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'program-level-analysis',
   templateUrl: './program_level_analysis.ng.html',
   styleUrls: ['./program_level_analysis.scss'],

diff --git a/frontend/app/components/roofline_model/roofline_model.ts b/frontend/app/components/roofline_model/roofline_model.ts
@@ -1,4 +1,4 @@
-import {Component, inject, OnDestroy, ViewChild} from '@angular/core';
+import {Component, inject, OnDestroy, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 import {ActivatedRoute, Params} from '@angular/router';
 import {Store} from '@ngrx/store';
 import {Throbber} from 'org_xprof/frontend/app/common/classes/throbber';
@@ -42,7 +42,7 @@ const NVIDIA_GPU_TYPE_PREFIX = 'Nvidia GPU';
 
 /** A roofline model component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'roofline-model',
   templateUrl: './roofline_model.ng.html',
   styleUrls: ['./roofline_model.scss'],

diff --git a/frontend/app/components/sidenav/sidenav.ts b/frontend/app/components/sidenav/sidenav.ts
@@ -1,4 +1,4 @@
-import {Component, OnDestroy, OnInit} from '@angular/core';
+import {Component, OnDestroy, OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {MatCheckboxChange} from '@angular/material/checkbox';
 import {ActivatedRouteSnapshot, Router} from '@angular/router';
 import {Store} from '@ngrx/store';
@@ -14,7 +14,7 @@ import {takeUntil} from 'rxjs/operators';
 
 /** A side navigation component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'sidenav',
   templateUrl: './sidenav.ng.html',
   styleUrls: ['./sidenav.scss']

diff --git a/frontend/app/components/smart_suggestion/smart_suggestion_view.ts b/frontend/app/components/smart_suggestion/smart_suggestion_view.ts
@@ -1,5 +1,5 @@
 import {CommonModule} from '@angular/common';
-import {Component, HostBinding, Input, OnChanges, OnInit, SimpleChanges, inject, OnDestroy} from '@angular/core';
+import {Component, HostBinding, Input, OnChanges, OnInit, SimpleChanges, inject, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {MatButtonModule} from '@angular/material/button';
 import {MatCardModule} from '@angular/material/card';
 import {MatExpansionModule} from '@angular/material/expansion';
@@ -29,7 +29,7 @@ const FEEDBACK_STORAGE_KEY_PREFIX = 'smartSuggestionFeedback';
 
 /** A component for displaying smart suggestions. */
 @Component({
-  selector: 'smart-suggestion-view',
+  changeDetection: ChangeDetectionStrategy.Eager,selector: 'smart-suggestion-view',
   templateUrl: './smart_suggestion_view.ng.html',
   styleUrls: ['./smart_suggestion_view.scss'],
   standalone: true,

diff --git a/frontend/app/components/source_mapper/source_mapper.ts b/frontend/app/components/source_mapper/source_mapper.ts
@@ -1,4 +1,4 @@
-import {Component, inject, Input, OnChanges, OnDestroy, SimpleChanges} from '@angular/core';
+import {Component, inject, Input, OnChanges, OnDestroy, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 import {Store} from '@ngrx/store';
 import {GRAPH_TYPE_DEFAULT, GRAPH_TYPE_ORIGINAL_HLO} from 'org_xprof/frontend/app/common/constants/constants';
 import {FileExtensionType} from 'org_xprof/frontend/app/common/constants/enums';
@@ -24,7 +24,7 @@ enum CompilerPass {
  * TPU operations can be HLO or LLO.
  */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'source-mapper',
   templateUrl: './source_mapper.ng.html',
   styleUrls: ['./source_mapper.css'],

diff --git a/frontend/app/components/stack_trace_page/stack_trace_page.ts b/frontend/app/components/stack_trace_page/stack_trace_page.ts
@@ -1,4 +1,4 @@
-import {Component, inject, Injector, OnDestroy} from '@angular/core';
+import {Component, inject, Injector, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {ActivatedRoute, Params} from '@angular/router';
 import {SOURCE_CODE_SERVICE_INTERFACE_TOKEN} from 'org_xprof/frontend/app/services/source_code_service/source_code_service_interface';
 import {combineLatest, ReplaySubject} from 'rxjs';
@@ -17,7 +17,7 @@ import {takeUntil} from 'rxjs/operators';
  * various IR text mapping.
  */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'stack-trace-page',
   templateUrl: './stack_trace_page.ng.html',
   styleUrls: ['./stack_trace_page.css'],

diff --git a/frontend/app/components/trace_viewer/trace_viewer.ts b/frontend/app/components/trace_viewer/trace_viewer.ts
@@ -1,5 +1,5 @@
 import {PlatformLocation} from '@angular/common';
-import {Component, inject, Injector, OnDestroy} from '@angular/core';
+import {Component, inject, Injector, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {ActivatedRoute} from '@angular/router';
 import {Store} from '@ngrx/store';
 import {API_PREFIX, DATA_API, PLUGIN_NAME} from 'org_xprof/frontend/app/common/constants/constants';
@@ -12,7 +12,7 @@ import {takeUntil} from 'rxjs/operators';
 
 /** A trace viewer component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'trace-viewer',
   templateUrl: './trace_viewer.ng.html',
   styleUrls: ['./trace_viewer.css']

diff --git a/frontend/app/components/trace_viewer_container/trace_viewer_container.ts b/frontend/app/components/trace_viewer_container/trace_viewer_container.ts
@@ -1,5 +1,5 @@
 import {CommonModule} from '@angular/common';
-import {Component, ElementRef, Input, OnDestroy, OnInit, ViewChild} from '@angular/core';
+import {Component, ElementRef, Input, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 import {MatIconModule} from '@angular/material/icon';
 import {MatProgressBarModule} from '@angular/material/progress-bar';
 import {LOADING_STATUS_UPDATE_EVENT_NAME, TraceViewerV2LoadingStatus, type TraceViewerV2Module} from 'org_xprof/frontend/app/components/trace_viewer_v2/main';
@@ -45,7 +45,7 @@ function isLoadingStatusUpdateEvent(
 
 /** A trace viewer container component. */
 @Component({
-  standalone: true,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: true,
   selector: 'trace-viewer-container',
   templateUrl: './trace_viewer_container.ng.html',
   styleUrls: ['./trace_viewer_container.css'],

diff --git a/frontend/app/components/utilization_viewer/utilization_viewer.ts b/frontend/app/components/utilization_viewer/utilization_viewer.ts
@@ -1,4 +1,4 @@
-import {Component, inject, OnDestroy} from '@angular/core';
+import {Component, inject, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {ActivatedRoute, Params} from '@angular/router';
 import {Store} from '@ngrx/store';
 import {Throbber} from 'org_xprof/frontend/app/common/classes/throbber';
@@ -58,7 +58,7 @@ declare interface NodeFilterDataProcessorMap {
  * node in a TPU chip.
  */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'utilization-viewer',
   templateUrl: './utilization_viewer.ng.html',
   styleUrls: ['./utilization_viewer.scss'],