import { Download, Terminal, Info } from "lucide-react"; import Link from "@docusaurus/Link"; import { useState } from "react"; import CodeBlock from '@theme/CodeBlock'; import { motion, AnimatePresence } from "framer-motion"; import { getGooseInstallLink } from "@site/src/utils/install-links"; import type { MCPServer } from "@site/src/types/server"; import type { Prompt, Extension } from "@site/src/types/prompt"; function extensionToMCPServer(extension: Extension): MCPServer { return { id: extension.command, name: extension.name, command: extension.command, url: extension.url, description: extension.name, is_builtin: extension.is_builtin, link: extension.link || '', installation_notes: extension.installation_notes || '', endorsed: false, environmentVariables: extension.environmentVariables || [], }; } export function PromptCard({ prompt }: { prompt: Prompt }) { const [expandedExtension, setExpandedExtension] = useState(null); return (

{prompt.title}

{prompt.description}

{prompt.extensions.map((extension, index) => (

{ e.preventDefault(); e.stopPropagation(); if (!extension.is_builtin) { setExpandedExtension(expandedExtension === extension.command ? null : extension.command); } }} title={extension.is_builtin ? "Built-in extension - can be enabled in settings" : "Click to see installation options"} > {extension.name} {extension.is_builtin ? (

Built-in

) : ( )}

{/* Inline Expansion */} {!extension.is_builtin && expandedExtension === extension.command && (

e.stopPropagation()} > Install via Desktop

{extension.url ? ( goose session --with-remote-extension "{extension.url}" ) : ( goose session --with-extension "{extension.command}" )}

)}

))}

); }

Command