// src/components/docs/getting-started/CompatibilityPage.tsx
import Link from "@contractspec/lib.ui-link";
import { ChevronRight } from "lucide-react";
import { jsx, jsxs } from "react/jsx-runtime";
function CompatibilityPage() {
  return /* @__PURE__ */ jsxs("div", {
    className: "space-y-8",
    children: [
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-2",
        children: [
          /* @__PURE__ */ jsx("h1", {
            className: "text-4xl font-bold",
            children: "Compatibility"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground text-lg",
            children: "Supported runtimes, frameworks, and agent modes for ContractSpec."
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-6",
        children: [
          /* @__PURE__ */ jsxs("div", {
            className: "card-subtle space-y-3 p-6",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Runtimes"
              }),
              /* @__PURE__ */ jsxs("ul", {
                className: "text-muted-foreground space-y-2",
                children: [
                  /* @__PURE__ */ jsx("li", {
                    children: "Node.js 20+"
                  }),
                  /* @__PURE__ */ jsx("li", {
                    children: "Bun 1.0+"
                  })
                ]
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "card-subtle space-y-3 p-6",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Frameworks"
              }),
              /* @__PURE__ */ jsxs("ul", {
                className: "text-muted-foreground space-y-2",
                children: [
                  /* @__PURE__ */ jsx("li", {
                    children: "Next.js 14+ (App Router preferred)"
                  }),
                  /* @__PURE__ */ jsx("li", {
                    children: "Bun + Elysia or compatible HTTP servers"
                  })
                ]
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "card-subtle space-y-3 p-6",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Package managers"
              }),
              /* @__PURE__ */ jsxs("ul", {
                className: "text-muted-foreground space-y-2",
                children: [
                  /* @__PURE__ */ jsx("li", {
                    children: "bun (recommended)"
                  }),
                  /* @__PURE__ */ jsx("li", {
                    children: "npm"
                  }),
                  /* @__PURE__ */ jsx("li", {
                    children: "pnpm"
                  })
                ]
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "card-subtle space-y-3 p-6",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "AI agent modes"
              }),
              /* @__PURE__ */ jsxs("ul", {
                className: "text-muted-foreground space-y-2",
                children: [
                  /* @__PURE__ */ jsx("li", {
                    children: "claude-code"
                  }),
                  /* @__PURE__ */ jsx("li", {
                    children: "openai-codex"
                  }),
                  /* @__PURE__ */ jsx("li", {
                    children: "cursor"
                  }),
                  /* @__PURE__ */ jsx("li", {
                    children: "opencode"
                  }),
                  /* @__PURE__ */ jsx("li", {
                    children: "simple (direct LLM)"
                  })
                ]
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "card-subtle space-y-3 p-6",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Datastores"
              }),
              /* @__PURE__ */ jsx("p", {
                className: "text-muted-foreground",
                children: "ContractSpec ships with Prisma-friendly defaults and can integrate with custom adapters for other databases."
              }),
              /* @__PURE__ */ jsxs("ul", {
                className: "text-muted-foreground space-y-2",
                children: [
                  /* @__PURE__ */ jsx("li", {
                    children: "PostgreSQL via Prisma"
                  }),
                  /* @__PURE__ */ jsx("li", {
                    children: "Custom adapters for other SQL/NoSQL stores"
                  })
                ]
              })
            ]
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "flex flex-wrap items-center gap-3 pt-2",
        children: [
          /* @__PURE__ */ jsx(Link, {
            href: "/docs/getting-started/start-here",
            className: "btn-ghost",
            children: "Start here"
          }),
          /* @__PURE__ */ jsx(Link, {
            href: "/docs/getting-started/troubleshooting",
            className: "btn-ghost",
            children: "Troubleshooting"
          }),
          /* @__PURE__ */ jsxs(Link, {
            href: "/docs/getting-started/installation",
            className: "btn-primary",
            children: [
              "Next: Installation ",
              /* @__PURE__ */ jsx(ChevronRight, {
                size: 16
              })
            ]
          })
        ]
      })
    ]
  });
}
export {
  CompatibilityPage
};
