// === Escena 02 — Dónde se abre: el «+» del menú (bloque Entidades) y el botón verde de la lista ===
// PymesPage.razor:48-53 (menú) · ClientesSubpage/ProveedoresSubpage.razor:10 (botón) · todos abren
// EntidadDialog, que sin id se titula «Agregar Entidad».
function EscenaAC02({ t }){
  useVoz(1);
  const G = GUION[1];
  const T = {
    bloque:   B(G, 'en el bloque Entidades'),        // → el bloque se marca
    items:    B(G, 'están Clientes'),                // → Clientes y Proveedores
    mas:      B(G, 'un botón con un más'),           // → los dos «+»
    pulsas:   B(G, 'Lo pulsas'),                     // → clic en el «+» de Clientes
    abre:     B(G, 'el alta se abre'),               // → asoma la ventana
    lista:    B(G, 'Dentro de la lista'),            // → la ventana se va; cursor a la barra
    verde:    B(G, 'el botón verde'),                // → el botón verde «Cliente»
    prov:     B(G, 'En la de proveedores'),          // → la lista pasa a Proveedores
    todos:    B(G, 'Todos abren la misma ventana'),  // → entra «Agregar Entidad»
    agregar:  B(G, 'Agregar Entidad'),               // → el título, una vez
    comparten:B(G, 'cliente y proveedor comparten'), // → rótulo
    quien:    B(G, 'lo primero que te pregunta'),    // → Personal / Empresa
  };
  const enProv = t >= T.prov && t < T.todos;   // la ventana se abre desde Clientes
  const marcaBloque = pe(t, T.bloque, 0.6) * (1 - pe(t, T.pulsas + 1.5, 0.6));
  const marcaItems = pe(t, T.items, 0.5) * (1 - pe(t, T.pulsas + 1.5, 0.6));
  const marcaMas = pe(t, T.mas, 0.4) * (1 - pe(t, T.lista, 0.5));
  const marcaBoton = pe(t, T.verde, 0.4) * (1 - pe(t, T.todos, 0.5));
  // La ventana: asoma tras el «+», se va, y vuelve para quedarse.
  const asoma = pe(t, T.abre, 0.6) * (1 - pe(t, T.lista - 0.2, 0.5));
  const queda = pe(t, T.todos + 0.3, 0.8);
  const dlg = Math.max(asoma, queda);
  const velo = 0.35 * dlg;
  const cursor = { frames:[
    { t:0, x:1500, y:900 },
    { t:T.mas, x:1500, y:900 },
    { t:T.pulsas - 0.1, x:352, y:520 },
    { t:T.lista, x:352, y:520 },
    { t:T.verde - 0.1, x:1765, y:212 },
    { t:T.todos, x:1765, y:212 },
    { t:T.todos + 1.2, x:1700, y:960 },
  ], clicks:[T.pulsas + 0.1, T.verde + 1.0] };
  return (
    <SlideCanvas variant="light" bg={C.fondo} grid={false}>
      <AppPymes marcaBloque={marcaBloque} marcaItems={marcaItems} marcaMas={marcaMas} activo={enProv ? 'Proveedores' : 'Clientes'}>
        <Lista titulo={enProv ? 'Proveedores' : 'Clientes'} boton={enProv ? 'Proveedor' : 'Cliente'} marcaBoton={marcaBoton}
               filas={enProv ? ['Harinas del Turia, S.L.', 'Lácteos Ribera, S.A.', 'Envases Levante', 'Gestoría Martí', 'Suministros Nadal'] : CLIENTES}/>
      </AppPymes>
      {velo > 0 && <div style={{ position:'absolute', inset:0, background:`rgba(15,23,42,${velo})` }}/>}
      {dlg > 0 && (
        <FichaPaso1 op={dlg} esc={lerp(0.96, 1, dlg)} v={{}} m={{ titulo:0, barra: pulso(t, T.quien, 1.6) }}/>
      )}
      {dlg > 0 && pulso(t, T.agregar, 1.4) > 0 && (
        <div style={{ position:'absolute', left:150, top:40, width:420, height:64, borderRadius:'10px 0 0 0',
                      boxShadow:`inset 0 0 0 ${3 * pulso(t, T.agregar, 1.4)}px ${C.primario}` }}/>
      )}
      <Rotulo t={t} desde={T.comparten} hasta={T.quien + 1.2}>Cliente o proveedor: la misma ficha</Rotulo>
      {t < T.todos + 1.6 && <ScriptedCursor frames={cursor.frames} t={t} clickTimes={cursor.clicks}/>}
    </SlideCanvas>
  );
}
Object.assign(window, { EscenaAC02 });