[Docs AI] Add per-page option

Author: kodster28

src/components/CopyPageButton.tsx

@@ -15,6 +15,7 @@ import {
 	PiArrowSquareOutLight,
 	PiCheckCircleLight,
 	PiXCircleLight,
+	PiChatCircleLight,
 } from "react-icons/pi";
 import { track } from "~/util/zaraz";
 
@@ -47,6 +48,14 @@ export default function CopyPageButton() {
 		window.open(markdownUrl, "_blank");
 	};
 
+	const handleDocsAI = () => {
+		const docsAIUrl = "https://developers.cloudflare.com/support/ai/";
+		track("clicked copy page button", {
+			value: "docs ai",
+		});
+		window.open(docsAIUrl, "_blank");
+	};
+
 	const handleCopyMarkdown = async () => {
 		const markdownUrl = new URL("index.md", window.location.href).toString();
 		try {
@@ -91,6 +100,12 @@ export default function CopyPageButton() {
 			icon: PiArrowSquareOutLight,
 			onClick: handleViewMarkdown,
 		},
+		{
+			label: "Ask Docs AI",
+			description: "Open our Docs AI assistant in a new tab",
+			icon: PiChatCircleLight,
+			onClick: handleDocsAI,
+		},
 	];
 
 	const getButtonContent = () => {