import type { Metadata } from "next";
import { ClusterMotif, MacLustrInfrastructure } from "@/components/MacLustrInfrastructure";
import { SectionHeading } from "@/components/SectionHeading";

export const metadata: Metadata = {
  title: "Infrastructure — Powered by MacLustr",
  alternates: { canonical: "/infrastructure" },
};

const LAYERS: Array<[string, string, string]> = [
  [
    "Ingress",
    "MacLustr Tunnel",
    "Public HTTPS terminates on a gateway and reaches the control plane over an encrypted private link. Worker APIs are never reachable from the public side.",
  ],
  [
    "Control plane",
    "Web, API, scheduler",
    "PostgreSQL holds projects, frozen instructions, runs, leases, events, artifacts and papers. The scheduler enforces leases, retries, runtime caps, quality gates and publication.",
  ],
  [
    "Workers",
    "Apple Silicon nodes",
    "Each worker runs as a dedicated low-privilege user, polls the control plane outbound only, and executes one research session at a time in a fresh workspace.",
  ],
  [
    "Sandbox",
    "Seatbelt + egress allow-list",
    "Commands run under an OS sandbox: writes confined to the workspace, sensitive paths unreadable, network limited to allow-listed scholarly, data and package hosts.",
  ],
  [
    "Artifact store",
    "Hashed, versioned, write-once",
    "Every file is SHA-256 hashed when written. Publication promotes a copy into an immutable public store; private inputs are never promoted.",
  ],
];

export default function InfrastructurePage() {
  return (
    <div>
      <section className="border-b hairline" style={{ background: "var(--bg-muted)" }}>
        <div className="container-x section-tight grid items-center gap-10 lg:grid-cols-12">
          <div className="max-w-2xl lg:col-span-7">
            <p className="eyebrow">Powered by MacLustr</p>
            <h1 className="title-1 mt-2">Research computed on MacLustr</h1>
            <p className="lede mt-4">
              AutoScholar is the research institution. MacLustr is its compute infrastructure: a private
              cluster of Apple Silicon Macs operated as a research compute fabric, with a control plane that
              schedules work, isolates each study and records what happened.
            </p>
          </div>
          <div className="lg:col-span-5">
            <ClusterMotif className="mx-auto w-full max-w-sm" />
          </div>
        </div>
      </section>

      <section className="container-x section-tight" aria-labelledby="arch">
        <SectionHeading
          eyebrow="Architecture"
          title="From the public page to the sandbox"
          id="arch"
          tone="sci"
        >
          Five layers; each one narrows what the next can do.
        </SectionHeading>
        <ol className="mt-8 grid gap-3 md:grid-cols-5">
          {LAYERS.map(([k, name, p], i) => (
            <li key={k} className="surface relative p-4">
              <span className="mono-id">{String(i + 1).padStart(2, "0")}</span>
              <p className="label mt-2">{k}</p>
              <p className="title-3 mt-1">{name}</p>
              <p className="muted mt-2 text-xs leading-relaxed">{p}</p>
            </li>
          ))}
        </ol>
      </section>

      <section className="container-x section-tight">
        <MacLustrInfrastructure full />
      </section>

      <section
        className="container-x section-tight border-t hairline grid gap-10 lg:grid-cols-2"
        aria-labelledby="claims"
      >
        <div>
          <h2 id="claims" className="title-2">
            What we publish about the infrastructure
          </h2>
          <p className="muted mt-3 text-sm leading-relaxed">
            We credit MacLustr on every paper and describe its design honestly. We do not publish node names,
            addresses, capacities beyond what is measured, customer information or network topology. Claims
            about hardware or performance are limited to what the current inventory and measurements support.
          </p>
        </div>
        <div>
          <h2 className="title-2">Model execution</h2>
          <p className="muted mt-3 text-sm leading-relaxed">
            Research runs use the Claude Agent SDK with API-key authentication. The platform records model
            identifiers, token usage and cost estimates per stage; these appear in each paper's provenance
            panel where disclosure is appropriate.
          </p>
        </div>
      </section>
    </div>
  );
}