Merge branch 'production' into playwright-mcp

Author: celso

public/__redirects

@@ -697,6 +697,11 @@
 /fundamentals/subscriptions-and-billing/change-super-admin/ /fundamentals/setup/account/change-super-admin/  301
 /fundamentals/subscriptions-and-billing/delete-account/ /fundamentals/setup/account/delete-account/ 301
 /fundamentals/subscriptions-and-billing/ /fundamentals/setup/account/ 301
+/fundamentals/api/building-custom-dashboards/ /fundamentals/api/ 301
+/fundamentals/trace-request/ /rules/trace-request/ 301
+/fundamentals/trace-request/how-to/ /rules/trace-request/how-to/ 301
+/fundamentals/trace-request/limitations/ /rules/trace-request/limitations/ 301
+/fundamentals/trace-request/changelog/ /rules/trace-request/changelog/ 301
 
 # gateway
 /gateway/about/ /cloudflare-one/policies/gateway/ 301
@@ -1637,6 +1642,7 @@
 /workers/testing/vitest-integration/get-started/migrate-from-miniflare-2/ /workers/testing/vitest-integration/migration-guides/migrate-from-miniflare-2/ 301
 /workers/testing/vitest-integration/get-started/migrate-from-unstable-dev/ /workers/testing/vitest-integration/migration-guides/migrate-from-unstable-dev/ 301
 /workers/testing/vitest-integration/get-started/write-your-first-test/ /workers/testing/vitest-integration/write-your-first-test/ 301
+/workers/testing/miniflare/get-started/migrating/ /workers/testing/miniflare/migrations/from-v2/ 301
 /workers/databases/native-integrations/fauna/ /workers/databases/native-integrations/ 301
 /workers/tutorials/store-data-with-fauna/ https://fauna.com/blog/the-future-of-fauna 301
 

src/assets/images/email-security/deployment/api-setup/O365_API_Deployment_Graph.png

