// === Escena 01 — "Mi día" (contrato) === // La portada del módulo comercial: la tarjeta «Mi día» con sus filas «Hoy HH:mm» + minutos + // título, el estado vacío POR SUSTITUCIÓN (son las dos ramas del if de Dashboard:31/52 y el // producto no puede pintarlas juntas), los dos botones de alta, el botón «Modo guía» y las seis // píldoras todavía sin valor. Cierra con La Única Cosa como PROMESA. function EscenaPN01({ t }){ // LOCUCIÓN (audio/escena-01.mp3): abres por la mañana → la portada → lo primero es tu día → // hora y duración → agenda libre por hoy → dos botones para crear → la mitad de arriba → // debajo hay seis números → LA ÚNICA COSA (promesa). const T = { head:0.0, // "Abres por la mañana" -> eyebrow EL PANEL · CÓMO SE LEE + título portada:4.6, // "la portada del módulo comercial" -> la ventana entera entra midia:7.6, // "Lo primero que ves es tu día" -> «Mi día» al frente, lo demás se atenúa filas:10.8, // "con su hora y su duración" -> las 3 filas de agenda en cascada filaStep:0.16, // (incremento entre filas de la cascada) vacio:15.5, // "agenda libre por hoy" -> las 3 filas SE SUSTITUYEN por el estado vacío vacioDur:1.35, // (cuánto dura la sustitución antes de que vuelvan las filas) botones:18.0, // "dos botones para crear" -> «Oportunidad» y «Evento» se iluminan mitad:21.0, // "Eso es la mitad de arriba" -> «Mi día» baja a 0.34; foco en «Modo guía» pildoras:23.1, // "Debajo hay seis números" -> las 6 píldoras, en gris y sin valor unica1:26.0, // "De los seis, dos traen lista" -> ÚNICA COSA mitad 1 (promesa) unica2:28.4, // "Esa lista es el trabajo de hoy" -> ÚNICA COSA mitad 2, queda fija }; // ── Maqueta (13/08/2026, sesión de Nuria Peláez). Fecha legible = «Hoy HH:mm» (RegionService:71-85) ── const AGENDA = [ { hora:'Hoy 10:00', min:'45 min.', txt:'Llamada de seguimiento - Envases Duero' }, { hora:'Hoy 12:30', min:'60 min.', txt:'Visita técnica - Talleres Ordás' }, { hora:'Hoy 16:00', min:'30 min.', txt:'Demostración - Cerámicas Vall' }, ]; // Los seis marcadores, con su color literal del marcado (Dashboard:63-68) const PILLS = [ { k:'payments', tit:'Pipeline Total', col:'#2e7d32' }, { k:'balance', tit:'Ponderado', col:'#1565c0' }, { k:'handshake', tit:'Abiertas', col:'#6a1b9a' }, { k:'event_upcoming', tit:'Cierre Este Mes', col:'#e65100' }, { k:'warning', tit:'Estancadas', col:'#bf360c' }, { k:'event_busy', tit:'Sin evento', col:'#ff6f00' }, ]; const Ico = ({ n, s=24, c='#0F172A', w=2 })=>{ const P = { today:<>, event:<>, event_available:<>, event_upcoming:<>, event_busy:<>, warning:<>, payments:<>, balance:<>, handshake:<>, school:<>, plus:<>, }; return {P[n]}; }; // ── Progresos ── const wnP = clamp((t-T.portada)/0.85,0,1), wnE = Easing.easeOutCubic(wnP); const mdP = clamp((t-T.midia)/0.65,0,1), mdE = Easing.easeOutBack(mdP); const dimOtros = clamp((t-T.midia)/0.7,0,1); const vaIn = clamp((t-T.vacio)/0.32,0,1); const vaOut = clamp((t-T.vacio-T.vacioDur)/0.32,0,1); const vacio = clamp(vaIn - vaOut, 0, 1); const btP = clamp((t-T.botones)/0.5,0,1), btE = Easing.easeOutBack(btP); const btGlow = t >= T.botones && t < T.botones+1.2 ? Math.sin((t-T.botones)/1.2*Math.PI) : 0; const mtP = clamp((t-T.mitad)/0.6,0,1); const guiaE = Easing.easeOutBack(clamp((t-T.mitad)/0.5,0,1)); const guiaGlow = t >= T.mitad && t < T.mitad+1.2 ? Math.sin((t-T.mitad)/1.2*Math.PI) : 0; const plP = clamp((t-T.pildoras)/0.6,0,1); const opMidia = wnE * lerp(1, 0.34, mtP); const opPills = wnE * lerp(lerp(1, 0.40, dimOtros), 1, plP); const opListas = wnE * lerp(1, 0.26, dimOtros); const opGuia = wnE * lerp(lerp(1, 0.40, dimOtros), 1, mtP); // Acto final · La Única Cosa (promesa) const veloOp = t < T.unica1 ? 0 : clamp((t-T.unica1)/0.7,0,1)*0.94; const u1P = clamp((t-T.unica1)/0.6,0,1), u1E = Easing.easeOutCubic(u1P); const u2P = clamp((t-T.unica2)/0.6,0,1), u2E = Easing.easeOutCubic(u2P); // ── Una fila de la agenda: fecha legible · minutos si > 0 · texto principal (Dashboard:36-47) ── const FilaAgenda = ({ a, i })=>{ const p = clamp((t-T.filas-i*T.filaStep)/0.5,0,1), e = Easing.easeOutCubic(p); return (
{a.hora} {a.min} {a.txt}
); }; // ── Píldora compacta: icono + valor + título (KpiCard:62-76). Aquí todavía sin valor ── const Pildora = ({ p })=>(
{p.tit}
); // ── Cabecera de una tarjeta de lista (solo se ve el borde superior en esta escena) ── const CabLista = ({ icon, tit, col })=>(
{tit}
); return ( Tu día, y seis números debajo}/> {/* ─────────── La portada del módulo comercial ─────────── */} {wnP > 0 && (
{/* Botón «Modo guía», arriba a la derecha (Dashboard:18-19) */}
Modo guía
{/* ── Tarjeta «Mi día» (Dashboard:23-29) ── */}
0 && mtP < 1 ? `0 ${lerp(4,30,mdE*(1-mtP))}px ${lerp(14,70,mdE*(1-mtP))}px rgba(15,23,42,${lerp(0.05,0.16,mdE*(1-mtP))})` : '0 2px 10px rgba(15,23,42,0.05)'}}> {/* Cabecera: icono today + «Mi día» + los dos botones de alta */}
Mi día
{['Oportunidad','Evento'].map((b,i)=>( {b} ))}
{/* Cuerpo: las 3 filas de hoy · O · «Agenda libre por hoy». Nunca a la vez */}
{AGENDA.map((a,i)=> )}
Agenda libre por hoy
{/* ── Los seis marcadores, todavía en gris y sin valor ── */}
{PILLS.map(p => )}
{/* ── Las dos tarjetas de lista, asomando por el pie de la ventana ── */}
)} {/* ─────────── La Única Cosa · PROMESA ─────────── */} {veloOp > 0 &&
} {u1P > 0 && (
De los seis números, dos traen lista.
)} {u2P > 0 && (
Esa lista es el trabajo de hoy.
)} ); } Object.assign(window, { EscenaPN01 });