// === Escena 02 — "El mismo campo, dos manos" (la paridad) ===
// Le pides que corrija el correo → el campo «Email» de la ficha cambia → EL PLANO: dos flechas
// (tu teclado y la herramienta) que se dibujan hacia el MISMO enlace, `datosPersonales.Email`
// (formulario EntidadDialog.razor:131 · herramienta set_contacto :1433) → la ventana se repinta
// al cerrar el turno → y nadie ha guardado: en el pie APARECE «Guardar», y es del humano
// (EntidadDialog.razor:523, solo con cambios sin guardar :535).
function EscenaYV02({ t }){
// LOCUCIÓN (audio/escena-02.mp3): le pides que corrija el correo → (pausa) → el correo cambia →
// no hay truco → el mismo campo que escribiría tu teclado → un dato, dos manos → al terminar el
// turno la ventana se repinta → la regla en dos mitades → nadie ha guardado → aparece «Guardar» →
// hasta que lo pulses, esto vive en memoria.
const T = {
pide:0.1, // "Le pides que corrija el correo" → se teclea en el área de escribir
cliente:1.7, // "del cliente" → la burbuja de usuario sale disparada
pausa:2.9, // (pausa 0.4 s) anticipación: los tres puntos del agente
cambia:4.0, // "el correo cambia en el formulario" → el campo «Email» cambia de valor
truco:6.7, // "No hay truco" → calma; la respuesta del agente aterriza
escribe:8.5, // "La herramienta escribe" → la llamada set_contacto se abre y enseña su argumento
mismo:10.3, // "el mismo campo que escribiría tu teclado" → LAS DOS FLECHAS se dibujan
dosmanos:13.2, // "Un dato, dos manos" → el enlace compartido brilla y las flechas quedan fijas
turno:15.6, // "Cuando el agente termina su turno" → la llamada se cierra en verde
repinta:17.6, // "la ventana se repinta" → barrido suave sobre la mitad izquierda
regla1:21.5, // "si el dato está en pantalla" → la regla, mitad 1
regla2:24.2, // "si tú puedes cambiarlo" → la regla, mitad 2
nadie:29.5, // "Nadie ha guardado" → el pie entra desde abajo, con un hueco vacío
guardar:32.1, // "ha aparecido el botón de guardar" → «Guardar» materializa en ese hueco
memoria:36.8, // "esto vive en memoria" → chip gris «sin guardar» junto al botón
salida:38.8, // "De dónde saca el agente lo que sabe" → salida
typeSpeed:31, // caracteres por segundo del tecleo en el área de escribir
arrowGap:0.35, // desfase entre la flecha del teclado y la de la herramienta
};
const PETICION = 'Cambia el correo a compras@talleresmarban.es';
// ── Geometría (misma ventana que la escena 01; el pie llega al final) ──
const WX = 110, WY = 96, WW = 1700;
const BARRA = 80, CUERPO = 736, PIE = 78, PANEL = 680;
const IZQ = WW - PANEL; // 1020
const pieP = clamp((t-T.nadie)/0.7,0,1), pieE = Easing.easeOutCubic(pieP);
const WH = BARRA + CUERPO + PIE*pieE;
// Coordenadas absolutas del campo «Email» (lo que apuntan las dos flechas)
const EMX = 150, EMY = 452, EMW = 453, EMH = 62;
const burbP = clamp((t-T.cliente)/0.45,0,1), burbE = Easing.easeOutBack(burbP);
const pensando = clamp((t-T.cliente-0.35)/0.3,0,1) * (1 - clamp((t-T.cambia+0.25)/0.3,0,1));
const toolP = clamp((t-T.cambia+0.2)/0.45,0,1), toolE = Easing.easeOutBack(toolP);
const argP = clamp((t-T.escribe)/0.5,0,1), argE = Easing.easeOutCubic(argP);
const okP = clamp((t-T.turno)/0.45,0,1);
const respP = clamp((t-T.truco+0.6)/0.5,0,1), respE = Easing.easeOutCubic(respP);
const cambiado = T.cambia <= t;
const camPulse = t >= T.cambia && t < T.cambia+1.2 ? Math.sin((t-T.cambia)/1.2*Math.PI) : 0;
// Las dos flechas y el enlace compartido
const flechas = clamp((t-T.mismo)/0.45,0,1);
const drawA = Easing.easeInOutCubic(clamp((t-T.mismo)/0.85,0,1));
const drawB = Easing.easeInOutCubic(clamp((t-T.mismo-T.arrowGap)/0.95,0,1));
const varP = clamp((t-T.mismo-0.2)/0.5,0,1), varE = Easing.easeOutBack(varP);
const varGlow = t >= T.dosmanos && t < T.dosmanos+1.4 ? Math.sin((t-T.dosmanos)/1.4*Math.PI) : 0;
const salenFlechas = clamp((t-T.nadie+0.8)/0.5,0,1); // se retiran antes del pie
const flechasOp = flechas*(1-salenFlechas);
const cardDim = flechas*(1-salenFlechas); // la tarjeta de abajo cede el sitio
// El barrido del repintado
const barrido = clamp((t-T.repinta)/1.1,0,1);
const barridoOn = 0 < barrido && barrido < 1;
// La regla en dos mitades
const r1 = clamp((t-T.regla1)/0.5,0,1), r1e = Easing.easeOutCubic(r1);
const r2 = clamp((t-T.regla2)/0.5,0,1), r2e = Easing.easeOutCubic(r2);
const reglaOut = clamp((t-T.nadie+0.9)/0.5,0,1);
// El pie y el botón que aparece
const guP = clamp((t-T.guardar)/0.5,0,1), guE = Easing.easeOutBack(guP);
const guGlow = t >= T.guardar && t < T.guardar+1.5 ? Math.sin((t-T.guardar)/1.5*Math.PI) : 0;
const foco = clamp((t-T.guardar)/0.6,0,1); // todo lo demás baja a 0.35
const chipP = clamp((t-T.memoria)/0.45,0,1), chipE = Easing.easeOutBack(chipP);
const saP = clamp((t-T.salida)/0.6,0,1), saE = Easing.easeOutCubic(saP);
const IconBot = ({ s=26, c='#0085FF' })=>(
);
const IconChat = ({ s=22, c='#64748B' })=>(
);
const Campo = ({ label, valor, big, activo, tag })=>(