feat(devtools): add an experimental signals toggle (#62218)

create an experimental toggle to allow opening the signals graph view

PR Close #62218

devtools/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.html

@@ -142,6 +142,16 @@
         >
       </label>
     }
+    @if (supportedApis().signals) {
+      <label mat-menu-item disableRipple>
+        <mat-slide-toggle
+          [checked]="signalGraphEnabled()"
+          (change)="setSignalGraph($event.checked)"
+        >
+          Enable Signal Graph (experimental)</mat-slide-toggle
+        >
+      </label>
+    }
   </div>
 </mat-menu>
 

devtools/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.ts

@@ -186,4 +186,8 @@ export class DevToolsTabsComponent {
       this.activeTab.set('Components');
     }
   }
+
+  protected setSignalGraph(enabled: boolean): void {
+    this.signalGraphEnabled.set(enabled);
+  }
 }