Este es un bucle que has repetido cien veces sin darte cuenta.
Estás mirando una lista filtrada de notas — todo lo etiquetado con research, ordenado por última edición. Haces clic en la tercera. No es la que buscabas. Vuelves atrás. La lista se recarga desde arriba, y tu posición, que estaba cuatro pantallas más abajo, se ha perdido. Vuelves a encontrar tu sitio. Haces clic en la cuarta.
Revisar veinte notas supone cuarenta navegaciones y diecinueve veces volver a ubicarte. El coste no es la carga de la página. Es que lo que de verdad estabas usando era la lista, y cada nota que abres la destruye.
Ahora las notas se abren en un panel lateral sobre la lista.
Qué ha cambiado
Haz clic en una nota de la cuadrícula, la tabla o el tablero y se abre en un panel a la derecha. La lista se queda exactamente donde estaba — la misma posición de desplazamiento, los mismos filtros, las mismas columnas del tablero, la misma selección múltiple. J y K pasan a la nota siguiente y a la anterior en el orden que estés viendo. Esc cierra el panel.
El panel no es una vista previa. Es el mismo editor, con el mismo autoguardado, las mismas etiquetas y propiedades, las mismas notas hijas, notas vinculadas y Notas similares. Todo lo que haces con una nota en su propia página lo haces también ahí.
La página completa sigue ahí: Abrir en página completa en la barra de herramientas del panel, o un clic con el botón central en la tarjeta.
Tres decisiones que lo hicieron funcionar
El panel no es un modal
La implementación obvia es un diálogo: capa de fondo, trampa de foco, bloqueo del desplazamiento. A propósito, no hice nada de eso.
Con una capa de fondo, todo esto perdería el sentido. La razón de mantener la lista en pantalla es poder usarla — desplazarte por ella, arrastrar una tarjeta a otra columna, seleccionar un grupo con un recuadro mientras una nota está abierta. Una capa oscura que se traga los clics te da una foto de tu lista en lugar de tu lista.
Así que el panel no es modal: sin capa de fondo, sin trampa de foco, sin bloqueo del desplazamiento, y un clic fuera de él no lo cierra. Cerrarlo es siempre una decisión tuya — la ✕, Esc, el botón atrás del navegador o un clic en el separador del borde izquierdo del panel.
Ese último merece una mención aparte. El separador ya estaba ahí para arrastrar y ensanchar el panel. Un mousedown sobre él sin movimiento no hacía nada, así que ahora un clic pliega el panel. El mismo gesto funciona en la barra lateral y en el panel del chat de IA, y de paso la barra lateral ganó el atajo ⌘\ para mostrarla u ocultarla.
La nota abierta vive en la URL
El panel lo controla un parámetro de consulta — /notes?peek=<id> — y no el estado del componente.
Es el tipo de decisión que parece trabajo extra y se amortiza de inmediato. El botón atrás del navegador cierra el panel, porque cerrarlo es una navegación. Recargar la página lo restaura. El enlace se puede compartir o guardar en marcadores. Ordenar, filtrar o escribir en la búsqueda con una nota abierta la mantiene abierta, porque todo eso son otros parámetros de la misma URL.
Las tarjetas siguen siendo enlaces
Cada tarjeta de nota y cada fila de la tabla sigue siendo un <a href="/notes/..."> de verdad. Solo se intercepta un clic izquierdo normal.
Esa única decisión es la razón de que el clic central, clic derecho → abrir en una pestaña nueva y "copiar dirección del enlace" sigan funcionando sin una sola línea de código. Un <div> con un onClick los habría roto todos en silencio, y nadie habría abierto un bug: la gente simplemente habría dejado de intentarlo.
Dos fallos que merece la pena contar
La protección de guardado que saltaba con cada tecla
Las notas se guardan solas, y hay una protección que intercepta la navegación mientras hay un guardado pendiente, para que no salgas de una nota a medio escribir.
Con el panel, esa protección pasó a tener un radio de impacto mucho mayor. La búsqueda de la cabecera navega con cada pulsación — cada carácter es una URL nueva. Así que escribir en la búsqueda con una nota sin guardar abierta en el panel hacía saltar la protección con cada carácter: aparecía un diálogo modal "Guardando nota…" sobre la lista y se forzaba un guardado con cada letra.
La solución: ahora la protección solo bloquea las navegaciones que dejan de mostrar esta nota — cerrarla, cambiar a otra, salir de la ruta. Reordenar la lista que hay debajo no es salir de la nota, así que no salta nada.
La flecha de un tooltip se comió el tirador de arrastre
El separador para redimensionar el panel mide cuatro píxeles de ancho. Al pasar el cursor por encima aparece un tooltip que explica que puedes arrastrar para redimensionar o hacer clic para cerrar.
Solo que el tooltip dibuja una flecha — un pequeño SVG girado — y los tooltips de Notez se pegan por defecto a su disparador. Así que la flecha caía justo encima del separador de cuatro píxeles. Pasabas el cursor por el separador y pulsabas: tu mousedown daba en la flecha, no en el tirador. El panel ni se redimensionaba ni se cerraba.
Lo instructivo de este fallo es cómo lo encontré. Lo detectó un test end-to-end, y solo lo detectó porque mueve un cursor real. Mi comprobación manual anterior había lanzado eventos sintéticos directamente al elemento, lo que se salta por completo el hit-testing e informa tan tranquilo de que todo funciona. Qué elemento está bajo el cursor es una pregunta que solo hace un puntero real.
document.elementFromPoint() sobre el separador devolvía un <svg>, y eso lo explicaba todo.
Dónde no se aplica
En el teléfono, una nota sigue abriéndose como página completa. Un cajón a pantalla completa no es más que una página con un botón atrás peor.
En el tablero, siguiente y anterior se quedan dentro de una columna. Un tablero no tiene un orden único entre columnas, así que
JyKrecorren la columna de la tarjeta que abriste.Los enlaces dentro de una nota — las fichas
[[, el grafo de conexiones, las propiedades de relación — siguen abriendo la página completa. Seguir un enlace es ir a otro sitio, no al siguiente elemento de una lista. El panel sirve para recorrer una lista, no para alejarte de ella.
Esa última distinción es la regla sobre la que se apoya toda la función: las tarjetas de notas y las filas de la tabla se abren en el panel; cualquier otro camino hacia una nota abre la página. Con esa frase puedes predecir qué hará cualquier clic.
Todos los detalles están en Organizar notas y en los atajos de teclado.
Sigue leyendo
Añade una captura a una nota sin abrirla — un archivo pegado mientras renombras una nota en la lista va al final de esa nota.
Cualquier propiedad, a un clic — una propiedad de selección, de miembro, de relación o de tablero como filtro de un clic en la barra lateral.
Sin carpetas: cómo organiza Notez tus notas — por qué Notez no tiene carpetas y qué hacen en su lugar las etiquetas, las subnotas, los tableros y las propiedades personalizadas.