[Docs AI] Add per-page option (cloudflare#23080)

* [Docs AI] Add per-page option

* Update title + icon

Author: kodster28

src/components/CopyPageButton.tsx

@@ -10,11 +10,12 @@ import {
 } from "@floating-ui/react";
 import { useState } from "react";
 import {
-	PiMarkdownLogo,
+	PiDotsThreeOutlineFill,
 	PiClipboardTextLight,
 	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 = () => {
@@ -114,8 +129,8 @@ export default function CopyPageButton() {
 
 		return (
 			<>
-				<span>Copy Page</span>
-				<PiMarkdownLogo />
+				<span>Page options</span>
+				<PiDotsThreeOutlineFill />
 			</>
 		);
 	};