/* ============================================================
   qft-bc-magenta.mjs — sketch 02 of the JOINED series.
   Built on 78_final-lively-magenta-cream (seed MESON-5113,
   palette magentarise, cream paper). A THIN-LINE but present
   QFT field is slipped BETWEEN the cream ground and the bubble
   chamber: cream paper → thin QFT lattice → magentarise event
   (multiply on top). The bubble-chamber layer is constant; each
   frame varies the QFT geometry AND its hue family, chosen to
   converse with the magenta tracks + burnt-orange disk + cream.
   Usage: node tools/qft-bc-magenta.mjs [size]
   ============================================================ */
import { writeFileSync, mkdirSync } from 'node:fs';

import { generateQFTScene } from '../src/qft/scene.js';
import { paramsFromSeed as qftParams } from '../src/qft/params.js';
import { renderQFTSVG } from '../src/qft/renderer.js';

import { generateScene } from '../src/scene/scene.js';
import { renderSVG } from '../src/render/svgVector.js';
import { paramsFromSeed as bcParams } from '../src/scene/params.js';
import { GROUPS, TOGGLES, FIXED } from '../src/ui/controls.js';

const SIZE = +(process.argv[2] || 1700);
const OUT = 'output/qft-bc/sketch02';
mkdirSync(OUT, { recursive: true });

// F(hueStart,hueEnd,sat,light,opacity[,stroke]) — thin strokes throughout.
const F = (h0, h1, s, l, o, st = 0.6) => ({ hueStart: h0, hueEnd: h1, saturation: s, lightness: l, opacity: o, stroke: st });
const OFF = F(0, 0, 0, 0.5, 0);
const paper = (flat, gi = [10, 9, 8], go = [-16, -16, -16]) => ({
  flat, glowIn: [flat[0] + gi[0], flat[1] + gi[1], flat[2] + gi[2]], glowOut: [flat[0] + go[0], flat[1] + go[1], flat[2] + go[2]],
});
const W = (x, y, amplitude, sigma) => ({ x, y, amplitude, sigma });
const VX = (x, y, strength, sigma) => ({ x, y, strength, sigma });
const SW = (kx, ky, amplitude, phase = 0) => ({ kx, ky, amplitude, phase });
const R = (x, y, count = 6, r0 = 0.08, dR = 0.10, propagator = 'photon') => ({ x, y, count, r0, dR, propagator });

const CREAM = [236, 228, 208];   // pale cream so the BC's own paper carries the tone

// thin-line QFT base: light vignette/glow so the ground stays flat under the BC.
const QBASE = {
  substrate: 'cream', paperOverride: paper(CREAM), vignOverride: [120, 110, 90],
  showHeader: false, glow: 0.18, vign: 0.10, stroke: 0.7, segmentsPerEdge: 8,
  photonCyclesPerUnit: 12, linkCurvature: 0.18,
};

// constant bubble-chamber layer — the 78 piece (lively magenta on cream).
function bcLayer() {
  const p = { ...FIXED, ...bcParams('MESON-5113') };
  for (const g of GROUPS) for (const c of g.controls) if (!(c.id in p)) p[c.id] = c.value;
  for (const t of TOGGLES) if (!(t.id in p)) p[t.id] = t.value;
  p.palette = 'magentarise'; p.paperTone = 'cream'; p.invert = true;
  p.showHeader = false; p.saturation = 1.05;   // a touch livelier
  return p;
}
const dataUri = (svg) => 'data:image/svg+xml;base64,' + Buffer.from(svg).toString('base64');

