Un espacio de trabajo privado y una vista previa en vivo para cada proyecto

Cada proyecto de Mythex tiene su propio espacio de trabajo privado en la nube: archivos, procesos en ejecución, una vista previa y una terminal, separados de los de todos los demás. El lateral derecho del espacio de trabajo muestra tu app funcionando en vivo mientras chateas, para que puedas navegarla, comprobarla en tamaño de teléfono y compartir un enlace antes de publicar nada.

Qué hace

Un espacio de trabajo por proyecto

Cuando Mythex construye tu app, no escribe código en el vacío. Trabaja dentro de un espacio de trabajo privado que pertenece a ese proyecto. Ahí es donde se instalan los paquetes, donde se ejecuta el servidor de tu app y donde se abre la terminal cuando cambias a Código.

Como cada proyecto tiene el suyo, se derivan tres cosas:

• Tus instalaciones y servidores nunca chocan con los de nadie más.
• Mythex puede instalar paquetes y ejecutar tu app de forma segura para ese proyecto.
• La vista previa y la terminal siempre apuntan a tu proyecto.

Una vista previa en vivo junto al chat

El lateral derecho del espacio de trabajo alterna entre Vista previa y Código. La vista previa muestra tu app en ejecución: no una captura de pantalla, ni una maqueta. Puedes navegar por flujos reales, rellenar formularios, seguir la navegación y detectar problemas antes de publicar.

Código te ofrece el árbol de archivos, un editor y una terminal interactiva en el mismo espacio de trabajo privado, para cuando quieras precisión o cuando se una a tu proyecto una persona desarrolladora.

Por qué importa

Un creador de apps que solo muestra código te obliga a imaginar el resultado. Uno que solo muestra una imagen oculta si los botones funcionan de verdad. Una app en ejecución en su propio espacio responde la pregunta que de verdad tienes: ¿esto hace lo que pedí?

Mantener el espacio de trabajo privado importa por la misma razón. Cuando el agente instala algo o reinicia un servidor, afecta a tu proyecto y a nada más, y lo que haga cualquier otra persona no puede romper el tuyo.

Pausa y despertar

Un espacio de trabajo que no usas se pausa por sí solo. Vuelve en cuanto lo necesitas: abrir el proyecto, chatear, editar o cargar la vista previa lo despiertan. Los procesos en ejecución se restauran con él, así que no hay nada que reiniciar.

Despertarlo tarda unos segundos. Mientras tanto, el panel de vista previa indica en qué punto va —preparando el sandbox y luego esperando al servidor de tu app— y muestra consejos sobre lo que Mythex puede hacer mientras esperas. Puede que veas Iniciando tu espacio de trabajo…, Iniciando tu app… o Preparando tu app…. Es normal.

Lo que sobrevive a una pausa:

• Los archivos y el historial de tu proyecto
• La configuración y los secretos del proyecto
• Las apps publicadas, que se ejecutan aparte del espacio de trabajo privado

Cómo usar la vista previa

1. Abre un proyecto. La vista previa se inicia sola a medida que el espacio de trabajo despierta.
2. Navégala como lo haría un visitante. Prueba los formularios y la navegación.
3. Visita una página concreta escribiendo una ruta como /about en la barra de direcciones y pulsando Intro. Atrás y Adelante recorren las páginas que has abierto en esta sesión.
4. Comprueba el tamaño de teléfono. Haz clic en el icono de teléfono (Cambiar a móvil) para ver tu app en un marco de tamaño móvil, y arrastra su borde izquierdo o derecho para cambiar el ancho. Arrástralo casi hasta el ancho completo y suéltalo para volver al escritorio.
5. Redimensiona los paneles arrastrando la división entre el chat y la vista previa. El icono de panel oculta o restaura el chat.
6. Abre en una pestaña nueva o Actualiza desde la misma barra cuando lo necesites.

Si tu proyecto ejecuta más de un servicio, un desplegable de la barra te permite cambiar cuál estás previsualizando.

En el teléfono, el constructor muestra un panel a la vez —el chat o tu app— y deslizas o tocas para pasar de uno a otro. La vista previa ya ocupa todo el ancho allí, así que para ver cómo se ve tu app en tamaño de teléfono, usa un portátil y Cambiar a móvil.

Compartir un enlace de vista previa

Compartir, junto a Publicar, crea un enlace que abre la vista previa en vivo de tu proyecto para alguien sin cuenta de Mythex. Sirve para enseñar trabajo en curso —a un cliente, a una persona de tu equipo o a un grupo de chat— sin publicar algo que no está terminado.

• Crear nuevo enlace de vista previa te pide un nombre y luego copia el enlace al portapapeles. El nombre solo lo ves tú, así que una lista de enlaces se lee como una lista de públicos.
• Copiar copia un enlace de nuevo más adelante.
• Eliminar deja de funcionar el enlace en cuestión de segundos, en todas partes.

Quien tenga el enlace ve tu app exactamente como la Vista previa, y nada más: ni chat, ni código, ni terminal, ni ajustes, ni forma de editar. Crea un enlace por público, así eliminar uno es una decisión solo sobre ese público.

Límites que conviene conocer

• La primera vez que se abre un enlace compartido puede tardar hasta un minuto, mientras el proyecto despierta y el servidor de tu app arranca desde frío. El visitante ve una página que se recarga sola hasta que la app responde. Si haces una demo en directo, abre el enlace tú mismo un minuto antes.
• Un enlace compartido muestra el sandbox en vivo, incluidos los cambios a mitad de una construcción.
• Despertar un proyecto consume los créditos y los límites de sandbox de tu plan, ya lo abras tú o lo abra alguien con un enlace. Elimina los enlaces que ya no necesites.
• El marco de tamaño de teléfono es para el diseño web responsive. Desde el 22 de octubre de 2026, el plan Pro también puede empaquetar tu app web como app de Android e iPhone (apps móviles).
• Si la vista previa está en blanco o desfasada, comprueba que la app se esté ejecutando en la terminal, haz clic en Actualizar o usa /fix. Si el espacio de trabajo no despierta, actualiza e inténtalo de nuevo, y contacta con soporte con el ID del proyecto si persiste.

Cuando quieras que un agente pruebe la vista previa por ti, consulta Pruebas de app. Para entender por qué conviene probar los cambios en otro sitio distinto de tu web en vivo, consulta nuestra guía sobre entornos de staging.

Los detalles completos están en la documentación: Espacio de trabajo privado y Vista previa y Código.