fix(mcp): add component slug for better docs lookup (#6488)

Co-authored-by: Copilot <[email protected]>

Author: joshblack

packages/mcp/src/primer.ts

@@ -4,13 +4,15 @@ type Component = {
   id: string
   name: string
   importPath: string
+  slug: string
 }
 
 const components: Array<Component> = Object.entries(componentsMetadata.components).map(([id, component]) => {
   return {
     id,
     name: component.name,
     importPath: component.importPath,
+    slug: id.replaceAll('_', '-'),
   }
 })
 

packages/mcp/src/server.ts

@@ -43,7 +43,7 @@ server.tool(
   async ({name}) => {
     const components = listComponents()
     const match = components.find(component => {
-      return component.name === name
+      return component.name === name || component.name.toLowerCase() === name.toLowerCase()
     })
     if (!match) {
       return {
@@ -56,7 +56,7 @@ server.tool(
       }
     }
 
-    const url = new URL(`/product/components/${match.id}`, 'https://primer.style')
+    const url = new URL(`/product/components/${match.slug}`, 'https://primer.style')
     const response = await fetch(url)
     if (!response.ok) {
       throw new Error(`Failed to fetch ${url}: ${response.statusText}`)