function composite(v) {
  const qp = { ...qftParams(v.qftSeed), ...QBASE, ...(v.qftOver || {}) };
  const bp = bcLayer();
  const qftSvg = renderQFTSVG(generateQFTScene(qp), qp, SIZE);
  const bcSvg  = renderSVG(generateScene(bp), bp, SIZE);
  const s = v.qScale ?? 1, qw = SIZE * s, qh = SIZE * s;
  const qx = (SIZE - qw) / 2 + (v.qDx || 0), qy = (SIZE - qh) / 2 + (v.qDy || 0);
  const out =
`<svg xmlns="http://www.w3.org/2000/svg" width="${SIZE}" height="${SIZE}" viewBox="0 0 ${SIZE} ${SIZE}">
  <rect width="${SIZE}" height="${SIZE}" fill="rgb(${CREAM.join(',')})"/>
  <image x="${qx.toFixed(0)}" y="${qy.toFixed(0)}" width="${qw.toFixed(0)}" height="${qh.toFixed(0)}" href="${dataUri(qftSvg)}" opacity="${v.qOpacity ?? 1}"/>
  <image x="0" y="0" width="${SIZE}" height="${SIZE}" href="${dataUri(bcSvg)}" style="mix-blend-mode:multiply"/>
</svg>`;
  writeFileSync(`${OUT}/${v.name}.svg`, out);
  console.log(`  ${v.name}  (qft=${v.qftSeed}/${qp.archetype})`);
  return out;
}