@@ -46,9 +46,7 @@ if (image) {
 		<div class="sl-flex copy">
 			<div class="sl-flex copy links space-x-4">
 				<a href="/products/">Products</a>
-				<a href="/fundamentals/subscriptions-and-billing/"
-					>Subscriptions and billing</a
-				>
+				<a href="/billing/">Subscriptions and billing</a>
 				<a href="/api/">API</a>
 				<a href="/changelog/">Changelog</a>
 				<a href="/glossary/">Glossary</a>

src/assets/images/email-security/deployment/api-setup/e-sec-api-deployment-diagram.png

@@ -2,33 +2,22 @@
 import { Type, MetaInfo } from "~/components";
 import { type SchemaNode } from "@stoplight/json-schema-tree";
 
-const { node, root } = Astro.props;
+const { node } = Astro.props;
 ---
 
-<li
-	class={`py-2 my-0! list-none! ${root ? "" : "border-l border-l-gray-200 dark:border-l-gray-500 pl-4"}`}
->
-	{
-		(
-			<code
-				class="mr-2 rounded-md bg-gray-100 pr-0! font-mono"
-				title={node.title}
-			>
-				{node.subpath[node.subpath.length - 1]}
-				{node.parent.fragment?.required?.includes(
-					node.subpath[node.subpath.length - 1],
-				) ? (
-					<span class="font-semibold text-red-500">*</span>
-				) : (
-					""
-				)}
-			</code>
-		)
-	}
+<li>
+	<code title={node.title}>{node.subpath[node.subpath.length - 1]}</code>
 
 	{node.primaryType && <Type text={node.primaryType} />}
+
 	{node.combiners && node.combiners.includes("oneOf") && <Type text="one of" />}
 
+	{
+		node.parent.fragment?.required?.includes(
+			node.subpath[node.subpath.length - 1],
+		) && <MetaInfo text="required" />
+	}
+
 	{
 		node.annotations.default && (
 			<MetaInfo text={`default ${node.annotations.default}`} />
@@ -50,11 +39,11 @@ const { node, root } = Astro.props;
 			/>
 		)
 	}
-	<p class="mb-0!">{node.annotations.description}</p>
+	<p>{node.annotations.description}</p>
 
 	{
 		node.children && (
-			<ul class="m-0 ml-4 list-none! p-0">
+			<ul class="pl-6">
 				{node.children.map((node: SchemaNode) => (
 					<Astro.self node={node} />
 				))}

src/assets/images/ssl/custom-origin-server.png

@@ -53,10 +53,10 @@ const jsonSchemaTree = new SchemaTree(schema, {
 jsonSchemaTree.populate();
 ---
 
-<ul class="m-0 list-none p-0">
+<ul class="pl-0">
 	{
 		(jsonSchemaTree.root.children[0] as RegularNode).children?.map(
-			(node: SchemaNode) => <SchemaRow node={node} root />,
+			(node: SchemaNode) => <SchemaRow node={node} />,
 		)
 	}
 </ul>

src/components/HomepageHero.astro

@@ -1,7 +1,7 @@
 ---
-title: New GraphQL Analytics API Explorer and MCP Server  
-description: Easily explore, build, and run GraphQL queries with two new tools  
-date: 2025-05-23T11:00:00Z  
+title: New GraphQL Analytics API Explorer and MCP Server
+description: Easily explore, build, and run GraphQL queries with two new tools
+date: 2025-05-23T11:00:00Z
 ---
 
 We’ve launched two powerful new tools to make the GraphQL Analytics API more accessible:
@@ -10,25 +10,25 @@ We’ve launched two powerful new tools to make the GraphQL Analytics API more a
 
 The new [GraphQL API Explorer](https://graphql.cloudflare.com/explorer) helps you build, test, and run queries directly in your browser. Features include:
 
-- In-browser schema documentation to browse available datasets and fields  
-- Interactive query editor with autocomplete and inline documentation  
-- A "Run in GraphQL API Explorer" button to execute example queries from our docs  
-- Seamless OAuth authentication — no manual setup required  
+- In-browser schema documentation to browse available datasets and fields
+- Interactive query editor with autocomplete and inline documentation
+- A "Run in GraphQL API Explorer" button to execute example queries from our docs
+- Seamless OAuth authentication — no manual setup required
 
-![GraphQL API Explorer](/src/assets/images/changelog/analytics/graphql-api-explorer.png)
+![GraphQL API Explorer](~/assets/images/changelog/analytics/graphql-api-explorer.png)
 
 #### GraphQL Model Context Protocol (MCP) Server
 
 MCP Servers let you use natural language tools like Claude to generate structured queries against your data. See our [blog post](https://blog.cloudflare.com/thirteen-new-mcp-servers-from-cloudflare/) for details on how they work and which servers are available. The new [GraphQL MCP server](https://github.com/cloudflare/mcp-server-cloudflare/tree/main/apps/graphql) helps you discover and generate useful queries for the GraphQL Analytics API. With this server, you can:
 
-- Explore what data is available to query  
-- Generate and refine queries using natural language, with one-click links to run them in the API Explorer  
-- Build dashboards and visualizations from structured query outputs  
+- Explore what data is available to query
+- Generate and refine queries using natural language, with one-click links to run them in the API Explorer
+- Build dashboards and visualizations from structured query outputs
 
 Example prompts include:
 
-- “Show me HTTP traffic for the last 7 days for example.com”  
-- “What GraphQL node returns firewall events?”  
-- “Can you generate a link to the Cloudflare GraphQL API Explorer with a pre-populated query and variables?” 
+- “Show me HTTP traffic for the last 7 days for example.com”
+- “What GraphQL node returns firewall events?”
+- “Can you generate a link to the Cloudflare GraphQL API Explorer with a pre-populated query and variables?”
 
 We’re continuing to expand these tools, and your feedback helps shape what’s next. [Explore the documentation](/analytics/graphql-api/) to learn more and get started.

src/components/models/SchemaRow.astro

@@ -0,0 +1,35 @@
+---
+title: Playwright MCP server is now compatible with Browser Rendering
+description: You can now deploy Playwright MCP and use any MCP client to get AI models to interact with Browser Rendering
+products:
+  - browser-rendering
+date: 2025-05-28T08:00:00Z
+---
+
+import {
+	PackageManagers,
+} from "~/components";
+
+We're excited to share that you can now use the [Playwright MCP](https://github.com/cloudflare/playwright-mcp) server with Browser Rendering.
+
+Once you [deploy the server](/browser-rendering/platform/playwright-mcp/#deploying), you can use any MCP client with it to interact with Browser Rendering. This allows you to run AI models that can automate browser tasks, such as taking screenshots, filling out forms, or scraping data.
+
+![Access Analytics](~/assets/images/browser-rendering/playground-ai-screenshot.png)
+
+Playwright MCP is available as an npm package at [`@cloudflare/playwright-mcp`](https://www.npmjs.com/package/@cloudflare/playwright-mcp). To install it, type:
+
+<PackageManagers pkg="@cloudflare/playwright-mcp" dev />
+
+Deploying the server is then as easy as:
+
+```ts
+import { env } from 'cloudflare:workers';
+import { createMcpAgent } from '@cloudflare/playwright-mcp';
+
+export const PlaywrightMCP = createMcpAgent(env.BROWSER);
+export default PlaywrightMCP.mount('/sse');
+```
+
+Check out the full code at [GitHub](https://github.com/cloudflare/playwright-mcp).
+
+Learn more about Playwright MCP in our [documentation](/browser-rendering/platform/playwright-mcp/).

src/components/models/SchemaViewer.astro

@@ -0,0 +1,14 @@
+---
+title: Gateway Protocol Detection Now Available for PAYGO and Free Plans
+description: Gateway protocol detection is now available on customer plan types!
+products:
+  - gateway
+hidden: false
+date: 2025-05-27T11:00:00Z
+---
+
+All Cloudflare One Gateway users can now use Protocol detection logging and filtering, including those on Pay-as-you-go and Free plans.
+
+With Protocol Detection, admins can identify and enforce policies on traffic proxied through Gateway based on the underlying network protocol (for example, HTTP, TLS, or SSH), enabling more granular traffic control and security visibility no matter your plan tier.
+
+This feature is available to enable in your account network settings for all accounts. For more information on using Protocol Detection, refer to the [Protocol detection documentation](/cloudflare-one/policies/gateway/network-policies/protocol-detection/).