{[0,1,2,3].map(i=>{
const on = t >= encendido[i];
const e = Easing.easeOutBack(clamp((t-encendido[i])/0.45,0,1));
return (
{i+1}
);
})}
)}
{/* ═════════ AVISO 1 · la tabla está acotada solo por el proyecto ═════════ */}
{vis(0).on && (
{CHIPS.map((c,i)=>{
const gris = clamp((t-T.nomira-i*0.10)/0.4,0,1);
const tacha = Easing.easeInOutCubic(clamp((t-T.nomira-0.12-i*0.10)/0.45,0,1));
return (
0 ? '#EEF2F6' : c[1],
boxShadow:(t >= T.chipsarriba && t < T.nomira) ? '0 0 0 3px rgba(0,133,255,0.28)' : 'none'}}>
0 ? '#94A3B8' : c[2]}}>{c[0]}
{tacha > 0 && }
);
})}
{t >= T.nomira && (
la rejilla no los mira
)}
{/* la rejilla: acotada por un único criterio, el proyecto */}
{[['Clave',120],['Resumen',430],['Tipo',130],['Estado',170],['Responsable',210],['Vence',140]].map(h=>(
{h[0]}
))}
{REJILLA.map((r,i)=>{
const e = Easing.easeOutCubic(clamp((t-T.tabla-0.3-i*T.filaStep)/0.4,0,1));
const marca = !r.pasa ? clamp((t-T.acotada-0.1-i*0.06)/0.4,0,1) : 0;
return (
0 ? `rgba(245,158,11,${0.10*marca})` : 'transparent',
borderLeft:`4px solid ${marca > 0 ? '#F59E0B' : 'transparent'}`}}>
{r.cl}
{r.re}
{r.tp}
{r.es}
{r.qu}
{r.ve}
{marca > 0.5 && (
el filtro la excluía
)}
);
})}
Cinco atajos no se escriben en la dirección
{/* Las dos listas, enfrentadas: lo que cabe en la dirección y lo que no. Los cinco
atajos NO se dibujan como parámetros: no existen como parámetros. */}
LO QUE SE ESCRIBE · SEIS CLAVES
{[['q','lo que buscas'],['users','quién la lleva'],['types','de qué tipo es'],
['statuses','en qué estado'],['nat','naturaleza'],['open','solo abiertas']].map((k,i)=>{
const e = Easing.easeOutCubic(clamp((t-T.cinco-0.1-i*0.07)/0.4,0,1));
return (
{k[0]}
{k[1]}
);
})}
LO QUE NO · CINCO ATAJOS
{ATAJOS.map((a,i)=>{
const ent = Easing.easeOutBack(clamp((t-T.cinco-0.1-i*T.atajoStep)/0.45,0,1));
const on = t >= a.on;
const tacha = clamp((t-T.sinellos-i*0.07)/0.5,0,1);
return (
{a.n}
sin clave
{tacha > 0 && }
);
})}
{t >= T.compartes && (
Si compartes con esos puestos,
al otro le llega sin ellos.
)}
al otro le llega sin ellos.
El texto filtra. La caja llega vacía.
{/* La barra tal como le sale a quien abre el enlace */}
LA BARRA DE JAVIER, RECIÉN ABIERTO EL ENLACE
= T.vaciaCaja ? '#B45309' : '#E2E8F0'}`, background:'#fff',
boxShadow:t >= T.vaciaCaja && t < T.vaciaCaja+1.6 ? '0 0 0 5px rgba(180,83,9,0.18)' : 'none'}}>
{CHIPS.map(c=>(
{c[0]}
))}
estos sí se reconstruyen
Sí filtra
La lista le llega ya recortada por etiquetas.
Y no lo dice
El otro no ve por qué faltan filas.
{REJILLA.filter(r=>r.pasa).map((r,i)=>{
const e = Easing.easeOutCubic(clamp((t-T.sifiltra-0.25-i*0.12)/0.45,0,1));
return (
{r.re}
{r.tp}
{r.cl}
);
})}
tres filas de ocho · y ni un rastro del porqué
Mi día no es una quinta vista
Es otra pantalla, fuera del proyecto: tiene todos tus proyectos, no uno.
{/* la pantalla */}
barra de filtros
aquí no hay
{GRUPOS.map((g,i)=>{
const e = Easing.easeOutCubic(clamp((t-T.agrupada-i*T.grupoStep)/0.4,0,1));
const abierto = i < 3; // abiertos por defecto: En proceso, Pendiente y Pausado
return (
{[['No está dentro de un proyecto','lee tus tareas de toda la cuenta'],
['No tiene barra de filtros','y por tanto no entra en el enlace'],
['Agrupa por estado','no por fecha: no existe ningún grupo «Hoy»']].map((r,i)=>{
const e = Easing.easeOutBack(clamp((t-T.midia-0.4-i*0.28)/0.5,0,1));
return (
);
})}
{r[0]}
{r[1]}
LA REGLA CABE EN UNA LÍNEA
{noeE > 0 && (
Lo que no está escrito en la dirección,
no viaja.
)}
no viaja.
Y LO QUE SÍ
)}
{e1 > 0 && (
La dirección es el filtro,
)}
{e2 > 0 && (
y se comparte pegándola.
)}
{e2 > 0 && (