// AgentModal + 10 working prototype demos for each A&R agent.
// Each demo is a small interactive UI that simulates what the agent does.
function AgentModal({ agent, onClose }) {
const [n, name, desc] = agent;
// ESC closes
useEffect(() => {
const onKey = (e) => { if (e.key === "Escape") onClose(); };
window.addEventListener("keydown", onKey);
document.body.style.overflow = "hidden";
return () => { window.removeEventListener("keydown", onKey); document.body.style.overflow = ""; };
}, [onClose]);
const Demo = AGENT_DEMOS[n] || (() =>
Prototype coming soon.
);
return (
e.stopPropagation()}>
AGENT {n}
{name}.
{desc}
LIVE PROTOTYPE
GE · AGENT {n} · v0.4.{n}ESC to close
);
}
/* ───────────────────────────────────────────────────────────
PROTOTYPES — each agent gets one
─────────────────────────────────────────────────────────── */
/* 01 · VOICE — voice memo → formatted document */
function VoiceDemo() {
const [mode, setMode] = useState("press");
const [recording, setRecording] = useState(false);
const [transcribed, setTranscribed] = useState(false);
const [bars, setBars] = useState(Array(28).fill(0.3));
useEffect(() => {
if (!recording) return;
const id = setInterval(() => {
setBars(Array(28).fill(0).map(() => 0.2 + Math.random() * 0.8));
}, 80);
return () => clearInterval(id);
}, [recording]);
const handleStop = () => {
setRecording(false);
setTimeout(() => setTranscribed(true), 600);
};
const OUTPUTS = {
press: {
title: "FOR IMMEDIATE RELEASE",
body: 'Brooklyn-based artist VELOUR. announces "Cassette," her debut full-length, out April 26th on General Eclectic. Recorded over eighteen months in a Greenpoint loft, the record threads Y2K low-bitrate texture through warm analog drum machines and her unmistakable upper register. First single "Liner Notes" arrives March 1.',
},
rider: {
title: "TECHNICAL RIDER · VELOUR.",
body: "Sound: 1× DI box (active), 1× SM58 vocal, 1× pair AKG 414 stereo overheads. Stage: 8'×6' minimum, 2 monitor wedges. Power: 2× 20A circuits. Backline: provided by artist (drum machine, MS-20, Juno-60).",
},
bio: {
title: "ARTIST BIO · LONG FORM",
body: "VELOUR. (Eliza Moreau, b. 1998) makes records that sound like memory. Raised between Montréal and New York, she trained as a film composer before turning to song. Her debut, Cassette, arrives this April. The Fader called her sound 'a haunted lullaby for the algorithm.'",
},
};
return (
);
}
/* 06 · LOCALIZE — translate copy across markets */
function LocalizeDemo() {
const COPY = "Out April 26th: \"Cassette\" — eleven songs about memory, low-bitrate ghosts, and the way a hallway holds a voice.";
const MARKETS = {
en: { name: "English", flag: "🇺🇸", body: COPY },
es: { name: "Español", flag: "🇪🇸", body: 'Disponible el 26 de abril: "Cassette" — once canciones sobre la memoria, los fantasmas de baja resolución y la forma en que un pasillo retiene una voz.' },
ja: { name: "日本語", flag: "🇯🇵", body: "4月26日リリース：『Cassette』— 記憶、低ビットレートの幽霊、そして廊下が声を抱きしめる仕方についての11曲。" },
fr: { name: "Français", flag: "🇫🇷", body: 'Sortie le 26 avril : "Cassette" — onze chansons sur la mémoire, les fantômes en basse définition, et la manière dont un couloir retient une voix.' },
pt: { name: "Português", flag: "🇧🇷", body: 'No dia 26 de abril: "Cassette" — onze canções sobre memória, fantasmas em baixa resolução e o jeito que um corredor segura uma voz.' },
de: { name: "Deutsch", flag: "🇩🇪", body: 'Ab 26. April: „Cassette" — elf Lieder über Erinnerung, niedrig aufgelöste Geister, und wie ein Flur eine Stimme festhält.' },
};
const [picked, setPicked] = useState(["en","es","ja","fr"]);
const toggle = (k) => setPicked(p => p.includes(k) ? p.filter(x => x !== k) : [...p, k]);
return (