From 1e9d6e1b1c645bd4f49792b2cb630e7bbabb2080 Mon Sep 17 00:00:00 2001
From: Thomas <thomas.whyyou@gmail.com>
Date: Thu, 2 Apr 2026 15:24:35 -0400
Subject: [PATCH 1/4] add open in dashboard and reset engagement buttons

---
 packages/client/src/clients/guide/types.ts    |  1 +
 .../components/Toolbar/V2/GuideRowDetails.tsx | 21 +++++++++++++++++--
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/clients/guide/types.ts b/packages/client/src/clients/guide/types.ts
index d57ae5276..2b453971c 100644
--- a/packages/client/src/clients/guide/types.ts
+++ b/packages/client/src/clients/guide/types.ts
@@ -72,6 +72,7 @@ export interface GuideData<TContent = Any> {
   activation_url_rules: GuideActivationUrlRuleData[];
   activation_url_patterns: GuideActivationUrlPatternData[];
   bypass_global_group_limit: boolean;
+  dashboard_url: string;
   inserted_at: string;
   updated_at: string;
 }
diff --git a/packages/react/src/modules/guide/components/Toolbar/V2/GuideRowDetails.tsx b/packages/react/src/modules/guide/components/Toolbar/V2/GuideRowDetails.tsx
index d89c499db..9948784b4 100644
--- a/packages/react/src/modules/guide/components/Toolbar/V2/GuideRowDetails.tsx
+++ b/packages/react/src/modules/guide/components/Toolbar/V2/GuideRowDetails.tsx
@@ -1,3 +1,4 @@
+import { Button } from "@telegraph/button";
 import { Box, Stack } from "@telegraph/layout";
 import { Tooltip } from "@telegraph/tooltip";
 import { Text } from "@telegraph/typography";
