import { jsxs as e, jsx as t } from "react/jsx-runtime";
import { H as l, C as r, a, T as o, c as n, y as i, K as c } from "../index-sdOMz8GW.js";
import { Download as u, ExternalLink as m } from "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
const x = () => /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: [
  /* @__PURE__ */ t(
    l,
    {
      title: "Installation & Setup",
      description: "Get the MCP server running in seconds — use npx for zero-install, or install globally for persistent use.",
      icon: /* @__PURE__ */ t("div", { className: "w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ t(u, { className: "w-8 h-8 sm:w-10 sm:h-10 text-white" }) })
    }
  ),
  /* @__PURE__ */ t(r, { children: /* @__PURE__ */ e(a, { title: "Quick Start (npx)", children: [
    /* @__PURE__ */ t(o, { className: "text-sm text-foreground/70 mb-3", children: "Run directly without installing — perfect for trying it out or CI environments:" }),
    /* @__PURE__ */ t(
      n,
      {
        code: `# Start in stdio mode (for IDE integration)
npx @e-burgos/tucu-ui-mcp

# Start in HTTP mode (for remote agents)
npx @e-burgos/tucu-ui-mcp --http --port 3100`
      }
    )
  ] }) }),
  /* @__PURE__ */ t(r, { children: /* @__PURE__ */ e(a, { title: "Global Install", children: [
    /* @__PURE__ */ t(o, { className: "text-sm text-foreground/70 mb-3", children: "Install globally for faster startup and permanent availability:" }),
    /* @__PURE__ */ t(
      n,
      {
        code: `# Install globally
npm install -g @e-burgos/tucu-ui-mcp

# Now available as binary commands:
tucu-ui-mcp          # stdio transport (local IDE)
tucu-ui-mcp-http     # HTTP+SSE transport (port 3100)`
      }
    )
  ] }) }),
  /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(a, { title: "Binary Commands", children: /* @__PURE__ */ t(
    i,
    {
      columns: [
        {
          key: "command",
          label: "Command",
          render: (s) => /* @__PURE__ */ t("code", { className: "px-1.5 py-0.5 bg-muted rounded text-xs font-mono", children: String(s) })
        },
        {
          key: "transport",
          label: "Transport",
          render: (s) => /* @__PURE__ */ t(
            c,
            {
              variant: "soft",
              className: String(s) === "stdio" ? "bg-blue-500/10 text-blue-500" : "bg-purple-500/10 text-purple-500",
              children: String(s)
            }
          )
        },
        { key: "useCase", label: "Use Case" }
      ],
      data: [
        {
          command: "tucu-ui-mcp",
          transport: "stdio",
          useCase: "VS Code, Cursor, Claude Desktop (local)"
        },
        {
          command: "tucu-ui-mcp-http",
          transport: "HTTP+SSE",
          useCase: "Remote agents, Docker, Fly.io, cloud"
        }
      ]
    }
  ) }) }),
  /* @__PURE__ */ t(r, { children: /* @__PURE__ */ e(a, { title: "npm Package", children: [
    /* @__PURE__ */ e("div", { className: "flex items-center gap-3 mb-3", children: [
      /* @__PURE__ */ t(m, { className: "w-4 h-4 text-foreground/50" }),
      /* @__PURE__ */ t(o, { className: "text-sm text-foreground/70", children: /* @__PURE__ */ t(
        "a",
        {
          href: "https://www.npmjs.com/package/@e-burgos/tucu-ui-mcp",
          target: "_blank",
          rel: "noopener noreferrer",
          className: "text-blue-500 hover:underline",
          children: "npmjs.com/package/@e-burgos/tucu-ui-mcp"
        }
      ) })
    ] }),
    /* @__PURE__ */ t(
      n,
      {
        code: `{
  "name": "@e-burgos/tucu-ui-mcp",
  "version": "1.0.0",
  "bin": {
    "tucu-ui-mcp": "./dist/stdio.js",
    "tucu-ui-mcp-http": "./dist/http.js"
  }
}`
      }
    )
  ] }) }),
  /* @__PURE__ */ t(r, { children: /* @__PURE__ */ e(a, { title: "Verify Installation", children: [
    /* @__PURE__ */ t(o, { className: "text-sm text-foreground/70 mb-3", children: "Test that the server is working correctly:" }),
    /* @__PURE__ */ t(
      n,
      {
        code: `# Test stdio transport (should output JSON-RPC response)
echo '{"jsonrpc":"2.0","id":1,"method":"initialize","params":{"capabilities":{}}}' | tucu-ui-mcp

# Test HTTP transport
curl http://localhost:3100/health
# → {"status":"ok","version":"1.0.0"}`
      }
    )
  ] }) })
] });
export {
  x as default
};