// ============================================================
// 10 hue families × QFT geometries, all under the same magenta event.
// ============================================================
const VARIATIONS = [
  // 1 — TONAL ECHO. Field in the same magenta family, paler & desaturated:
  //     the trace's colour, whispered, as its own substrate.
  { name: '01_tonal-magenta-echo', qftSeed: 'FEYNMAN-7167',
    qftOver: { cubicN: 2, e8Count: 3, e8OriginRadius: 0.6, linkCount: 6,
      fields: { cubic: F(0.86, 0.90, 0.46, 0.50, 0.60, 0.55), schlegel: F(0.80, 0.84, 0.42, 0.48, 0.52, 0.55),
        e8: F(0.90, 0.94, 0.52, 0.50, 0.65, 0.6), ripple: OFF, links: F(0.92, 0.88, 0.58, 0.48, 0.66, 0.8) } } },

  // 2 — THE COMPLEMENT. Teal/viridian — magenta's opposite — for maximum
  //     vibrance under the warm event. A swirling vortex lattice.
  { name: '02_magenta-teal-duotone', qftSeed: 'GAUGE-2046',
    qftOver: { cubicN: 2, e8Count: 1, e8OriginRadius: 0.64, linkCount: 6, vortices: [VX(0, 0, 0.8, 0.3)],
      fields: { cubic: F(0.47, 0.50, 0.55, 0.46, 0.58, 0.55), schlegel: F(0.50, 0.46, 0.50, 0.44, 0.50, 0.6),
        e8: F(0.45, 0.48, 0.55, 0.48, 0.55, 0.6), ripple: OFF, links: F(0.48, 0.44, 0.60, 0.46, 0.62, 0.8) } } },

  // 3 — EMBER UNDERGLOW. Gold→copper field, picking up the burnt-orange disk:
  //     the event smouldering on a bed of its own embers. Nautilus rosettes.
  { name: '03_ember-gold-underglow', qftSeed: 'LATTICE-1003',
    qftOver: { cubicN: 2, e8Style: 'nautilus', e8Count: 3, nautilusTurns: 2.6, nautilusPerTurn: 14, nautilusGrowth: 0.2, linkCount: 6,
      fields: { cubic: F(0.10, 0.08, 0.62, 0.46, 0.62, 0.55), schlegel: F(0.08, 0.06, 0.55, 0.44, 0.52, 0.55),
        e8: F(0.12, 0.07, 0.72, 0.46, 0.70, 0.6), ripple: OFF, links: F(0.07, 0.05, 0.82, 0.44, 0.72, 0.8) } } },

  // 4 — COOL RECEDE. Violet→indigo, the cool neighbour of magenta — the field
  //     steps back into shadow while the warm trace advances. Big tesseract.
  { name: '04_violet-indigo-recede', qftSeed: 'PROPAGATOR-2755',
    qftOver: { cubicN: 1, schlegelScale: 1.3, schlegelOuterR: 0.86, e8Count: 2, linkCount: 5,
      fields: { cubic: F(0.70, 0.74, 0.45, 0.50, 0.48, 0.5), schlegel: F(0.74, 0.78, 0.50, 0.46, 0.55, 0.6),
        e8: F(0.68, 0.72, 0.45, 0.50, 0.50, 0.6), ripple: OFF, links: F(0.76, 0.72, 0.50, 0.48, 0.55, 0.8) } } },

  // 5 — VERDIGRIS. Desaturated sea-green patina — aged copper plate — under a
  //     Chladni standing-wave membrane. Quiet, oxidised, archival.
  { name: '05_verdigris-chladni', qftSeed: 'VACUUM-5113',
    qftOver: { cubicN: 2, e8Count: 0, linkCount: 3, standingWaves: [SW(6, 1, 0.04), SW(1, 6, 0.04)],
      fields: { cubic: F(0.44, 0.48, 0.30, 0.54, 0.55, 0.55), schlegel: F(0.46, 0.50, 0.26, 0.52, 0.45, 0.55),
        e8: OFF, ripple: OFF, links: F(0.42, 0.46, 0.35, 0.52, 0.50, 0.75) } } },

  // 6 — SPLIT-COMPLEMENT. Teal lattice, GOLD propagator links (tied to the
  //     disk accent) — a two-colour field that brackets the magenta on both sides.
  { name: '06_teal-lattice-gold-links', qftSeed: 'FEYNMAN-7167',
    qftOver: { cubicN: 2, e8Count: 3, e8OriginRadius: 0.58, linkCount: 9, linkCurvature: 0.3,
      fields: { cubic: F(0.49, 0.52, 0.45, 0.50, 0.52, 0.55), schlegel: F(0.50, 0.47, 0.42, 0.48, 0.45, 0.55),
        e8: F(0.11, 0.08, 0.55, 0.55, 0.55, 0.6), ripple: OFF, links: F(0.12, 0.07, 0.70, 0.55, 0.7, 0.85) } } },

  // 7 — ROSE GHOST. The thinnest, palest field — a barely-there dusty pink
  //     lattice, present only as a breath. Sparse. Contemplative.
  { name: '07_rose-ghost-quiet', qftSeed: 'GAUGE-2046',
    qftOver: { cubicN: 1, e8Count: 1, e8OriginRadius: 0.66, linkCount: 4,
      fields: { cubic: F(0.93, 0.90, 0.28, 0.66, 0.40, 0.45), schlegel: F(0.90, 0.94, 0.24, 0.64, 0.34, 0.45),
        e8: F(0.92, 0.96, 0.30, 0.66, 0.42, 0.5), ripple: OFF, links: F(0.94, 0.90, 0.34, 0.64, 0.42, 0.65) } } },

  // 8 — PALE SPECTRAL. A faint rainbow lattice — cubic cool-blue, schlegel
  //     violet, e8 gold, links rose: an earned-colour field, softened to a haze.
  { name: '08_pale-spectral-lattice', qftSeed: 'LATTICE-1003',
    qftOver: { cubicN: 2, e8Count: 3, e8OriginRadius: 0.6, linkCount: 7,
      fields: { cubic: F(0.55, 0.60, 0.40, 0.58, 0.46, 0.5), schlegel: F(0.72, 0.78, 0.42, 0.54, 0.46, 0.55),
        e8: F(0.11, 0.14, 0.50, 0.58, 0.50, 0.6), ripple: OFF, links: F(0.93, 0.88, 0.45, 0.58, 0.5, 0.8) } } },

  // 9 — CYAN BLUEPRINT. Pale cyan/blue draughtsman's lines with expanding
  //     ripple wavefronts — the schematic under the photograph.
  { name: '09_cyan-blueprint-ripples', qftSeed: 'PROPAGATOR-2755',
    qftOver: { cubicN: 2, e8Count: 0, linkCount: 4, ripples: [R(0, 0, 5, 0.1, 0.11)],
      fields: { cubic: F(0.54, 0.57, 0.45, 0.52, 0.52, 0.5), schlegel: F(0.56, 0.53, 0.42, 0.50, 0.45, 0.55),
        e8: OFF, ripple: F(0.55, 0.58, 0.50, 0.54, 0.55, 0.6), links: F(0.54, 0.57, 0.50, 0.50, 0.55, 0.8) } } },

  // 10 — COMMUNION. The field sweeps the EXACT purple→magenta→pink band of the
  //      trace family, at lowest saturation — field and trace are one colour,
  //      one chemistry; only the burnt-orange disk stands apart. ★
  { name: '10_trace-family-communion', qftSeed: 'FEYNMAN-7167',
    qftOver: { cubicN: 2, e8Style: 'nautilus', e8Count: 3, nautilusTurns: 2.8, nautilusPerTurn: 16, nautilusGrowth: 0.2, linkCount: 7,
      fields: { cubic: F(0.82, 0.90, 0.40, 0.50, 0.60, 0.55), schlegel: F(0.79, 0.86, 0.38, 0.48, 0.54, 0.55),
        e8: F(0.88, 0.95, 0.44, 0.50, 0.64, 0.6), ripple: OFF, links: F(0.90, 0.82, 0.50, 0.48, 0.66, 0.8) } } },
];