@@ -135,7 +136,7 @@ export const GuideRowDetails = ({
   );
 
   return (
-    <Stack px="3" py="2" gap="2" direction="row" align="flex-start">
+    <Stack p="1" gap="2" direction="row" align="flex-start">
       <CardContainer title="Eligibility">
         <StatusRow
           label="Active"
@@ -156,7 +157,6 @@ export const GuideRowDetails = ({
           tooltip="Whether the current user matches the guide's targeting conditions."
         />
       </CardContainer>
-
       <CardContainer title="Visibility">
         <StatusRow
           label="Activation"
@@ -185,6 +185,23 @@ export const GuideRowDetails = ({
           </Tooltip>
         </StatusRow>
       </CardContainer>
+      <Stack direction="column" gap="1">
+        <Button
+          size="0"
+          variant="outline"
+          // TODO(KNO-11468): Placeholder button
+          onClick={() => {}}
+        >
+          Reset engagement
+        </Button>
+        <Button
+          size="0"
+          variant="outline"
+          onClick={() => window.open(guide.dashboard_url, "_blank", "noopener")}
+        >
+          Open in dashboard
+        </Button>
+      </Stack>
     </Stack>
   );
 };

From fa54481ceddadeccaaaf3cbe5ecc34469dac41c5 Mon Sep 17 00:00:00 2001
From: Thomas <thomas.whyyou@gmail.com>
Date: Thu, 2 Apr 2026 15:40:41 -0400
Subject: [PATCH 2/4] style updates

---
 .../components/Toolbar/V2/GuideRowDetails.tsx   | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/packages/react/src/modules/guide/components/Toolbar/V2/GuideRowDetails.tsx b/packages/react/src/modules/guide/components/Toolbar/V2/GuideRowDetails.tsx
index 9948784b4..2f7b569c7 100644
--- a/packages/react/src/modules/guide/components/Toolbar/V2/GuideRowDetails.tsx
+++ b/packages/react/src/modules/guide/components/Toolbar/V2/GuideRowDetails.tsx
@@ -31,7 +31,7 @@ const CardContainer = ({
     bg="surface-1"
     border="px"
     borderColor="gray-4"
-    style={{ flex: 1 }}
+    style={{ flex: 1, alignSelf: "stretch" }}
   >
     <Text as="span" size="0" color="gray" weight="medium">
       {title}
@@ -185,15 +185,12 @@ export const GuideRowDetails = ({
           </Tooltip>
         </StatusRow>
       </CardContainer>
-      <Stack direction="column" gap="1">
-        <Button
-          size="0"
-          variant="outline"
-          // TODO(KNO-11468): Placeholder button
-          onClick={() => {}}
-        >
-          Reset engagement
-        </Button>
+      <Stack
+        direction="column"
+        justify="flex-end"
+        gap="1"
+        style={{ alignSelf: "stretch" }}
+      >
         <Button
           size="0"
           variant="outline"

From 8b55be7a967c0757696a372e38fe0907ad0bbf4c Mon Sep 17 00:00:00 2001
From: Thomas <thomas.whyyou@gmail.com>
Date: Thu, 2 Apr 2026 16:08:34 -0400
Subject: [PATCH 3/4] changeset

---
 .changeset/happy-grapes-relate.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/happy-grapes-relate.md

diff --git a/.changeset/happy-grapes-relate.md b/.changeset/happy-grapes-relate.md
new file mode 100644
index 000000000..89c47160a
--- /dev/null
+++ b/.changeset/happy-grapes-relate.md
@@ -0,0 +1,6 @@
+---
+"@knocklabs/client": patch
+"@knocklabs/react": patch
+---
+
+[Guides] Add a Open in dashboard button to guide toolbar v2

From 65af25da41819ef99d4cb92d346874215bc6ae0a Mon Sep 17 00:00:00 2001
From: Thomas <thomas.whyyou@gmail.com>
Date: Mon, 6 Apr 2026 15:27:06 -0400
Subject: [PATCH 4/4] dashboard url can be null technically

---
 packages/client/src/clients/guide/types.ts     |  2 +-
 .../components/Toolbar/V2/GuideRowDetails.tsx  | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/packages/client/src/clients/guide/types.ts b/packages/client/src/clients/guide/types.ts
index 2b453971c..f1c834a6b 100644
--- a/packages/client/src/clients/guide/types.ts
+++ b/packages/client/src/clients/guide/types.ts
@@ -72,7 +72,7 @@ export interface GuideData<TContent = Any> {
   activation_url_rules: GuideActivationUrlRuleData[];
   activation_url_patterns: GuideActivationUrlPatternData[];
   bypass_global_group_limit: boolean;
-  dashboard_url: string;
+  dashboard_url: string | null;
   inserted_at: string;
   updated_at: string;
 }
diff --git a/packages/react/src/modules/guide/components/Toolbar/V2/GuideRowDetails.tsx b/packages/react/src/modules/guide/components/Toolbar/V2/GuideRowDetails.tsx
index 2f7b569c7..aa3ba0778 100644
--- a/packages/react/src/modules/guide/components/Toolbar/V2/GuideRowDetails.tsx
+++ b/packages/react/src/modules/guide/components/Toolbar/V2/GuideRowDetails.tsx
@@ -130,7 +130,7 @@ export const GuideRowDetails = ({
     );
   }
 
-  const { annotation } = guide;
+  const { annotation, dashboard_url: dashboardUrl } = guide;
   const selectableStatusSummary = getSelectableStatusSummary(
     annotation.selectable.status,
   );
@@ -191,13 +191,15 @@ export const GuideRowDetails = ({
         gap="1"
         style={{ alignSelf: "stretch" }}
       >
-        <Button
-          size="0"
-          variant="outline"
-          onClick={() => window.open(guide.dashboard_url, "_blank", "noopener")}
-        >
-          Open in dashboard
-        </Button>
+        {dashboardUrl && (
+          <Button
+            size="0"
+            variant="outline"
+            onClick={() => window.open(dashboardUrl, "_blank", "noopener")}
+          >
+            Open in dashboard
+          </Button>
+        )}
       </Stack>
     </Stack>
   );