// src/components/docs/advanced/AdvancedOverlayEditorPage.tsx
import Link from "@contractspec/lib.ui-link";
import { jsx, jsxs } from "react/jsx-runtime";
function AdvancedOverlayEditorPage() {
  return /* @__PURE__ */ jsxs("div", {
    className: "space-y-8",
    children: [
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h1", {
            className: "text-4xl font-bold",
            children: "Overlay Editor"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground text-lg",
            children: "A Next.js app (`@contractspec/app.overlay-editor`) that lets tenant admins tweak field visibility, labels, and ordering, then sign OverlaySpecs."
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "Features"
          }),
          /* @__PURE__ */ jsxs("ul", {
            className: "list-disc space-y-2 pl-6",
            children: [
              /* @__PURE__ */ jsx("li", {
                children: "Toggle visibility and rename labels without touching code."
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Move fields up/down to define the overlay order."
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Preview JSON output powered by `@contractspec/lib.overlay-engine`."
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Server action for PEM signing (Ed25519/RSA-PSS)."
              })
            ]
          }),
          /* @__PURE__ */ jsxs("p", {
            children: [
              "Project path: ",
              /* @__PURE__ */ jsx("code", {
                children: "packages/apps/overlay-editor"
              })
            ]
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "Provisioning flow"
          }),
          /* @__PURE__ */ jsxs("ol", {
            className: "list-decimal space-y-2 pl-6",
            children: [
              /* @__PURE__ */ jsxs("li", {
                children: [
                  "Clone the repo and run ",
                  /* @__PURE__ */ jsx("code", {
                    children: "bun dev"
                  }),
                  " inside the app."
                ]
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Use the UI to craft the overlay for a tenant."
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Paste the tenant's PEM private key (stored in Vault/KMS)."
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Click “Sign overlay” to get the final JSON payload."
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Persist in the `Overlay` table and register with `OverlayRegistry`."
              })
            ]
          }),
          /* @__PURE__ */ jsxs("p", {
            children: [
              "See also:",
              " ",
              /* @__PURE__ */ jsx(Link, {
                href: "/docs/ops/tenant-customization",
                className: "text-violet-400 underline",
                children: "Tenant customization runbook"
              }),
              "."
            ]
          })
        ]
      })
    ]
  });
}
export {
  AdvancedOverlayEditorPage
};