console.log(`Compositing ${VARIATIONS.length} magenta-cream QFT×BC plates → ${OUT}/`);
for (const v of VARIATIONS) composite(v);

const cap = (v) => v.name.replace(/^\d+_/, '').replace(/-/g, ' ');
const idx = `<!DOCTYPE html><html><head><meta charset="utf-8"><title>QFT × Bubble Chamber · sketch 02 · magenta-cream</title>
<style>body{margin:0;background:#0b0b0b;color:#bbb;font:12px/1.5 ui-monospace,Menlo,monospace;padding:26px;max-width:1900px}
h1{font-weight:400;letter-spacing:.22em;text-transform:uppercase;font-size:13px;color:#d6a5c4}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:20px;margin-top:18px}
figure{margin:0;background:#fff;border:1px solid #262626;overflow:hidden}img{width:100%;display:block}
figcaption{padding:8px 10px;color:#e8e4d8;background:#111}small{color:#777;display:block}
.notes{color:#999;background:#180e16;padding:14px 18px;border-left:3px solid #d6a5c4;margin:18px 0}</style></head><body>
<h1>QFT × Bubble Chamber · sketch 02 — thin field between cream & the magenta event</h1>
<div class="notes">Built on <b>78_final-lively-magenta-cream</b> (MESON-5113 · magentarise · cream). A thin-line but
present QFT lattice is slipped between the cream ground and the bubble chamber (multiply on top). The event is constant;
each frame varies the QFT geometry and a hue family chosen to converse with the magenta tracks + burnt-orange disk.</div>
<div class=grid>
${VARIATIONS.map(v => `<figure><img src="${v.name}.svg"><figcaption>${cap(v)}<small>field: ${v.qftSeed}</small></figcaption></figure>`).join('\n')}
</div></body></html>`;
writeFileSync(`${OUT}/index.html`, idx);
const m = `<!DOCTYPE html><html><head><meta charset="utf-8">
<style>html,body{margin:0;background:#222}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px;width:2400px}figure{margin:0;position:relative;background:#fff;overflow:hidden}img{width:100%;display:block}figcaption{position:absolute;left:0;bottom:0;right:0;padding:6px 10px;font:14px ui-monospace,monospace;color:#fff;background:linear-gradient(transparent,#000d)}</style></head><body>
<div class="grid">
${VARIATIONS.map(v => `<figure><img src="${v.name}.svg"><figcaption>${cap(v)}</figcaption></figure>`).join('\n')}
</div></body></html>`;
writeFileSync(`${OUT}/m.html`, m);
console.log(`contact sheets -> ${OUT}/index.html , m.html`);