// map.jsx — corpus relationship map page (domain-cluster graph + inline panel).

function MapPage({ index, onOpenDoc }) {
  return (
    <div className="mapwrap">
      <p className="page__eyebrow">unikode · documentation library</p>
      <h1 className="page__title" style={{ marginBottom: "var(--uk-space-8)" }}>Corpus map</h1>
      <p className="page__lead" style={{ marginBottom: "var(--uk-space-24)" }}>
        How specifications and runbooks interconnect, grouped by domain. Larger circles hold more documents; lines show cross-domain references. Select a domain to list its documents.
      </p>
      <CorpusMap index={index} onOpenDoc={onOpenDoc} />
    </div>
  );
}

window.MapPage = MapPage;