/* global React */
// ====================================================================
// FACILITY CARDS — three visual directions for the T2 rescue→building
// identity. Each renders the SAME enriched record (`view`) so they can be
// compared 1:1 by toggling the card-style switch in the screen.
//
// view = {
// id, name, role, effect, zoneName,
// element: { key, name, color, glyph, primal },
// category: { key, label },
// kind: 'convince' | 'physical',
// gate: human gate string ('Nature ≥ 110' | 'Band 12–45')
// gateNote: one-line rule note
// prereqs: [{ id, name, met }],
// base: { role, label, line }, // node identity while unclaimed
// wave: maturity wave string,
// discovery:'visible' | 'hidden',
// status: 'built' | 'ready' | 'locked' | 'hidden',
// }
//
// Every direction expresses the rescue→building DUALITY: while unclaimed a
// plot pays its BASE role (forage / offering / scout); claimed, it becomes
// the BUILDING. Cards lean on the shared status vocabulary below.
// ====================================================================
const STATUS_META = {
built: { stamp: 'PLOT RAISED', color: 'var(--ink)', cls: 'stamp-blue' },
ready: { stamp: 'READY TO CLAIM', color: 'var(--stamp-amber)',cls: 'stamp-amber' },
locked: { stamp: 'CLAIM SEALED', color: 'var(--sepia)', cls: '' },
hidden: { stamp: 'UNCHARTED', color: 'var(--ink-faded)', cls: '' },
};
// A dotted-leader ledger row (label · · · · value) — used across directions.
function FacRow({ label, value, mono, color }) {
return (
{label}{value}
);
}
// Claim action / status footer shared by all three (kept visually neutral so
// each card frame supplies its own chrome around it).
function ClaimAction({ view, onClaim }) {
const { status, kind, lockReason } = view;
// Capstone gate met, but the hearth upgrade that would let you claim it
// doesn't exist yet — reachable-but-walled (necessary, not sufficient).
if (status === 'ready' && lockReason === 'nyi') {
return (
◈
Gate met — the capstone awaits a hearth upgrade not yet built. NYI
);
}
if (status === 'ready') {
return (
);
}
if (status === 'built') {
return (
●Raised — its effect stands in the Hearth.
);
}
if (status === 'locked') {
// The keyed band itself isn't open yet — rescue Zone 0's Gateway crew.
if (lockReason === 'band') {
return (
⌬
The keyed band is uncharted — rescue the Gateway crew at the end of Zone 0 to open it.
);
}
// Maturity gate — prereqs are met, but the roster can't hold the gate yet.
if (lockReason === 'maturity') {
return (
↟
Awaiting a {view.waveLabel} — raise your roster to hold this gate.
{hide ? 'No entry. The survey ledger holds only a blank leaf where this plot should be — perhaps a later finding fills it in.' : view.effect}
{/* register — two columns */}
{/* base-identity footnote — the duality */}
※ {view.base.line}
);
}
// ====================================================================
// DIRECTION 3 — CARGO MANIFEST
// A bill-of-lading ticket. A solid element category band, a perforated tear
// that splits CLAIM (the building) from STUB (the base role it pays while
// unclaimed) — the rescue→building duality made literal. Bold rubber stamp.
// ====================================================================
function FacCardManifest({ view, onClaim }) {
const el = view.element;
const sm = STATUS_META[view.status];
const hide = view.status === 'hidden';
const notch = (pos) => ({
position: 'absolute', width: 14, height: 14, borderRadius: '50%',
background: 'var(--paper)', border: '1.5px solid var(--ink)', ...pos,
});
return (
{/* category band (reversed-out) */}
{view.category.label}
№ {view.id}
{/* CLAIM half — the building */}
{/* diagonal rubber stamp */}
{sm.stamp}
CLAIM · {el.name} {view.kind}
{hide ? 'Uncharted' : view.name}
{hide ? '— consignment not yet logged —' : view.effect}