Fix NullInjectorError for the benchmark page

PiperOrigin-RevId: 723657360

src/ui/src/components/visualizer/benchmark_runner.ts

@@ -30,6 +30,7 @@ import * as three from 'three';
 import {ModelEdge, ModelGraph, NodeType, OpNode} from './common/model_graph';
 import {Point} from './common/types';
 import {generateCurvePoints} from './common/utils';
+import {EdgeOverlaysService} from './edge_overlays_service';
 import {Logo} from './logo';
 import {SplitPaneService} from './split_pane_service';
 import {SubgraphSelectionService} from './subgraph_selection_service';
@@ -50,7 +51,7 @@ const THREE = three;
     ReactiveFormsModule,
     WebglRenderer,
   ],
-  providers: [SubgraphSelectionService, SplitPaneService],
+  providers: [EdgeOverlaysService, SubgraphSelectionService, SplitPaneService],
   templateUrl: './benchmark_runner.ng.html',
   styleUrls: ['./benchmark_runner.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,

src/ui/src/components/visualizer/complex_queries.scss

@@ -58,7 +58,8 @@
 
       &.min,
       &.max {
-        width: 50px;
+        width: 46px;
+        flex-shrink: 0;
       }
     }
   }

src/ui/src/components/visualizer/graph_selector_panel.scss

@@ -31,6 +31,7 @@
   overflow-y: auto;
 
   input {
+    font-family: sans-serif;
     font-size: 12px;
     margin: 4px 10px;
     width: calc(100% - 20px);
@@ -40,6 +41,7 @@
     height: 20px;
     border-radius: 4px;
     padding: 0 2px;
+    min-width: 184px;
   }
 
   .collection-container {

src/ui/src/components/visualizer/search_bar.scss

@@ -36,6 +36,7 @@
       font-size: 20px;
       width: 20px;
       height: 20px;
+      flex-shrink: 0;
     }
 
     mat-icon.clear {
@@ -55,6 +56,7 @@
       padding: 0 4px;
       font-size: 12px;
       flex-grow: 1;
+      min-width: 0;
     }
 
     .btn-clear-container {

src/ui/src/components/visualizer/sync_navigation_button.scss

@@ -182,7 +182,7 @@ $sync_highlight_color: #004fb8;
     margin: 4px 0 0 36px;
     resize: none;
     border-radius: 3px;
-    font-family: 'Google Sans Text', 'Google Sans', Arial, Helvetica, sans-serif;
+    font-family: sans-serif;
     font-size: 11px;
     padding: 2px;
     line-break: anywhere;

src/ui/src/components/visualizer/view_on_node.scss

@@ -109,7 +109,7 @@
       border: 1px solid #aaa;
       border-radius: 3px;
       padding: 3px 26px 3px 4px;
-      min-width: 200px;
+      width: 200px;
 
       &::placeholder {
         color: #aaa;