From c4df77f4e5f3646cb66ea34aa0a201762ed8b094 Mon Sep 17 00:00:00 2001
From: Milo <milomg4@gmail.com>
Date: Mon, 19 May 2025 21:54:57 -0400
Subject: [PATCH] feat(devtools): add an experimental signals toggle (#62218)

create an experimental toggle to allow opening the signals graph view

PR Close #62218
---
 .../src/lib/devtools-tabs/devtools-tabs.component.html | 10 ++++++++++
 .../src/lib/devtools-tabs/devtools-tabs.component.ts   |  4 ++++
 2 files changed, 14 insertions(+)

diff --git a/devtools/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.html b/devtools/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.html
index 400682128c8..facfc6fc6f7 100644
--- a/devtools/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.html
+++ b/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>
 
diff --git a/devtools/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.ts b/devtools/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.ts
index 91e204fc368..d8186cec63d 100644
--- a/devtools/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.ts
+++ b/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);
+  }
 }