// @bun
// src/components/docs/safety/SafetySigningPage.tsx
import Link from "@contractspec/lib.ui-link";
import { ChevronRight } from "lucide-react";
import { jsx, jsxs } from "react/jsx-runtime";
function SafetySigningPage() {
  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: "Spec Signing"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground text-lg",
            children: "Signing ensures specs haven't been tampered with and provides an audit trail of all changes."
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-6",
        children: [
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "How it works"
              }),
              /* @__PURE__ */ jsx("p", {
                className: "text-muted-foreground",
                children: "Every spec is cryptographically signed before deployment. The signature proves that the spec hasn't been modified since it was signed and creates a permanent record of who deployed it and when."
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Signing a spec"
              }),
              /* @__PURE__ */ jsx("div", {
                className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
                children: /* @__PURE__ */ jsx("pre", {
                  children: `contractspec sign app.spec.ts --key ~/.contractspec/key.pem
contractspec deploy --signed app.spec.ts.signed`
                })
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Verifying signatures"
              }),
              /* @__PURE__ */ jsx("div", {
                className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
                children: /* @__PURE__ */ jsx("pre", {
                  children: `contractspec verify app.spec.ts.signed
# Output: \u2713 Signature valid
# Signed by: alice@example.com
# Timestamp: 2024-11-08T10:30:00Z`
                })
              })
            ]
          }),
          /* @__PURE__ */ jsx("div", {
            className: "flex items-center gap-4 pt-4",
            children: /* @__PURE__ */ jsxs(Link, {
              href: "/docs/safety/pdp",
              className: "btn-primary",
              children: [
                "Next: Policy Decision Points ",
                /* @__PURE__ */ jsx(ChevronRight, {
                  size: 16
                })
              ]
            })
          })
        ]
      })
    ]
  });
}
export {
  SafetySigningPage
};
