// @bun
// src/components/docs/studio/StudioOverviewPage.tsx
import Link from "@contractspec/lib.ui-link";
import { jsx, jsxs } from "react/jsx-runtime";
var coreLoop = [
  {
    title: "Evidence",
    body: "Ingest product signals from meetings, support, analytics, code reviews, docs, and Slack."
  },
  {
    title: "Correlation",
    body: "Cluster signals into scored patterns with hybrid heuristics plus AI signature extraction."
  },
  {
    title: "Decision",
    body: "Create timeboxed focus zones and evidence-backed briefs with citation chains."
  },
  {
    title: "Change",
    body: "Compile patch intents into spec diffs, deterministic impact reports, and task packs."
  },
  {
    title: "Export",
    body: "Push deliverables to Linear, Jira, Notion, and GitHub with full decision context."
  },
  {
    title: "Check + Autopilot",
    body: "Verify outcomes, capture learning dividends, and automate safely with policy gates."
  }
];
function StudioOverviewPage() {
  return /* @__PURE__ */ jsxs("main", {
    className: "space-y-12 py-16",
    children: [
      /* @__PURE__ */ jsxs("section", {
        className: "section-padding space-y-4",
        children: [
          /* @__PURE__ */ jsx("p", {
            className: "text-xs font-semibold tracking-[0.3em] text-violet-400 uppercase",
            children: "ContractSpec Studio"
          }),
          /* @__PURE__ */ jsx("h1", {
            className: "text-4xl font-bold md:text-5xl",
            children: "Compiler for product truth"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground max-w-3xl text-lg",
            children: "ContractSpec Studio is the AI-powered product decision engine built on top of ContractSpec. It turns product signals into spec-first deliverables through a deterministic loop:"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground font-mono text-sm",
            children: "Evidence -> Correlation -> Decision -> Change -> Export -> Check -> Notify -> Autopilot"
          })
        ]
      }),
      /* @__PURE__ */ jsx("section", {
        className: "section-padding grid gap-4 md:grid-cols-2",
        children: coreLoop.map((step) => /* @__PURE__ */ jsxs("article", {
          className: "card-subtle space-y-2 p-6",
          children: [
            /* @__PURE__ */ jsx("h2", {
              className: "text-xl font-semibold",
              children: step.title
            }),
            /* @__PURE__ */ jsx("p", {
              className: "text-muted-foreground text-sm",
              children: step.body
            })
          ]
        }, step.title))
      }),
      /* @__PURE__ */ jsxs("section", {
        className: "section-padding card-subtle space-y-4 p-6",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-semibold",
            children: "Use Studio now"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground text-sm",
            children: "Studio is live and runs the same spec-first grammar as the OSS compiler. Keep your contracts, keep your code, and add a full decision-to-change workflow on top."
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "flex flex-wrap gap-3",
            children: [
              /* @__PURE__ */ jsx(Link, {
                href: "https://www.contractspec.studio",
                className: "btn-primary",
                children: "Try Studio"
              }),
              /* @__PURE__ */ jsx(Link, {
                href: "https://www.contractspec.studio/docs",
                className: "btn-ghost",
                children: "Read Studio docs"
              })
            ]
          })
        ]
      })
    ]
  });
}
export {
  StudioOverviewPage
};
