/* global React */
// ─────────────────────────────────────────────────────────────────
// Hero machine alternatives — 5 visuals that better fit the claim
// "Research that closes the questions that matter."
// All in the locked Codex × Comic spec (2.6/1.8/0.5–0.9 strokes, 35°
// hatching, copper accents, ochre starburst, mono-set annotation).
//
// 1. LENS — Spectroscope. RESEARCH / OBSERVATION.
// 2. CIPHER — Codex with decoded sigils + key. INTELLIGENCE.
// 3. CONSTELLATION — Star chart with connecting plot lines. ANALYTICS.
// 4. LOOM — Threads from many sources woven into one fabric. SYNTHESIS.
// 5. CITADEL — Glyph-stamped block with telemetry rings. TECHNICAL EDGE.
// ─────────────────────────────────────────────────────────────────
const HMDefs = ({ id }) => (
);
// ── Comic burst (matches Machines.jsx ComicBurst signature) ──
const HMBurst = ({ x, y, r, text, rot=-12, points=12, size=12 }) => {
const path = [];
for (let i = 0; i < points*2; i++) {
const ang = (i / (points*2)) * Math.PI * 2;
const rr = i % 2 === 0 ? r : r * 0.66;
path.push(`${i===0?'M':'L'} ${Math.cos(ang)*rr} ${Math.sin(ang)*rr}`);
}
path.push("Z");
return (
{text}
);
};
// Mono callout (label) helper
const HMLabel = ({ x, y, ax, ay, text, anchor='start' }) => (
{text}
);
// ─────────────────────────────────────────────────────
// 1. THE LENS — Spectroscope on tripod, splitting one beam into spectrum.
// Metaphor: research = decomposing a question into evidence.
// ─────────────────────────────────────────────────────
const LensMachine = () => (
);
// ─────────────────────────────────────────────────────
// 2. THE CIPHER — Codex book + key + decoded sigils.
// Metaphor: intelligence = decoding what others can't.
// ─────────────────────────────────────────────────────
const CipherMachine = () => (
);
// ─────────────────────────────────────────────────────
// 3. THE CONSTELLATION — Star chart with plotted nodes + lines.
// Metaphor: analytics = patterns drawn from scattered points.
// ─────────────────────────────────────────────────────
const ConstellationMachine = () => {
// Pre-computed star nodes — looks intentional, not random
const nodes = [
[70, 90, 4], [110, 130, 3], [160, 80, 5], [205, 145, 6], [255, 95, 4],
[300, 145, 5], [340, 100, 4], [85, 220, 4], [140, 235, 3], [195, 215, 5],
[250, 250, 4], [305, 230, 4], [355, 250, 3], [180, 175, 3], [275, 175, 3],
];
const edges = [
[0,1],[1,2],[2,3],[3,4],[4,5],[5,6],[3,13],[13,9],[9,10],[10,11],[11,5],[7,8],[8,9],[11,12],[14,5],[14,3]
];
return (
);
};
// ─────────────────────────────────────────────────────
// 4. THE SYNTHESIZER (Loom Mk II) — Complex multi-source machine on the
// left, a single clean ‘insight card’ output on the right. Maximum
// mechanical complexity in → one actionable line out.
// ─────────────────────────────────────────────────────
const LoomMachine = () => (
);
// ─────────────────────────────────────────────────────
// 5. THE VERDICT ENGINE (Citadel Mk II) — Babbage-style stacked
// difference engine on the left, a single stamped verdict card
// on the right. Hand-crank → ledger feed → tiered gears → seal.
// ─────────────────────────────────────────────────────
const CitadelMachine = () => (
);
const HERO_MACHINES = {
lens: { Comp: LensMachine, name: 'Lens', tagline: 'Decompose the question.', meta: 'RESEARCH · OBSERVATION' },
cipher: { Comp: CipherMachine, name: 'Cipher', tagline: 'Decode what others can\u2019t.', meta: 'INTELLIGENCE · DECODING' },
constellation: { Comp: ConstellationMachine, name: 'Constellation', tagline: 'Patterns from scattered points.', meta: 'ANALYTICS · PATTERN' },
loom: { Comp: LoomMachine, name: 'Synthesizer', tagline: 'Complex in, simple out.', meta: 'SYNTHESIS · ACTIONABLE INSIGHT' },
citadel: { Comp: CitadelMachine, name: 'Verdict Engine', tagline: 'The hard part. You get this.', meta: 'TECHNICAL EDGE · ONE TAKEAWAY' },
};
Object.assign(window, {
LensMachine, CipherMachine, ConstellationMachine, LoomMachine, CitadelMachine,
HERO_MACHINES,
});