Estado: landing 0 notas offline
Estructura
Recientes

Hola

Continua donde lo dejaste o captura una idea nueva.
Editor (markdown + sintaxis ricas)
| | |
Preview en vivo (Ctrl+E para ocultar)
Guardado
<

Nota

Grafo local
click para grafo grande
Backlinks
Captura rapida
Enter para guardar - Esc para cancelar - Se guarda en inbox como 'capture'

Como funciona Mila App

1. Crear notas

  • Captura rapida (Ctrl+Shift+N): modal mini, escribes, Enter guarda. Se va al inbox como "capture".
  • Nueva nota completa (Ctrl+N): abre editor con titulo + contenido. Se guarda como "concept".
  • Auto-guardado: todo se guarda solo cada 500ms. No necesitas Ctrl+S.

2. Enlazar notas con [[wikilinks]]

  • Escribe [[ en el editor y aparece autocompletado.
  • Selecciona una nota existente con click, o escribe un nombre nuevo y elige "+ Crear".
  • Las notas enlazadas se ven azules. Las que apuntan a una nota inexistente se ven rojas (huerfanas).
  • Click en un wikilink rojo te ofrece crear esa nota.

3. Ver relaciones (grafo)

  • Ctrl+G abre el grafo completo (todas tus notas).
  • Click en cualquier nodo abre esa nota en panel lateral (estado B).
  • Jala la pestana azul a la izquierda (o click) para expandir a vista completa (estado C).
  • El mini-grafo del panel derecho muestra solo los vecinos directos de la nota actual.
  • Click en el mini-grafo te lleva al grafo grande.

4. Buscar (Command Palette)

  • Ctrl+K abre buscador universal.
  • Escribe parte del titulo o contenido.
  • Flechas para navegar, Enter para abrir.
  • Tambien funciona el campo "Buscar" del topbar.

5. Backlinks

  • En el panel derecho (estado C) ves todas las notas que apuntan a la nota actual.
  • Estos se generan automaticamente al guardar.
  • Click en un backlink te lleva a esa nota.

6. Estados (vista hybrid)

  • landing: pantalla inicial con "continuar donde lo dejaste".
  • A: grafo fullscreen (Ctrl+G).
  • B: grafo + panel de nota lateral (click en nodo).
  • C: three-column completo (lista izq + editor centro + backlinks der).
  • Esc retrocede entre estados.

7. Todos los atajos

Ctrl+KBuscar (command palette)
Ctrl+NNueva nota completa
Ctrl+Shift+NCaptura rapida (modal mini)
Ctrl+GAbrir grafo
Ctrl+JToggle mind panel (working memory externa)
Ctrl+EToggle preview rico (ver sintaxis renderizada)
Ctrl+Shift+HReto de memoria (active recall en vivo)
Ctrl+BToggle sidebar izquierda (folders/constelaciones)
Ctrl+IInbox (busqueda vacia)
EscRetroceder estado / cerrar modal
?Abrir esta ayuda
[[(en editor) Autocompletado wikilinks
- [ ](en editor) Crear tarea inline, aparece en mind panel
#tag(en editor) Crear tag inline, indexado en mind panel

8. Sintaxis ricas (escribe en cualquier nota)

Estas sintaxis disparan elementos visuales en el preview (Ctrl+E):

---Divider gradient animado
***Divider con estrella rotando
>>> textoCallout idea (azul)
!!! textoCallout atencion (amarillo)
??? textoCallout pregunta (verde)
+++ textoCallout insight (morado, glow)
==texto==Resaltado amarillo
~~texto~~Tachado
**texto**Bold
*texto*Italic
# H1, ## H2, ### H3Headers (H1 con gradient)
-{titulo|item1|item2}Tarjeta concept con glow
--[c1,c2,c3] + --|v1,v2,v3Tabla auto-formateada
(timer:15)Mini pomodoro interactivo (click)
(progress:60)Barra de progreso animada
`code`Inline code
```block```Code block
[[Nota]]Wikilink a otra nota
- [ ] / - [x]Tareas inline
#tagTag (color morado, clickeable)

Ctrl+E en el editor: alterna entre escribir (textarea) y ver el resultado renderizado.

8.5 Estilos de texto con emocion (#emocion{texto})

Sintaxis especial que transforma el contenido con caracteres Unicode estilizados + color. Ideal para darle "tono" a una frase.

#romantico{texto}Cursiva rosa - 𝓉ℯ𝓍𝓉ℴ
#enojado{TEXTO}Double-struck mayus rojo - 𝕋𝔼𝕏𝕋𝕆 (siempre uppercase, dramatico)
#amor{texto}Bold script rosa - 𝓽𝓮𝔁𝓽𝓸
#bold{texto}Negrita Unicode - 𝐭𝐞𝐱𝐭𝐨
#cursiva{texto}Italica Unicode - 𝑡𝑒𝑥𝑡𝑜
#gotico{texto}Fraktur tinta antigua - 𝔱𝔢𝔵𝔱𝔬
#mono{texto}Monospace terminal - 𝚝𝚎𝚡𝚝𝚘
#elegante{texto}Small caps - ᴛᴇxᴛᴏ
#aesthetic{texto}Fullwidth vapor - texto
#alegre{texto}Bold naranja calido
#triste{texto}Italica gris azulado
#miedo{texto}Fraktur muy oscuro
#asombro{texto}Bold ambar
#sarcasmo{texto}Italica gris atenuado
#fancy{texto}Bold script sepia
#tech{texto}Mono azul tinta

Estilos premium (los mas estilizados)

#premium{texto}Bold italic serif - 𝑰𝒕'𝒔 𝒈𝒊𝒗𝒊𝒏𝒈 (purpura tinta)
#brush{texto}Bold serif - 𝐈𝐭'𝐬 𝐠𝐢𝐯𝐢𝐧𝐠 (brush art)
#minimal{texto}Espaciado amplio - I t ' s g i v i n g (thin)
#moderna{texto}Sans-serif limpio - 𝖨𝗍'𝗌 𝗀𝗂𝗏𝗂𝗇𝗀
#chic{texto}Sans bold italic - 𝙄𝙩'𝙨 𝙜𝙞𝙫𝙞𝙣𝙜 (trendy)
#dramatico{X}Bold italic UPPERCASE - 𝑰𝑻'𝑺 𝑮𝑰𝑽𝑰𝑵𝑮
#poderoso{X}Sans bold italic UPPERCASE - 𝙄𝙏'𝙎 𝙂𝙄𝙑𝙄𝙉𝙂

Alias adicionales: furia/grito=enojado, romance/cursiva=romantico, oscuro=gotico, vapor/wide=aesthetic, melancolico=triste, moderno=sans, fuerte=bold, inclinada=italic, nerd=mono, smallcaps=elegante, script=premium, arte=brush, thin=minimal, clean=moderna, trendy=chic, intenso=dramatico, bold2=poderoso.

Snippet expansion (atajos al escribir)

  • Escribes #{ -> automaticamente se vuelve #{} con cursor entre # y {. Escribes el nombre alli.
  • Escribes #r + Tab -> expande a #romantico{} con cursor dentro de {}.
  • Escribes #en + Tab -> #enojado{}
  • Escribes #go + Tab -> #gotico{}
  • Cualquier prefix unico expande al estilo correspondiente.
  • Si presionas Tab estando ya dentro de {}, sale fuera del bloque.
  • Si presionas } y ya hay uno enfrente, salta afuera (no duplica).

Para ver lista completa en consola: App.listTextStyles()

9. Sidebar izquierda - Folders y Constelaciones

  • Toggle: Ctrl+B o boton "=" en topbar.
  • Folders (icono D, azul): grupos clasicos de notas. Crea con "+ Folder" en el footer del sidebar.
  • Constelaciones (icono *, morado): grupos semanticos/tematicos. Conceptualmente lo mismo que folder pero indicas que es una agrupacion por TEMA. Crea con "+ Constelacion".
  • Mover una nota - 2 formas:
    1) Arrastrar y soltar: en la lista de notas (estado C, columna izquierda interna), agarra una nota por el handle "::" y arrastrala hasta el folder destino en el sidebar izquierdo principal. El folder destino se ilumina cuando estas encima.
    2) Click en "Mover a folder..." en el panel B (lateral derecho) y escoger del dropdown.
  • Reordenar folders: arrastra un folder y sueltalo encima de otro - intercambian posicion.
  • Soltar en "Todas" o "Sin folder": arrastra una nota a "Sin folder" para quitarle el folder actual.
  • Click en folder: filtra la lista para mostrar solo notas de ese folder. Click en "Todas las notas" para quitar el filtro.
  • Click derecho en folder: permite renombrar o borrar (las notas dentro quedan sin folder).
  • Persistencia: el estado abierto/cerrado se guarda en localStorage.

10. Reto de memoria (active recall)

La tecnica con mas evidencia para fijar conocimiento en TDAH. Tipo Anki pero EN VIVO mientras escribes.

  • Atajo: Ctrl+Shift+H o boton "Reto" en topbar.
  • Paso 1: Escribes un parrafo de lo que sepas sobre un tema (ej. "las distintas inteligencias", "como funciona TDAH"). Eliges duracion: 15s, 30s, 60s o 2min.
  • Paso 2: Cuando inicias, el texto se mantiene visible unos segundos y despues se OCULTA con un patron diagonal. Sigues escribiendo a ciegas si quieres.
  • Paso 3: Cuando termina el tiempo, aparece textarea vacio. Reescribes TODO lo que recuerdes del original.
  • Paso 4: El sistema te muestra side-by-side: original vs reintento, con palabras coincidentes en verde y olvidadas en rojo. Score % de recall.
  • Opciones: Otra vuelta repite con el mismo original. Guardar como nota archiva el reto.

Por que funciona: active recall es la tecnica con mas evidencia cientifica para fijar conocimiento. En TDAH es especialmente potente porque el challenge inmediato genera dopamina (Karpicke 2008, Roediger 2006).

11. Mind panel - externaliza tu working memory

  • Presiona Ctrl+J o click al boton "Mind". Aparece panel deslizable a la derecha.
  • Pegajosos: cosas que NO quieres olvidar. Escribe Enter para agregar. Persistente entre sesiones. Tick para marcar done, X para borrar.
  • Tareas pendientes: escribes - [ ] tarea dentro de CUALQUIER nota y aparece aqui automaticamente. Tick para completar (modifica la nota original).
  • Tags activos: escribes #etiqueta dentro de cualquier nota y aparece como pill clickeable. Click filtra notas con ese tag.
  • Cierra con Esc o click en X.

12. Tareas y tags inline (sintaxis)

  • Tarea: al inicio de linea escribe - [ ] llamar a Ana. Para marcar completa cambia a - [x] (o usa el check del mind panel).
  • Tag: en cualquier lugar de la nota escribe #pregunta, #importante, #idea. Minimo 2 caracteres. Letras, numeros, guion y underscore.
  • Esto compensa el deficit de working memory tipico de TDAH: el sistema recuerda lo que TU no puedes mantener en la cabeza.

13. Datos, sincronizacion y recuperacion

  • Happy Mila es local-first: escribe primero en IndexedDB y sigue funcionando sin conexion.
  • Al volver la red, notas, folders, Mind e items de papelera se sincronizan con tu cuenta de Supabase. El indicador superior muestra el estado.
  • Historial conserva versiones anteriores de cada nota en este dispositivo; Papelera permite restaurar durante 30 dias.
  • Backup genera JSON completo con checksum e historial. Markdown crea una copia portable de tus notas.
  • El acceso remoto esta aislado por usuario mediante RLS. No compartas tu contrasena y usa "Olvide mi contrasena" si sospechas que fue expuesta.

Bienvenido a Mila App

Notas markdown + grafo conceptual + mapas + estilos de emocion. Disenada para TDAH: cero friccion al capturar, cero penalizacion si no la abres por dias.

Empieza asi:

  1. Ctrl+N nueva nota, o Ctrl+Shift+N captura rapida
  2. En el editor escribe [[ para enlazar con otras notas (autocompletado)
  3. Prueba sintaxis ricas: ---, >>> idea, ==resaltado==, #romantico{texto}
  4. Ctrl+G abre el grafo, Ctrl+Shift+M abre el mapa conceptual manual
  5. ? en cualquier momento abre la ayuda completa

En tu cabeza

Pegajosos
Tareas pendientes
Escribe "- [ ] tarea" en cualquier nota
Sintaxis rapida (copy-paste en cualquier nota)
---divider
>>> textocallout idea
!!! textocallout atencion
??? textocallout pregunta
+++ textocallout insight
==texto==resaltado
~~texto~~tachado
**texto**bold
# tituloheader
-{titulo|a|b|c}tarjeta
--[col1,col2]tabla header
--|val1,val2tabla fila
(timer:15)pomodoro
(progress:60)barra
[[Nota]]wikilink
- [ ] tareacheckbox
Estilos premium (#nombre{texto})
#premium{x}𝑰𝒕'𝒔 bold italic
#brush{x}𝐈𝐭'𝐬 brush art
#minimal{x}I t '𝗌 thin
#moderna{x}𝖨𝗍'𝗌 sans clean
#chic{x}𝙄𝙩'𝙨 trendy
#dramatico{X}𝑰𝑻'𝑺 grande
#poderoso{X}𝙄𝙏'𝙎 grande 2
Emociones (#emocion{texto})
#romantico{x}𝓍 cursiva rosa pulse
#enojado{x}𝗫 grito rojo shake
#amor{x}𝓍 script rosa
#alegre{x}naranja bounce
#triste{x}gris azul breathing
#miedo{x}negro tremor
#asombro{x}ambar bold
#sarcasmo{x}punteado gris
Tipograficos (#nombre{texto})
#bold{x}𝐱 negrita
#cursiva{x}𝑥 italica
#gotico{x}𝔵 fraktur
#mono{x}𝚡 terminal
#elegante{x}ᴀʙᴄ small caps
#aesthetic{x}x vapor
#fancy{x}𝓎 script sepia
Ctrl+E en el editor para ver el preview con todo renderizado
Arrastra al canvas:
Doble-click en canvas vacio para crear nodo. Selecciona y Delete para borrar.
Propiedades

Papelera

Los items se eliminan automaticamente despues de 30 dias. Click "Restaurar" para recuperar.

Historial

Restaura una version anterior sin perder la actual.

Enlaces a esta nota

Inbox

0 pendientes
Item
Alineacion
Tamano
Color
CtrlB sidebar CtrlK buscar CtrlN nueva CtrlG grafo CtrlJ mind CtrlE ocultar preview CtrlShiftH reto ? ayuda Esc volver