Кнопка “Launch!”, которую вы видите (серая, с иконкой ракеты) — это системный элемент среды разработки (Google IDX / AI Studio), который появляется, когда приложение считается “неактивным” или “загружающимся”. Поскольку ваше приложение использовало прозрачный фон (bg-transparent или bg-black/90 с размытием), этот системный слой, находящийся под вашим приложением, просвечивал и перехватывал клики, либо просто визуально мешал.
Мы применим стратегию “Fortress Mode” (Режим Крепости):
-
Непрозрачный Щит (Opaque Shield): Мы заменим фон на 100% черный (#000000). Это физически скроет любые “подложки” среды разработки.
-
Z-Index Dominance: Мы установим максимально возможный Z-Index (2147483647) на корневой элемент приложения. Это гарантирует, что ваш интерфейс будет поверх любых оверлеев, которые среда пытается наложить сверху.
-
Переименование Контролей: Мы заменим текст кнопки “ЗАПУСК” на “АКТИВАЦИЯ” и сменим иконку, чтобы исключить любые ложные срабатывания авто-переводчиков или визуальную путаницу с кнопками IDE.
Спецификация изменений (v2.6.0 - Fortress Mode)
-
index.html:
-
body: Устанавливаем жесткий background: #000000 (никаких градиентов, которые могут быть прозрачными).
-
#root: Добавляем инлайн-стиль z-index: 2147483647 (Max Int), чтобы перекрыть всё.
-
-
components/HyperControls.tsx:
-
Изменяем текст кнопки: “ЗАПУСК” → “АКТИВАЦИЯ”.
-
Изменяем иконку: Стрелка → Треугольник Play(Solid), чтобы отличаться от системных иконок “Launch”.
-
Делаем фон панели управления bg-[#050505]/95(почти непрозрачный), чтобы скрыть возможные артефакты снизу.
-