Merge branch 'stagehand-zod3' of https://github.com/ruifigueira/cloudflare-docs into pr/25720

Author: JohnDaWalka

src/assets/images/log-explorer/log-explorer-usage.png

@@ -5,6 +5,8 @@ sidebar:
   order: 21
 ---
 
+import { DashButton } from "~/components";
+
 Cloudflare recommends API tokens as the preferred authentication method with Cloudflare APIs. This article walks through creating API tokens for authentication to the GraphQL Analytics API.
 
 For more details on API tokens and the full range of supported options, refer to [Creating API tokens](/fundamentals/api/get-started/create-token/).
@@ -18,15 +20,11 @@ To create an API token for authentication to the GraphQL Analytics API, use this
 
 ## Access the Create API Token page
 
-To access the **Create Custom Token** page, follow these steps:
-
-1. Log in to your Cloudflare account and select _My Profile_ from the user account drop-down list.
-
-![User account drop-down menu](~/assets/images/analytics/account-profile.png)
+1. In the Cloudflare dashboard, go to the **Account API tokens** page.
 
-2. In your user profile page, select the **API Tokens** tab.
+   <DashButton url="/?to=/:account/api-tokens" />
 
-3. In the **API Tokens** page, select **Create Token**.
+2. Select **Create Token**.
 
 ![API Tokens tab](~/assets/images/analytics/user-profile-api-tokens-tab.png)
 

src/content/docs/analytics/graphql-api/getting-started/authentication/api-token-auth.mdx

@@ -7,7 +7,7 @@ head: []
 description: Learn how to enable Argo Smart Routing in the Cloudflare dashboard.
 ---
 
-import { Render, TabItem, Tabs } from "~/components";
+import { Render, TabItem, Tabs, DashButton } from "~/components";
 
 <Render file="smart-shield-callout" product="smart-shield" />
 
