"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DEZRGktf.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs("div",{className:"flex flex-col gap-8",children:[e.jsx(t.HeroCard,{title:"Client Configuration",description:"Connect the MCP server to your preferred AI assistant. Supports VS Code, Cursor, Claude Desktop, and any MCP-compatible client.",icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-indigo-500 to-blue-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.Settings,{className:"w-8 h-8 sm:w-10 sm:h-10 text-white"})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"VS Code (GitHub Copilot / Continue)",children:[e.jsxs(t.Typography,{className:"text-sm text-foreground/70 mb-3",children:["Create"," ",e.jsx("code",{className:"px-1.5 py-0.5 bg-muted rounded text-xs font-mono",children:".vscode/mcp.json"})," ","in your project root:"]}),e.jsx(t.CodeBlock,{code:`{
  "servers": {
    "tucu-ui": {
      "command": "npx",
      "args": ["@e-burgos/tucu-ui-mcp"],
      "env": {}
    }
  }
}`})]})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Cursor",children:[e.jsxs(t.Typography,{className:"text-sm text-foreground/70 mb-3",children:["Create"," ",e.jsx("code",{className:"px-1.5 py-0.5 bg-muted rounded text-xs font-mono",children:".cursor/mcp.json"})," ","in your project root:"]}),e.jsx(t.CodeBlock,{code:`{
  "mcpServers": {
    "tucu-ui": {
      "command": "npx",
      "args": ["@e-burgos/tucu-ui-mcp"],
      "env": {}
    }
  }
}`})]})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Claude Desktop",children:[e.jsx(t.Typography,{className:"text-sm text-foreground/70 mb-3",children:"Edit the Claude Desktop config file:"}),e.jsxs("div",{className:"mb-3",children:[e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:"macOS"}),e.jsx(t.Typography,{className:"text-xs text-foreground/50 mt-1 font-mono",children:"~/Library/Application Support/Claude/claude_desktop_config.json"})]}),e.jsxs("div",{className:"mb-3",children:[e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:"Windows"}),e.jsx(t.Typography,{className:"text-xs text-foreground/50 mt-1 font-mono",children:"%APPDATA%\\Claude\\claude_desktop_config.json"})]}),e.jsx(t.CodeBlock,{code:`{
  "mcpServers": {
    "tucu-ui": {
      "command": "npx",
      "args": ["@e-burgos/tucu-ui-mcp"],
      "env": {}
    }
  }
}`})]})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Remote HTTP (Fly.io / Self-hosted)",children:[e.jsx(t.Typography,{className:"text-sm text-foreground/70 mb-3",children:"Connect to a remote MCP server instance via HTTP+SSE transport:"}),e.jsx(t.CodeBlock,{code:`{
  "servers": {
    "tucu-ui-remote": {
      "url": "https://tucu-ui-mcp.fly.dev/sse",
      "headers": {
        "Authorization": "Bearer YOUR_MCP_API_KEY"
      }
    }
  }
}`}),e.jsx("div",{className:"mt-3 p-3 rounded-lg border border-amber-500/20 bg-amber-500/5",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r.AlertTriangle,{className:"w-4 h-4 text-amber-500"}),e.jsx(t.Typography,{className:"text-xs text-amber-600 dark:text-amber-400 font-medium",children:"Always use HTTPS and keep your API key secret. Never commit keys to version control."})]})})]})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Verify Connection",children:[e.jsx(t.Typography,{className:"text-sm text-foreground/70 mb-3",children:"After configuring, test the connection by asking your AI assistant:"}),e.jsx(t.CodeBlock,{code:`// Ask your AI assistant:
"List all tucu-ui components in the 'form' category"

// If configured correctly, the agent will call:
// Tool: list_components({ category: "form" })
// And return real component data from the MCP server`})]})})]});exports.default=s;
