// === Escena 03 — "El contrato de cuatro" === [VALLE: todo entra en cascada de 8-12 px]
// Lo que la ventana le entrega al panel al montar (el retrato de su estado + las once herramientas
// escritas a mano, literales de EntidadDialog.razor:1342-1352) → los cuatro miembros del contrato
// (IAgentComponent.cs:10-34) → las cinco ventanas con su recuento (9 · 7 · 11 · 3 · 4) y un solo
// punto de montaje (AgentDialogLayout) → y las herramientas de fábrica, apagadas
// (SkipDefaultTools = true, AgentDialogLayout.razor:80).
function EscenaYV03({ t }){
// LOCUCIÓN (audio/escena-03.mp3): se lo cuenta la propia ventana al montar → un retrato de su
// estado → una lista de herramientas escritas a mano → el contrato tiene cuatro miembros →
// cinco ventanas lo implementan → las cinco pasan por el mismo montaje → si se rompe, se rompen
// las cinco → y aquí las herramientas generales vienen apagadas.
const T = {
cuenta:0.1, // "Se lo cuenta la propia ventana" → la ventana entra; el conector se dibuja
montar:1.7, // "al montar el panel" → la entrega aterriza en la tarjeta de la derecha
retrato:3.6, // "Un retrato de su estado" → el bloque del retrato, ilegible salvo tres líneas
quien:5.2, // "quién es la entidad" → primera línea legible
falta:7.3, // "qué le falta" → tercera línea legible, en ámbar
tools:9.2, // "una lista de herramientas escritas a mano" → los 11 nombres, en cascada
unaporuna:11.5, // "una por una" → el recuento aterriza
miembros:14.0, // "cuatro miembros" → la página gira: cuatro huecos vacíos
m1:15.7, // "el título, el retrato" → los miembros se rellenan uno a uno
web:18.1, // "si puede buscar en la web" → el cuarto, con su chip encendido
cinco:20.2, // "Cinco ventanas lo implementan hoy" → la página gira a las cinco tarjetas
w1:22.4, // "fichajes" → tarjeta 1
w2:23.2, // "asientos" → tarjeta 2
w3:23.8, // ", entidad," → tarjeta 3
w4:24.8, // "datos fiscales" → tarjeta 4
w5:25.7, // "análisis bancario" → tarjeta 5
montaje:27.7, // "Las cinco pasan por el mismo montaje" → el punto de montaje y sus 5 hilos
rompe:30.8, // "Si se rompe, se rompen las cinco a la vez" → todo el haz se pone en ámbar
apagadas:35.2, // "las herramientas generales vienen apagadas" → cuatro chips tachados
salida:38.3, // "Ya sabemos qué toca" → salida
toolStep:0.11, // incremento de la cascada de los once nombres
lineStep:0.16, // incremento entre las líneas del retrato
memberStep:0.78, // incremento entre los cuatro miembros del contrato
chipStep:0.22, // incremento entre los cuatro chips tachados
};
// ── Datos verificados ──
const HERRAMIENTAS = ['read_state','set_identificacion','set_contacto','set_flags',
'read_datos_fiscales_entidad','open_agregar_datos_fiscales','list_compras','list_ventas',
'list_subcuentas','set_compra','set_venta'];
const VENTANAS = [
{ titulo:'Yudo - Fichajes', n:9, web:false, tw:T.w1 },
{ titulo:'Yudo - Asientos', n:7, web:false, tw:T.w2 },
{ titulo:'Yudo - Entidad', n:11, web:true, tw:T.w3 },
{ titulo:'Yudo - Datos fiscales', n:3, web:true, tw:T.w4 },
{ titulo:'Yudo - Análisis bancario', n:4, web:false, tw:T.w5 },
];
const MIEMBROS = [
{ k:'AgentTitle', n:'El título', v:'Yudo - Entidad' },
{ k:'GetAgentSystemPrompt()', n:'El retrato', v:'una sola vez, al montar' },
{ k:'GetAgentTools()', n:'Las herramientas', v:'once, en esta ventana' },
{ k:'EnableWebSearch', n:'¿Busca en la web?',v:'aquí, sí' },
];
const FABRICA = [
{ n:'consultar', k:'query · por sección' },
{ n:'escribir', k:'write_operations' },
{ n:'abrir formulario', k:'open_dialog' },
{ n:'generar imagen', k:'generate_image' },
];
// ── Páginas: A (la entrega) → B (los cuatro miembros) → C (las cinco ventanas) ──
const aP = clamp((t-T.cuenta)/0.7,0,1), aE = Easing.easeOutCubic(aP);
const aOut = clamp((t-T.miembros+0.2)/0.5,0,1);
const bP = clamp((t-T.miembros)/0.6,0,1), bE = Easing.easeOutCubic(bP);
const bOut = clamp((t-T.cinco+0.2)/0.5,0,1);
const cP = clamp((t-T.cinco)/0.6,0,1), cE = Easing.easeOutCubic(cP);
const conector = Easing.easeInOutCubic(clamp((t-T.cuenta-0.5)/0.9,0,1));
const entrega = clamp((t-T.montar)/0.6,0,1), entregaE = Easing.easeOutBack(entrega);
const retP = clamp((t-T.retrato)/0.55,0,1), retE = Easing.easeOutCubic(retP);
const toolsP = clamp((t-T.tools)/0.5,0,1);
const nTools = clamp((t-T.unaporuna)/0.5,0,1);
const webGlow = t >= T.web && t < T.web+1.4 ? Math.sin((t-T.web)/1.4*Math.PI) : 0;
const monP = clamp((t-T.montaje)/0.6,0,1), monE = Easing.easeOutCubic(monP);
const hilos = Easing.easeInOutCubic(clamp((t-T.montaje-0.25)/0.9,0,1));
const roto = clamp((t-T.rompe)/0.5,0,1);
const rotoGlow = t >= T.rompe && t < T.rompe+1.6 ? Math.sin((t-T.rompe)/1.6*Math.PI) : 0;
const saP = clamp((t-T.salida)/0.6,0,1), saE = Easing.easeOutCubic(saP);
const nToolsCount = useCountUp(0, 11, T.unaporuna, 0.9, t);
// ── Una línea del retrato: atrezzo borroso salvo las tres que la voz nombra ──
const LineaRetrato = ({ texto, i, legible, color })=>{
const p = clamp((t-T.retrato-0.25-i*T.lineStep)/0.4,0,1);
const viva = legible ? clamp((t-legible)/0.5,0,1) : 0;
return (
{texto}
);
};
return (
EL CONTRATO · CUATRO MIEMBROS, CINCO VENTANAS
{/* ═══════ PÁGINA A · lo que la ventana le entrega al panel ═══════ */}
{0 < aP && aOut < 1 && (