Приватний робочий простір і живий перегляд для кожного проєкту

Кожен проєкт Mythex отримує власний приватний хмарний робочий простір: файли, запущені процеси, перегляд і термінал, відокремлені від інших. Права частина робочого простору показує ваш застосунок у реальному часі, поки ви чатуєте, тож можна клікати по ньому, перевіряти розмір телефона і ділитися посиланням на нього ще до публікації.

Що це робить

Робочий простір для кожного проєкту

Коли Mythex створює ваш застосунок, він не пише код у порожнечу. Він працює в приватному робочому просторі, який належить саме цьому проєкту. Там встановлюються пакети, там запускається сервер вашого застосунку, і там відкривається термінал, коли ви переходите в режим Code.

Через це виходить три речі:

• Ваші встановлення та сервери ніколи не конфліктують з чиїмись іншими.
• Mythex може безпечно встановлювати пакети і запускати застосунок для цього проєкту.
• Перегляд і термінал завжди вказують на ваш проєкт.

Живий перегляд поруч із чатом

Права частина робочого простору перемикається між Preview і Code. Preview показує ваш застосунок у роботі — не знімок і не макет. Можна клікати реальними сценаріями, заповнювати форми, перевіряти навігацію і помічати проблеми до публікації.

Code дає дерево файлів, редактор і інтерактивний термінал у тому самому приватному робочому просторі, коли потрібна точність або до проєкту приєднується розробник.

Чому це важливо

Конструктор застосунків, який показує лише код, змушує уявляти результат. Той, що показує лише картинку, приховує, чи справді працюють кнопки. Застосунок, що працює у власному просторі, відповідає на питання, яке у вас справді є: чи робить це те, що я просив?

Приватність робочого простору важлива з тієї самої причини. Коли агент щось встановлює або перезапускає сервер, це впливає лише на ваш проєкт, і ніщо, що роблять інші, не може зламати ваш.

Призупинення і пробудження

Робочий простір, яким ви не користуєтеся, призупиняється сам. Він повертається щойно вам потрібен: відкриття проєкту, чат, редагування або завантаження перегляду — все це його пробуджує. Запущені процеси відновлюються разом із ним, тож нічого не треба перезапускати.

Пробудження триває кілька секунд. Поки це відбувається, панель перегляду показує, на якому етапі процес: підготовка пісочниці, потім очікування сервера вашого застосунку, — і підказки, що Mythex може робити, поки ви чекаєте. Ви можете побачити Starting your workspace…, Starting your app… або Getting your app ready…. Це нормально.

Що зберігається після призупинення:

• Файли проєкту та історія
• Налаштування проєкту і секрети
• Опубліковані застосунки, які працюють окремо від приватного робочого простору

Як користуватися переглядом

1. Відкрийте проєкт. Перегляд запускається сам, коли робочий простір прокидається.
2. Клікайте по ньому так, як це робив би відвідувач. Перевірте форми і навігацію.
3. Перейдіть до конкретної сторінки, ввівши шлях на кшталт /about у адресному рядку і натиснувши Enter. Back і Forward проходять сторінки, які ви відкривали в цій сесії.
4. Перевірте розмір телефона. Натисніть значок телефона (Switch to Mobile), щоб побачити рамку розміром із телефон, і перетягніть її ліву або праву межу, щоб змінити ширину. Перетягніть майже на повну ширину і відпустіть, щоб повернутися до desktop.
5. Змініть розмір панелей, перетягнувши роздільник між чатом і переглядом. Значок панелі ховає або повертає чат.
6. Open in new tab або Refresh на тому самому рядку, коли вони потрібні.

Якщо ваш проєкт має кілька сервісів, випадаючий список у рядку дозволяє перемикати, який із них ви переглядаєте.

На телефоні конструктор показує одну панель за раз — чат або ваш застосунок, — і ви гортаєте або торкаєтеся, щоб перейти між ними. Там перегляд уже на всю ширину, тож щоб побачити, як ваш застосунок виглядає на розмірі телефона, користуйтеся ноутбуком і Switch to Mobile.

Поділитися посиланням на перегляд

Share поруч із Publish створює посилання, яке відкриває живий перегляд вашого проєкту для людини без облікового запису Mythex. Воно призначене для показу незавершеної роботи — клієнту, колезі чи груповому чату — без публікації чогось недоробленого.

• Create new preview link просить дати йому назву, а потім копіює його в буфер обміну. Назва видна лише вам, тож список посилань читається як список аудиторій.
• Copy копіює посилання знову пізніше.
• Delete припиняє роботу посилання протягом кількох секунд, усюди.

Людина з посиланням бачить ваш застосунок точно так, як у Preview, і більше нічого: ні чату, ні коду, ні терміналу, ні налаштувань, ні можливості редагувати. Створюйте по одному посиланню на кожну аудиторію, щоб видалення одного було рішенням лише для цієї аудиторії.

Обмеження, які варто знати

• Перше відкриття спільного посилання може тривати до хвилини, поки проєкт прокидається і сервер вашого застосунку стартує з холодного стану. Відвідувач бачить сторінку, яка сама перезавантажується, доки застосунок не відповість. Якщо ви демонструєте наживо, відкрийте посилання самі за хвилину до початку.
• Спільне посилання показує живу пісочницю, включно зі змінами, які відбуваються під час створення.
• Пробудження проєкту витрачає кредити вашого плану і ліміти пісочниці, незалежно від того, відкрили його ви чи людина з посиланням. Видаляйте посилання, які вже не потрібні.
• Рамка розміру телефона призначена для адаптивної веб-верстки. Із 22 жовтня 2026 року план Pro також може загорнути ваш веб-застосунок у застосунок для Android і iPhone (мобільні застосунки).
• Якщо перегляд порожній або застарів, перевірте, чи запущено застосунок у терміналі, натисніть Refresh або скористайтеся /fix. Якщо робочий простір не прокидається, оновіть сторінку і спробуйте знову, а якщо проблема не зникає, напишіть у підтримку з ID проєкту.

Коли хочете, щоб агент сам клікав по перегляду, дивіться App Testing. Чому варто пробувати зміни не на живому сайті, читайте в нашому посібнику про стейджингові середовища.

Повні відомості в документації: Private workspace і Preview and Code.