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 lado derecho del espacio de trabajo muestra tu app ejecutándose en vivo mientras chateas, para que puedas navegarla, comprobarla en tamaño de móvil 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í se instalan los paquetes, se ejecuta el servidor de tu app y se abre la terminal cuando cambias a Código.

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

• Tus instalaciones y servidores nunca chocan con los de otra persona.
• Mythex puede instalar paquetes y ejecutar tu app con seguridad para ese proyecto.
• La vista previa y la terminal siempre apuntan a tu proyecto.

Una vista previa en vivo junto al chat

El lado 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, no 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 privado, para cuando quieras precisión o se una un desarrollador al proyecto.

Por qué importa

Un creador de apps que solo te muestra código te obliga a imaginar el resultado. Uno que solo te muestra una imagen oculta si los botones realmente funcionan. Una app en ejecución, en su propio espacio, responde a la pregunta que de verdad tienes: ¿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 otra persona no puede romper el tuyo.

Pausa y reactivación

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

Reactivarlo tarda unos segundos. Mientras tanto, el panel de vista previa indica en qué punto va —preparando el entorno, 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 arranca sola mientras el espacio de trabajo se reactiva.
2. Navega por ella 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 móvil. Haz clic en el icono de teléfono (Cambiar a móvil) para ver tu app con 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 suelta para volver al escritorio.
5. Redimensiona los paneles arrastrando la separació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 Recargar desde la misma barra cuando los necesites.

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

En el móvil, el creador muestra un panel cada vez —el chat o tu app—, y deslizas o tocas para moverte entre ellos. La vista previa ya ocupa todo el ancho ahí, así que para ver cómo se ve tu app a tamaño de móvil, 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 que no tiene cuenta en Mythex. Sirve para enseñar trabajo en curso —a un cliente, a un compañero o a un grupo de chat— sin publicar algo que aún 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 vuelve a copiar un enlace más tarde.
• 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 que afecta solo a ese público.

Límites que conviene conocer

• La primera apertura de un enlace compartido puede tardar hasta un minuto mientras el proyecto se reactiva 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 vas a hacer una demo en directo, abre el enlace tú mismo un minuto antes.
• Un enlace compartido muestra el entorno en vivo, incluidos los cambios a mitad de una construcción.
• Reactivar un proyecto consume los créditos y los límites de entorno de tu plan, tanto si lo abres tú como si lo abre alguien con un enlace. Elimina los enlaces que ya no uses.
• El marco de tamaño móvil sirve para el diseño web adaptable. Desde el 22 de octubre de 2026, el plan Pro también puede envolver tu app web como app de Android y de iPhone (apps móviles).
• Si la vista previa está en blanco o desfasada, comprueba que la app se esté ejecutando en la terminal, pulsa Recargar o usa /fix. Si el espacio de trabajo no se reactiva, recarga e inténtalo de nuevo, y si persiste, contacta con soporte con el ID del proyecto.

Cuando quieras que un agente pruebe la vista previa por ti, consulta Pruebas de app. Para entender por qué conviene probar los cambios en un lugar distinto de tu sitio 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.