openspec/changes/image-first-workspace/tasks.md

1. Espacio de imagen

• 1.1 Reorganizar el marcado para retirar la selección duplicada del panel y añadir una barra visible y un diálogo de ampliación.
• 1.2 Implementar la barra, un selector opaco de ejemplos, giro visual y vista ampliada sin alterar el archivo activo.
• 1.3 Ajustar el escenario móvil para priorizar una imagen completa y sus controles sin recortar el contenido.

2. Intención y accesibilidad

• 2.1 Sustituir el campo de una línea por un editor visible de varias líneas.
• 2.2 Añadir etiquetas, estados y manejo de teclado para el menú y el diálogo.

3. Verificación

• 3.1 Actualizar las pruebas de DOM y estado afectadas por el nuevo flujo.
• 3.2 Ejecutar la batería de pruebas y revisar la presentación en tamaños de escritorio y móvil.

4. Revisión tras uso en móvil

• 4.1 Sustituir la barra textual por iconos circulares y reducir su peso visual.
• 4.2 Reservar aproximadamente el 75% de la pantalla móvil para el lienzo.
• 4.3 Mover la intención a un modal de escritura y verificar el nuevo flujo.

5. Ajuste del flujo móvil

• 5.1 Añadir el icono de intención al grupo sobre la imagen y retirar su duplicado del panel.
• 5.2 Ajustar la altura móvil para que Aplicar sea visible sin scroll.
• 5.3 Verificar en móvil el flujo de cuatro iconos, energías y Aplicar.

6. Corrección de agrupación

• 6.1 Mantener solo las tres herramientas de imagen sobre el lienzo.
• 6.2 Mover Intención para que sea la cuarta acción junto a las energías.
• 6.3 Esperar la revisión visual de Javi antes de verificar el cambio.

7. Ajuste de ancho en escritorio

• 7.1 Reducir las cuatro acciones del proceso y su separación para contenerlas en el panel.
• 7.2 Esperar la revisión visual de Javi antes de verificar el ajuste.

8. Escala específica del proceso

• 8.1 Crear una escala propia para los cuatro círculos del proceso sin alterar el sistema general de energías.
• 8.2 Esperar la revisión visual de Javi antes de verificar el ajuste.