// === Escena 02 — "Un interruptor" (la activación) ===
// Config del agente → switch "Buzón de emails" ON → nace su dirección propia → se copia
// con un clic. Contraste: NO es tu dirección. Y no te pedimos nada tuyo. Remate: "El que tú decidas."
function EscenaBA02({ t }){
// LOCUCIÓN (audio/escena-02.mp3): abres la config → interruptor → buzón de emails →
// ya está → su propia dirección → suya / única → no es tu dirección → dominio Dinaup →
// exclusiva → la copias → no te pedimos nada → contraseña / entrar → ¿qué correo? → el que tú decidas.
const T = {
dialog:0.3, // "Abres la configuración de tu agente"
sw:3.2, // "y enciendes un interruptor"
label:4.5, // "buzón de emails"
check:6.1, // "Ya está"
dir:8.1, // "su propia dirección de correo"
suya:10.2, // "Suya"
unica:11.2, // "Única"
notuya:13.5, // "no es tu dirección"
dominio:16.8, // "en un dominio de Dinaup"
excl:18.3, // "exclusiva para este agente"
copia:20.5, // "La copias con un clic"
pedimos:22.5, // "no te hemos pedido nada tuyo"
pass:24.5, // "Ni tu contraseña"
buzon:26.1, // "ni entrar en tu buzón"
pregunta:28.9, // "¿qué correo le llega?"
remate:30.3, // "El que tú decidas"
};
const DLG = { x:160, y:196, w:900 };
const dlgP = clamp((t-T.dialog)/0.7,0,1), dlgE = Easing.easeOutCubic(dlgP);
// Switch: se enciende justo tras el clic (3.2)
const swP = clamp((t-T.sw)/0.3,0,1), swE = Easing.easeOutCubic(swP);
const swOn = swP > 0.5;
const labelGlow = t >= T.label && t < T.label+1.4 ? Math.sin((t-T.label)/1.4*Math.PI) : 0;
const checkP = clamp((t-T.check)/0.45,0,1), checkE = Easing.easeOutBack(checkP);
// Dirección propia
const dirP = clamp((t-T.dir)/0.6,0,1), dirE = Easing.easeOutBack(dirP);
const domDraw = Easing.easeInOutCubic(clamp((t-T.dominio)/0.7,0,1));
const domTint = clamp((t-T.dominio)/0.5,0,1);
const avP = clamp((t-T.excl)/0.4,0,1), avE = Easing.easeOutBack(avP);
// Contraste "no es tu dirección"
const notuyaP = clamp((t-T.notuya)/0.6,0,1), notuyaE = Easing.easeOutCubic(notuyaP);
// Copiar → toast
const toastP = clamp((t-T.copia-0.25)/0.5,0,1), toastE = Easing.easeOutBack(toastP);
// Panel "lo que NO te pedimos"
const pedimosP = clamp((t-T.pedimos)/0.6,0,1), pedimosE = Easing.easeOutCubic(pedimosP);
const passP = clamp((t-T.pass)/0.5,0,1), passE = Easing.easeOutCubic(passP);
const buzonP = clamp((t-T.buzon)/0.5,0,1), buzonE = Easing.easeOutCubic(buzonP);
// Calma final: el mockup se atenúa, mandan la pregunta y el remate
const calmaOp = t < T.pregunta ? 1 : lerp(1, 0.24, clamp((t-T.pregunta)/0.7,0,1));
const quP = clamp((t-T.pregunta)/0.7,0,1), quE = Easing.easeOutCubic(quP);
const remP = clamp((t-T.remate)/0.6,0,1), remE = Easing.easeOutCubic(remP);
// Cursor: aparca → switch (clic 3.2) → botón copiar (clic 20.5)
const cursor = { frames:[
{ t:0.8, x:1500, y:940 },
{ t:3.0, x:232, y:436 },
{ t:19.9, x:232, y:436 },
{ t:20.4, x:735, y:506 },
], clicks:[T.sw, T.copia] };
const FilaCfg = ({ label, value })=>(
{label}{value}
);
// Fila tachada del panel "no te pedimos"
const FilaTachada = ({ txt, p, e })=>(
{txt}
);
return (
Un interruptor}/>
{/* Diálogo de configuración del agente */}
{/* Cabecera del agente (azul, siglas IA — continuidad con escena 1) */}