openxla · copybara-service · Feb 11, 2026
diff --git a/...tend/app/components/input_pipeline/host_side_analysis_detail/host_side_analysis_detail.ts b/...tend/app/components/input_pipeline/host_side_analysis_detail/host_side_analysis_detail.ts
@@ -1,4 +1,4 @@
-import {Component, Input, OnChanges, OnInit, SimpleChanges} from '@angular/core';
+import {Component, Input, OnChanges, OnInit, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 import {ChartDataInfo} from 'org_xprof/frontend/app/common/interfaces/chart';
 import {DEFAULT_SIMPLE_DATA_TABLE, type InputPipelineHostAnalysis, type SimpleDataTable} from 'org_xprof/frontend/app/common/interfaces/data_table';
 import {TABLE_OPTIONS} from 'org_xprof/frontend/app/components/chart/chart_options';
@@ -8,7 +8,7 @@ import {HostSideAnalysisDetailTableDataProvider} from './host_side_analysis_deta
 
 /** A host-side analysis detail view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'host-side-analysis-detail',
   templateUrl: './host_side_analysis_detail.ng.html',
   styleUrls: ['./host_side_analysis_detail.scss']

diff --git a/frontend/app/components/input_pipeline/input_pipeline.ts b/frontend/app/components/input_pipeline/input_pipeline.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';
@@ -28,7 +28,7 @@ const STEPTIME_COLUMN_IDS_FOR_TPU_INTERNAL = [
 
 /** An input pipeline component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'input-pipeline',
   templateUrl: './input_pipeline.ng.html',
   styleUrls: ['./input_pipeline.css']

diff --git a/frontend/app/components/input_pipeline/max_infeed_detail/max_infeed_detail.ts b/frontend/app/components/input_pipeline/max_infeed_detail/max_infeed_detail.ts
@@ -5,13 +5,13 @@ import {
   Input,
   OnChanges,
   SimpleChanges,
-  ViewChild,
+  ViewChild, ChangeDetectionStrategy,
 } from '@angular/core';
 import {type SimpleDataTable} from 'org_xprof/frontend/app/common/interfaces/data_table';
 
 /** A max-infeed-detail view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'max-infeed-detail',
   templateUrl: './max_infeed_detail.ng.html',
   styleUrls: ['./max_infeed_detail.scss'],

diff --git a/frontend/app/components/kernel_stats/kernel_stats_table/kernel_stats_table.ts b/frontend/app/components/kernel_stats/kernel_stats_table/kernel_stats_table.ts
@@ -1,4 +1,4 @@
-import {Component, ElementRef, Input, OnChanges, OnInit, SimpleChanges, ViewChild} from '@angular/core';
+import {Component, ElementRef, Input, OnChanges, OnInit, SimpleChanges, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 import {type SimpleDataTable} from 'org_xprof/frontend/app/common/interfaces/data_table';
 
 declare interface KernelStatsColumn {
@@ -31,7 +31,7 @@ const OP_NAME_COLUMN_ID = 'op_name';
 
 /** A kernel stats table view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'kernel-stats-table',
   templateUrl: './kernel_stats_table.ng.html',
   styleUrls: ['./kernel_stats_table.scss']

diff --git a/frontend/app/components/main_page/main_page.ts b/frontend/app/components/main_page/main_page.ts
@@ -1,4 +1,4 @@
-import {Component, inject, OnDestroy} from '@angular/core';
+import {Component, inject, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {Store} from '@ngrx/store';
 import {Diagnostics} from 'org_xprof/frontend/app/common/interfaces/diagnostics';
 import {NavigationEvent} from 'org_xprof/frontend/app/common/interfaces/navigation_event';
@@ -11,7 +11,7 @@ import {takeUntil} from 'rxjs/operators';
 
 /** A main page component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'main-page',
   templateUrl: './main_page.ng.html',
   styleUrls: ['./main_page.scss']

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

diff --git a/frontend/app/components/megascale_stats/megascale_stats.ts b/frontend/app/components/megascale_stats/megascale_stats.ts
@@ -1,4 +1,4 @@
-import {Component, inject, OnDestroy} from '@angular/core';
+import {Component, inject, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {ActivatedRoute, Params, Router} from '@angular/router';
 import {Store} from '@ngrx/store';
 import {Throbber} from 'org_xprof/frontend/app/common/classes/throbber';
@@ -21,7 +21,7 @@ const DIAGNOSTICS_INDEX = 1;
 
 /** A Megascale Stats page component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'megascale-stats',
   templateUrl: './megascale_stats.ng.html',
   styleUrls: ['./megascale_stats.scss']

diff --git a/frontend/app/components/memory_profile/memory_breakdown_table/memory_breakdown_table.ts b/frontend/app/components/memory_profile/memory_breakdown_table/memory_breakdown_table.ts
@@ -1,12 +1,12 @@
-import {Component, ElementRef, Input, OnChanges, OnInit, SimpleChanges, ViewChild} from '@angular/core';
+import {Component, ElementRef, Input, OnChanges, OnInit, SimpleChanges, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 import {type MemoryProfileProto} from 'org_xprof/frontend/app/common/interfaces/data_table';
 import {bytesToGiBs} from 'org_xprof/frontend/app/common/utils/utils';
 
 const DATA_TABLE_OPERATION_INDEX = 0;
 
 /** A memory breakdown table view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'memory-breakdown-table',
   templateUrl: './memory_breakdown_table.ng.html',
   styleUrls: ['./memory_breakdown_table.scss']

diff --git a/frontend/app/components/memory_profile/memory_profile.ts b/frontend/app/components/memory_profile/memory_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';
@@ -11,7 +11,7 @@ import {takeUntil} from 'rxjs/operators';
 
 /** A Memory Profile component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'memory-profile',
   templateUrl: './memory_profile.ng.html',
   styleUrls: ['./memory_profile.css'],

diff --git a/frontend/app/components/memory_profile/memory_profile_summary/memory_profile_summary.ts b/frontend/app/components/memory_profile/memory_profile_summary/memory_profile_summary.ts
@@ -1,10 +1,10 @@
-import {AfterViewInit, ChangeDetectorRef, Component, Input, OnChanges, SimpleChanges} from '@angular/core';
+import {AfterViewInit, ChangeDetectorRef, Component, Input, OnChanges, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 import {type MemoryProfileProto} from 'org_xprof/frontend/app/common/interfaces/data_table';
 import {humanReadableText} from 'org_xprof/frontend/app/common/utils/utils';
 
 /** A memory profile summary view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'memory-profile-summary',
   templateUrl: './memory_profile_summary.ng.html',
   styleUrls: ['./memory_profile_summary.scss']

diff --git a/frontend/app/components/memory_profile/memory_timeline_graph/memory_timeline_graph.ts b/frontend/app/components/memory_profile/memory_timeline_graph/memory_timeline_graph.ts
@@ -1,12 +1,12 @@
-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 {type HloModule, type MemoryProfileProto, MemoryProfileSnapshot} from 'org_xprof/frontend/app/common/interfaces/data_table';
 import {bytesToGiBs, picoToMilli} from 'org_xprof/frontend/app/common/utils/utils';
 
 const MAX_CHART_WIDTH = 1500;
 
 /** A Memory Timeline Graph view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'memory-timeline-graph',
   templateUrl: './memory_timeline_graph.ng.html',
   styleUrls: ['./memory_timeline_graph.scss']

diff --git a/frontend/app/components/memory_viewer/buffer_details/buffer_details.ts b/frontend/app/components/memory_viewer/buffer_details/buffer_details.ts
@@ -1,4 +1,4 @@
-import {Component, inject, Input, OnDestroy} from '@angular/core';
+import {Component, inject, Input, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {Store} from '@ngrx/store';
 import {HeapObject} from 'org_xprof/frontend/app/common/interfaces/heap_object';
 import {SourceInfo} from 'org_xprof/frontend/app/common/interfaces/source_info.jsonpb_decls.d';
@@ -10,7 +10,7 @@ import {takeUntil} from 'rxjs/operators';
 
 /** A buffer details view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'buffer-details',
   templateUrl: './buffer_details.ng.html',
   styleUrls: ['./buffer_details.scss']

diff --git a/frontend/app/components/memory_viewer/max_heap_chart/max_heap_chart.ts b/frontend/app/components/memory_viewer/max_heap_chart/max_heap_chart.ts
@@ -1,10 +1,10 @@
-import {Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild} from '@angular/core';
+import {Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 import {HeapObject} from 'org_xprof/frontend/app/common/interfaces/heap_object';
 import * as utils from 'org_xprof/frontend/app/common/utils/utils';
 
 /** A max heap chart view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'max-heap-chart',
   templateUrl: './max_heap_chart.ng.html',
   styleUrls: ['./max_heap_chart.scss']

diff --git a/frontend/app/components/memory_viewer/max_heap_chart_downloader/max_heap_chart_downloader.ts b/frontend/app/components/memory_viewer/max_heap_chart_downloader/max_heap_chart_downloader.ts
@@ -1,11 +1,11 @@
-import {Component, Input} from '@angular/core';
+import {Component, Input, ChangeDetectionStrategy} from '@angular/core';
 import {type MemoryViewerPreprocessResult} from 'org_xprof/frontend/app/common/interfaces/data_table';
 import {HeapObject} from 'org_xprof/frontend/app/common/interfaces/heap_object';
 import {MemoryUsage} from 'org_xprof/frontend/app/components/memory_viewer/memory_usage/memory_usage';
 
 /** A component to download hlo module in proto, text or json formats. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'max-heap-chart-downloader',
   templateUrl: './max_heap_chart_downloader.ng.html',
   styleUrls: ['./max_heap_chart_downloader.scss'],

diff --git a/frontend/app/components/memory_viewer/memory_viewer.ts b/frontend/app/components/memory_viewer/memory_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';
@@ -12,7 +12,7 @@ import {takeUntil} from 'rxjs/operators';
 
 /** A memory viewer component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'memory-viewer',
   templateUrl: './memory_viewer.ng.html',
   styleUrls: ['./memory_viewer.scss'],

diff --git a/frontend/app/components/memory_viewer/memory_viewer_control/memory_viewer_control.ts b/frontend/app/components/memory_viewer/memory_viewer_control/memory_viewer_control.ts
@@ -1,9 +1,9 @@
-import {Component, EventEmitter, Input, Output} from '@angular/core';
+import {Component, EventEmitter, Input, Output, ChangeDetectionStrategy} from '@angular/core';
 import {NavigationEvent} from 'org_xprof/frontend/app/common/interfaces/navigation_event';
 
 /** A side navigation component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'memory-viewer-control',
   templateUrl: './memory_viewer_control.ng.html',
   styleUrls: ['./memory_viewer_control.scss'],

diff --git a/frontend/app/components/memory_viewer/memory_viewer_main/memory_viewer_main.ts b/frontend/app/components/memory_viewer/memory_viewer_main/memory_viewer_main.ts
@@ -1,4 +1,4 @@
-import {Component, inject, Injector, Input, OnChanges, OnDestroy} from '@angular/core';
+import {Component, inject, Injector, Input, OnChanges, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {Store} from '@ngrx/store';
 import {BufferAllocationInfo} from 'org_xprof/frontend/app/common/interfaces/buffer_allocation_info';
 import {type MemoryViewerPreprocessResult} from 'org_xprof/frontend/app/common/interfaces/data_table';
@@ -19,7 +19,7 @@ interface BufferSpan {
 
 /** A memory viewer component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'memory-viewer-main',
   templateUrl: './memory_viewer_main.ng.html',
   styleUrls: ['./memory_viewer_main.scss']

diff --git a/frontend/app/components/memory_viewer/program_order_chart/program_order_chart.ts b/frontend/app/components/memory_viewer/program_order_chart/program_order_chart.ts
@@ -1,12 +1,12 @@
-import {Component, ElementRef, Input, OnChanges, OnInit, SimpleChanges, ViewChild} from '@angular/core';
+import {Component, ElementRef, Input, OnChanges, OnInit, SimpleChanges, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 import {type BufferAllocationInfo} from 'org_xprof/frontend/app/common/interfaces/buffer_allocation_info';
 import {ChartDataInfo, ChartType} from 'org_xprof/frontend/app/common/interfaces/chart';
 import {SimpleDataTable} from 'org_xprof/frontend/app/common/interfaces/data_table';
 import {DefaultDataProvider} from 'org_xprof/frontend/app/components/chart/default_data_provider';
 
 /** A program order chart view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'program-order-chart',
   templateUrl: './program_order_chart.ng.html',
   styleUrls: ['./program_order_chart.scss']

diff --git a/frontend/app/components/op_profile/op_details/op_details.ts b/frontend/app/components/op_profile/op_details/op_details.ts
@@ -1,4 +1,4 @@
-import {Component, EventEmitter, inject, Input, Output} from '@angular/core';
+import {Component, EventEmitter, inject, Input, Output, ChangeDetectionStrategy} from '@angular/core';
 import {Store} from '@ngrx/store';
 import {NavigationEvent} from 'org_xprof/frontend/app/common/interfaces/navigation_event';
 import * as utils from 'org_xprof/frontend/app/common/utils/utils';
@@ -11,7 +11,7 @@ import {takeUntil} from 'rxjs/operators';
 
 /** An op details view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'op-details',
   templateUrl: './op_details.ng.html',
   styleUrls: ['./op_details.scss']

diff --git a/frontend/app/components/op_profile/op_table/op_table.ts b/frontend/app/components/op_profile/op_table/op_table.ts
@@ -1,11 +1,11 @@
-import {Component, Input, OnDestroy} from '@angular/core';
+import {Component, Input, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {Store} from '@ngrx/store';
 import {type Node} from 'org_xprof/frontend/app/common/interfaces/op_profile.jsonpb_decls';
 import {setActiveOpProfileNodeAction} from 'org_xprof/frontend/app/store/actions';
 
 /** An op table view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'op-table',
   templateUrl: './op_table.ng.html',
   styleUrls: ['./op_table.scss']

diff --git a/frontend/app/components/op_profile/op_table_entry/op_table_entry.ts b/frontend/app/components/op_profile/op_table_entry/op_table_entry.ts
@@ -1,4 +1,4 @@
-import {Component, EventEmitter, Input, OnChanges, Output, SimpleChanges} from '@angular/core';
+import {Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 import {Store} from '@ngrx/store';
 import * as utils from 'org_xprof/frontend/app/common/utils/utils';
 import {updateSelectedOpNodeChainAction} from 'org_xprof/frontend/app/store/actions';
@@ -10,7 +10,7 @@ import {takeUntil} from 'rxjs/operators';
 
 /** An op table entry view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'op-table-entry',
   templateUrl: './op_table_entry.ng.html',
   styleUrls: ['./op_table_entry.scss']

diff --git a/frontend/app/components/overview_page/inference_latency_chart/inference_latency_chart.ts b/frontend/app/components/overview_page/inference_latency_chart/inference_latency_chart.ts
@@ -6,15 +6,15 @@ import {
   Input,
   OnChanges,
   SimpleChanges,
-  ViewChild,
+  ViewChild, ChangeDetectionStrategy,
 } from '@angular/core';
 import {type SimpleDataTable} from 'org_xprof/frontend/app/common/interfaces/data_table';
 
 const MAX_CHART_WIDTH = 800;
 
 /** An inference latency chart view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'inference-latency-chart',
   templateUrl: './inference_latency_chart.ng.html',
   styleUrls: ['./inference_latency_chart.scss'],

diff --git a/...w_page/normalized_accelerator_performance_view/normalized_accelerator_performance_view.ts b/...w_page/normalized_accelerator_performance_view/normalized_accelerator_performance_view.ts
@@ -1,9 +1,9 @@
-import {Component, Input} from '@angular/core';
+import {Component, Input, ChangeDetectionStrategy} from '@angular/core';
 import {DEFAULT_SIMPLE_DATA_TABLE, type NormalizedAcceleratorPerformance} from 'org_xprof/frontend/app/common/interfaces/data_table';
 
 /** A normalized accelerator performance view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'normalized-accelerator-performance-view',
   templateUrl: './normalized_accelerator_performance_view.ng.html',
   styleUrls: ['./normalized_accelerator_performance_view.scss']

diff --git a/frontend/app/components/overview_page/overview_page_module.ts b/frontend/app/components/overview_page/overview_page_module.ts
@@ -1,5 +1,5 @@
 import {CommonModule} from '@angular/common';
-import {Component, EventEmitter, inject, Input, NgModule, OnDestroy, Output} from '@angular/core';
+import {Component, EventEmitter, inject, Input, NgModule, OnDestroy, Output, ChangeDetectionStrategy} from '@angular/core';
 import {ActivatedRoute, Params} from '@angular/router';
 import {Store} from '@ngrx/store';
 import {type GeneralAnalysis, type InputPipelineAnalysis, type OverviewPageDataTuple, type RunEnvironment, type SimpleDataTable} from 'org_xprof/frontend/app/common/interfaces/data_table';
@@ -23,7 +23,7 @@ const DIAGNOSTICS_INDEX = 6;
 
 /** An overview page component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'overview-page',
   templateUrl: './overview_page.ng.html',
   styleUrls: ['./overview_page.css']

diff --git a/frontend/app/components/overview_page/performance_summary/performance_summary.ts b/frontend/app/components/overview_page/performance_summary/performance_summary.ts
@@ -1,4 +1,4 @@
-import {Component, inject, Input, OnChanges, OnInit, SimpleChanges} from '@angular/core';
+import {Component, inject, Input, OnChanges, OnInit, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 import {type GeneralAnalysis, type InputPipelineAnalysis} from 'org_xprof/frontend/app/common/interfaces/data_table';
 import {GeneralProps, SummaryInfo, SummaryInfoConfig} from 'org_xprof/frontend/app/common/interfaces/summary_info';
 import {DATA_SERVICE_INTERFACE_TOKEN} from 'org_xprof/frontend/app/services/data_service_v2/data_service_v2_interface';
@@ -196,7 +196,7 @@ const TPU_SUMMARY_INFO: SummaryInfoConfig[] = [
 
 /** A performance summary view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'performance-summary',
   templateUrl: './performance_summary.ng.html',
   styleUrls: ['./performance_summary.scss']