feat: add MCP icon and option to CopyLLMTxtMenu (#653)

- Introduced a new IconMCP component for the Model Context Protocol.
- Updated CopyLLMTxtMenu to include an option for connecting to the MCP client, enhancing functionality for users.

Author: mishig25

kit/src/lib/CopyLLMTxtMenu.svelte

@@ -7,6 +7,7 @@
 	import IconArrowUpRight from "./IconArrowUpRight.svelte";
 	import IconOpenAI from "./IconOpenAI.svelte";
 	import IconAnthropic from "./IconAnthropic.svelte";
+	import IconMCP from "./IconMCP.svelte";
 
 	export let label = "Copy page";
 	export let markdownDescription = "Copy page as Markdown for LLMs";
@@ -37,7 +38,7 @@
 	type ExternalOption = {
 		label: string;
 		description: string;
-		icon: "chatgpt" | "claude";
+		icon: "chatgpt" | "claude" | "mcp";
 		buildUrl: () => string;
 	};
 
@@ -58,6 +59,12 @@
 			buildUrl: () =>
 				encodedPrompt ? `https://claude.ai/new?q=${encodedPrompt}` : "https://claude.ai/new",
 		},
+		{
+			label: "Connect to MCP Client",
+			description: "Install MCP server on Cursor, VS Code, etc.",
+			icon: "mcp",
+			buildUrl: () => "https://huggingface.co/mcp",
+		},
 	];
 
 	const baseMenuItemClass =
@@ -293,8 +300,10 @@
 					<div class="border border-gray-200 dark:border-gray-850 rounded-lg p-1.5">
 						{#if option.icon === "chatgpt"}
 							<IconOpenAI classNames="w-4 h-4 shrink-0" />
-						{:else}
+						{:else if option.icon === "claude"}
 							<IconAnthropic classNames="w-4 h-4 shrink-0" />
+						{:else if option.icon === "mcp"}
+							<IconMCP classNames="w-4 h-4 shrink-0" />
 						{/if}
 					</div>
 					<div class="flex flex-col px-1">

kit/src/lib/IconMCP.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	export let classNames = "";
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	fill-rule="evenodd"
+	height="1em"
+	style="flex:none;line-height:1"
+	viewBox="0 0 24 24"
+	width="1em"
+	class={classNames}
+>
+	<title>ModelContextProtocol</title>
+	<path
+		d="M15.688 2.343a2.588 2.588 0 00-3.61 0l-9.626 9.44a.863.863 0 01-1.203 0 .823.823 0 010-1.18l9.626-9.44a4.313 4.313 0 016.016 0 4.116 4.116 0 011.204 3.54 4.3 4.3 0 013.609 1.18l.05.05a4.115 4.115 0 010 5.9l-8.706 8.537a.274.274 0 000 .393l1.788 1.754a.823.823 0 010 1.18.863.863 0 01-1.203 0l-1.788-1.753a1.92 1.92 0 010-2.754l8.706-8.538a2.47 2.47 0 000-3.54l-.05-.049a2.588 2.588 0 00-3.607-.003l-7.172 7.034-.002.002-.098.097a.863.863 0 01-1.204 0 .823.823 0 010-1.18l7.273-7.133a2.47 2.47 0 00-.003-3.537z"
+	/>
+	<path
+		d="M14.485 4.703a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a4.115 4.115 0 000 5.9 4.314 4.314 0 006.016 0l7.12-6.982a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a2.588 2.588 0 01-3.61 0 2.47 2.47 0 010-3.54l7.12-6.982z"
+	/>
+</svg>