@@ -17,10 +17,12 @@ Argo Smart Routing is a one-click solution to speed up your global traffic.
 
 To enable [Argo Smart Routing](https://dash.cloudflare.com/?to=/:account/:zone/traffic) in the dashboard:
 
-1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account and domain.
-2. Go to **Traffic** > **Argo Smart Routing**.
-3. For **Argo Smart Routing**, switch the toggle to **On**.
-4. Provide your billing information.
+1. In the Cloudflare dashboard, go to the **Argo Smart Routing** page.
+
+   <DashButton url="/?to=/:account/:zone/traffic" />
+
+2. For **Argo Smart Routing**, switch the toggle to **On**.
+3. Provide your billing information.
 
    - If you do not have a [billing profile](/billing/create-billing-profile/), enter your billing information.
 

src/content/docs/argo-smart-routing/get-started.mdx

@@ -6,6 +6,8 @@ sidebar:
 
 ---
 
+import { DashButton } from "~/components";
+
 After you [change your nameservers](/automatic-platform-optimization/get-started/change-nameservers/), activate the Cloudflare WordPress plugin.
 
 ## Prerequisites
@@ -54,13 +56,15 @@ To create the connection between WordPress and Cloudflare, you will create an AP
 
 ## Create the API token from Cloudflare
 
-1. Open your Cloudflare dashboard.
-2. Select **My Profile** from the top of the page.
-3. Select **API Tokens** > **Create Token**.
-4. Locate **WordPress** from the list and select **Use template**.
-5. Select **Continue to summary** at the bottom of the page.
-6. On the **WordPress API token summary** page, select **Create Token**. Your API token displays.
-7. Select the **Copy** button to copy your token. You will need to paste the token in the next section.
+1. In the Cloudflare dashboard, go to the **Account API tokens** page.
+
+   <DashButton url="/?to=/:account/api-tokens" />
+
+2. Select **Create Token**.
+3. Locate **WordPress** from the list and select **Use template**.
+4. Select **Continue to summary** at the bottom of the page.
+5. On the **WordPress API token summary** page, select **Create Token**. Your API token displays.
+6. Select the **Copy** button to copy your token. You will need to paste the token in the next section.
 
 :::note
 

src/content/docs/automatic-platform-optimization/get-started/activate-cf-wp-plugin.mdx

@@ -168,6 +168,21 @@ Then, in your Worker code, import the `workersAIClient.ts` file and use it to co
 
 :::note
 The snippet above requires [Zod v3](https://v3.zod.dev/) and is currently not compatible with Zod v4.
+
+Ensure your `package.json` has the following dependencies:
+
+	```json
+	{
+		// ...
+		"dependencies": {
+			"@browserbasehq/stagehand": "^2.5.0",
+			"@cloudflare/playwright": "^1.0.0",
+			"zod": "^3.25.76",
+			"zod-to-json-schema": "^3.24.6"
+			// ...
+		}
+	}
+	```
 :::
 
 ### 4. Build the project

src/content/docs/browser-rendering/platform/stagehand.mdx

@@ -5,7 +5,7 @@ sidebar:
   order: 5
 ---
 
-import { TabItem, Tabs } from "~/components";
+import { TabItem, Tabs, DashButton } from "~/components";
 
 In the following sections, we will give you some details about how to configure Cloudflare for SaaS with Regional Services and Customer Metadata Boundary.
 
@@ -15,9 +15,11 @@ To configure Regional Services for both hostnames [proxied](/dns/proxy-status/)
 
 <Tabs syncKey="dashPlusAPI"> <TabItem label="Dashboard">
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select an account and zone.
-2. Go to the **Custom Hostnames** tab.
-3. Follow these steps to [configure Cloudflare for SaaS](/cloudflare-for-platforms/cloudflare-for-saas/start/getting-started/).
+1. In the Cloudflare dashboard, go to the **Custom Hostnames** page.
+
+   <DashButton url="/?to=/:account/:zone/ssl-tls/custom-hostnames" />
+
+2. Follow these steps to [configure Cloudflare for SaaS](/cloudflare-for-platforms/cloudflare-for-saas/start/getting-started/).
 
 </TabItem>
 

src/content/docs/data-localization/how-to/cloudflare-for-saas.mdx

@@ -5,7 +5,7 @@ sidebar:
   order: 2
 ---
 
-import { Details, APIRequest } from "~/components";
+import { Details, APIRequest, DashButton } from "~/components";
 
 You can configure the Metadata Boundary to select the region where your logs and analytics are stored via API or dashboard.
 
@@ -15,9 +15,11 @@ Currently, this can only be applied at the account-level. If you only want the M
 
 To configure Customer Metadata Boundary in the dashboard:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select your account.
-2. Go to **Manage Account** > **Configurations**.
-3. In **Customer Metadata Boundary**, select the region you want to use. You have the option to select `EU` or `US`. If you want to select both regions, select `Global` instead.
+1. In the Cloudflare dashboard, go to the **Settings** page.
+
+   <DashButton url="/?to=/:account/configurations" />
+
+2. In **Customer Metadata Boundary**, select the region you want to use. You have the option to select `EU` or `US`. If you want to select both regions, select `Global` instead.
 
 ## Configure Customer Metadata Boundary via API
 
@@ -71,6 +73,9 @@ Here is an example request using cURL to delete regions:
 
 To view or change your Customer Metadata Boundary setting:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
-2. Go to **Manage Account** > **Configurations** > **Preferences**.
+1. In the Cloudflare dashboard, go to the **Settings** page.
+
+   <DashButton url="/?to=/:account/configurations" />
+
+2. Go to **Preferences**.
 3. Locate the **Customer Metadata Boundary** section.

src/content/docs/data-localization/metadata-boundary/get-started.mdx

@@ -8,7 +8,7 @@ head:
     content: Get Started — Regional Services
 ---
 
-import { Details, APIRequest } from "~/components";
+import { Details, APIRequest, DashButton } from "~/components";
 
 :::note
 
@@ -22,10 +22,12 @@ You can use Regional Services through the dashboard or via API.
 
 To use Regional Services, you need to first create a DNS record in the dashboard:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select an account and domain.
-2. Go to the **DNS** tab.
-3. Follow these steps to [create a DNS record](/dns/manage-dns-records/how-to/create-dns-records/).
-4. From the **Region** dropdown, select the region you would like to use on your domain. This value will be applied to all DNS records on the same hostname. This means that if you have two DNS records of the same hostname and change the region for one of them, both records will have the same region.
+1. In the Cloudflare dashboard, go to the **Records** page.
+
+   <DashButton url="/?to=/:account/:zone/dns/records" />
+
+2. Follow these steps to [create a DNS record](/dns/manage-dns-records/how-to/create-dns-records/).
+3. From the **Region** dropdown, select the region you would like to use on your domain. This value will be applied to all DNS records on the same hostname. This means that if you have two DNS records of the same hostname and change the region for one of them, both records will have the same region.
 
 :::note
 

src/content/docs/data-localization/regional-services/get-started.mdx

@@ -6,20 +6,22 @@ sidebar:
 
 ---
 
-import { Render } from "~/components";
+import { Render, DashButton } from "~/components";
 
 <Render file="smart-shield-callout" product="smart-shield" />
 
 This guide will get you started with creating and managing configured Health Checks.
 
 ## Create a Health Check
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account and domain.
-2. Go to **Traffic** > **Health Checks**.
-3. Select **Create** and fill out the form, paying special attention to:
+1. In the Cloudflare dashboard, go to the **Health Checks** page.
+
+   <DashButton url="/?to=/:account/:zone/traffic/health-checks" />
+
+2. Select **Create** and fill out the form, paying special attention to:
    * The values for **Interval** and **Check regions**, because decreasing the **Interval** and increasing **Check regions** may increase the load on your origin server.
    * **Retries**, which specify the number of retries to attempt in case of a timeout before marking the origin as unhealthy.
-4. Select **Save and Deploy**.
+3. Select **Save and Deploy**.
 
 ## Manage Health Checks
 

src/content/docs/health-checks/get-started.mdx

@@ -6,16 +6,17 @@ sidebar:
 
 ---
 
-import { AvailableNotifications, Render } from "~/components"
+import { AvailableNotifications, Render, DashButton } from "~/components"
 
 <Render file="smart-shield-callout" product="smart-shield" />
 
 Once you have set up a standalone Health Check including notification emails, use Health Check Analytics to debug possible origin issues.
 
 To access health check analytics:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account and domain.
-2. Go to **Traffic** > **Health Check Analytics**.
+1. In the Cloudflare dashboard, go to the **Health Check Analytics** page.
+
+   <DashButton url="/?to=/:account/:zone/traffic/health-check-analytics" />
 
 <Render file="health-checks-analytics" product="smart-shield" />