fix: update Agents toolkit nav links, icons, and remove CopyPageButton

Author: mvvmm

src/components/AgentsToolkit.tsx

@@ -1,7 +1,7 @@
 import {
 	PiCopyDuotone,
 	PiArrowSquareOutLight,
-	PiPlugsConnectedLight,
+	PiSparkleDuotone,
 	PiCheckCircleLight,
 } from "react-icons/pi";
 import { useState, useRef, useCallback } from "react";
@@ -183,15 +183,15 @@ export default function AgentsToolkit() {
 
 	const handleViewAIOptions = () => {
 		track("agents toolkit clicked", { value: "view ai options" });
-		window.open("/style-guide/ai-tooling/", "_blank");
+		window.open("/agent-setup/", "_blank");
 	};
 
 	const listOptions: ListOption[] = [
 		{
 			key: "ai-options",
-			label: "Setup your agent",
-			tooltip: "Explore AI tooling options for Cloudflare docs",
-			icon: PiPlugsConnectedLight,
+			label: "Agent setup",
+			tooltip: "Setup your agent with the necessary tools to build on Cloudflare",
+			icon: PiSparkleDuotone,
 			onClick: handleViewAIOptions,
 		},
 		{

src/components/CopyPageButton.tsx

@@ -14,7 +14,6 @@ export { default as CompatibilityFlag } from "./CompatibilityFlag.astro";
 export { default as CompatibilityFlags } from "./CompatibilityFlags.astro";
 export { default as ComponentUsage } from "./ComponentUsage.astro";
 export { default as ComponentsUsage } from "./ComponentsUsage.astro";
-export { default as CopyPageButton } from "./CopyPageButton.tsx";
 export { default as CURL } from "./CURL.astro";
 export { default as DashButton } from "./DashButton.astro";
 export { default as Description } from "./Description.astro";

src/components/index.ts

@@ -7,7 +7,6 @@ import "astro-breadcrumbs/breadcrumbs.css";
 
 import Description from "~/components/Description.astro";
 import LastReviewed from "~/components/LastReviewed.astro";
-import CopyPageButton from "~/components/CopyPageButton.tsx";
 import ComponentUsage from "~/components/ComponentUsage.astro";
 
 import { getEntry } from "astro:content";
@@ -97,11 +96,7 @@ if (!hideBreadcrumbs) {
 		)
 	}
 
-	{
-		frontmatter.template !== "splash" && (
-			<CopyPageButton client:idle />
-		)
-	}
+
 </div>
 
 {!hideTitle && <Default />}

src/components/overrides/PageTitle.astro

@@ -109,22 +109,25 @@ export async function generateSidebar(group: Group) {
 	const product = directory.find((p) => p.id === group.label);
 	if (product) {
 		const links = [
+			["Agent setup", "/agent-setup/"],
+			["Cloudflare Skills", "https://github.com/cloudflare/skills"],
+			["Code Mode MCP Server", "https://github.com/cloudflare/mcp"],
+			["Domain-specific MCP Servers", "https://github.com/cloudflare/mcp-server-cloudflare"],
 			[`${product.data.name} llms.txt`, `${product.data.entry.url}llms.txt`],
 			[
 				`${product.data.name} llms-full.txt`,
 				`${product.data.entry.url}llms-full.txt`,
 			],
 			["Cloudflare Docs llms.txt", "/llms.txt"],
 			["Cloudflare Docs llms-full.txt", "/llms-full.txt"],
-			["Cloudflare Skills", "/style-guide/ai-tooling/#skills"],
 		];
 
 		group.entries.push({
 			type: "group",
-			label: "LLM resources",
+			label: "Agent resources",
 			entries: links.map(([label, href]) => ({
 				type: "link",
-				label,
+				label: label.concat(externalLinkArrow),
 				href,
 				isCurrent: false,
 				attrs: {