diff --git a/.env.example b/.env.example
index c8b9f6790..b008cc263 100644
--- a/.env.example
+++ b/.env.example
@@ -1,20 +1,20 @@
-# REQUIRED - Sandboxes for code execution
-# Get yours at https://e2b.dev
-E2B_API_KEY=your_e2b_api_key_here
+# Переменные окружения для Railway
 
-# REQUIRED - Web scraping for cloning websites
-# Get yours at https://firecrawl.dev
+# Обязательные переменные:
+E2B_API_KEY=your_e2b_api_key_here
 FIRECRAWL_API_KEY=your_firecrawl_api_key_here
 
-# OPTIONAL - AI Providers (need at least one)
-# Get yours at https://console.anthropic.com
+# Дополнительные ИИ провайдеры (нужен минимум один):
 ANTHROPIC_API_KEY=your_anthropic_api_key_here
-
-# Get yours at https://platform.openai.com
 OPENAI_API_KEY=your_openai_api_key_here
-
-# Get yours at https://aistudio.google.com/app/apikey
 GEMINI_API_KEY=your_gemini_api_key_here
+GROQ_API_KEY=your_groq_api_key_here
+
+# Supabase Configuration
+NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
+NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key_here
+SUPABASE_SERVICE_ROLE_KEY=your_supabase_service_role_key_here
 
-# Get yours at https://console.groq.com
-GROQ_API_KEY=your_groq_api_key_here
\ No newline at end of file
+# Railway переменные
+NODE_ENV=production
+PORT=3000
\ No newline at end of file
diff --git a/.env.production b/.env.production
new file mode 100644
index 000000000..040cbe85c
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,5 @@
+# This file is used by Railway for production builds
+# Railway will inject these from environment variables
+NEXT_PUBLIC_SUPABASE_URL=${NEXT_PUBLIC_SUPABASE_URL}
+NEXT_PUBLIC_SUPABASE_ANON_KEY=${NEXT_PUBLIC_SUPABASE_ANON_KEY}
+SUPABASE_SERVICE_ROLE_KEY=${SUPABASE_SERVICE_ROLE_KEY}
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 000000000..5d91b96e4
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,2 @@
+* text=auto eol=lf
+*.{tsx,ts,js,jsx,json,css,md} text eol=lf encoding=utf-8
diff --git a/.gitignore b/.gitignore
index ac59fa8fa..d5170b1f5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,58 +1,98 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-**/node_modules/
-/.pnp
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/versions
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
+# Dependencies
+node_modules/
+.pnp
+.pnp.js
+
+# Production
+.next/
+out/
+build/
+dist/
 
-# debug
+# Environment variables
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Logs
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 .pnpm-debug.log*
 
-# env files (can opt-in for committing if needed)
-.env*
-.env.local
-!.env.example
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Coverage directory used by tools like istanbul
+coverage/
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Dependency directories
+jspm_packages/
+
+# Optional npm cache directory
+.npm
 
-# vercel
-.vercel
+# Optional eslint cache
+.eslintcache
 
-# typescript
-*.tsbuildinfo
-next-env.d.ts
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
 
-# E2B template builds
-*.tar.gz
-e2b-template-*
+# Optional REPL history
+.node_repl_history
 
-# IDE
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Storybook build outputs
+.out
+.storybook-out
+
+# Temporary folders
+tmp/
+temp/
+
+# Editor directories and files
 .vscode/
 .idea/
+*.swp
+*.swo
+*~
+
+# OS generated files
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
 
-# Temporary files
-*.tmp
-*.temp
-repomix-output.txt
-bun.lockb
+# TypeScript
+*.tsbuildinfo
\ No newline at end of file
diff --git a/AUTH_SETUP.md b/AUTH_SETUP.md
new file mode 100644
index 000000000..864c1f475
--- /dev/null
+++ b/AUTH_SETUP.md
@@ -0,0 +1,190 @@
+# 🔐 Система аутентификации
+
+## ✅ Что было создано
+
+### 1. Компоненты аутентификации
+- **`components/auth/AuthModal.tsx`** - модальное окно входа/регистрации
+- **`components/auth/UserButton.tsx`** - кнопка пользователя с выпадающим меню
+- **`components/PageHeader.tsx`** - хедер страницы с кнопкой пользователя
+
+### 2. Контекст пользователя
+- **`contexts/AuthContext.tsx`** - управление состоянием аутентификации
+- Автоматическое отслеживание сессии
+- Глобальный доступ к данным пользователя
+
+### 3. Страница личного кабинета
+- **`app/dashboard/page.tsx`** - личный кабинет пользователя
+- Список проектов
+- Статистика
+- Управление проектами
+
+### 4. Интеграция
+- **`app/layout.tsx`** - обернут в `AuthProvider`
+- Готово к использованию во всем приложении
+
+## 🚀 Как использовать
+
+### Вариант 1: Использовать готовый компонент PageHeader
+
+В `app/page.tsx` замените существующий хедер на:
+
+```tsx
+import PageHeader from '@/components/PageHeader';
+
+// В компоненте:
+<PageHeader
+  status={status}
+  aiModel={aiModel}
+  onModelChange={(model) => {
+    setAiModel(model);
+    // обновить URL параметры
+  }}
+  availableModels={appConfig.ai.availableModels}
+  modelDisplayNames={appConfig.ai.modelDisplayNames}
+  onCreateSandbox={createSandbox}
+  onReapply={reapplyLastGeneration}
+  onDownloadZip={downloadZip}
+  canReapply={!!conversationContext.lastGeneratedCode && !!sandboxData}
+  hasSandbox={!!sandboxData}
+/>
+```
+
+### Вариант 2: Добавить только кнопку пользователя
+
+Просто добавьте в нужное место:
+
+```tsx
+import UserButton from '@/components/auth/UserButton';
+
+// Р’ JSX:
+<UserButton />
+```
+
+## 📱 Функционал
+
+### Для неавторизованных пользователей:
+- Кнопка "Войти"
+- Модальное окно с формами входа/регистрации
+- Переключение между входом и регистрацией
+- Валидация email и пароля
+
+### Для авторизованных пользователей:
+- Аватар с первой буквой email
+- Выпадающее меню с:
+  - Email пользователя
+  - Ссылка на личный кабинет
+  - Кнопка выхода
+
+## 🏠 Личный кабинет
+
+Доступен по адресу: `/dashboard`
+
+**Функции:**
+- Просмотр всех проектов пользователя
+- Статистика (всего, активных, в архиве)
+- Ссылки на preview проектов
+- Информация о sandbox'ах
+- Кнопка создания нового проекта
+
+## 🔒 Защита роутов
+
+Личный кабинет автоматически перенаправляет неавторизованных пользователей на главную страницу.
+
+## 🎨 Стилизация
+
+Все компоненты используют:
+- Tailwind CSS
+- Dark mode support
+- Адаптивный дизайн
+- Анимации и transitions
+
+## 📝 Использование в коде
+
+### Получить текущего пользователя:
+
+```tsx
+import { useAuth } from '@/contexts/AuthContext';
+
+function MyComponent() {
+  const { user, loading, signOut } = useAuth();
+  
+  if (loading) return <div>Loading...</div>;
+  
+  if (!user) {
+    return <div>Пожалуйста, войдите</div>;
+  }
+  
+  return (
+    <div>
+      <p>Привет, {user.email}!</p>
+      <button onClick={signOut}>Выйти</button>
+    </div>
+  );
+}
+```
+
+### Работа с проектами:
+
+```tsx
+import { getUserProjects, createProject } from '@/lib/supabase-projects';
+
+// Получить проекты пользователя
+const projects = await getUserProjects({ status: 'active' });
+
+// Создать новый проект
+const newProject = await createProject({
+  name: 'My Project',
+  description: 'Project description',
+  sandbox_id: 'sandbox-123'
+});
+```
+
+## 🔧 Настройка
+
+### Email подтверждение
+
+По умолчанию Supabase требует подтверждение email. Чтобы отключить:
+
+1. Откройте [Supabase Dashboard](https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/auth/users)
+2. Перейдите в **Authentication → Settings**
+3. Отключите **Enable email confirmations**
+
+### Кастомизация email шаблонов
+
+1. Откройте **Authentication → Email Templates**
+2. Настройте шаблоны для:
+   - Подтверждение регистрации
+   - Сброс пароля
+   - Изменение email
+
+## 🎯 Следующие шаги
+
+1. **Замените хедер** в `app/page.tsx` на `PageHeader` компонент
+2. **Примените миграцию** из `supabase/migrations/001_initial_schema.sql`
+3. **Настройте email** в Supabase Dashboard
+4. **Протестируйте** регистрацию и вход
+
+## рџђ› Troubleshooting
+
+### Ошибка "User already registered"
+- Пользователь уже существует, используйте вход вместо регистрации
+
+### Не приходит email подтверждения
+- Проверьте настройки SMTP в Supabase
+- Проверьте папку спам
+- Отключите email подтверждение для тестирования
+
+### Не работает вход
+- Убедитесь, что переменные окружения Supabase установлены
+- Проверьте консоль браузера на ошибки
+- Убедитесь, что RLS политики настроены правильно
+
+## 📚 Дополнительные ресурсы
+
+- [Supabase Auth Docs](https://supabase.com/docs/guides/auth)
+- [Row Level Security](https://supabase.com/docs/guides/auth/row-level-security)
+- [Auth Helpers](https://supabase.com/docs/guides/auth/auth-helpers/nextjs)
+
+---
+
+**Готово!** Система аутентификации полностью настроена и готова к использованию. 🎉
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 000000000..23e6d440d
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,33 @@
+# Используем стандартный Node.js образ (не Alpine) для совместимости с lightningcss
+FROM node:20-slim
+
+# Устанавливаем необходимые системные пакеты для нативных модулей
+RUN apt-get update && apt-get install -y \
+    python3 \
+    make \
+    g++ \
+    && rm -rf /var/lib/apt/lists/*
+
+# Устанавливаем рабочую директорию
+WORKDIR /app
+
+# Копируем package.json и package-lock.json
+COPY package*.json ./
+
+# Устанавливаем все зависимости и пересобираем нативные модули
+RUN npm ci && npm rebuild
+
+# Копируем исходный код
+COPY . .
+
+# Собираем приложение
+RUN npm run build
+
+# Удаляем devDependencies после сборки
+RUN npm ci --omit=dev && npm cache clean --force
+
+# Указываем порт
+EXPOSE 3000
+
+# Запускаем приложение
+CMD ["npm", "start"]
diff --git a/Dockerfile.extended b/Dockerfile.extended
new file mode 100644
index 000000000..d8182d1a3
--- /dev/null
+++ b/Dockerfile.extended
@@ -0,0 +1,33 @@
+# Альтернативный Dockerfile с поддержкой lightningcss
+FROM node:20-slim
+
+# Устанавливаем необходимые системные пакеты для lightningcss
+RUN apt-get update && apt-get install -y \
+    python3 \
+    make \
+    g++ \
+    && rm -rf /var/lib/apt/lists/*
+
+# Устанавливаем рабочую директорию
+WORKDIR /app
+
+# Копируем package.json и package-lock.json
+COPY package*.json ./
+
+# Устанавливаем все зависимости
+RUN npm ci
+
+# Копируем исходный код
+COPY . .
+
+# Собираем приложение
+RUN npm run build
+
+# Удаляем devDependencies после сборки
+RUN npm ci --omit=dev && npm cache clean --force
+
+# Указываем порт
+EXPOSE 3000
+
+# Запускаем приложение
+CMD ["npm", "start"]
diff --git a/Dockerfile.simple b/Dockerfile.simple
new file mode 100644
index 000000000..1d853a9c1
--- /dev/null
+++ b/Dockerfile.simple
@@ -0,0 +1,29 @@
+# Простой Dockerfile без проблем с lightningcss
+FROM node:20-slim
+
+# Устанавливаем рабочую директорию
+WORKDIR /app
+
+# Копируем package.json и package-lock.json
+COPY package*.json ./
+
+# Устанавливаем зависимости
+RUN npm ci
+
+# Копируем исходный код
+COPY . .
+
+# Устанавливаем переменную окружения для отключения telemetry
+ENV NEXT_TELEMETRY_DISABLED=1
+
+# Собираем приложение без оптимизаций CSS
+RUN npm run build
+
+# Удаляем devDependencies после сборки
+RUN npm ci --omit=dev && npm cache clean --force
+
+# Указываем порт
+EXPOSE 3000
+
+# Запускаем приложение
+CMD ["npm", "start"]
diff --git a/INTEGRATION_GUIDE.md b/INTEGRATION_GUIDE.md
new file mode 100644
index 000000000..ce0f6c7c7
--- /dev/null
+++ b/INTEGRATION_GUIDE.md
@@ -0,0 +1,95 @@
+# 🔧 Инструкция по интеграции кнопки входа/регистрации
+
+## ✅ Что уже готово:
+
+1. ✅ Создан компонент `HomeScreenHeader` с кнопкой входа
+2. ✅ Создан компонент `UserButton` с функционалом аутентификации
+3. ✅ Все необходимые импорты добавлены
+
+## 📝 Что нужно сделать:
+
+### Шаг 1: Откройте файл `app/page.tsx`
+
+### Шаг 2: Найдите строку 27 и добавьте импорт:
+
+**Добавьте после строки 27:**
+```tsx
+import HomeScreenHeader from '@/components/HomeScreenHeader';
+```
+
+Должно получиться:
+```tsx
+import { ThemeLogo } from '@/app/components/theme-logo';
+import UserButton from '@/components/auth/UserButton';
+import HomeScreenHeader from '@/components/HomeScreenHeader';
+```
+
+### Шаг 3: Найдите строки 3032-3044 (хедер на home screen)
+
+**Найдите этот блок:**
+```tsx
+{/* Header */}
+<div className="absolute top-0 left-0 right-0 z-20 px-6 py-4 flex items-center justify-between animate-[fadeIn_0.8s_ease-out]">
+  <ThemeLogo />
+  <a 
+    href="https://github.com/mendableai/open-lovable" 
+    target="_blank" 
+    rel="noopener noreferrer"
+    className="inline-flex items-center gap-2 bg-[#36322F] text-white px-3 py-2 rounded-[10px] text-sm font-medium [box-shadow:inset_0px_-2px_0px_0px_#171310,_0px_1px_6px_0px_rgba(58,_33,_8,_58%)] hover:translate-y-[1px] hover:scale-[0.98] hover:[box-shadow:inset_0px_-1px_0px_0px_#171310,_0px_1px_3px_0px_rgba(58,_33,_8,_40%)] active:translate-y-[2px] active:scale-[0.97] active:[box-shadow:inset_0px_1px_1px_0px_#171310,_0px_1px_2px_0px_rgba(58,_33,_8,_30%)] transition-all duration-200"
+  >
+    <FiGithub className="w-4 h-4" />
+    <span>Использовать этот шаблон</span>
+  </a>
+</div>
+```
+
+**Замените на:**
+```tsx
+{/* Header */}
+<HomeScreenHeader />
+```
+
+### Шаг 4: Сохраните файл
+
+### Шаг 5: Проверьте результат
+
+Теперь в правом верхнем углу главного экрана должна появиться кнопка "Войти" (или аватар пользователя, если вы уже авторизованы).
+
+## 🎯 Результат:
+
+- **Для неавторизованных пользователей**: кнопка "Войти"
+- **Для авторизованных пользователей**: аватар с выпадающим меню
+
+## 🔍 Где найти нужные строки:
+
+### Способ 1: Поиск по тексту
+Нажмите `Ctrl+F` и найдите текст: `Использовать этот шаблон`
+
+### Способ 2: Переход к строке
+Нажмите `Ctrl+G` и введите номер строки: `3032`
+
+### Способ 3: Поиск по комментарию
+Найдите комментарий: `{/* Header */}` на главном экране (home screen)
+
+## ⚠️ Важно:
+
+Убедитесь, что вы редактируете правильный хедер - тот, который находится внутри блока `{showHomeScreen && (...)}`
+
+## 🆘 Если что-то пошло не так:
+
+1. Убедитесь, что импорт `HomeScreenHeader` добавлен в начале файла
+2. Проверьте, что вы заменили правильный блок (на home screen, а не в основном интерфейсе)
+3. Сохраните файл и перезапустите dev сервер: `npm run dev`
+
+## ✅ После интеграции:
+
+Закоммитьте изменения:
+```bash
+git add .
+git commit -m "feat: Replace GitHub button with auth button on home screen"
+git push origin main
+```
+
+---
+
+**Готово!** Теперь пользователи смогут войти или зарегистрироваться прямо с главного экрана! 🎉
diff --git a/PAWIntegrationOverview.txt b/PAWIntegrationOverview.txt
new file mode 100644
index 000000000..55a2e76eb
--- /dev/null
+++ b/PAWIntegrationOverview.txt
@@ -0,0 +1,1354 @@
+Основные способы
+ интеграции с PayAnyWay
+ | Содержание | 2
+ Содержание
+ Введение.....................................................................................................................................4
+ Глава 1. PayAnyWay статическая кнопка....................................................5
+ Формирование платежной кнопки через конструктор.............................................................................5
+ Формирование платежной кнопки через MONETA.Assistant.................................................................5
+ Добавление описания операции через MONETA.Assistant.....................................................................6
+ Преобразование формы оплаты в ссылку.................................................................................................8
+ Встраивание формы оплаты на страницу сайта.......................................................................................8
+ Формирование платежной кнопки через SDK..........................................................................................8
+ Платежная кнопка через SDK PHP................................................................................................8
+ Платежная кнопка через SDK Python3..........................................................................................8
+ Платежная кнопка через SDK Ruby...............................................................................................9
+ Платежная кнопка через SDK Android..........................................................................................9
+ Платежная кнопка через SDK PhoneGap.......................................................................................9
+ Глава 2. PayAnyWay интеграция..................................................................10
+ Интеграция PayAnyWay общие сведения...............................................................................................10
+ Интеграция с CMS.....................................................................................................................................13
+ Интеграция с PayAnyWay в мобильном приложении............................................................................13
+ Реализация Pay URL..................................................................................................................................13
+ Преобразование платежной формы в iframe...........................................................................................13
+ Взаимодействие с виджетом оплаты, выводимым через iframe...........................................................14
+ Особенности перехода на страницы Success, Fail URL при использовании виджета в
+ iframe..........................................................................................................................................14
+ Динамические возможности Assistant.widget..............................................................................15
+ Проверка наличия товара и его цены перед оплатой (Check URL)......................................................16
+ Глава 3. PayAnyWay выписка счёта............................................................20
+ Создание счёта через Merchant API.........................................................................................................20
+ Пример кода на SDK php..............................................................................................................21
+ Пример кода на SDK C#...............................................................................................................21
+ Глава 4. PayAnyWay с холдированием........................................................22
+ Пример кода на SDK php..........................................................................................................................23
+ Глава 5. PayAnyWay регулярные платежи.................................................25
+ Реализация регулярных платежей на SDK PHP.....................................................................................26
+ Перед началом работы...................................................................................................................26
+ Генерация формы рекурентного платежа....................................................................................26
+ Генерация формы рекурентного платежа....................................................................................27
+ Рассылка уведомлений о предстоящем платеже........................................................................27
+ Осуществление регулярных платежей.........................................................................................27
+ Обработчик отмены регулярного платежа..................................................................................27
+ Ручное проведение регулярного платежа....................................................................................27
+ Глава 6. PayAnyWay выплаты и списания................................................28
+ Выплаты через Merchant API....................................................................................................................28
+ Выплаты на банковскую карту.................................................................................................................29
+ Списание с карты и выплаты для проектов с PCI DSS.........................................................................31
+ | Содержание | 3
+ Временное сохранение данных карты (в мобильном приложении).........................................31
+ Списание с банковской карты через Merchant API....................................................................32
+ Глава 7. PayAnyWay площадкам..................................................................33
+ Глава 8. Полезные ссылки.............................................................................34
+ SDK на различных языках........................................................................................................................34
+ Документация по MONETA.Assistant......................................................................................................34
+ Описание методов Merchant API..............................................................................................................34
+ | 
+Введение | 4
+ Введение
+ Документ дает информацию об основных способах интеграции с PayAnyWay.
+ Документ адресован разработчикам, имеющим базовые знания в области программирования.
+Chapter
+ 1
+ PayAnyWay статическая кнопка
+ Topics:
+ • Формирование платежной
+ кнопки через конструктор
+ • Формирование
+ платежной кнопки через
+ MONETA.Assistant
+ • Добавление описания
+ операции через
+ MONETA.Assistant
+ • Преобразование формы
+ оплаты в ссылку
+ • Встраивание формы
+ оплаты на страницу сайта
+ • Формирование платежной
+ кнопки через SDK
+ Формирование платежной кнопки через конструктор
+ Если Ваш проект предлагает небольшое количество товаров или услуг, то Вам может подойти простая
+ кнопка оплаты.
+ Html-код кнопки можно вставить на любой сайт, любую страницу любой сложности. Чтобы получить код
+ кнопки, нужно войти в личный кабинет системы Монета.ру, затем перейти в раздел “Рабочий кабинет”,
+ а затем на страницу “Список товаров и услуг”.
+ На этой странице добавьте Ваш товар, укажите стоимость и нажмите “Сохранить”. Затем перейдите на
+ страницу товара, кликнув на его наименование - здесь Вы увидите html код кнопки. Скопируйте его и
+ вставьте на страницу Вашего сайта:
+ <form name="1182_buyNow_simple_button" id="1182_buyNow_simple_button" action="https://
+ moneta.ru/shopping-11493408.htm" method="post">
+  <fieldset>
+    <input type="hidden" name="MNT_ITEM_ID" value="1182" />
+    <input type="hidden" name="MNT_QUANTITY" value="1" />
+    <input type="submit" value="Купить" />
+    <!-- дополнительные параметры -->
+  </fieldset>
+ </form>
+ Формирование платежной кнопки через MONETA.Assistant
+ Кнопку оплаты можно построить самостоятельно, не используя конструктор. Для этого нужно создать
+ html-форму со следующими обязательными полями:
+ • MNT_ID - Идентификатор магазина в системе MONETA.RU. Соответствует номеру расширенного
+ счета магазина.
+ | 
+PayAnyWay статическая кнопка | 6
+ • MNT_AMOUNT - Сумма оплаты. Десятичные символы отделяются точкой. Количество знаков после
+ запятой - максимум два символа (если параметр не задан, то сумма будет запрошена в учетной системе
+ магазина соответствующим проверочным запросом на Check URL, который указывается в настройках
+ счёта в личном кабинете в системе Moneta.ru).
+ и необязательными:
+ • MNT_TRANSACTION_ID - Внутренний идентификатор заказа, однозначно определяющий заказ в
+ магазине. Ограничение на размер – 255 символов.
+ • MNT_CURRENCY_CODE - ISO код валюты, в которой производится оплата заказа в магазине.
+ Значение должно соответствовать коду валюты счета получателя (MNT_ID). Например, RUB, USD,
+ EUR.
+ • MNT_TEST_MODE - Указание, что запрос происходит в тестовом режиме. Возможные значения
+ 0 или 1. Если включено (значение 1), то реального списания и зачисления средств не произойдет. В
+ тестовом режиме не происходит передача управления от iframe с виджетом оплаты родительскому
+ окну.
+ • MNT_DESCRIPTION - Описание оплаты. Максимальная длина 500 символов.
+ Полный список полей и их описание приведено в документации MONETA.Assistant.
+ Ниже приводится пример формы, реализующей платежную кнопку, построенную на базе
+ Moneta.Assistant:
+ <form name="payanyway_from" id="payanyway_from" action="https://moneta.ru/
+ assistant.htm" method="post">
+  <fieldset>
+    <input type="hidden" name="MNT_ID" value="НОМЕР_РАСШИРЕННОГО_СЧЁТА" />
+    <input type="hidden" name="MNT_TEST_MODE" value="0" />
+    <p>Сумма: <input type="text" name="MNT_AMOUNT" value="12.00" /></p>
+    <input type="submit" value="Купить" />
+  </fieldset>
+ </form>
+ Обратите внимание на то, что форма отправляется на URL: https://moneta.ru/assistant.htm
+ Добавление описания операции через MONETA.Assistant
+ Если Вы хотите добавить поле для пользователя, в которое он будет вводить, его контактный телефон или
+ другую информацию, то добавьте следующую строчку в html-код Вашей формы:
+ <p>Номер телефона: <input type="text" name="MNT_DESCRIPTION" /></p>
+ Перед строкой:
+ <input type="submit" value="Купить" />
+ Переданная пользователем информация будет записана в систему Монета.ру. Её можно будет
+ просматривать в истории операций по Вашему расширенному счёту.
+ Если на Вашем сайте допустима вставка JavaScript-кода, то Вы можете добавить не одно поле, а
+ несколько. Ниже приведён JavaScript-код, который перед нажатием на кнопку “Купить”, соберет все
+ предоставленные данные в параметр MNT_DESCRIPTION:
+ <input type="hidden" name="MNT_DESCRIPTION" id="form_description" />
+ <p>Номер телефона: <input type="text" name="user_phone" id="user_phone" /></p>
+ <p>ФИО: <input type="text" name="user_fio" id="user_fio" /></p>
+ <p>Комментарий: <input type="text" name="user_comment" id="user_comment" /></p>
+ <script type="text/javascript">
+  var _mainFormId = 'payanyway_from';
+  function submitForm() {
+    document.getElementById(_mainFormId).submit();
+ | PayAnyWay статическая кнопка | 7
+  }
+  window.onload=function() {
+    document.getElementById(_mainFormId).onsubmit = function(event) {
+      event.preventDefault();
+      var phoneElt  = document.getElementById('user_phone');
+      var fioElt = document.getElementById('user_fio');
+      var commentElt = document.getElementById('user_comment');
+      var phoneVal = phoneElt.value;
+      var fioVal = fioElt.value;
+      var commentVal = commentElt.value;
+      var cmElementObject = document.getElementById('form_description');
+      var cmElementSetValue = phoneVal + fioVal + commentVal;
+      cmElementObject.value = cmElementSetValue;
+      setTimeout(submitForm, 3000);
+      return false;
+    }
+  }
+ </script>
+ Данный код нужно вставить в html-код Вашей платежной формы перед строкой:
+ <input type="submit" value="Купить" />
+ Для проектов, которым достаточно для работы данного решения, нужно соответствующим образом
+ настроить расширенный счёт магазина в системе Moneta.ru.
+ Нужно установить “Тип интерфейса” в значение “MONETA.Assistant”, поле “Код проверки целостности
+ данных” нужно оставить пустым, а опцию “Подпись формы оплаты обязательна” установите в значение
+ “Нет”.
+ Чтобы защитить Вашу форму от изменения суммы покупателем, надо передать параметр MNT_AMOUNT
+ как скрытый:
+ <input type="hidden" name="MNT_AMOUNT" value="12.00" />
+ А также следует добавить в форму сигнатуру (подпись).
+ В этом случае настройки счета должны быть изменены. В поле “Код проверки целостности данных”
+ нужно ввести произвольное значение, а опцию “Подпись формы оплаты обязательна” установить в
+ значение “Да”.
+ Чтобы получить подпись платежной формы, надо выполнить следующий php-код:
+ <?php
+  $MNT_ID = 'НОМЕР_РАСШИРЕННОГО_СЧЁТА';
+  $MNT_TRANSACTION_ID = 'ПОРЯДКОВЫЙ_НОМЕР_ОПЕРАЦИИ';
+  $MNT_AMOUNT = '12.00';
+  $MNT_CURRENCY_CODE = 'RUB';
+  $MNT_TEST_MODE = '0';
+  $code = 'КОД_ПРОВЕРКИ_ЦЕЛОСТНОСТИ';
+  echo md5( $MNT_ID . $MNT_TRANSACTION_ID . $MNT_AMOUNT . $MNT_CURRENCY_CODE .
+ $MNT_TEST_MODE . $code );
+ ?>
+ Сделать это (выполнить код) можно здесь: http://sandbox.onlinephpfunctions.com
+ Затем, полученный код, надо добавить в Вашу платежную форму:
+ <input type="hidden" name="MNT_SIGNATURE" value="ЗНАЧЕНИЕ_КОТОРОЕ_ПОКАЖЕТ_PHP_КОД" />
+ | 
+PayAnyWay статическая кнопка | 8
+ Преобразование формы оплаты в ссылку
+ Если стоит задача сформировать не форму, а ссылку оплаты, то следует иметь ввиду, что
+ параметры платежной формы можно передавать через GET запрос. Например так: https://moneta.ru/
+ shopping-11493408.htm?MNT_ITEM_ID=1182&MNT_QUANTITY=1
+ Ссылка на MONETA.Assistant может быть такой: https://moneta.ru/assistant.htm?
+ MNT_ID=НОМЕР_РАСШИРЕННОГО_СЧЁТА&MNT_TEST_MODE=0&MNT_AMOUNT=12
+ Можно добавить и описание операции по аналогии с формой оплаты: https://moneta.ru/assistant.htm?
+ MNT_ID=НОМЕР_РАСШИРЕННОГО_СЧЁТА&MNT_TEST_MODE=0&MNT_AMOUNT=12
+ &MNT_DESCRIPTION=ОПИСАНИЕ_ОПЕРАЦИИ
+ Сформированную таким образом ссылку, можно отправить покупателю на e-mail, а также разместить в
+ социальной сети, например: Вконтакте, Instagram и т.п.
+ Встраивание формы оплаты на страницу сайта
+ Ссылку можно включить на свою html страницу через iframe с небольшим изменением, касающимся URL:
+ <iframe width="600" height="800" src="https://moneta.ru/assistant.widget?
+ MNT_ID=НОМЕР_РАСШИРЕННОГО_СЧЁТА&MNT_TEST_MODE=0&MNT_AMOUNT=12"></iframe>
+ В случае использования виджета через iframe, вместо кнопки “Купить” платежной формы, оплата будет
+ возможна сразу на Вашем сайте.
+ Содержимое iframe можно стилизовать индивидуально по Вашему усмотрению. Примеры страниц,
+ на которых выводится виджет MONETA.Assistant с измененным внешнем видом при помощи
+ дополнительного css-кода можно увидеть здесь: https://payanyway.ru/info/w/ru/public/w/partnership/
+ developers/widget-css.html
+ Там же есть листинги css-кода по каждому из приведенных примеров. Для установки стилей на вашем
+ расширенном счете, необходимо прислать css-код для review в техническую поддержку.
+ Формирование платежной кнопки через SDK
+ Платежная кнопка через SDK PHP
+ Скачайте и настройте SDK PHP согласно инструкции.
+ Пример кода, формирующий кнопку “Оплатить”:
+ $result = $monetaSDK->showChoosePaymentSystemForm();
+ echo $result->render;
+ Платежная кнопка через SDK Python3
+ Скачайте и настройте SDK Python3 согласно инструкции.
+ Метод для отрисовки кнопки “Оплатить”:
+ result = templatePaymentFrom(orderId, amount, currency='RUB', description='',
+ paysys='')
+ Где
+ • orderId - номер операции, например 370429,
+ • amount - сумма операции,
+ • currency - валюта операции, например, RUB,
+ • description - описание операции,
+ | 
+PayAnyWay статическая кнопка | 9
+ • paysys - заданный способ оплаты заказа, строка, например, 'plastic' для оплаты банковскими картами.
+ Платежная кнопка через SDK Ruby
+ Скачайте и настройте SDK Ruby согласно инструкции.
+ Чтобы получить ссылку на платежный шлюз для оплаты заказа пользователем, используйте метод:
+ Payanyway::Gateway.payment_url(params, use_signature = true)
+ Платежная кнопка через SDK Android
+ Скачайте и настройте SDK Android согласно инструкции.
+ Чтобы пользователь увидел платежную форму, необходимо запустить следующий код, размещённый в
+ файле ..Activity.java:
+ Double mntAmount = 12.00;
+ String mntPaymentSystem = "plastic";
+ String mntOrderId = monetasdk.getOrderId();
+ String mntCurrency = "RUB";
+ WebView myWebView = (WebView) findViewById(R.id.webView);
+ monetasdk.showPaymentFrom(mntOrderId, mntAmount, mntCurrency, mntPaymentSystem,
+ myWebView, this);
+ Где
+ • mntOrderId - идентификатор операции,
+ • mntAmount - сумма операции,
+ • mntCurrency - валюта операции,
+ • mntPaymentSystem - способ оплаты.
+ Платежная кнопка через SDK PhoneGap
+ Скачайте и настройте SDK PhoneGap согласно инструкции.
+ Чтобы пользователь увидел платежную форму, необходимо запустить следующий код, размещённый в
+ файле index.html:
+ var mntOrderId,
+    mntAmount = 12,
+    mntCurrency,
+    mntPaymentSystem = 'plastic',
+    payFormElementId = 'payanyway',
+    payFormElementWidth = 333,
+    payFormElementHeight = 520;
+ monetaSdk.showPaymentFrom(mntOrderId, mntAmount, mntCurrency, mntPaymentSystem,
+ payFormElementId, payFormElementWidth, payFormElementHeight);
+ Где
+ • mntOrderId - идентификатор операции,
+ • mntAmount - сумма операции,
+ • mntCurrency - валюта операции,
+ • mntPaymentSystem - способ оплаты,
+ • payFormElementId - id блока, в который будет выводиться форма оплаты,
+ • payFormElementWidth - ширина формы оплаты,
+ • payFormElementHeight - высота формы оплаты.
+ | 
+PayAnyWay интеграция | 10
+ Chapter
+ 2
+ PayAnyWay интеграция
+ Topics:
+ • Интеграция PayAnyWay
+ общие сведения
+ • Интеграция с CMS
+ • Интеграция с PayAnyWay в
+ мобильном приложении
+ • Реализация Pay URL
+ • Преобразование платежной
+ формы в iframe
+ • Взаимодействие с
+ виджетом оплаты,
+ выводимым через iframe
+ • Проверка наличия товара
+ и его цены перед оплатой
+ (Check URL)
+ Интеграция PayAnyWay общие сведения
+ Интеграция оплаты товаров или услуг имеет общие принципы для всех возможных случаев, будь то
+ интеграция с веб-сайтом или интернет-магазином. В любом случае, можно выделить общую схему
+ взаимодействия с системой Moneta.ru:
+ Показать форму оплаты клиенту можно одним из трёх способов: 1) Перенаправив его на
+ MONETA.Assistant 2) Показав форму MONETA.Assistant в iframe 3) Запросить данные банковской
+ карты и осуществить списание через Merchant API (метод PaymentRequest) системы Moneta.ru (для этого
+ способа магазину потребуется сертификат PCI DSS).
+ Способы 1 и 2 были рассмотрены в главе 1, способ 3 будет рассмотрен в главе 6.
+ | 
+PayAnyWay интеграция | 11
+ После успешной оплаты система Moneta.ru обращается к серверной части приложения партнера по
+ адресу, который указывается в настройках расширенного счёта в поле “Pay URL”. На указанный URL
+ система Moneta.ru оптавляет запрос со следующими параметрами:
+ MNT_ID
+ Идентификатор магазина в системе MONETA.RU.
+ MNT_TRANSACTION_ID
+ Внутренний идентификатор заказа, однозначно определяющий заказ в магазине.
+ MNT_OPERATION_ID
+ Номер операции в системе MONETA.RU.
+ MNT_AMOUNT
+ Фактическая сумма, полученная на оплату заказа, без учета комиссии за услуги системы «MONETA.RU».
+ MNT_CURRENCY_CODE
+ ISO код валюты, в которой произведена оплата заказа в магазине.
+ MNT_SUBSCRIBER_ID
+ Внутренний идентификатор пользователя, однозначно определяющий получателя в учетной системе
+ магазина.
+ MNT_TEST_MODE
+ Если оплата произведена в тестовом режиме, то параметр содержит «1», если в реальном – «0».
+ MNT_SIGNATURE
+ Код для идентификации отправителя и проверки целостности данных.
+ MNT_USER
+ Номер счета пользователя, если оплата производилась с пользовательского счета в системе
+ «MONETA.RU».
+ paymentSystem.unitId
+ Идентификатор платежной системы, если оплата производилась с платежной системы отличной от
+ «MONETA.RU».
+ MNT_CORRACCOUNT
+ Номер счета плательщика. Если оплата производилась с пользовательского счета в системе
+ «MONETA.RU», то совпадает с MNT_USER.
+ MNT_CUSTOM1, MNT_CUSTOM2, MNT_CUSTOM3, Другие параметры
+ Параметры, переданные в запросе на оплату через MONETA.Assistant
+ Параметры могут быть переданы методом POST или GET в зависимости от настроек расширенного счёта.
+ Первое что нужно сделать в скрипте “Pay URL” - проверить подпись MNT_SIGNATURE (то есть
+ достоверность запроса).
+ Запрос является достоверным, если присланное значение MNT_SIGNATURE идентично вычисленному
+ следующим образом:
+ MNT_SIGNATURE = MD5(MNT_ID + MNT_TRANSACTION_ID + MNT_OPERATION_ID +
+ MNT_AMOUNT + MNT_CURRENCY_CODE + MNT_SUBSCRIBER_ID + MNT_TEST_MODE
+ + КОД ПРОВЕРКИ ЦЕЛОСТНОСТИ ДАННЫХ)
+ Код проверки целостности данных - является свойством расширенного счёта и устанавливается в
+ личном кабинете в системе Moneta.ru. Данный код должен быть так же известен серверной стороне
+ приложения интернет-магазина, где реализуется скрипт Pay URL.
+ При формировании подписи, MNT_AMOUNT должно быть с двумя десятичными знаками, отделенными
+ точкой.
+ | 
+PayAnyWay интеграция | 12
+ После проверки подлинности запроса, скрипт Pay URL может изменить статус заказа в интернет-магазине
+ на “Оплачен”, выполнить иные сопутствующие действия.
+ Скрипт должен отдать системе монета ответ со статусом 200 OK в заголовке и словом SUCCESS в случае
+ успеха, либо FAIL в случае ошибки в текстовом виде, без переносов.
+ Можно ответить на запрос Pay URL в XML формате (со статусом 200 OK):
+ <?xml version="1.0" encoding="UTF-8"?>
+ <MNT_RESPONSE>
+  <MNT_ID></MNT_ID>
+  <MNT_TRANSACTION_ID></MNT_TRANSACTION_ID>
+  <MNT_RESULT_CODE></MNT_RESULT_CODE>
+  <MNT_DESCRIPTION></MNT_DESCRIPTION>
+  <MNT_AMOUNT></MNT_AMOUNT>
+  <MNT_SIGNATURE></MNT_SIGNATURE>
+  <MNT_ATTRIBUTES>
+    <ATTRIBUTE>
+      <KEY></KEY>
+       <VALUE></VALUE>
+    </ATTRIBUTE>
+  </MNT_ATTRIBUTES>
+ </MNT_RESPONSE>
+ Где:
+ MNT_ID
+ Идентификатор магазина в системе MONETA.RU.
+ MNT_TRANSACTION_ID
+ Внутренний идентификатор заказа, однозначно определяющий заказ в магазине.
+ MNT_RESULT_CODE
+ Код ответа на запрос.
+ MNT_DESCRIPTION
+ Описание состояния заказа.
+ MNT_AMOUNT
+ Сумма оплаты.
+ MNT_SIGNATURE
+ Код для идентификации отправителя и проверки целостности данных.
+ MNT_ATTRIBUTES
+ Содержит произвольные параметры, которые будут сохранены в операции.
+ ATTRIBUTE
+ Элемент представляет один произвольный параметр операции.
+ KEY
+ Уникальное название параметра операции. Не должно превышать 32 символа.
+ VALUE
+ Значение параметра операции.
+ Ответ подписывается подписью MNT_SIGNATURE, которая формируется следующим образом:
+ MNT_SIGNATURE = MD5( MNT_RESULT_CODE + MNT_ID + MNT_TRANSACTION_ID
+ + КОД ПРОВЕРКИ ЦЕЛОСТНОСТИ ДАННЫХ )
+ Как уже было отмечено выше, при формировании подписи, MNT_AMOUNT должно быть с двумя
+ десятичными знаками, отделенными точкой.
+ Коды ответа MNT_RESULT_CODE могут принимать следующие значения:
+• 200 - заказ оплачен. Уведомление об оплате магазину доставлено,
+ | 
+PayAnyWay интеграция | 13
+ • 100, 302, 402 - отправка уведомления об оплате должна быть и будет повторена,
+ • 500 - ошибка обработки. Автоматическая отправка уведомлений от системы Moneta.ru будет
+ остановлена. Необходимо связаться с группой поддержки MONETA.RU.
+ Важно отметить, что ответ системе Moneta.ru на запрос Pay URL должен быть сформирован с заголовком
+ 200 ОК, даже если не было принято никаких входящих параметров, поскольку при сохранении ссылки на
+ скрипт Pay URL в личном кабинете Moneta.ru, будет отправлен проверочный запрос без параметров, на
+ который ожидается ответ со статусом 200 ОК в заголовке.
+ Интеграция с CMS
+ Для многих CMS для интернет-магазинов уже реализованы модули для приема оплаты через PayAnyWay.
+ Модули работают по выше рассмотренной схеме, то есть подразумевают установку “Pay URL” в
+ настройках расширенного счёта в системе Moneta.ru. Скрипт “Pay URL” сменит статус заказа на
+ “Оплачен” в каждой конкретной CMS.
+ Большинство модулей PayAnyWay построено таким образом, чтобы ограничение выбора способов оплаты
+ включалось через настройки счёта в личном кабинете системы Moneta.ru (если такая необходимость
+ существует).
+ Интеграция с PayAnyWay в мобильном приложении
+ Приложения интернет-магазинов, как правило, разрабатываются по клиент-серверной архитектуре.
+ Каталог товаров хранится в backend и отображается на frontend. Заказы формируются на frontend и
+ отправляются в backend.
+ В соответствии с этим, на frontend отображается форма оплаты. Для этого можно использовать SDK,
+ рассмотренные в п.1.6.4 и 1.6.5.
+ Скрипт Pay URL следует разместить на backend.
+ Реализация Pay URL
+ Реализовать скрипт, обрабатывающий запрос об успешной оплате можно на любом языке
+ программирования, который позволяет реализовать веб-сервис. Общее описание алгоритма работы этого
+ скрипта приводится в п.2.1.
+ В SDK PHP есть метод, который позволяет реализовать скрипт Pay URL в нескольких строчках кода:
+ $monetaSDK = new Moneta\MonetaSdk();
+ $result = $monetaSDK->processInputData();
+ echo $result->render;
+ exit;
+ В результате работы данный код выводит SUCCESS или FAIL в зависимости от поступивших в
+ веб-сервис данных.
+ Преобразование платежной формы в iframe
+ В модулях PayAnyWay для CMS реализована стандартная для интернет-магазинов схема работы, в
+ которой после выбора способа оплаты выводится форма оплаты с кнопкой “Оплатить”, при нажатии на
+ которую происходит переход на форму ввода данных плательщика MONETA.Assistant.
+ На некоторых сайтах можно счесть возможным размещение вместо кнопки “Оплатить” платежной формы
+ MONETA.Assistant через iframe.
+ | 
+PayAnyWay интеграция | 14
+ Для того, чтобы не меняя код платежного модуля и CMS преобразовать платежную форму в iframe надо
+ на страницу оформления заказа, либо на все страницы сайта поместить следующий Javascript-код:
+ <script>
+ jQuery(document).ready(function($) {
+  // page is ready
+  var pawFormContent = $('#payment-form').html();
+  if (pawFormContent != undefined && pawFormContent != '') {
+    var pawFormParent = $('#payment-form').parent();
+    var pawSuccess = $('.success').html();
+    // generate iframe code
+    var pawFormData = $('#payment-form').serialize();
+    var pawIframeLink = 'https://www.payanyway.ru/assistant.widget?' + pawFormData;
+    var pawIframe = '<h1>Оплата заказа:</h1><iframe width="600" height="800" src="' +
+ pawIframeLink + '">iframe is not supported</iframe>';
+    if (pawSuccess != undefined && pawSuccess != '') {
+      $('.success').html(pawIframe);
+    }
+    else {
+      pawFormParent.html(pawIframe);
+    }
+  }
+ });
+ </script>
+    // remove paw payment button
+    $('#payment-form').remove();
+ Где:
+ #payment-form - id формы оплаты,
+ .success - класс блока для вставки виджета оплаты.
+ Данный код можно использовать в CMS Webasyst без каких-либо доработок. При использовании в другой
+ CMS, следует внести изменения в части идентификаторов.
+ Взаимодействие с виджетом оплаты, выводимым через iframe
+ При использовании виджета оплаты, выводимого через iframe, вместо перехода на платежную форму
+ MONETA.Assistant, можно изменять визуальное отображение его элементов. Для этого .css файл с
+ изменениями необходимо прислать в техническую поддержку на review.
+ Примеры оформления платежной формы, выводимой через iframe можно посмотреть здесь (перейдите по
+ ссылке).
+ Особенности перехода на страницы Success, Fail URL при использовании
+ виджета в iframe
+ Платежная форма позволяет перенаправить покупателя на страницы магазина после успешной оплаты
+ (Success URL), после отмененной оплаты (Fail URL), после запроса на холдирование средств на карте
+ покупателя (InProgress URL), после добровольного отказа от оплаты (Return URL). Логично организовать
+ переход так, чтобы он происходил не внутри iframe, а в родительском окне. Для этого в настройках
+ расширенного счёта в личном кабинете Moneta.ru есть настройка “Target (для возврата iframe)”. В
+ рассматриваемом случае следует выбрать _parent или _top.
+ Некоторые CMS могут иметь встроенный Javascript-код, который блокирует переходы из дочернего (по
+ отношению к сайту интернет-магазина) iframe на указанный URL. Поэтому, если управление переходом
+ на Success и Fail URL работает некорректно, воспользуйтесь следующими рекомендациями:
+ 1) В качестве страницы Success URL создайте минимальную html страницу (без дизайна) с кодом:
+ <p>Спасибо за заказ!</p>
+ <a onclick="parent.callsuccess();" href="#">Вернуться на сайт</a>
+ | PayAnyWay интеграция | 15
+ Создайте аналогичную страницу для Fail URL:
+ <p>Ошибка оплаты, попробуйте ещё раз.</p>
+ <a onclick="parent.callfail();" href="#">Вернуться на сайт</a>
+ 2) На страницу сайта, где выводится iframe с виджетом оплаты разместите следующий Javascript-код:
+ <script>
+ function callsuccess() {
+  window.location.href = '/';
+ }
+ function callfail() {
+  window.location.href = '/';
+ }
+ </script>
+ 3) В личном кабинете системы Moneta.ru в настройках счёта укажите ссылки на страницы Success и Fail
+ URL.
+ Минималистичные страницы могут быть и пустыми и служить только для редиректа на полноценные
+ страницы в родительском окне. Т.е. Можно вызывать parent.callsuccess(); сразу после загрузки такой
+ страницы и ничего не выводить. В этом случае, страница Success URL будет выглядеть так:
+ <div onload="parent.callsuccess();"></div>
+ Динамические возможности Assistant.widget
+ Форма оплаты, выводимая через iframe, имеет встроенный Javascript-код, который позволяет
+ взаимодействовать с внешним Javascript-кодом родительского окна посредством интерфейса postMessage.
+ Для реализации обмена между окном iframe и родительским окном, в последнее нужно добавить
+ следующий код:
+ var regexp_simpleMessage = new RegExp('(^none|^success|^fail|^inprogress|^return)');  
+  // формат старых сообщений
+ function isJson(str) {                                                                
+  // проверка на формат JSON
+        try {
+            JSON.parse(str);
+        } catch (e) {
+            return false;
+        }
+    return true;
+ }
+ function listener(event) {
+    if (regexp_simpleMessage.test(event.data)) {      
+  //проверяем соответствие сообщения старому "формату"
+        console.log('Parent, status: ' + event.data);
+    }
+    else {
+        if (isJson(event.data)){                      
+  //проверка на соответствие сообщения формату JSON
+            var msg = JSON.parse(event.data);
+            switch (msg.m_type){                      
+  //реакция на разные типы сообщений
+                case "widgetSize":
+                   setBodyClass();   //в ответ на изменение размеров (обновление
+ assistant) устанавливаем css класс
+                   var assistantDiv = document.getElementById('monetaAssistantDiv');
+                   if (msg.width < 320) {
+                       msg.width = 320;
+                   }
+                   assistantDiv.style.height = msg.height;
+                   assistantDiv.style.width = msg.width;
+                   break;
+               case "status":
+ | PayAnyWay интеграция | 16
+                   console.log('Parent, status(JSON): ' + msg.status);
+                   break;
+            }
+        }
+    }
+ }
+ if (window.addEventListener) {
+    window.addEventListener("message", listener, false);
+ } else {
+    window.attachEvent("onmessage", listener);
+ }
+ function setBodyClass() {
+    var msg = {
+        m_type: "bodyClass",
+        m_val: "test_class_name"
+    };
+    var ifr = document.getElementById('pawassistantiframe').contentWindow;
+    ifr.postMessage(JSON.stringify(msg), '{url}');
+ }
+ Примеры postMessage запросов. Сообщение, передаваемое через интерфейс postMessage текстовое и
+ представляет собой сериализованный JSON.
+ В каждом передаваемом объекте есть ключ m_type. На данный момент, возможные значения ключа
+ таковы: widgetSize, status, bodyClass.
+ Сообщения с типами widgetSize и status передаются родителю при изменении соответствующих
+ параметров. Так же данные сообщения с актуальными параметрами можно получить по запросу.
+ Примеры сообщений:
+ 1) {"m_type":"widgetSize","width":"300","height":"64"}
+ 2) {"m_type":"status","status":"none"}
+ Примеры запросов:
+ 1) Запрос статуса: {"m_type":"request","m_val":"status"}
+ 2) Запрос размера виджета: {"m_type":"request","m_val":"widgetSize"}
+ 3) Запрос на submit формы: {"m_type":"request","m_val":"submitForm"}
+ 4) Запрос на установку css класса для body виджета:
+ {"m_type":"bodyClass","m_val":"class_name"}
+ Ответы виджета:
+ 1) Класс добавлен: {"m_type":"bodyClass","result":"success","comment":""}
+ 2) Класс уже был, повторно не добавился:
+ {"m_type":"bodyClass","result":"error","comment":"Class already exist"}
+ 3) Недопустимые символы в названии класса (регексп названия класса: '([^A-Za-z0-9\
+\_])'):
+ {"m_type":"bodyClass","result":"error","comment":"Wrong class name"}
+ Проверка наличия товара и его цены перед оплатой (Check URL)
+ Интернет-магазину может понадобиться предварительная проверка параметров заказа перед оплатой.
+ Например, в случае продажи товаров, остатки которых могут быстро меняться, либо товаров, по которым
+ может меняться цена с течением времени.
+ В подобных случаях, можно использовать механизм проверочных запросов, которые система Moneta.ru
+ отправляет на URL, указанный в свойствах расширенного счёта в поле “Check URL”.
+ Проверочные запросы служат для того, чтобы:
+ • Убедиться, что заказ существует, что заказ еще не оплачен, что срок действия заказа не истек.
+ • Указать сумму заказа, если магазин ранее не передал сумму заказа в HTML-форме.
+• Проверить статус заказа, если товар уже оплачен.
+ | 
+PayAnyWay интеграция | 17
+ Проверочные запросы MONETA.Assistant отсылает на указанную страницу магазина Check URL в виде
+ HTTP запроса методом GET или POST. Ответ на HTTP запрос должен быть в формате XML. Во время
+ оплаты одного заказа MONETA.Assistant может несколько раз отсылать проверочные запросы.
+ В зависимости от ответа, который получит система Moneta.ru, возможны следующие варианты поведения
+ формы оплаты MONETA.Assistant:
+ • Меняется сумма заказа,
+ • Нормальное продолжение оплаты заказа,
+ • Выводится сообщение об ошибке, прием оплаты прекращается.
+ В запросе на Check URL от системы Moneta.ru передаются следующие GET или POST параметры:
+ MNT_COMMAND CHECK
+ Установлен в значение CHECK для проверочных запросов.
+ MNT_ID
+ Идентификатор магазина в системе MONETA.RU.
+ MNT_TRANSACTION_ID
+ Внутренний идентификатор заказа, однозначно определяющий заказ в магазине.
+ MNT_OPERATION_ID
+ Номер операции в системе MONETA.RU. Если операция еще не создана в системе MONETA.RU, то это
+ поле не будет отправлено.
+ MNT_AMOUNT
+ Фактическая сумма, полученная на оплату заказа, без учета комиссии за услуги системы MONETA.RU.
+ Если магазин не передал сумму заказа в HTML форме, то данного параметра может не быть. Если в
+ запросе нет данного параметра, то магазин обязан вернуть сумму заказа в ответе на данный запрос, иначе
+ MONETA.Assistant завершит обработку с ошибкой.
+ MNT_CURRENCY_CODE
+ ISO код валюты
+ MNT_SUBSCRIBER_ID
+ Внутренний идентификатор пользователя.
+ MNT_TEST_MODE
+ В тестовом режиме - «1», если в реальном – «0».
+ MNT_SIGNATURE
+ Код для идентификации отправителя и проверки целостности данных.
+ MNT_USER
+ Номер счета пользователя, если пользователь выбрал оплату с пользовательского счета в системе
+ «MONETA.RU». Данного параметра может не быть.
+ paymentSystem.unitId
+ Идентификатор платежной системы. Данного параметра может не быть.
+ MNT_CORRACCOUNT
+ Номер счета плательщика. Если оплата производилась с пользовательского счета в системе
+ «MONETA.RU», то совпадает с MNT_USER. Данного параметра может не быть.
+ MNT_CUSTOM1, MNT_CUSTOM2, MNT_CUSTOM3,
+ Другие параметры, переданные в запросе на оплату через MONETA.Assistant.
+ | 
+PayAnyWay интеграция | 18
+ В параметре MNT_SIGNATURE передается подпись проверочного запроса, которая формируется
+ следующим образом:
+ MNT_SIGNATURE = MD5( MNT_COMMAND + MNT_ID + MNT_TRANSACTION_ID + MNT_OPERATION_ID
+ + MNT_AMOUNT + MNT_CURRENCY_CODE + MNT_SUBSCRIBER_ID + MNT_TEST_MODE
+ + КОД ПРОВЕРКИ ЦЕЛОСТНОСТИ ДАННЫХ )
+ Формат ответа должен быть следующим:
+ <?xml version="1.0" encoding="UTF-8"?>
+ <MNT_RESPONSE>
+  <MNT_ID></MNT_ID>
+  <MNT_TRANSACTION_ID></MNT_TRANSACTION_ID>
+  <MNT_RESULT_CODE></MNT_RESULT_CODE>
+  <MNT_DESCRIPTION></MNT_DESCRIPTION>
+  <MNT_AMOUNT></MNT_AMOUNT>
+  <MNT_SIGNATURE></MNT_SIGNATURE>
+  <MNT_ATTRIBUTES>
+    <ATTRIBUTE>
+      <KEY></KEY>
+      <VALUE></VALUE>
+    </ATTRIBUTE>
+  </MNT_ATTRIBUTES>
+ </MNT_RESPONSE>
+ Параметры ответа:
+ MNT_ID
+ Номер расширенного счёта магазина в системе MONETA.RU.
+ MNT_TRANSACTION_ID
+ Внутренний идентификатор заказа.
+ MNT_RESULT_CODE
+ Код ответа на запрос.
+ MNT_DESCRIPTION
+ Описание состояния заказа.
+ MNT_AMOUNT
+ Сумма оплаты.
+ MNT_SIGNATURE
+ Код для идентификации отправителя и проверки целостности данных.
+ MNT_ATTRIBUTES
+ Содержит произвольные параметры, которые будут сохранены в операции. Необязательный элемент.
+ ATTRIBUTE
+ Элемент представляет один произвольный параметр операции.
+ KEY
+ Уникальное название параметра операции. Не должно превышать 32 символа.
+ VALUE
+ Значение параметра операции.
+ В ответе на проверочный запрос подпись формируется следующим образом:
+ MNT_SIGNATURE = MD5(MNT_RESULT_CODE + MNT_ID + MNT_TRANSACTION_ID
+ + КОД ПРОВЕРКИ ЦЕЛОСТНОСТИ ДАННЫХ)
+ При формировании подписи, MNT_AMOUNT должно быть с двумя десятичными знаками, отделенными
+ точкой.
+ | 
+PayAnyWay интеграция | 19
+ При помощи параметра MNT_RESULT_CODE меняется поведение формы оплаты. Наиболее частые
+ варианты ответа такие:
+ • MNT_RESULT_CODE = 100, MNT_AMOUNT - установлено в некоторое значение. В этом случае
+ меняется сумма к оплате текущего заказа. Изначально, сумма могла быть не указана вовсе.
+ • MNT_RESULT_CODE = 402, MNT_AMOUNT - не принимается во внимание. В таком случае оплата
+ будет продолжена в штатном режиме.
+ • MNT_RESULT_CODE = 500, MNT_AMOUNT - не принимается во внимание. Будет выведено
+ сообщение MNT_DESCRIPTION в качестве сообщения об ошибке, оплата не будет продолжена.
+ Следует учитывать, что система Moneta.ru может отправлять несколько проверочных запросов на Check
+ URL. После отправки ответа с MNT_RESULT_CODE равным 100, в ответе на следующий запрос
+ MNT_RESULT_CODE должен быть 402, либо 500, иначе MONETA.Assistant выведет ошибку и прервет
+ оплату.
+ Список всех возможных значений MNT_RESULT_CODE:
+ • 100 - ответ содержит сумму заказа для оплаты. Данным кодом следует отвечать, когда в параметрах
+ проверочного запроса не был указан параметр MNT_AMOUNT, либо сумма заказа могла измениться.
+ • 200 - заказ уже был оплачен. Уведомление об оплате магазину доставлено.
+ • 302 - заказ находится в обработке. Точный статус оплаты заказа определить невозможно. В этом
+ случае в форме оплаты будет выведено MNT_DESCRIPTION в качестве сообщения об ошибке,
+ оплата не будет продолжена.
+ • 402 - заказ создан и готов к оплате. Уведомление об оплате магазину не доставлено.
+ • 500 - заказ не является актуальным в магазине (например, заказ отменен).
+ | 
+PayAnyWay выписка счёта | 20
+ Chapter
+ 3
+ PayAnyWay выписка счёта
+ Topics:
+ • Создание счёта через
+ Merchant API
+ Система Moneta.ru позволяет партнерам работать, выставляя их
+ покупателям счёта на оплату. Для работы по такой схеме удобнее
+ открывать отдельный расширенный счёт в системе Moneta.ru, с
+ которого и будут выписываться счета на оплату.
+ В настройках счёта в личном кабинете Moneta.ru нужно очистить поля
+ Check URL и Pay URL, в поле “Тип интерфейса” нужно указать “Нет”.
+ Для создания нового счёта на оплату перейдите в раздел “Рабочий
+ кабинет” и далее к опции “Счёт к оплате”.
+ После создания счёта в системе Moneta.ru будет создана платежная
+ операция, на e-mail покупате будет отправлено письмо со ссылкой
+ на оплату данной операции. Поле “Номер счёта плательщика” - не
+ обязательное. Если оставить его пустым, то плательщику будут
+ доступны все возможные способы оплаты на выбор.
+ Создание счёта через Merchant API
+ Выписку счетов на оплату можно автоматизировать. В этом случае, скрипт Pay URL будет полезен.
+ Для создания счёта на оплату в Merchant API есть метод InvoiceRequest. В качестве аргумента в метод
+ передается объект с типом InvoiceRequestType, который имеет следующие атрибуты:
+ payer
+ Номер счета плательщика. Необязательный элемент. Тип: string
+ payee
+ Номер счета получателя.
+ amount
+ Сумма. Необязательный элемент.
+ clientTransaction
+ Внешний номер операции.
+ description
+ Описание операции. Необязательный элемент.
+ mnt_custom1, mnt_custom2, mnt_custom3, ...
+ Произвольные параметры.
+ operationInfo
+ Набор полей, которые необходимо сохранить в качестве атрибутов операции. Значения дат в формате
+ dd.MM.yyyy HH:mm:ss. Для того чтобы провести прямое дебетование, следует передать атрибут с ключом
+ "SUBSCRIBERID" и в значении указать ID подписчика. Прямое дебетование будет проведено, если ID
+ подписчика указано верно, если пользователь разрешил проводить прямое дебетование, если указанная
+ сумма есть на балансе пользователя. В данном случае деньги будут списаны со счета пользователя, в
+ ответе на запрос в поле Статус будет указано INPROGRESS, зачисление денег на счет получателя будет
+ | 
+PayAnyWay выписка счёта | 21
+ проведено в асинхронном режиме. Если прямое дебетование не может быть проведено или во время его
+ выполнения произойдет ошибка, то инвойс будет создан и в ответе на запрос в поле Статус будет указано
+ CREATED. USERCONTACT - ссылка на оплату счета будет отправлена в письме или SMS (можно
+ перечислить получателей через запятую). Необязательный элемент.
+ Метод InvoiceRequest возвращает ID созданного счёта на оплату. Для оплаты счёта нужно перенаправить
+ пользователя по ссылке:
+ https://www.payanyway.ru/assistant.htm?operationId=ID_созданного_счёта
+ В данную ссылку можно передавать так же параметры MONETA.Assistant, которые рассмотрены в Главе
+ 1.
+ Можно поместить данную форму в iframe, заменив .htm на .widget, можно разместить ссылку в
+ социальной сети.
+ Поскольку merchant API подразумевает автоматизацию генерации ссылок на оплату счёта, целесообразно
+ так же настроить скрипт Pay URL, который будет вызван системой Монета.ру после успешного
+ зачисления средств на расширенный счёт интернет-магазина.
+ Пример кода на SDK php
+ $monetaSDK = new Moneta\MonetaSdk();
+ $monetaSDK->checkMonetaServiceConnection();
+ $operationId = $monetaSDK->sdkMonetaCreateInvoice($payer = null, $payee, $amount,
+ $orderId, $paymentSystem = 'payanyway', $isRegular = false, $additionalData = null);
+ Пример кода на SDK C#
+ MonetaSDK monetaSDK = new MonetaSDK();
+ MonetaSdkResult result = monetaSDK.sdkMonetaCreateInvoice(string payer, long payee,
+ decimal amount, string clientTransaction, bool isRegular);
+ | 
+PayAnyWay с холдированием | 22
+ Chapter
+ 4
+ PayAnyWay с холдированием
+ Topics:
+ • Пример кода на SDK php
+ У некоторых интернет-магазинов остатки товаров, представленных
+ на сайте могут быть ограниченными. В таком случае, важно
+ принимать оплату с покупателя лишь в том случае, если товар
+ или услуга действительно могут быть ему предоставлены. Если у
+ магазина есть учетная система, которая синхронизирует остатки
+ с интернет-магазином, то целесообразно реализовать Check URL
+ как описано в п.2.7. Если же остатки товара уточняются в ручном
+ режиме, то можно использовать оплату с холдированием. При этом
+ деньги с банковской карты покупателя не списываются сразу же
+ в момент оплаты товара, а блокируются на карте покупателя до
+ принятия решения об отгрузке интернет-магазином, который после
+ проверки остатков принимает решение о списании денег в свою
+ пользу, либо об отмене операции оплаты. При отмене операции,
+ ранее блокированная на карте покупателя сумма разблокируется.
+ Механизм приема платежей с холдированием выгодно использовать
+ интернет-магазину с плавающими остатками, чтобы не терять на
+ комиссии, которая оплачивается с каждой успешно завершенной
+ операции оплаты.
+ Последовательность действий, при приеме платежей с холдированием
+ такова:
+ 1. Создать счёт при помощи merchant API (метод InvoiceRequest)
+ на оплату способом “банковские карты” с атрибутом
+ AUTHORIZEONLY установленом в 1 (еденину).
+ 2. Переадресовать покупателя на платежную форму
+ MONETA.Assistant с параметром operationId, который был получен
+ на предыдущем шаге, для оплаты счёта:
+ https://www.payanyway.ru/assistant.htm?
+ operationId=ID_созданного_счёта
+ Параметры выставленного счёта, а также ID операции operationId,
+ сохранить в базу данных интернет-магазина.
+ 3. В заранее подготовленном скрипте, принять URL уведомление
+ от системы Moneta.ru “Вызвать URL после авторизации средств”,
+ в этом скрипте по параметру MNT_OPERATION_ID отметить
+ запись в базе данных по строке с operationId как активную
+ (готовую к обработке). По активной операции деньги холдированы
+ (зарезервированы) на банковской карте покупателя.
+ 4. Если интернет-магазин убедился что может поставить нужный
+ покупателю товар, то он (магазин) подтверждает операцию с ID
+ равным operationId на сумму равную или меньше чем указанная
+ ранее (при холдировании). Подтвердить операцию можно через
+ merchant API (метод ConfirmTransactionRequest), или вручную
+ в личном кабинете системы Moneta.ru. После подтверждения
+ операции система Moneta.ru отправит URL уведомление на Pay
+ URL.
+ | PayAnyWay с холдированием | 23
+ 5. Если товара нет в наличии, либо существуют иные причины, по
+ которым магазин не может выполнить заказ, магазин Отменяет
+ операцию с ID равным operationId. Отменить операцию можно
+ через merchant API (метод CancelTransactionRequest), или вручную
+ в личном кабинете системы Moneta.ru.
+ Покупатель имеет право отменить блокировку своих средств на
+ банковской карте, написав заявление на отмену блокировки в банк.
+ Попытка подтвердить не оплаченную ранее операцию приведёт к её
+ заморозке в системе Moneta.ru.
+ URL уведомление “Вызвать URL после авторизации средств”
+ приходит с параметрами аналогичными тем что описаны выше
+ для Check URL (в разделе 2.7), за исключения MNT_COMMAND
+ CHECK. Настройка ссылки на скрипт, принимающий уведомление
+ производится в личном кабинете системы Moneta.ru в пункте меню
+ "Действия при зачислении/списании средств".
+ При отмене операции с холдированием, комиссия за проведение
+ операции не взимается. Комиссия возникает лишь при подтверждении
+ операции. Это делает платежи с холдированием более выгодными
+ чем оплаты и возвраты средств для проектов с подвижными или
+ неопределенными остатками.
+ Пример кода на SDK php
+ Создать счёт при помощи Merchant API (метод InvoiceRequest) на оплату способом “банковские карты” с
+ атрибутом AUTHORIZEONLY установленом в 1 (еденину).
+ $monetaSDK = new Moneta\MonetaSdk();
+ $monetaSDK->checkMonetaServiceConnection();
+ $additionalData = array('AUTHORIZEONLY' => '1');
+ $operation_id = $monetaSDK->sdkMonetaCreateInvoice(null, $settings->MNT_ID, $amount,
+ $transaction_id, 'payanyway', false, $additionalData);
+ Подтвердить операцию с ID равным operationId (метод ConfirmTransactionRequest):
+ $monetaSDK = new Moneta\MonetaSdk();
+ $monetaSDK->checkMonetaServiceConnection();
+ try {
+    $confirmRequest = new \Moneta\Types\ConfirmTransactionRequest();
+    $confirmRequest->transactionId = $operationId;
+    $confirmRequest->amount = number_format($amount, 2, '.', '');
+    $operationInfo = $monetaSDK->ConfirmTransaction($confirmRequest);
+    $result = json_decode(json_encode($operationInfo, true));
+    // отметка завершения операции в БД магазина
+    // ...
+ }
+ catch (\Exception $e) {
+   // 'ERROR: Проведение операции не удалась, сделайте это в личном кабинете Moneta.ru'
+ }
+ Отменить операцию (метод CancelTransactionRequest):
+ $monetaSDK = new Moneta\MonetaSdk();
+ $monetaSDK->checkMonetaServiceConnection();
+ try {
+    $confirmRequest = new \Moneta\Types\CancelTransactionRequest();
+    $confirmRequest->transactionId = $operationId;
+    $operationInfo = $monetaSDK->CancelTransaction($confirmRequest);
+    $result = json_decode(json_encode($operationInfo, true));
+ | 
+PayAnyWay с холдированием | 24
+    if (is_object($result) && is_object($result->data) && isset($result->data
+>operationStatus) && $result->data->operationStatus == 'CANCELED') {
+        // 
+всё ОК
+        // 
+        // 
+Операция {$model->operation_id} отменена
+ отметить операцию в БД магазина
+        // ...
+ }
+    }
+    else {
+        // 'ERROR: Отмена не удалась, сделайте отмену операции в личном кабинете
+ Moneta.ru'
+    }
+ }
+ catch (\Exception $e) {
+    // 
+непредвиденная ошибка
+    $message = 'ERROR: ' . print_r($e, true);
+Chapter
+ 5
+ PayAnyWay регулярные платежи
+ Topics:
+ • Реализация регулярных
+ платежей на SDK PHP
+ В проектах, предоставляющих услуги или товары на регулярной
+ основе (ежемесячно, ежегодно, ежедневно) удобным способом
+ списания денег у покупателей является рекурентный (регулярный)
+ платеж. При этом сумма списания может быть постоянной, либо
+ может изменяться.
+ Для реализации такой схемы работы в системе Монета.ру есть
+ специальные методы в Merchant API. Последовательность действий,
+ выполняемая магазином для реализации данной схемы, будет такой:
+ 1. Создать счёт при помощи Merchant API (метод InvoiceRequest)
+ на оплату способом “банковские карты” с атрибутом
+ PAYMENTTOKEN в значении 'request' (строка).
+ 2. Перенаправить покупателя на форму MONETA.Assistant с
+ параметром operationId для оплаты счёта:
+ https://www.payanyway.ru/assistant.htm?
+ operationId=ID_созданного_счёта
+ Значение operationId получено на предыдущем шаге.
+ На платежной форме для операций с установленным
+ PAYMENTTOKEN=request будет отображена дополнительная
+ галочка "Запомнить карту", требующая явного согласия
+ пользователя. Если пользователь согласия не даст, то
+ операция будет обработана как обычный платеж и параметр
+ PAYMENTTOKEN будет записан как refused.
+ 3. Получить URL уведомление на Pay URL после успешной оплаты
+ выставленного счёта. Значение параметра paymenttoken (если
+ оно не равно refused или request) сохранить для дальнейшего
+ использования. Сохранить дату осуществления платежа.
+ Поставить данного покупателя в расписание на регулярное
+ (ежемесячное, ежедневное, еженедельное и т.д.) списание средств.
+ 4. За несколько дней до регулярного списания отправить покупателю
+ сообщение на e-mail с напоминанием о предстоящем регулярном
+ списании средств и ссылкой, по которой покупатель сможет
+ исключить себя из расписания на регулярное списание средств.
+ 5. При переходе по ссылке на прекращение регулярных списаний,
+ исключить покупателя из расписание на регулярное списание
+ средств.
+ 6. Согласно установленному расписанию, произвести списание
+ средств с покупателя, при помощи ранее полученного значения
+ paymenttoken. Для этого нужно выполнить метод PaymentRequest
+ через Merchant API, передав параметр paymenttoken и его
+ значение как дополнительный атрибут объекта OperationInfo.
+ Сумма операции устанавливается произвольной (по соглашению
+ сторон).
+ 7. Если в ответ на запрос PaymentRequest получена ошибка, нужно
+ исключить покупателя из расписания на регулярное списание
+ | 
+PayAnyWay регулярные платежи | 26
+ средств и заново произвести платеж как было описано в пунктах
+ 1-3.
+ 8. Повторять шаги 4-7 с заданной регулярностью.
+ Проверять ответ на запрос PaymentRequest необходимо, поскольку
+ покупатель может обратиться в его банк для прекращения регулярных
+ списаний с его карты. Если это произошло, реализуются действия,
+ описанные в шаге 7.
+ Для того, чтобы осуществлять рекурентные платежи, в системе
+ монета необходимо наделить счёт, принимающего платежи,
+ интернет-магазина специальными дополнительными правами.
+ Рассмотренная схема может быть использована так же для реализации
+ платежей без повторного ввода данных банковской карты покупателя.
+ В этом случае, запрос PaymentRequest с параметром paymenttoken
+ и его значением можно отправить не по расписанию, а по нажатию
+ кнопки “Оплатить” покупателем в любой момент времени. Схема
+ работы при списании средств без повторного ввода данных будет
+ выглядеть так:
+ 1. Создать счёт при помощи Merchant API (метод InvoiceRequest)
+ на оплату способом “банковские карты” с атрибутом
+ PAYMENTTOKEN в значении 'request' (строка).
+ 2. Перенаправить покупателя на форму MONETA.Assistant с
+ параметром operationId для оплаты счёта:
+ https://www.payanyway.ru/assistant.htm?
+ operationId=ID_созданного_счёта
+ Значение operationId получено на предыдущем шаге.
+ 3. Получить URL уведомление на Pay URL после успешной
+ оплаты выставленного счёта. Значение параметра paymenttoken
+ сохранить для дальнейшего использования.
+ 4. Произвести списание средств с покупателя, при помощи ранее
+ полученного значения paymenttoken. Для этого нужно выполнить
+ метод PaymentRequest через Merchant API, передав параметр
+ paymenttoken и его значение как дополнительный атрибут объекта
+ OperationInfo. Сумма операции устанавливается произвольной (по
+ соглашению сторон).
+ 5. Если в ответ на запрос PaymentRequest получена ошибка, нужно
+ заново произвести платеж как было описано в пунктах 1-3.
+ 6. Повторять шаги 4-5 при нажатии покупателем на кнопку
+ “Оплатить” без повторного ввода данных банковской карты.
+ Реализация регулярных платежей на SDK PHP
+ Перед началом работы
+ Для того, чтобы организовать работу сервиса с приемом регулярных платежей, Вам понадобится
+ подключение к источнику данных. Для подключения нужно внести настройки для Вашего проекта в файл
+ data_storage.ini, параметр monetasdk_storage_type может принимать значение: files или mysql
+ Если установленное значение - пустая строка, сохранение данных в локальное хранилище не будет
+ производиться.
+ Генерация формы рекурентного платежа
+ Чтобы вывести форму рекурентного платежа, можно использовать следующий код:
+ $monetaSDK = new Moneta\MonetaSdk();
+ | 
+PayAnyWay регулярные платежи | 27
+ $monetaSDK->processCleanChoosenPaymentSystem();
+ $result = $monetaSDK->showPaymentFrom(null, 4, 'RUB', 'Рекурентный платеж', false,
+ 'plastic', true);
+ echo $result->render;
+ Аргумент метода $isRegular устанавливается в true, поэтому отображенная данным кодом форма будет
+ готова к приему рекурентных платежей.
+ Генерация формы рекурентного платежа
+ Код обработчика будет таким:
+ $monetaSDK = new Moneta\MonetaSdk();
+ $result = $monetaSDK->processInputData();
+ echo $result->render;
+ При поступлении подтверждения об успешном рекурентном платеже, обработчик выполнит все
+ необходимые для поддержания регулярных платежей действия, а именно - сохранит платежный токен в
+ хранилище данных.
+ Рассылка уведомлений о предстоящем платеже
+ Для рассылки уведомлений о предстоящем регулярном платеже со ссылкой на скрипт отмены, добавьте
+ следующий код в расписание для запуска не менее чем каждый день:
+ $monetaSDK = new Moneta\MonetaSdk();
+ $monetaSDK->processRecurentPaymentNotificationCronTask();
+ Код отправит на e-mail уведомления, сформированные из view RegularNotification.php. Настройки
+ уведомлений находятся в файле regular_payments.ini
+ Осуществление регулярных платежей
+ Для осуществления регулярных ежемесячных платежей добавьте следующий код в расписание для
+ запуска не реже чем каждый день:
+ $monetaSDK = new Moneta\MonetaSdk();
+ $monetaSDK->processRecurentPaymentTransferCronTask();
+ Обработчик отмены регулярного платежа
+ Ранее рассматривался конфигурационный файл regular_payments.ini, в котором есть параметр
+ regular_payments_cancel_url. По указанному адресу нужно разместить следующий код:
+ $monetaSDK = new Moneta\MonetaSdk();
+ $result = $monetaSDK->processInputData();
+ Данный код отменит регулярные платежи по ссылке из письма, которое отправлялось ранее.
+ Ручное проведение регулярного платежа
+ Имея номер успешно проведённой операции, можно провести повторный (регулярный) платеж в ручном
+ режиме следующим методом:
+ $monetaSDK = new Moneta\MonetaSdk();
+ $result = $monetaSDK->processPayRecurrent($operationId, $description);
+ где $operationId - идентификатор успешно проведенной ранее операции,
+ $description - описание для новой (регулярной) операции.
+ | 
+PayAnyWay выплаты и списания | 28
+ Chapter
+ 6
+ PayAnyWay выплаты и списания
+ Topics:
+ • Выплаты через Merchant
+ API
+ • Выплаты на банковскую
+ карту
+ • Списание с карты и
+ выплаты для проектов с
+ PCI DSS
+ Выплаты через Merchant API
+ Метод Payment можно использовать для вывода средств в различные платежные системы. Для выбора
+ платежной системы в методе Payment требуется указать нужный элемент payee. Так же, в элементе
+ operationInfo, передаются параметры необходимые для вывода средств, которые зависят от выбранной
+ платежной системы.
+ Для вывода средств со счета Moneta.Ru выполните следующие шаги:
+ 1. Рекомендуется (но необязательно) сначала выполнить запрос VerifyPayment, чтобы проверить
+ параметры платежа.
+ 2. Если плательщик получает платежный пароль в SMS, выполните метод
+ GetAccountPaymentPasswordChallenge для получения плательщиком платежного пароля.
+ 3. Выполните метод Payment. Если операция проведена успешно, то ответ будет содержать атрибут
+ statusid со значением SUCCEED.
+ Следующая таблица показывает значения элемента payee и возможные значения элемента operationInfo,
+ которые нужно передать для вывода средств со счета системы Moneta.Ru в различные платежные
+ системы:
+ Платежная
+ система
+ Получатель
+ (payee)
+ Значения в OperationInfo
+ Яндекс.Деньги
+ 13
+ YANDEXACCOUNT Номер кошелька в системе Яндекс.Деньги.
+ VKontakte
+ WebMoney
+ CyberPlat
+ Банковский
+ перевод
+ 139
+ 2,3,4
+ 1144
+ 5
+ VKONTAKTEID E-mail или имя пользователя ВКонтакте.
+ WEBMONEYWMID Идентификатор пользователя (WMID).
+ WEBMONEYPURSE Номер кошелька WMR (если payee = 2).
+ Номер кошелька WMZ (если payee = 3). Номер кошелька WME
+ (если payee = 4).
+ CYBERPLATPROVIDERID Значение
+ CYBERPLATPROVIDERID. CUSTOMFIELD:100
+ WIREUSERNAME Наименование получателя. WIREUSERINN
+ ИНН получателя. WIREPAYMENTPURPOSE Назначение
+ платежа. WIREBANKACCOUNT Номер расчетного счета.
+ | 
+PayAnyWay выплаты и списания | 29
+ Платежная
+ система
+ Банковские
+ карты (через
+ Банк Русский
+ Стандарт)
+ Только для
+ проектов с PCI
+ DSS
+ Банковские
+ карты (через
+ Альфа-Банк)
+ Только для
+ проектов с PCI
+ DSS
+ Получатель
+ (payee)
+ Значения в OperationInfo
+ WIREBANKBIK БИК банка. WIREBANKNAME Наименование
+ банка. WIREBANKKS Корр. счет банка. WIREKPP КПП.
+ WIREKBK КБК. WIREOKTMO ОКТМО. WIREDOCINDEX
+ УИН (индекс документа).
+ 275
+ 279
+ Деньги@Mail.ru 268
+ QIWI
+ 255
+ PAYERCOUNTRY Код страны. Возможные значения: RUS
+ (перевод средств на карту, выпущенную российским банком).
+ PAYEECARDNUMBER Полный номер карты.
+ PAYEECARDNUMBER Полный номер карты.
+ CARDEXPIRATION Срок действия карты в формате: MM/YYYY
+ CUSTOMFIELD:RECIPIENT E-mail или 16-ти
+ значный номер пользователя в Деньги@Mail.ru
+ CUSTOMFIELD:PAYMENT_PURPOSE Назначение платежа.
+ EXTERNALACCOUNTID QIWI account.
+ Параметры для вывода средств в методе Payment зависят от платежной системы, куда выводятся средства.
+ Чтобы их получить:
+ 1. Сделайте вывод небольшой суммы со счета в Moneta.Ru в нужную платежную систему через
+ интерфейс пользователя для получения номера операции.
+ 2. Используйте метод GetOperationDetailsById для получения деталей операции.
+ 3. В ответе получите элемент OperationInfo. Этот элемент содержит все параметры необходимые для
+ вывода средств через Merchant API.
+ Теперь Вы можете отредактировать элемент OperationInfo и использовать результат в методе Payment для
+ вывода средств.
+ Выплаты на банковскую карту
+ Если проект имеет сертификат PCI DSS хотя бы в минимальном исполнении, либо не имеет сертификат
+ PCI DSS, то пользователя можно отправить на страницу https://www.moneta.ru/secureCardData.htm
+ в системе Монета.ру для ввода данных банковской карты и получения токена карты. Для этого
+ формируется запрос на форму https://www.moneta.ru/secureCardData.htm со следующими параметрами:
+ <form action="https://www.moneta.ru/secureCardData.htm" method="GET">
+  <input type="hidden" name="publicId" value="d21ba7f4-1272-43c9-bbc5-e8c7cb75789e"/
+ ><!-- Мой счет -> Безопасность -> Публичный идентификатор -->
+  <input type="hidden" name="MNT_ID" value="12345678"/><!-- Номер счета -->
+  <input type="hidden" name="MNT_TRANSACTION_ID"
+ value="внешний идентификатор операции"/><!-- Идентификатор заказа магазина -->
+  <input type="hidden" name="redirectUrl" value="https://сайт.ru/moneta_callback.php"/
+ ><!-- URL, куда будет перенаправлен пользователь -->
+  <input type="hidden" name="MNT_SIGNATURE" value="289b0373ec7d25dff0f25534e21adc27"/
+ ><!-- md5(MNT_ID+MNT_TRANSACTION_ID+redirectUrl+Код_проверки_на_счете_MNT_ID) -->
+  <input type="hidden" name="secure[PAYEECARDNUMBER]" value="required"/
+ ><!-- Номер карты на форме нужен -->
+  <input type="hidden" name="secure[CARDEXPIRATION]" value="required"/><!-- Exp
+ date на форме нужен -->
+ | PayAnyWay выплаты и списания | 30
+  <input type="hidden" name="secure[CARDCVV2]" value="required"/><!-
+ CVV на форме нужен, для вывода на карту параметр передавать не нужно -->
+  <input type="hidden" name="formTarget" value="_top"/
+ ><!-- Вернуться после ввода данных на форме в основное окно (_top, _self, _parent) -->
+  <input type="hidden" name="MNT_DESCRIPTION" value="Описание платежа"/
+ ><!-- Необязательное текстовое описание / заголовок формы -->
+ </form>
+ То же самое в виде ссылки:
+ https://www.moneta.ru/secureCardData.htm?publicId=d21ba7f4-1272-43c9-bbc5
+e8c7cb75789e&MNT_ID=12345678&MNT_TRANSACTION_ID=%D0%B2%D0%BD%D0%B5%D1%88%D0%BD
+ %D0%B8%D0%B9+%D0%B8%D0%B4%D0%B5%D0%BD%D1%82%D0%B8%D1%84%D0%B8%D0%BA%D0%B0%D1%82%D0%BE
+ %D1%80+%D0%BE%D0%BF%D0%B5%D1%80%D0%B0%D1%86%D0%B8%D0%B8&redirectUrl=https%3A%2F%2F
+ %D1%81%D0%B0%D0%B9%D1%82.ru
+ %2Fmoneta_callback.php&MNT_SIGNATURE=289b0373ec7d25dff0f25534e21adc27&secure
+ %5BPAYEECARDNUMBER%5D=required&secure%5BCARDEXPIRATION%5D=required&secure
+ %5BCARDCVV2%5D=required&formTarget=_top&MNT_DESCRIPTION=%D0%9E%D0%BF
+ %D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5+%D0%BF%D0%BB%D0%B0%D1%82%D0%B5%D0%B6%D0%B0
+ Успешный ответ придёт на redirectUrl:
+ redirectUrl?secureToken=K5JelWrviLGSqhff-1406-05f77bc082ce3c0cd242dd70613e7518ab7...
+ &expirationDate=2015-08-13T09:08:13.381+03:00&MNT_SIGNATURE=bc6e91a851af8458dd8cf...
+ &MNT_ID=12345678&MNT_TRANSACTION_ID=внешний идентификатор операции&key=value
+ Где:
+ MNT_SIGNATURE = md5(MNT_ID+MNT_TRANSACTION_ID+secureToken+Код_проверки_на_счете_MNT_ID)
+ Ответ с ошибкой будет таким:
+ redirectUrl?faultstring=Пользователь не найден&faultDetail=500.1.14&MNT_ID=32841945
+ &MNT_TRANSACTION_ID=123&key=value
+ Либо, если мы смогли вычислить MNT_SIGNATURE, то:
+ redirectUrl?faultstring=Подпись на форме оплаты обязательна&faultDetail=500.3.2.56.2
+ &MNT_SIGNATURE=d390e5dc6ed4ae227e452473519fbe92&MNT_ID=12345678
+ &MNT_TRANSACTION_ID=внешний идентификатор операции&key=value
+ Где:
+ MNT_SIGNATURE = md5(MNT_ID+MNT_TRANSACTION_ID+faultDetail+Код_проверки_на_счете_MNT_ID)
+ Далее используем secureToken, полученный в ответе.
+ Перевод денег на карту с использованием SecureToken (JSON):
+ {"Envelope": {
+    "Header": {
+        "Security": {
+            "UsernameToken": {
+                "Username": "USERNAME",
+                "Password": "PASSWORD"
+            }
+        }
+    },
+    "Body": {
+        "PaymentRequest": {
+            "version": "VERSION_2",
+            "payer": "СЧЕТ ПЛАТЕЛЬЩИКА",
+            "paymentPassword": "ПЛАТЕЖНЫЙ ПАРОЛЬ СЧЕТА ПЛАТЕЛЬЩИКА",
+            "payee": "279",
+            "amount": СУММА,
+            "isPayerAmount": true,
+            "clientTransaction": "ВАШ ID ОПЕРАЦИИ",
+            "operationInfo": {
+ | PayAnyWay выплаты и списания | 31
+                "attribute": [
+                    {
+                        "key": "SECURETOKEN",
+                        "value":
+ "jz8QdLCXQTeWXHNS-1075-788270e2fcf170c60136a2a2ee0248ff85f7cac"
+                    }
+                ]
+            }
+        }
+    }
+ }}
+ Списание денег с карты с использованием SecureToken (JSON):
+ {"Envelope": {
+    "Header": {
+        "Security": {
+            "UsernameToken": {
+                "Username": "USERNAME",
+                "Password": "PASSWORD"
+            }
+        }
+    },
+    "Body": {
+        "PaymentRequest": {
+            "version": "VERSION_2",
+            "payer": "303",
+            "payee": "СЧЕТ ПОЛУЧАТЕЛЯ",
+            "amount": СУММА,
+            "isPayerAmount": false,
+            "clientTransaction": "ВАШ ID ОПЕРАЦИИ",
+            "operationInfo": {
+                "attribute": [
+                    {
+                        "key": "SECURETOKEN",
+                        "value":
+ "jz8QdLCXQTeWXHNS-1075-788270e2fcf170c60136a2a2ee0248ff85f7cac"
+                    }
+                ]
+            }
+        }
+    }
+ }}
+ Списание с карты и выплаты для проектов с PCI DSS
+ Сертификация PCI DSS позволяет проекту осуществлять ввод данных банковских карт на своей стороне.
+ Временное сохранение данных карты (в мобильном приложении)
+ Чтобы сохранить данные карты в системе Moneta.ru с возможностью затем осуществить списание
+ или выплату на эту карту, используется метод SecureDataRequest, который работает только для JSON
+ протокола (для SOAP не работает) - запрос должен быть отправлен на url: https://www.moneta.ru/services/
+ publiс
+ {
+    "SecureDataRequest": {
+        "publicId": "d21ba7f4-1272-43c9-bbc5-e8c7cb75789e",
+        "attribute": [
+            {
+                "key": "CARDNUMBER",
+                "value": "1234567890123456"
+            },
+            {
+                "key": "CARDEXPIRATION",
+                "value": "01\/2020"
+ | 
+PayAnyWay выплаты и списания | 32
+            },
+            {
+            }
+        ]
+    }
+ }
+                "key": "CARDCVV2",
+                "value": "123"
+ Данные сохраняются на 15 минут.
+ Ответ на запрос будет таким (JSON):
+ {
+ }
+    "SecureDataResponse": {
+        "expirationDate": "2015-08-10T09:35:02.168+03:00",
+        "secureToken": "jz8QdLCXQTeWXHNS-1075-788270e2fcf170c60136a2a2ee0248ff85f7cac"
+    }
+ Запрос можно сделать с помощью ajax с html страницы (пример с использованием jquery), а так же и без
+ помощи ajax. За дополнительной технической информацией по этому поводу обратитесь в техническую
+ поддержку.
+ Имея secureToken можно осуществить списание денег с карты и перевод денег на карту. За
+ дополнительной технической информацией по этому поводу обратитесь в техническую поддержку.
+ Списание с банковской карты через Merchant API
+ Запрос методом PaymentRequest можно отправить с данными банковской карты. Если карта не имеет
+ защиты 3DS, то платеж будет сразу же проведён. Если же 3DS у данной карты включен, то в ответе на
+ запрос PaymentRequest придёт ссылка на страницу ввода кода 3DS. За дополнительной технической
+ информацией по этому поводу обратитесь в техническую поддержку.
+Chapter
+ 7
+ PayAnyWay площадкам
+ Банковским организациям, желающим предоставлять их клиентам
+ услуги эквайринга, в том числе в концепции White label, можно
+ использовать функционал PayAnyWay для площадок. В этом
+ случае станет возможным открывать аналитические счета в системе
+ Moneta.ru для каждого клиента организации (банка), а так же
+ принимать online платежи на такие счета. За дополнительной
+ технической информацией по этому поводу обратитесь в техническую
+ поддержку.
+ | 
+Полезные ссылки | 34
+ Chapter
+ 8
+ Полезные ссылки
+ Topics:
+ • SDK на различных языках
+ • Документация по
+ MONETA.Assistant
+ • Описание методов Merchant
+ API
+ SDK на различных языках
+ • C#
+ • PHP
+ • Python3
+ • Ruby
+ • Java
+ Документация по MONETA.Assistant
+ • https://www.moneta.ru/doc/MONETA.Assistant.ru.pdf
+ Описание методов Merchant API
+ • https://www.moneta.ru/doc/MONETA.MerchantAPI.v2.ru.pdf
\ No newline at end of file
diff --git a/RAILWAY_DEPLOY.md b/RAILWAY_DEPLOY.md
new file mode 100644
index 000000000..851202dc0
--- /dev/null
+++ b/RAILWAY_DEPLOY.md
@@ -0,0 +1,107 @@
+# Инструкции по деплою на Railway
+
+## Что такое Railway?
+Railway - это платформа для деплоя приложений, которая автоматически обнаруживает тип вашего проекта и настраивает его для продакшена.
+
+## Шаги для деплоя:
+
+### 1. Подготовка
+- Убедитесь, что ваш код загружен в GitHub репозиторий
+- У вас есть API ключи для E2B и Firecrawl
+- Опционально: API ключи для ИИ провайдеров (Anthropic, OpenAI, Gemini, Groq)
+
+### 2. Создание проекта на Railway
+1. Перейти на https://railway.app/
+2. Зарегистрироваться/войти через GitHub
+3. Нажать "New Project"
+4. Выбрать "Deploy from GitHub repo"
+5. Выбрать ваш репозиторий с Open Lovable
+
+### 3. Настройка переменных окружения
+В разделе "Variables" добавить следующие переменные:
+
+**Обязательные:**
+- `E2B_API_KEY` - ваш ключ от E2B (https://e2b.dev)
+- `FIRECRAWL_API_KEY` - ваш ключ от Firecrawl (https://firecrawl.dev)
+
+**ИИ провайдеры (нужен минимум один):**
+- `ANTHROPIC_API_KEY` - ключ Anthropic
+- `OPENAI_API_KEY` - ключ OpenAI  
+- `GEMINI_API_KEY` - ключ Google Gemini
+- `GROQ_API_KEY` - ключ Groq
+
+**Системные (добавляются автоматически):**
+- `NODE_ENV=production`
+- `PORT` - устанавливается Railway автоматически
+
+### 4. Деплой
+Railway автоматически:
+- Установит зависимости (`npm install`)
+- Соберёт проект (`npm run build`) 
+- Запустит сервер (`npm start`)
+
+### 5. Получение URL
+После успешного деплоя вы получите публичный URL для доступа к вашему приложению.
+
+## Особенности настройки
+
+### railway.json
+Файл `railway.json` в корне проекта содержит базовую конфигурацию для Railway:
+- Использует Nixpacks builder
+- Команда запуска: `npm start`
+- Политика перезапуска при ошибках
+
+### nixpacks.toml
+Файл `nixpacks.toml` настраивает процесс сборки:
+- Использует Node.js 20
+- Команда установки: `npm install`
+- Команда сборки: `npm run build`
+
+### Dockerfile (альтернативный вариант)
+Если возникают проблемы с Nixpacks, Railway может автоматически использовать Dockerfile:
+- Базируется на Node.js 20 Alpine
+- Оптимизирован для продакшена
+- Устанавливает только production зависимости
+
+### Пакетный менеджер
+Проект использует npm (не pnpm), поэтому убедитесь что:
+- Есть файл `package-lock.json`
+- Нет файла `pnpm-lock.yaml` в репозитории
+
+### Переменные окружения
+Railway автоматически подставляет переменные окружения из .env.local в продакшен.
+
+### Логи
+Логи доступны в интерфейсе Railway в разделе "Logs".
+
+## Решение проблем
+
+### Ошибки Nixpacks
+Если возникают ошибки с Nixpacks:
+1. **Проблема с lightningcss** - добавлены python3 и gcc в nixpacks.toml
+2. **Ошибки сборки** - проверьте логи в Railway Dashboard
+3. **Альтернатива** - удалите `nixpacks.toml`, Railway использует Dockerfile
+4. **lightningcss ошибки** - используйте node:20-slim вместо Alpine в Dockerfile
+
+### Ошибки сборки
+- **lightningcss module errors** - используйте стандартный Linux образ (не Alpine)
+- Проверьте, что все зависимости указаны в package.json
+- Убедитесь, что TypeScript код компилируется без ошибок
+- Используйте `npm run build` локально для тестирования
+
+### Ошибки API ключей
+- Проверьте правильность всех API ключей
+- Убедитесь, что у ключей есть необходимые права доступа
+
+### Проблемы с портом
+Railway автоматически назначает порт через переменную PORT. Next.js это поддерживает по умолчанию.
+
+### Переключение между Nixpacks и Docker
+Railway автоматически выберет лучший метод сборки:
+- Если `nixpacks.toml` работает - использует Nixpacks
+- Если Nixpacks не работает - переключается на Dockerfile
+- Можно принудительно использовать Docker, удалив `nixpacks.toml`
+- При проблемах с lightningcss - рекомендуется использовать Dockerfile
+
+## Обновления
+Railway автоматически пересобирает и разворачивает приложение при каждом push в главную ветку GitHub репозитория.
diff --git a/README.md b/README.md
index 803cc92be..f09fce485 100644
--- a/README.md
+++ b/README.md
@@ -1,40 +1,76 @@
 # Open Lovable
 
-Chat with AI to build React apps instantly. An example app made by the [Firecrawl](https://firecrawl.dev/?ref=open-lovable-github) team. For a complete cloud solution, check out [Lovable.dev ❤️](https://lovable.dev/).
+Общайтесь с ИИ для мгновенного создания React приложений. Пример приложения от команды [Firecrawl](https://firecrawl.dev/?ref=open-lovable-github). Для полного облачного решения, посетите [Lovable.dev ❤️](https://lovable.dev/).
 
 <img src="https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExbmZtaHFleGRsMTNlaWNydGdianI4NGQ4dHhyZjB0d2VkcjRyeXBucCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/ZFVLWMa6dVskQX0qu1/giphy.gif" alt="Open Lovable Demo" width="100%"/>
 
+## Настройка
 
-
-## Setup
-
-1. **Clone & Install**
+1. **Клонировать и установить**
 ```bash
 git clone https://github.com/mendableai/open-lovable.git
 cd open-lovable
 npm install
 ```
 
-2. **Add `.env.local`**
+2. **Добавить `.env.local`**
 ```env
-# Required
-E2B_API_KEY=your_e2b_api_key  # Get from https://e2b.dev (Sandboxes)
-FIRECRAWL_API_KEY=your_firecrawl_api_key  # Get from https://firecrawl.dev (Web scraping)
-
-# Optional (need at least one AI provider)
-ANTHROPIC_API_KEY=your_anthropic_api_key  # Get from https://console.anthropic.com
-OPENAI_API_KEY=your_openai_api_key  # Get from https://platform.openai.com (GPT-5)
-GEMINI_API_KEY=your_gemini_api_key  # Get from https://aistudio.google.com/app/apikey
-GROQ_API_KEY=your_groq_api_key  # Get from https://console.groq.com (Fast inference - Kimi K2 recommended)
+# Обязательные
+E2B_API_KEY=your_e2b_api_key  # Получить с https://e2b.dev (Песочницы)
+FIRECRAWL_API_KEY=your_firecrawl_api_key  # Получить с https://firecrawl.dev (Парсинг веб-сайтов)
+
+# Дополнительные (нужен минимум один ИИ провайдер)
+ANTHROPIC_API_KEY=your_anthropic_api_key  # Получить с https://console.anthropic.com
+OPENAI_API_KEY=your_openai_api_key  # Получить с https://platform.openai.com (GPT-5)
+GEMINI_API_KEY=your_gemini_api_key  # Получить с https://aistudio.google.com/app/apikey
+GROQ_API_KEY=your_groq_api_key  # Получить с https://console.groq.com (Быстрый вывод - рекомендуется Kimi K2)
+
+# Supabase (опционально)
+NEXT_PUBLIC_SUPABASE_URL=your_supabase_url  # URL проекта Supabase
+NEXT_PUBLIC_SUPABASE_ANON_KEY=your_anon_key  # Публичный ключ
+SUPABASE_SERVICE_ROLE_KEY=your_service_role_key  # Ключ для серверных операций
 ```
 
-3. **Run**
+3. **Запустить**
 ```bash
 npm run dev
 ```
 
-Open [http://localhost:3000](http://localhost:3000)  
+Открыть [http://localhost:3000](http://localhost:3000)
+
+## Деплой на Railway
+
+1. **Создать аккаунт на [Railway](https://railway.app/)**
+
+2. **Подключить ваш GitHub репозиторий**
+   - Нажать "New Project"
+   - Выбрать "Deploy from GitHub repo"
+   - Выбрать ваш форк этого репозитория
+
+3. **Настроить переменные окружения**
+   В разделе Variables добавить:
+   ```
+   E2B_API_KEY=your_e2b_api_key
+   FIRECRAWL_API_KEY=your_firecrawl_api_key
+   ANTHROPIC_API_KEY=your_anthropic_api_key
+   OPENAI_API_KEY=your_openai_api_key
+   GEMINI_API_KEY=your_gemini_api_key
+   GROQ_API_KEY=your_groq_api_key
+   NODE_ENV=production
+   ```
+
+4. **Деплой автоматически начнётся**
+   Railway автоматически обнаружит Next.js приложение и развернёт его.
+
+5. **Получить URL**
+   После успешного деплоя вы получите публичный URL для вашего приложения.
+
+### Файлы для Railway
+
+- `railway.json` - конфигурация Railway
+- `.env.example` - пример переменных окружения
+- `package.json` - уже содержит необходимые скрипты для Railway
 
-## License
+## Лицензия
 
-MIT
+MIT
\ No newline at end of file
diff --git a/SUPABASE_INTEGRATION_SUMMARY.md b/SUPABASE_INTEGRATION_SUMMARY.md
new file mode 100644
index 000000000..32c2e90f3
--- /dev/null
+++ b/SUPABASE_INTEGRATION_SUMMARY.md
@@ -0,0 +1,185 @@
+# рџЋ‰ Supabase Integration Complete!
+
+## ✅ Что было сделано
+
+### 1. Установка и конфигурация
+- ✅ Установлен пакет `@supabase/supabase-js` (v2.58.0)
+- ✅ Создан основной клиент Supabase (`lib/supabase.ts`)
+- ✅ Добавлены переменные окружения в `.env.example`
+
+### 2. Утилиты и хелперы
+Создан полный набор helper-функций в `lib/supabase-helpers.ts`:
+- **Authentication**: signUp, signIn, signOut, getCurrentUser, getSession
+- **Database**: fetchFromTable, insertIntoTable, updateInTable, deleteFromTable
+- **Storage**: uploadFile, getPublicUrl, downloadFile, deleteFile
+- **Realtime**: subscribeToTable, unsubscribe
+- **Server-side**: executeServerOperation
+
+### 3. React Hooks
+Созданы готовые хуки в `lib/hooks/useSupabase.ts`:
+- `useSupabaseAuth()` - управление аутентификацией
+- `useSupabaseQuery()` - получение данных с автоматическим обновлением
+- `useSupabaseSubscription()` - realtime РїРѕРґРїРёСЃРєРё
+- `useSupabaseMutation()` - операции вставки/обновления/удаления
+
+### 4. Примеры и документация
+- ✅ `SUPABASE_SETUP.md` - полная документация с примерами
+- ✅ `SUPABASE_QUICKSTART.md` - быстрый старт
+- ✅ `docs/SUPABASE_CHECKLIST.md` - чеклист для интеграции
+- ✅ `components/SupabaseExample.tsx` - пример компонента
+- ✅ `app/api/supabase-example/route.ts` - пример API endpoint
+- ✅ `types/supabase.ts` - типы для TypeScript
+- ✅ `scripts/test-supabase.js` - тестовый скрипт подключения
+- ✅ `lib/supabase-projects.ts` - функции для работы с проектами
+
+### 5. База данных
+- ✅ `supabase/migrations/001_initial_schema.sql` - начальная схема БД
+- ✅ Созданы таблицы: profiles, projects, project_files, generation_history
+- ✅ Настроены RLS политики для всех таблиц
+- ✅ Добавлены индексы для оптимизации
+- ✅ Созданы триггеры для автоматизации
+
+### 6. Обновлена документация
+- ✅ Обновлен `README.md` с информацией о Supabase
+- ✅ Обновлен `.env.example` с переменными Supabase
+- ✅ Добавлен npm скрипт `test:supabase` для тестирования
+
+## 🔑 Ваши учетные данные
+
+```env
+NEXT_PUBLIC_SUPABASE_URL=https://lyuxhqhusukvpvwtkkum.supabase.co
+NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imx5dXhocWh1c3VrdnB2d3Rra3VtIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTkxNzM0MjAsImV4cCI6MjA3NDc0OTQyMH0.JidO0voYsPldgFiaUYwAp-HmtOGLZnldW5Gyn0CMsYo
+SUPABASE_SERVICE_ROLE_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imx5dXhocWh1c3VrdnB2d3Rra3VtIiwicm9sZSI6InNlcnZpY2Vfcm9sZSIsImlhdCI6MTc1OTE3MzQyMCwiZXhwIjoyMDc0NzQ5NDIwfQ.LkxzPWN_T0jMmwJGwdkYs1Pkw01cYzf_4g4oSdxQcaE
+```
+
+## 🚀 Следующие шаги
+
+### 1. Добавьте переменные окружения
+Создайте файл `.env.local` и добавьте туда учетные данные выше.
+
+### 2. Перезапустите сервер
+```bash
+npm run dev
+```
+
+### 3. Создайте таблицы в Supabase
+Перейдите в [SQL Editor](https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/editor) и выполните миграцию:
+
+```bash
+# Скопируйте содержимое файла supabase/migrations/001_initial_schema.sql
+# Вставьте в SQL Editor и нажмите Run
+```
+
+Или создайте свои таблицы:
+```sql
+CREATE TABLE users (
+  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+  email TEXT UNIQUE NOT NULL,
+  name TEXT,
+  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
+);
+
+ALTER TABLE users ENABLE ROW LEVEL SECURITY;
+
+CREATE POLICY "Users can view own data" ON users
+  FOR SELECT USING (auth.uid() = id);
+```
+
+### 4. Протестируйте подключение
+
+**Через тестовый скрипт:**
+```bash
+npm run test:supabase
+```
+
+**Через API endpoint:**
+Откройте в браузере:
+```
+http://localhost:3000/api/supabase-example
+```
+
+### 5. Используйте в коде
+
+**Клиентский компонент:**
+```typescript
+import { useSupabaseAuth, useSupabaseQuery } from '@/lib/hooks/useSupabase';
+
+export default function MyComponent() {
+  const { user } = useSupabaseAuth();
+  const { data, loading } = useSupabaseQuery('users');
+  
+  return <div>{/* ваш код */}</div>;
+}
+```
+
+**API Route:**
+```typescript
+import { executeServerOperation } from '@/lib/supabase-helpers';
+
+export async function GET() {
+  const data = await executeServerOperation(async (client) => {
+    const { data } = await client.from('users').select('*');
+    return data;
+  });
+  
+  return Response.json(data);
+}
+```
+
+## 📁 Структура файлов
+
+```
+web-agency/
+в”њв”Ђв”Ђ lib/
+│   ├── supabase.ts                 # Основной клиент
+│   ├── supabase-helpers.ts         # Helper функции
+│   ├── supabase-projects.ts        # Функции для работы с проектами
+в”‚   в””в”Ђв”Ђ hooks/
+в”‚       в””в”Ђв”Ђ useSupabase.ts          # React hooks
+в”њв”Ђв”Ђ app/
+в”‚   в””в”Ђв”Ђ api/
+в”‚       в””в”Ђв”Ђ supabase-example/
+│           └── route.ts            # Пример API endpoint
+в”њв”Ђв”Ђ components/
+│   └── SupabaseExample.tsx         # Пример компонента
+в”њв”Ђв”Ђ types/
+│   └── supabase.ts                 # TypeScript типы
+в”њв”Ђв”Ђ scripts/
+│   └── test-supabase.js            # Тестовый скрипт
+в”њв”Ђв”Ђ supabase/
+в”‚   в”њв”Ђв”Ђ migrations/
+│   │   └── 001_initial_schema.sql  # Начальная схема БД
+│   └── README.md                   # Документация миграций
+в”њв”Ђв”Ђ docs/
+│   └── SUPABASE_CHECKLIST.md       # Чеклист
+├── SUPABASE_SETUP.md               # Полная документация
+├── SUPABASE_QUICKSTART.md          # Быстрый старт
+└── .env.example                    # Обновлен с Supabase переменными
+```
+
+## 📚 Документация
+
+- **Быстрый старт**: `SUPABASE_QUICKSTART.md`
+- **Полная документация**: `SUPABASE_SETUP.md`
+- **Чеклист**: `docs/SUPABASE_CHECKLIST.md`
+
+## 🔗 Полезные ссылки
+
+- **Ваш проект**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum
+- **SQL Editor**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/editor
+- **Документация Supabase**: https://supabase.com/docs
+- **Supabase JS Client**: https://supabase.com/docs/reference/javascript/introduction
+
+## 💡 Советы
+
+1. **Безопасность**: Service Role Key используйте ТОЛЬКО на сервере (API routes)
+2. **RLS**: Всегда настраивайте Row Level Security для защиты данных
+3. **Типы**: Генерируйте TypeScript типы из схемы для type-safety
+4. **Realtime**: Включайте Realtime только для нужных таблиц
+5. **Индексы**: Создавайте индексы для часто запрашиваемых полей
+
+## 🎯 Готово к использованию!
+
+Интеграция Supabase полностью настроена и готова к использованию. Следуйте документации и примерам для начала работы.
+
+Удачи! 🚀
diff --git a/SUPABASE_QUICKSTART.md b/SUPABASE_QUICKSTART.md
new file mode 100644
index 000000000..b6b90dd33
--- /dev/null
+++ b/SUPABASE_QUICKSTART.md
@@ -0,0 +1,90 @@
+# рџљЂ Supabase Quick Start
+
+## Шаг 1: Добавьте переменные окружения
+
+Создайте или обновите файл `.env.local`:
+
+```env
+NEXT_PUBLIC_SUPABASE_URL=https://lyuxhqhusukvpvwtkkum.supabase.co
+NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imx5dXhocWh1c3VrdnB2d3Rra3VtIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTkxNzM0MjAsImV4cCI6MjA3NDc0OTQyMH0.JidO0voYsPldgFiaUYwAp-HmtOGLZnldW5Gyn0CMsYo
+SUPABASE_SERVICE_ROLE_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imx5dXhocWh1c3VrdnB2d3Rra3VtIiwicm9sZSI6InNlcnZpY2Vfcm9sZSIsImlhdCI6MTc1OTE3MzQyMCwiZXhwIjoyMDc0NzQ5NDIwfQ.LkxzPWN_T0jMmwJGwdkYs1Pkw01cYzf_4g4oSdxQcaE
+```
+
+## Шаг 2: Перезапустите сервер
+
+```bash
+npm run dev
+```
+
+## Шаг 3: Используйте Supabase
+
+### В клиентских компонентах:
+
+```typescript
+import { useSupabaseAuth, useSupabaseQuery } from '@/lib/hooks/useSupabase';
+
+export default function MyComponent() {
+  const { user } = useSupabaseAuth();
+  const { data, loading } = useSupabaseQuery('my_table');
+  
+  return <div>{/* ваш код */}</div>;
+}
+```
+
+### Р’ API routes:
+
+```typescript
+import { executeServerOperation } from '@/lib/supabase-helpers';
+
+export async function GET() {
+  const data = await executeServerOperation(async (client) => {
+    const { data } = await client.from('my_table').select('*');
+    return data;
+  });
+  
+  return Response.json(data);
+}
+```
+
+## Шаг 4: Создайте таблицы в Supabase
+
+Перейдите в [Supabase Dashboard](https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum) и создайте таблицы через SQL Editor:
+
+```sql
+-- Пример таблицы пользователей
+CREATE TABLE users (
+  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+  email TEXT UNIQUE NOT NULL,
+  name TEXT,
+  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
+);
+
+-- Включить RLS
+ALTER TABLE users ENABLE ROW LEVEL SECURITY;
+
+-- Политика доступа
+CREATE POLICY "Users can view own data" ON users
+  FOR SELECT USING (auth.uid() = id);
+```
+
+## 📚 Полная документация
+
+См. `SUPABASE_SETUP.md` для подробных примеров и всех доступных функций.
+
+## 🧪 Тестирование подключения
+
+Откройте в браузере:
+```
+http://localhost:3000/api/supabase-example
+```
+
+Или используйте пример компонента:
+```typescript
+import SupabaseExample from '@/components/SupabaseExample';
+```
+
+## 🔗 Полезные ссылки
+
+- **Ваш проект**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum
+- **Документация**: https://supabase.com/docs
+- **SQL Editor**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/editor
diff --git a/SUPABASE_SETUP.md b/SUPABASE_SETUP.md
new file mode 100644
index 000000000..20e1bd33f
--- /dev/null
+++ b/SUPABASE_SETUP.md
@@ -0,0 +1,211 @@
+# Supabase Integration Setup
+
+## 📋 Конфигурация
+
+Ваш проект настроен для работы с Supabase. Добавьте следующие переменные окружения в `.env.local`:
+
+```env
+# Supabase Configuration
+NEXT_PUBLIC_SUPABASE_URL=https://lyuxhqhusukvpvwtkkum.supabase.co
+NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imx5dXhocWh1c3VrdnB2d3Rra3VtIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTkxNzM0MjAsImV4cCI6MjA3NDc0OTQyMH0.JidO0voYsPldgFiaUYwAp-HmtOGLZnldW5Gyn0CMsYo
+SUPABASE_SERVICE_ROLE_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imx5dXhocWh1c3VrdnB2d3Rra3VtIiwicm9sZSI6InNlcnZpY2Vfcm9sZSIsImlhdCI6MTc1OTE3MzQyMCwiZXhwIjoyMDc0NzQ5NDIwfQ.LkxzPWN_T0jMmwJGwdkYs1Pkw01cYzf_4g4oSdxQcaE
+```
+
+## 🚀 Установка
+
+Пакет `@supabase/supabase-js` уже установлен. Если нужно переустановить:
+
+```bash
+npm install @supabase/supabase-js
+```
+
+## 📁 Файлы
+
+### `lib/supabase.ts`
+Основной клиент Supabase с конфигурацией для client-side и server-side операций.
+
+### `lib/supabase-helpers.ts`
+Набор готовых helper-функций для работы с Supabase:
+- **Authentication**: sign up, sign in, sign out, get user
+- **Database**: CRUD операции
+- **Storage**: upload, download, delete файлов
+- **Realtime**: подписка на изменения в таблицах
+
+## 💡 Примеры использования
+
+### 1. Аутентификация
+
+```typescript
+import { signUp, signIn, signOut, getCurrentUser } from '@/lib/supabase-helpers';
+
+// Регистрация
+const user = await signUp('user@example.com', 'password123', {
+  full_name: 'John Doe'
+});
+
+// Р’С…РѕРґ
+const session = await signIn('user@example.com', 'password123');
+
+// Получить текущего пользователя
+const currentUser = await getCurrentUser();
+
+// Выход
+await signOut();
+```
+
+### 2. Работа с базой данных
+
+```typescript
+import { 
+  fetchFromTable, 
+  insertIntoTable, 
+  updateInTable, 
+  deleteFromTable 
+} from '@/lib/supabase-helpers';
+
+// Получить данные
+const users = await fetchFromTable('users', {
+  select: 'id, name, email',
+  filters: { status: 'active' },
+  orderBy: { column: 'created_at', ascending: false },
+  limit: 10
+});
+
+// Вставить данные
+const newUser = await insertIntoTable('users', {
+  name: 'John Doe',
+  email: 'john@example.com',
+  status: 'active'
+});
+
+// Обновить данные
+await updateInTable('users', 
+  { id: 1 }, 
+  { name: 'Jane Doe' }
+);
+
+// Удалить данные
+await deleteFromTable('users', { id: 1 });
+```
+
+### 3. Работа с файлами (Storage)
+
+```typescript
+import { 
+  uploadFile, 
+  getPublicUrl, 
+  downloadFile, 
+  deleteFile 
+} from '@/lib/supabase-helpers';
+
+// Загрузить файл
+const file = document.querySelector('input[type="file"]').files[0];
+await uploadFile('avatars', `user-${userId}.png`, file);
+
+// Получить публичный URL
+const url = getPublicUrl('avatars', `user-${userId}.png`);
+
+// Скачать файл
+const blob = await downloadFile('avatars', `user-${userId}.png`);
+
+// Удалить файл
+await deleteFile('avatars', `user-${userId}.png`);
+```
+
+### 4. Realtime РїРѕРґРїРёСЃРєРё
+
+```typescript
+import { subscribeToTable, unsubscribe } from '@/lib/supabase-helpers';
+
+// Подписаться на изменения
+const channel = subscribeToTable('messages', (payload) => {
+  console.log('Change received!', payload);
+}, {
+  event: 'INSERT', // или 'UPDATE', 'DELETE', '*'
+  filter: 'room_id=eq.1'
+});
+
+// Отписаться
+await unsubscribe(channel);
+```
+
+### 5. Server-side операции (API Routes)
+
+```typescript
+import { executeServerOperation } from '@/lib/supabase-helpers';
+
+// Р’ API route
+export async function POST(request: Request) {
+  const result = await executeServerOperation(async (serverClient) => {
+    // Используем serverClient с service_role правами
+    const { data, error } = await serverClient
+      .from('admin_data')
+      .select('*');
+    
+    return data;
+  });
+  
+  return Response.json(result);
+}
+```
+
+### 6. Прямое использование клиента
+
+```typescript
+import { supabase } from '@/lib/supabase';
+
+// Для более сложных запросов
+const { data, error } = await supabase
+  .from('posts')
+  .select(`
+    id,
+    title,
+    author:users(name, email),
+    comments(count)
+  `)
+  .eq('published', true)
+  .gte('created_at', '2024-01-01')
+  .order('created_at', { ascending: false });
+```
+
+## 🔐 Безопасность
+
+- **NEXT_PUBLIC_SUPABASE_ANON_KEY** - безопасно использовать на клиенте (публичный ключ)
+- **SUPABASE_SERVICE_ROLE_KEY** - использовать ТОЛЬКО на сервере (API routes)
+- Настройте Row Level Security (RLS) в Supabase для защиты данных
+
+## 📚 Дополнительные ресурсы
+
+- [Supabase Documentation](https://supabase.com/docs)
+- [Supabase JS Client](https://supabase.com/docs/reference/javascript/introduction)
+- [Row Level Security](https://supabase.com/docs/guides/auth/row-level-security)
+
+## 🎯 Следующие шаги
+
+1. Создайте таблицы в Supabase Dashboard
+2. Настройте Row Level Security (RLS) политики
+3. Создайте Storage buckets если нужно работать с файлами
+4. Интегрируйте аутентификацию в ваше приложение
+5. Используйте helper-функции для работы с данными
+
+## 🔄 Миграции
+
+Для создания таблиц можно использовать SQL Editor в Supabase Dashboard или создать миграции:
+
+```sql
+-- Пример создания таблицы users
+CREATE TABLE users (
+  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+  email TEXT UNIQUE NOT NULL,
+  name TEXT,
+  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
+  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
+);
+
+-- Включить RLS
+ALTER TABLE users ENABLE ROW LEVEL SECURITY;
+
+-- Создать политику (пользователи видят только свои данные)
+CREATE POLICY "Users can view own data" ON users
+  FOR SELECT USING (auth.uid() = id);
+```
diff --git a/USAGE_LIMITS_SETUP.md b/USAGE_LIMITS_SETUP.md
new file mode 100644
index 000000000..d7ccf6856
--- /dev/null
+++ b/USAGE_LIMITS_SETUP.md
@@ -0,0 +1,273 @@
+# 📊 Система ограничений по тарифам
+
+## ✅ Что было создано
+
+### 1. База данных
+- **`supabase/migrations/002_add_usage_limits.sql`** - миграция с таблицами и функциями
+- Таблицы:
+  - `usage_history` - история использования запросов
+  - `subscription_history` - история подписок
+- Функции:
+  - `get_remaining_requests()` - получить оставшиеся запросы
+  - `increment_usage()` - увеличить счетчик использования
+  - `set_subscription_tier()` - установить тариф
+  - `reset_monthly_usage()` - сбросить месячное использование
+  - `expire_subscriptions()` - истечь просроченные подписки
+
+### 2. TypeScript библиотека
+- **`lib/supabase-usage.ts`** - функции для работы с лимитами
+- **`lib/hooks/useUsageLimits.ts`** - React hook для отображения лимитов
+
+### 3. Компоненты
+- **`components/UsageLimitBadge.tsx`** - бейдж с оставшимися запросами
+
+### 4. API Endpoints
+- **`/api/check-usage`** - проверка лимитов (GET) и использование запроса (POST)
+- **`/api/set-subscription`** - установка подписки (для тестирования)
+
+## 💰 Тарифные планы
+
+| Тариф | Запросов | Стоимость |
+|-------|----------|-----------|
+| **Бесплатный** | 0 | Бесплатно |
+| **Базовый** | 5 | По вашей цене |
+| **Профессиональный** | 15 | По вашей цене |
+
+## 🚀 Установка
+
+### Шаг 1: Примените миграцию
+
+Откройте [Supabase SQL Editor](https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/editor) и выполните содержимое файла:
+```
+supabase/migrations/002_add_usage_limits.sql
+```
+
+### Шаг 2: Добавьте бейдж с лимитами
+
+В нужное место добавьте компонент:
+
+```tsx
+import UsageLimitBadge from '@/components/UsageLimitBadge';
+
+// Р’ JSX:
+<UsageLimitBadge />
+```
+
+**Рекомендуемые места:**
+- В хедере рядом с кнопкой пользователя
+- В личном кабинете
+- Перед кнопкой отправки запроса
+
+### Шаг 3: Проверяйте лимиты перед запросами
+
+В вашем API endpoint для генерации кода:
+
+```typescript
+import { checkUserLimit, incrementUsage } from '@/lib/supabase-usage';
+
+export async function POST(request: NextRequest) {
+  const { data: { user } } = await supabase.auth.getUser();
+  
+  if (!user) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+  }
+  
+  // Проверить лимит
+  const usage = await checkUserLimit(user.id);
+  
+  if (usage.requests_remaining <= 0) {
+    return NextResponse.json({ 
+      error: 'Request limit reached',
+      ...usage
+    }, { status: 429 });
+  }
+  
+  // Выполнить запрос к AI
+  const result = await generateCode(prompt);
+  
+  // Увеличить счетчик
+  await incrementUsage(user.id, 'ai_generation', result.tokens);
+  
+  return NextResponse.json({ success: true, ...result });
+}
+```
+
+## 📱 Использование в компонентах
+
+### Отображение лимитов
+
+```tsx
+import { useUsageLimits } from '@/lib/hooks/useUsageLimits';
+
+function MyComponent() {
+  const { usage, loading, hasRequestsRemaining, isLimitReached } = useUsageLimits();
+  
+  if (loading) return <div>Загрузка...</div>;
+  
+  if (isLimitReached) {
+    return (
+      <div className="alert alert-error">
+        <p>Лимит запросов исчерпан!</p>
+        <p>Обновите подписку для продолжения.</p>
+      </div>
+    );
+  }
+  
+  return (
+    <div>
+      <p>Осталось запросов: {usage?.requests_remaining}</p>
+      <button disabled={!hasRequestsRemaining}>
+        Отправить запрос
+      </button>
+    </div>
+  );
+}
+```
+
+### Проверка перед отправкой
+
+```tsx
+import { getUserUsage } from '@/lib/supabase-usage';
+
+async function handleSubmit() {
+  const usage = await getUserUsage();
+  
+  if (!usage || usage.requests_remaining <= 0) {
+    alert('Лимит запросов исчерпан!');
+    return;
+  }
+  
+  // Отправить запрос через API
+  const response = await fetch('/api/check-usage', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ requestType: 'ai_generation' })
+  });
+  
+  const result = await response.json();
+  
+  if (!result.success) {
+    alert(result.error);
+    return;
+  }
+  
+  // Продолжить с генерацией
+  await generateCode();
+}
+```
+
+## 🧪 Тестирование
+
+### Установить подписку для тестирования
+
+```bash
+# Базовый тариф (5 запросов)
+curl -X POST http://localhost:3000/api/set-subscription \
+  -H "Content-Type: application/json" \
+  -d '{"tier": "basic", "durationDays": 30}'
+
+# Профессиональный тариф (15 запросов)
+curl -X POST http://localhost:3000/api/set-subscription \
+  -H "Content-Type: application/json" \
+  -d '{"tier": "professional", "durationDays": 30}'
+```
+
+### Проверить текущее использование
+
+```bash
+curl http://localhost:3000/api/check-usage
+```
+
+### Использовать запрос
+
+```bash
+curl -X POST http://localhost:3000/api/check-usage \
+  -H "Content-Type": "application/json" \
+  -d '{"requestType": "ai_generation", "tokens": 1000}'
+```
+
+## 🔄 Автоматические задачи
+
+### Сброс месячного использования
+
+Создайте cron job или используйте Supabase Edge Functions:
+
+```sql
+-- Вызывать раз в месяц
+SELECT public.reset_monthly_usage();
+```
+
+### Истечение подписок
+
+```sql
+-- Вызывать ежедневно
+SELECT public.expire_subscriptions();
+```
+
+## 💳 Интеграция с платежами
+
+После успешной оплаты в вашем payment webhook:
+
+```typescript
+import { setSubscriptionTier } from '@/lib/supabase-usage';
+
+// В webhook обработчике
+const userId = payment.metadata.user_id;
+const tier = payment.metadata.tier; // 'basic' или 'professional'
+
+await setSubscriptionTier(userId, tier, 30);
+```
+
+## 📊 Отображение в личном кабинете
+
+Добавьте в `app/dashboard/page.tsx`:
+
+```tsx
+import { useUsageLimits } from '@/lib/hooks/useUsageLimits';
+import { getTierName } from '@/lib/supabase-usage';
+
+function Dashboard() {
+  const { usage } = useUsageLimits();
+  
+  return (
+    <div className="stats">
+      <div className="stat">
+        <div className="stat-title">Тариф</div>
+        <div className="stat-value">{getTierName(usage?.subscription_tier || 'free')}</div>
+      </div>
+      <div className="stat">
+        <div className="stat-title">Использовано</div>
+        <div className="stat-value">{usage?.requests_used} / {usage?.requests_limit}</div>
+      </div>
+      <div className="stat">
+        <div className="stat-title">Осталось</div>
+        <div className="stat-value">{usage?.requests_remaining}</div>
+      </div>
+    </div>
+  );
+}
+```
+
+## 🎨 Стилизация бейджа
+
+Бейдж автоматически меняет цвет:
+- 🟢 **Зеленый** - много запросов осталось
+- 🟡 **Желтый** - осталось 2 или меньше
+- 🔴 **Красный** - лимит исчерпан
+
+## ⚠️ Важные замечания
+
+1. **Безопасность**: Всегда проверяйте лимиты на сервере, не только на клиенте
+2. **Производительность**: Используйте кеширование для частых проверок
+3. **UX**: Показывайте пользователю сколько запросов осталось ДО отправки
+4. **Уведомления**: Предупреждайте когда остается мало запросов
+
+## 🔗 Полезные ссылки
+
+- **Supabase Dashboard**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum
+- **SQL Editor**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/editor
+- **Table Editor**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/editor
+
+---
+
+**Готово!** Система ограничений по тарифам полностью настроена! 🎉
diff --git a/agent.md b/agent.md
new file mode 100644
index 000000000..5bc7d411e
--- /dev/null
+++ b/agent.md
@@ -0,0 +1,52 @@
+# Agent Architecture
+
+## Purpose
+This document captures how the Open Lovable project orchestrates AI-assisted code generation and sandbox management.
+
+## High-Level Flow
+1. The Next.js UI (`app/page.tsx`) collects user prompts and keeps local session state (sandbox data, chat log, generation progress).
+2. When a prompt is submitted, the client calls `/api/generate-ai-code-stream` with the active sandbox context.
+3. The streaming endpoint enriches the prompt with file/context metadata, optionally calls `/api/analyze-edit-intent` to build a search plan, executes that plan against the cached file manifest, then streams model output back to the browser.
+4. Model responses are parsed on the server (`/api/apply-ai-code`) to detect `<file>`, `<packages>`, and `<command>` directives. Files are written into the remote E2B sandbox and package installs/commands are triggered via dedicated APIs.
+5. Sandbox progress and Vite status are polled through monitoring endpoints; the UI reflects changes through `CodeApplicationProgress` and live iframe previews.
+
+## Generation Modes
+- **Reference URL (default)**: The home overlay accepts a source URL and a target industry. The client scrapes the reference site, captures an optional screenshot, and instructs the model to rebuild the layout for the new niche while reusing the original visual rhythm.
+- **Prompt Builder**: Users can switch modes to provide a free-form brief. The shared `runGenerationRequest` utility streams generation without scraping, building a fresh React/Tailwind experience from the supplied narrative, optional industry, and extra instructions.
+
+## Frontend Orchestrator
+- **App Router + Client Page**: `app/page.tsx` manages the AI workflow, keeps conversation context, and drives UI state (tabs, sandbox tree, preview iframe, generation file list).
+- **Theme & UI primitives**: Theme toggling lives under `app/components/*`, while reusable inputs/buttons reside in `components/ui/*` (shadcn/tailwind style).
+- **Progress & Preview**: `components/CodeApplicationProgress.tsx` renders streaming status, and `components/SandboxPreview.tsx` handles iframe previewing of the sandbox build.
+
+## Serverless/Agent Endpoints (app/api)
+- `create-ai-sandbox`: spins up an E2B sandbox, seeds a Vite + Tailwind starter, stores handles in `global.activeSandbox` and `global.sandboxState`.
+- `generate-ai-code-stream`: main orchestrator; selects an AI client (`@ai-sdk/*` wrappers), prunes conversation state, builds enhanced prompts via `lib/context-selector`, runs search plans through `lib/file-search-executor`, and streams `text/event-stream` chunks.
+- `analyze-edit-intent`: validates the user request against the manifest and returns a structured search plan (terms, regex, expected matches) using the `ai` SDK's `generateObject` helper.
+- `apply-ai-code`: parses XML/HTML-like tags in model output, deduplicates files, installs packages (delegating to `install-packages`), writes files into the sandbox, and records results for the UI.
+- Support endpoints (`apply-ai-code-stream`, `detect-and-install-packages`, `monitor-vite-logs`, `sandbox-status`, etc.) expose operational controls so the UI can react without direct sandbox access.
+
+## Context Building & Search Heuristics
+- `lib/context-selector.ts` combines manifest metadata and heuristics (e.g., always include `App.jsx`, Tailwind config) to prime the model with precise instructions and constraints.
+- `lib/edit-intent-analyzer.ts` classifies user requests into `EditType`s and predicts target files using regex-driven resolvers that traverse the manifest's component tree.
+- `lib/file-search-executor.ts` runs AI-generated search plans across cached file contents to produce high-confidence line-level hits that get injected into the system prompt before generation.
+
+## State & Data Contracts
+- **SandboxState** (`types/sandbox.ts`): cached manifest, file contents, and metadata for the current E2B sandbox.
+- **ConversationState** (`types/conversation.ts`): rolling history (messages, edits, user preferences) kept in `global.conversationState` to personalize future prompts.
+- **FileManifest** (`types/file-manifest.ts`): normalized view of project files, imports, component relationships, and routes; created when the sandbox is initialized and reused by search/intents.
+
+## External Dependencies
+- **E2B Code Interpreter**: remote execution environment for applying code, installing packages, and running Vite.
+- **AI Providers**: Anthropic, OpenAI, Groq (for OSS GPT), Google Gemini via `@ai-sdk/*` clients; selected per request based on `config/app.config.ts`.
+- **Framer Motion/Tailwind**: used on the client for rich animations and theming.
+
+## Configuration & Deployment
+- `config/app.config.ts` centralizes knobs (model list, sandbox timeouts, retry policies, UI flags).
+- Environment variables (`.env.example`, `.env.local`) carry API keys for E2B, Firecrawl, and each LLM provider.
+- Multiple deployment targets are supported: Dockerfiles (`Dockerfile`, `.simple`, `.extended`), `nixpacks.toml`, `railway.json`, and docs (`RAILWAY_DEPLOY.md`) outline hosting on Railway.
+
+## Notable Operational Considerations
+- Several server files rely on Node global state; deploy to a single process or ensure globals are scoped per worker.
+- Some legacy text assets still contain mojibake (e.g., `.env.example`, `README.md`, `layout.tsx` metadata); convert to UTF-8 before production.
+- Test scripts (`npm run test:*`) reference `tests/*.js`, but that folder is absent locally; recreate or adjust before enabling CI gating.
diff --git a/app/api/analyze-edit-intent/route.ts b/app/api/analyze-edit-intent/route.ts
index 7cf35bc1a..f8c2d68ab 100644
--- a/app/api/analyze-edit-intent/route.ts
+++ b/app/api/analyze-edit-intent/route.ts
@@ -104,7 +104,10 @@ export async function POST(request: NextRequest) {
         aiModel = openai(model.replace('openai/', ''));
       }
     } else if (model.startsWith('google/')) {
-      aiModel = createGoogleGenerativeAI(model.replace('google/', ''));
+      const google = createGoogleGenerativeAI({
+        apiKey: process.env.GOOGLE_API_KEY,
+      });
+      aiModel = google(model.replace('google/', ''));
     } else {
       // Default to groq if model format is unclear
       aiModel = groq(model);
diff --git a/app/api/apply-ai-code-stream/route.ts b/app/api/apply-ai-code-stream/route.ts
index c91bf113c..fa37a99d1 100644
--- a/app/api/apply-ai-code-stream/route.ts
+++ b/app/api/apply-ai-code-stream/route.ts
@@ -119,7 +119,7 @@ function parseAIResponse(response: string): ParsedResponse {
     for (const pkg of filePackages) {
       if (!sections.packages.includes(pkg)) {
         sections.packages.push(pkg);
-        console.log(`[apply-ai-code-stream] 📦 Package detected from imports: ${pkg}`);
+        console.log(`[apply-ai-code-stream] 📦 Package detected from imports: ${pkg}`);
       }
     }
   }
@@ -139,7 +139,7 @@ function parseAIResponse(response: string): ParsedResponse {
     for (const pkg of filePackages) {
       if (!sections.packages.includes(pkg)) {
         sections.packages.push(pkg);
-        console.log(`[apply-ai-code-stream] 📦 Package detected from imports: ${pkg}`);
+        console.log(`[apply-ai-code-stream] 📦 Package detected from imports: ${pkg}`);
       }
     }
   }
diff --git a/app/api/check-usage/route.ts b/app/api/check-usage/route.ts
new file mode 100644
index 000000000..f49d0de6d
--- /dev/null
+++ b/app/api/check-usage/route.ts
@@ -0,0 +1,79 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { checkUserLimit, incrementUsage } from '@/lib/supabase-usage';
+import { createServerSupabaseClient } from '@/lib/supabase';
+
+// Force dynamic rendering
+export const dynamic = 'force-dynamic';
+
+/**
+ * GET /api/check-usage - Check user's remaining requests
+ */
+export async function GET(request: NextRequest) {
+  try {
+    const client = createServerSupabaseClient();
+    const { data: { user }, error: authError } = await client.auth.getUser();
+
+    if (authError || !user) {
+      return NextResponse.json({
+        success: false,
+        error: 'Unauthorized'
+      }, { status: 401 });
+    }
+
+    const usage = await checkUserLimit(user.id);
+
+    return NextResponse.json({
+      success: true,
+      ...usage
+    });
+  } catch (error: any) {
+    console.error('Error checking usage:', error);
+    return NextResponse.json({
+      success: false,
+      error: error.message || 'Failed to check usage'
+    }, { status: 500 });
+  }
+}
+
+/**
+ * POST /api/check-usage - Increment usage counter
+ * Body: { requestType?: string, tokens?: number }
+ */
+export async function POST(request: NextRequest) {
+  try {
+    const client = createServerSupabaseClient();
+    const { data: { user }, error: authError } = await client.auth.getUser();
+
+    if (authError || !user) {
+      return NextResponse.json({
+        success: false,
+        error: 'Unauthorized'
+      }, { status: 401 });
+    }
+
+    const body = await request.json();
+    const { requestType = 'ai_generation', tokens = 0 } = body;
+
+    // Check if user has requests remaining
+    const currentUsage = await checkUserLimit(user.id);
+    
+    if (currentUsage.requests_remaining <= 0) {
+      return NextResponse.json({
+        success: false,
+        error: 'Request limit reached',
+        ...currentUsage
+      }, { status: 429 }); // Too Many Requests
+    }
+
+    // Increment usage
+    const result = await incrementUsage(user.id, requestType, tokens);
+
+    return NextResponse.json(result);
+  } catch (error: any) {
+    console.error('Error incrementing usage:', error);
+    return NextResponse.json({
+      success: false,
+      error: error.message || 'Failed to increment usage'
+    }, { status: 500 });
+  }
+}
diff --git a/app/api/create-ai-sandbox/route.ts b/app/api/create-ai-sandbox/route.ts
index 257ce1db5..f37398da5 100644
--- a/app/api/create-ai-sandbox/route.ts
+++ b/app/api/create-ai-sandbox/route.ts
@@ -86,7 +86,7 @@ package_json = {
 
 with open('/home/user/app/package.json', 'w') as f:
     json.dump(package_json, f, indent=2)
-print('✓ package.json')
+print('вњ“ package.json')
 
 # Vite config for E2B - with allowedHosts
 vite_config = """import { defineConfig } from 'vite'
@@ -106,7 +106,7 @@ export default defineConfig({
 
 with open('/home/user/app/vite.config.js', 'w') as f:
     f.write(vite_config)
-print('✓ vite.config.js')
+print('вњ“ vite.config.js')
 
 # Tailwind config - standard without custom design tokens
 tailwind_config = """/** @type {import('tailwindcss').Config} */
@@ -123,7 +123,7 @@ export default {
 
 with open('/home/user/app/tailwind.config.js', 'w') as f:
     f.write(tailwind_config)
-print('✓ tailwind.config.js')
+print('вњ“ tailwind.config.js')
 
 # PostCSS config
 postcss_config = """export default {
@@ -135,7 +135,7 @@ postcss_config = """export default {
 
 with open('/home/user/app/postcss.config.js', 'w') as f:
     f.write(postcss_config)
-print('✓ postcss.config.js')
+print('вњ“ postcss.config.js')
 
 # Index.html
 index_html = """<!DOCTYPE html>
@@ -153,7 +153,7 @@ index_html = """<!DOCTYPE html>
 
 with open('/home/user/app/index.html', 'w') as f:
     f.write(index_html)
-print('✓ index.html')
+print('вњ“ index.html')
 
 # Main.jsx
 main_jsx = """import React from 'react'
@@ -169,7 +169,7 @@ ReactDOM.createRoot(document.getElementById('root')).render(
 
 with open('/home/user/app/src/main.jsx', 'w') as f:
     f.write(main_jsx)
-print('✓ src/main.jsx')
+print('вњ“ src/main.jsx')
 
 # App.jsx with explicit Tailwind test
 app_jsx = """function App() {
@@ -189,7 +189,7 @@ export default App"""
 
 with open('/home/user/app/src/App.jsx', 'w') as f:
     f.write(app_jsx)
-print('✓ src/App.jsx')
+print('вњ“ src/App.jsx')
 
 # Index.css with explicit Tailwind directives
 index_css = """@tailwind base;
@@ -220,7 +220,7 @@ body {
 
 with open('/home/user/app/src/index.css', 'w') as f:
     f.write(index_css)
-print('✓ src/index.css')
+print('вњ“ src/index.css')
 
 print('\\nAll files created successfully!')
 `;
@@ -243,9 +243,9 @@ result = subprocess.run(
 )
 
 if result.returncode == 0:
-    print('✓ Dependencies installed successfully')
+    print('вњ“ Dependencies installed successfully')
 else:
-    print(f'⚠ Warning: npm install had issues: {result.stderr}')
+    print(f'вљ  Warning: npm install had issues: {result.stderr}')
     # Continue anyway as it might still work
     `);
     
@@ -273,7 +273,7 @@ process = subprocess.Popen(
     env=env
 )
 
-print(f'✓ Vite dev server started with PID: {process.pid}')
+print(f'вњ“ Vite dev server started with PID: {process.pid}')
 print('Waiting for server to be ready...')
     `);
     
@@ -289,11 +289,11 @@ import time
 css_file = '/home/user/app/src/index.css'
 if os.path.exists(css_file):
     os.utime(css_file, None)
-    print('✓ Triggered CSS rebuild')
+    print('вњ“ Triggered CSS rebuild')
     
 # Also ensure PostCSS processes it
 time.sleep(2)
-print('✓ Tailwind CSS should be loaded')
+print('вњ“ Tailwind CSS should be loaded')
     `);
 
     // Store sandbox globally
diff --git a/app/api/detect-and-install-packages/route.ts b/app/api/detect-and-install-packages/route.ts
index 12211b651..99f3d527d 100644
--- a/app/api/detect-and-install-packages/route.ts
+++ b/app/api/detect-and-install-packages/route.ts
@@ -184,7 +184,7 @@ for package in packages_to_install:
     
     if os.path.exists(package_path):
         installed.append(package)
-        print(f"✓ Verified installation of {package}")
+        print(f"вњ“ Verified installation of {package}")
     else:
         # Check if it's a submodule of an installed package
         base_package = package.split('/')[0]
@@ -195,10 +195,10 @@ for package in packages_to_install:
         base_path = f"/home/user/app/node_modules/{base_package}"
         if os.path.exists(base_path):
             installed.append(package)
-            print(f"✓ Verified installation of {package} (via {base_package})")
+            print(f"вњ“ Verified installation of {package} (via {base_package})")
         else:
             failed.append(package)
-            print(f"✗ Failed to verify installation of {package}")
+            print(f"вњ— Failed to verify installation of {package}")
 
 result_data = {
     'installed': installed,
diff --git a/app/api/generate-ai-code-stream/route.ts b/app/api/generate-ai-code-stream/route.ts
index eaae15d73..52e55f8c5 100644
--- a/app/api/generate-ai-code-stream/route.ts
+++ b/app/api/generate-ai-code-stream/route.ts
@@ -168,9 +168,14 @@ export async function POST(request: NextRequest) {
           const manifest: FileManifest | undefined = global.sandboxState?.fileCache?.manifest;
           
           if (manifest) {
-            await sendProgress({ type: 'status', message: '🔍 Creating search plan...' });
+            await sendProgress({ type: 'status', message: 'рџ”Ќ Creating search plan...' });
             
-            const fileContents = global.sandboxState.fileCache.files;
+            const fileCache = global.sandboxState?.fileCache;
+            if (!fileCache) {
+              throw new Error('File cache is not available');
+            }
+            
+            const fileContents = fileCache.files;
             console.log('[generate-ai-code-stream] Files available for search:', Object.keys(fileContents).length);
             
             // STEP 1: Get search plan from AI
@@ -187,7 +192,7 @@ export async function POST(request: NextRequest) {
                 
                 await sendProgress({ 
                   type: 'status', 
-                  message: `🔎 Searching for: "${searchPlan.searchTerms.join('", "')}"`
+                  message: `рџ”Ћ Searching for: "${searchPlan.searchTerms.join('", "')}"`
                 });
                 
                 // STEP 2: Execute the search plan
@@ -214,7 +219,7 @@ export async function POST(request: NextRequest) {
                   if (target) {
                     await sendProgress({ 
                       type: 'status', 
-                      message: `✅ Found code in ${target.filePath.split('/').pop()} at line ${target.lineNumber}`
+                      message: `вњ… Found code in ${target.filePath.split('/').pop()} at line ${target.lineNumber}`
                     });
                     
                     console.log('[generate-ai-code-stream] Target selected:', target);
@@ -257,7 +262,7 @@ User request: "${prompt}"`;
                   console.warn('[generate-ai-code-stream] Search found no results, falling back to broader context');
                   await sendProgress({ 
                     type: 'status', 
-                    message: '⚠️ Could not find exact match, using broader search...'
+                    message: 'вљ пёЏ Could not find exact match, using broader search...'
                   });
                 }
               } else {
@@ -267,7 +272,7 @@ User request: "${prompt}"`;
               console.error('[generate-ai-code-stream] Error in agentic search workflow:', error);
               await sendProgress({ 
                 type: 'status', 
-                message: '⚠️ Search workflow error, falling back to keyword method...'
+                message: 'вљ пёЏ Search workflow error, falling back to keyword method...'
               });
               // Fall back to old method on any error if we have a manifest
               if (manifest) {
@@ -283,7 +288,7 @@ User request: "${prompt}"`;
               console.log('[generate-ai-code-stream] No manifest available for fallback');
               await sendProgress({ 
                 type: 'status', 
-                message: '⚠️ No file manifest available, will use broad context'
+                message: 'вљ пёЏ No file manifest available, will use broad context'
               });
             }
           }
@@ -331,7 +336,7 @@ User request: "${prompt}"`;
                         
                         // For now, fall back to keyword search since we don't have file contents for search execution
                         // This path happens when no manifest was initially available
-                        let targetFiles = [];
+                        let targetFiles: string[] = [];
                         if (!searchPlan || searchPlan.searchTerms.length === 0) {
                           console.warn('[generate-ai-code-stream] No target files after fetch, searching for relevant files');
                           
@@ -494,7 +499,7 @@ Remember: You are a SURGEON making a precise incision, not an artist repainting
             console.log('[generate-ai-code-stream] Including', recentEdits.length, 'recent edits in context');
             conversationContext += `\n### Recent Edits:\n`;
             recentEdits.forEach(edit => {
-              conversationContext += `- "${edit.userRequest}" → ${edit.editType} (${edit.targetFiles.map(f => f.split('/').pop()).join(', ')})\n`;
+              conversationContext += `- "${edit.userRequest}" в†’ ${edit.editType} (${edit.targetFiles.map(f => f.split('/').pop()).join(', ')})\n`;
             });
           }
           
@@ -509,7 +514,7 @@ Remember: You are a SURGEON making a precise incision, not an artist repainting
           
           if (recentlyCreatedFiles.length > 0) {
             const uniqueFiles = [...new Set(recentlyCreatedFiles)];
-            conversationContext += `\n### 🚨 RECENTLY CREATED/EDITED FILES (DO NOT RECREATE THESE):\n`;
+            conversationContext += `\n### рџљЁ RECENTLY CREATED/EDITED FILES (DO NOT RECREATE THESE):\n`;
             uniqueFiles.forEach(file => {
               conversationContext += `- ${file}\n`;
             });
@@ -554,7 +559,7 @@ Remember: You are a SURGEON making a precise incision, not an artist repainting
         const systemPrompt = `You are an expert React developer with perfect memory of the conversation. You maintain context across messages and remember scraped websites, generated components, and applied code. Generate clean, modern React code for Vite applications.
 ${conversationContext}
 
-🚨 CRITICAL RULES - YOUR MOST IMPORTANT INSTRUCTIONS:
+рџљЁ CRITICAL RULES - YOUR MOST IMPORTANT INSTRUCTIONS:
 1. **DO EXACTLY WHAT IS ASKED - NOTHING MORE, NOTHING LESS**
    - Don't add features not requested
    - Don't fix unrelated issues
@@ -562,14 +567,21 @@ ${conversationContext}
 2. **CHECK App.jsx FIRST** - ALWAYS see what components exist before creating new ones
 3. **NAVIGATION LIVES IN Header.jsx** - Don't create Nav.jsx if Header exists with nav
 4. **USE STANDARD TAILWIND CLASSES ONLY**:
-   - ✅ CORRECT: bg-white, text-black, bg-blue-500, bg-gray-100, text-gray-900
-   - ❌ WRONG: bg-background, text-foreground, bg-primary, bg-muted, text-secondary
+   - вњ… CORRECT: bg-white, text-black, bg-blue-500, bg-gray-100, text-gray-900
+   - вќЊ WRONG: bg-background, text-foreground, bg-primary, bg-muted, text-secondary
    - Use ONLY classes from the official Tailwind CSS documentation
 5. **FILE COUNT LIMITS**:
    - Simple style/text change = 1 file ONLY
    - New component = 2 files MAX (component + parent)
    - If >3 files, YOU'RE DOING TOO MUCH
 
+SPECIAL INSTRUCTION FOR TILDA BLOCKS:
+If the user mentions "Tilda block" or "Tilda", you should focus on creating a single, self-contained section that looks like a Tilda block.
+- Use clean, modern design.
+- Focus on the specific block type requested (e.g., "cover block", "features block", "text block").
+- Although Tilda uses its own class system, you should simulate it using standard Tailwind CSS to ensure it renders correctly in this sandbox.
+- Ensure the block is responsive.
+
 COMPONENT RELATIONSHIPS (CHECK THESE FIRST):
 - Navigation usually lives INSIDE Header.jsx, not separate Nav.jsx
 - Logo is typically in Header, not standalone
@@ -641,7 +653,7 @@ TARGETED EDIT MODE ACTIVE
 - Confidence: ${editContext.editIntent.confidence}
 - Files to Edit: ${editContext.primaryFiles.join(', ')}
 
-🚨 CRITICAL RULE - VIOLATION WILL RESULT IN FAILURE 🚨
+рџљЁ CRITICAL RULE - VIOLATION WILL RESULT IN FAILURE рџљЁ
 YOU MUST ***ONLY*** GENERATE THE FILES LISTED ABOVE!
 
 ABSOLUTE REQUIREMENTS:
@@ -655,18 +667,18 @@ ABSOLUTE REQUIREMENTS:
 8. DO NOT add bonus features
 
 EXAMPLE VIOLATIONS (THESE ARE FAILURES):
-❌ User says "update the hero" → You update Hero, Header, Footer, and App.jsx
-❌ User says "change header color" → You redesign the entire header
-❌ User says "fix the button" → You update multiple components
-❌ Files to Edit shows "Hero.jsx" → You also generate App.jsx "to integrate it"
-❌ Files to Edit shows "Header.jsx" → You also update Footer.jsx "for consistency"
+вќЊ User says "update the hero" в†’ You update Hero, Header, Footer, and App.jsx
+вќЊ User says "change header color" в†’ You redesign the entire header
+вќЊ User says "fix the button" в†’ You update multiple components
+вќЊ Files to Edit shows "Hero.jsx" в†’ You also generate App.jsx "to integrate it"
+вќЊ Files to Edit shows "Header.jsx" в†’ You also update Footer.jsx "for consistency"
 
 CORRECT BEHAVIOR (THIS IS SUCCESS):
-✅ User says "update the hero" → You ONLY edit Hero.jsx with the requested change
-✅ User says "change header color" → You ONLY change the color in Header.jsx
-✅ User says "fix the button" → You ONLY fix the specific button issue
-✅ Files to Edit shows "Hero.jsx" → You generate ONLY Hero.jsx
-✅ Files to Edit shows "Header.jsx, Nav.jsx" → You generate EXACTLY 2 files: Header.jsx and Nav.jsx
+вњ… User says "update the hero" в†’ You ONLY edit Hero.jsx with the requested change
+вњ… User says "change header color" в†’ You ONLY change the color in Header.jsx
+вњ… User says "fix the button" в†’ You ONLY fix the specific button issue
+вњ… Files to Edit shows "Hero.jsx" в†’ You generate ONLY Hero.jsx
+вњ… Files to Edit shows "Header.jsx, Nav.jsx" в†’ You generate EXACTLY 2 files: Header.jsx and Nav.jsx
 
 THE AI INTENT ANALYZER HAS ALREADY DETERMINED THE FILES.
 DO NOT SECOND-GUESS IT.
@@ -758,9 +770,9 @@ CRITICAL STRING AND SYNTAX RULES:
 - ALWAYS escape quotes properly in JSX attributes
 - NEVER use curly quotes or smart quotes ('' "" '' "") - only straight quotes (' ")
 - ALWAYS convert smart/curly quotes to straight quotes:
-  - ' and ' → '
-  - " and " → "
-  - Any other Unicode quotes → straight quotes
+  - ' and ' в†’ '
+  - " and " в†’ "
+  - Any other Unicode quotes в†’ straight quotes
 - When strings contain apostrophes, either:
   1. Use double quotes: "you're" instead of 'you're'
   2. Escape the apostrophe: 'you\'re'
@@ -808,9 +820,9 @@ WHEN WORKING WITH SCRAPED CONTENT:
 - ALWAYS sanitize all text content before using in code
 - Convert ALL smart quotes to straight quotes
 - Example transformations:
-  - "Firecrawl's API" → "Firecrawl's API" or "Firecrawl\\'s API"
-  - 'It's amazing' → "It's amazing" or 'It\\'s amazing'
-  - "Best tool ever" → "Best tool ever"
+  - "Firecrawl's API" в†’ "Firecrawl's API" or "Firecrawl\\'s API"
+  - 'It's amazing' в†’ "It's amazing" or 'It\\'s amazing'
+  - "Best tool ever" в†’ "Best tool ever"
 - When in doubt, use double quotes for strings containing apostrophes
 - For testimonials or quotes from scraped content, ALWAYS clean the text:
   - Bad: content: 'Moved our internal agent's web scraping...'
@@ -855,13 +867,13 @@ CRITICAL COMPLETION RULES:
 With 16,000 tokens available, you have plenty of space to generate a complete application. Use it!
 
 UNDERSTANDING USER INTENT FOR INCREMENTAL VS FULL GENERATION:
-- "add/create/make a [specific feature]" → Add ONLY that feature to existing app
-- "add a videos page" → Create ONLY Videos.jsx and update routing
-- "update the header" → Modify ONLY header component
-- "fix the styling" → Update ONLY the affected components
-- "change X to Y" → Find the file containing X and modify it
-- "make the header black" → Find Header component and change its color
-- "rebuild/recreate/start over" → Full regeneration
+- "add/create/make a [specific feature]" в†’ Add ONLY that feature to existing app
+- "add a videos page" в†’ Create ONLY Videos.jsx and update routing
+- "update the header" в†’ Modify ONLY header component
+- "fix the styling" в†’ Update ONLY the affected components
+- "change X to Y" в†’ Find the file containing X and modify it
+- "make the header black" в†’ Find Header component and change its color
+- "rebuild/recreate/start over" в†’ Full regeneration
 - Default to incremental updates when working on an existing app
 
 SURGICAL EDIT RULES (CRITICAL FOR PERFORMANCE):
@@ -877,11 +889,11 @@ SURGICAL EDIT RULES (CRITICAL FOR PERFORMANCE):
 - If you're editing >3 files for a simple request, STOP - you're doing too much
 
 EXAMPLES OF CORRECT SURGICAL EDITS:
-✅ "change header to black" → Find className="..." in Header.jsx, change ONLY color classes
-✅ "update hero text" → Find the <h1> or <p> in Hero.jsx, change ONLY the text inside
-✅ "add a button to hero" → Find the return statement, ADD button, keep everything else
-❌ WRONG: Regenerating entire Header.jsx to change one color
-❌ WRONG: Rewriting Hero.jsx to add one button
+вњ… "change header to black" в†’ Find className="..." in Header.jsx, change ONLY color classes
+вњ… "update hero text" в†’ Find the <h1> or <p> in Hero.jsx, change ONLY the text inside
+вњ… "add a button to hero" в†’ Find the return statement, ADD button, keep everything else
+вќЊ WRONG: Regenerating entire Header.jsx to change one color
+вќЊ WRONG: Rewriting Hero.jsx to add one button
 
 NAVIGATION/HEADER INTELLIGENCE:
 - ALWAYS check App.jsx imports first
@@ -953,16 +965,19 @@ CRITICAL: When files are provided in the context:
                   }
                   
                   // Store files in cache
-                  for (const [path, content] of Object.entries(filesData.files)) {
-                    const normalizedPath = path.replace('/home/user/app/', '');
-                    global.sandboxState.fileCache.files[normalizedPath] = {
-                      content: content as string,
-                      lastModified: Date.now()
-                    };
-                  }
-                  
-                  if (filesData.manifest) {
-                    global.sandboxState.fileCache.manifest = filesData.manifest;
+                  const fileCacheForUpdate = global.sandboxState?.fileCache;
+                  if (fileCacheForUpdate) {
+                    for (const [path, content] of Object.entries(filesData.files)) {
+                      const normalizedPath = path.replace('/home/user/app/', '');
+                      fileCacheForUpdate.files[normalizedPath] = {
+                        content: content as string,
+                        lastModified: Date.now()
+                      };
+                    }
+                    
+                    if (filesData.manifest) {
+                      fileCacheForUpdate.manifest = filesData.manifest;
+                    }
                     
                     // Now try to analyze edit intent with the fetched manifest
                     if (!editContext) {
@@ -993,9 +1008,12 @@ CRITICAL: When files are provided in the context:
                   }
                   
                   // Update variables
-                  backendFiles = global.sandboxState.fileCache.files;
-                  hasBackendFiles = Object.keys(backendFiles).length > 0;
-                  console.log('[generate-ai-code-stream] Updated backend cache with fetched files');
+                  const fileCacheForRead = global.sandboxState?.fileCache;
+                  if (fileCacheForRead) {
+                    backendFiles = fileCacheForRead.files;
+                    hasBackendFiles = Object.keys(backendFiles).length > 0;
+                    console.log('[generate-ai-code-stream] Updated backend cache with fetched files');
+                  }
                 }
               }
             } catch (error) {
@@ -1044,7 +1062,7 @@ CRITICAL: When files are provided in the context:
                 }
               }
               
-              contextParts.push('\n🚨 CRITICAL INSTRUCTIONS - VIOLATION = FAILURE 🚨');
+              contextParts.push('\nрџљЁ CRITICAL INSTRUCTIONS - VIOLATION = FAILURE рџљЁ');
               contextParts.push('1. Analyze the user request: "' + prompt + '"');
               contextParts.push('2. Identify the MINIMUM number of files that need editing (usually just ONE)');
               contextParts.push('3. PRESERVE ALL EXISTING CONTENT in those files');
@@ -1052,19 +1070,19 @@ CRITICAL: When files are provided in the context:
               contextParts.push('5. DO NOT regenerate entire components from scratch');
               contextParts.push('6. DO NOT change unrelated parts of any file');
               contextParts.push('7. Generate ONLY the files that MUST be changed - NO EXTRAS');
-              contextParts.push('\n⚠️ FILE COUNT RULE:');
+              contextParts.push('\nвљ пёЏ FILE COUNT RULE:');
               contextParts.push('- Simple change (color, text, spacing) = 1 file ONLY');
               contextParts.push('- Adding new component = 2 files MAX (new component + parent that imports it)');
               contextParts.push('- DO NOT exceed these limits unless absolutely necessary');
               contextParts.push('\nEXAMPLES OF CORRECT BEHAVIOR:');
-              contextParts.push('✅ "add a chart to the hero" → Edit ONLY Hero.jsx, ADD the chart, KEEP everything else');
-              contextParts.push('✅ "change header to black" → Edit ONLY Header.jsx, change ONLY the color');
-              contextParts.push('✅ "fix spacing in footer" → Edit ONLY Footer.jsx, adjust ONLY spacing');
+              contextParts.push('вњ… "add a chart to the hero" в†’ Edit ONLY Hero.jsx, ADD the chart, KEEP everything else');
+              contextParts.push('вњ… "change header to black" в†’ Edit ONLY Header.jsx, change ONLY the color');
+              contextParts.push('вњ… "fix spacing in footer" в†’ Edit ONLY Footer.jsx, adjust ONLY spacing');
               contextParts.push('\nEXAMPLES OF FAILURES:');
-              contextParts.push('❌ "change header color" → You edit Header, Footer, and App "for consistency"');
-              contextParts.push('❌ "add chart to hero" → You regenerate the entire Hero component');
-              contextParts.push('❌ "fix button" → You update 5 different component files');
-              contextParts.push('\n⚠️ FINAL WARNING:');
+              contextParts.push('вќЊ "change header color" в†’ You edit Header, Footer, and App "for consistency"');
+              contextParts.push('вќЊ "add chart to hero" в†’ You regenerate the entire Hero component');
+              contextParts.push('вќЊ "fix button" в†’ You update 5 different component files');
+              contextParts.push('\nвљ пёЏ FINAL WARNING:');
               contextParts.push('If you generate MORE files than necessary, you have FAILED');
               contextParts.push('If you DELETE or REWRITE existing functionality, you have FAILED');
               contextParts.push('ONLY change what was EXPLICITLY requested - NOTHING MORE');
@@ -1090,7 +1108,7 @@ CRITICAL: When files are provided in the context:
             contextParts.push('This is an incremental update to an existing application.');
             contextParts.push('DO NOT regenerate App.jsx, index.css, or other core files unless explicitly requested.');
             contextParts.push('ONLY create or modify the specific files needed for the user\'s request.');
-            contextParts.push('\n⚠️ CRITICAL FILE OUTPUT FORMAT - VIOLATION = FAILURE:');
+            contextParts.push('\nвљ пёЏ CRITICAL FILE OUTPUT FORMAT - VIOLATION = FAILURE:');
             contextParts.push('YOU MUST OUTPUT EVERY FILE IN THIS EXACT XML FORMAT:');
             contextParts.push('<file path="src/components/ComponentName.jsx">');
             contextParts.push('// Complete file content here');
@@ -1098,13 +1116,13 @@ CRITICAL: When files are provided in the context:
             contextParts.push('<file path="src/index.css">');
             contextParts.push('/* CSS content here */');
             contextParts.push('</file>');
-            contextParts.push('\n❌ NEVER OUTPUT: "Generated Files: index.css, App.jsx"');
-            contextParts.push('❌ NEVER LIST FILE NAMES WITHOUT CONTENT');
-            contextParts.push('✅ ALWAYS: One <file> tag per file with COMPLETE content');
-            contextParts.push('✅ ALWAYS: Include EVERY file you modified');
+            contextParts.push('\nвќЊ NEVER OUTPUT: "Generated Files: index.css, App.jsx"');
+            contextParts.push('вќЊ NEVER LIST FILE NAMES WITHOUT CONTENT');
+            contextParts.push('вњ… ALWAYS: One <file> tag per file with COMPLETE content');
+            contextParts.push('вњ… ALWAYS: Include EVERY file you modified');
           } else if (!hasBackendFiles) {
             // First generation mode - make it beautiful!
-            contextParts.push('\n🎨 FIRST GENERATION MODE - CREATE SOMETHING BEAUTIFUL!');
+            contextParts.push('\nрџЋЁ FIRST GENERATION MODE - CREATE SOMETHING BEAUTIFUL!');
             contextParts.push('\nThis is the user\'s FIRST experience. Make it impressive:');
             contextParts.push('1. **USE TAILWIND PROPERLY** - Use standard Tailwind color classes');
             contextParts.push('2. **NO PLACEHOLDERS** - Use real content, not lorem ipsum');
@@ -1112,7 +1130,7 @@ CRITICAL: When files are provided in the context:
             contextParts.push('4. **VISUAL POLISH** - Shadows, hover states, transitions');
             contextParts.push('5. **STANDARD CLASSES** - bg-white, text-gray-900, bg-blue-500, NOT bg-background');
             contextParts.push('\nCreate a polished, professional application that works perfectly on first load.');
-            contextParts.push('\n⚠️ OUTPUT FORMAT:');
+            contextParts.push('\nвљ пёЏ OUTPUT FORMAT:');
             contextParts.push('Use <file path="...">content</file> tags for EVERY file');
             contextParts.push('NEVER output "Generated Files:" as plain text');
           }
@@ -1155,7 +1173,18 @@ CRITICAL: When files are provided in the context:
         const isAnthropic = model.startsWith('anthropic/');
         const isGoogle = model.startsWith('google/');
         const isOpenAI = model.startsWith('openai/gpt-5');
-        const modelProvider = isAnthropic ? anthropic : (isOpenAI ? openai : (isGoogle ? googleGenerativeAI : groq));
+        
+        let modelProvider;
+        if (isAnthropic) {
+          modelProvider = anthropic;
+        } else if (isOpenAI) {
+          modelProvider = openai;
+        } else if (isGoogle) {
+          modelProvider = googleGenerativeAI;
+        } else {
+          modelProvider = groq;
+        }
+        
         const actualModel = isAnthropic ? model.replace('anthropic/', '') : 
                            (model === 'openai/gpt-5') ? 'gpt-5' :
                            (isGoogle ? model.replace('google/', '') : model);
@@ -1168,7 +1197,7 @@ CRITICAL: When files are provided in the context:
               role: 'system', 
               content: systemPrompt + `
 
-🚨 CRITICAL CODE GENERATION RULES - VIOLATION = FAILURE 🚨:
+рџљЁ CRITICAL CODE GENERATION RULES - VIOLATION = FAILURE рџљЁ:
 1. NEVER truncate ANY code - ALWAYS write COMPLETE files
 2. NEVER use "..." anywhere in your code - this causes syntax errors
 3. NEVER cut off strings mid-sentence - COMPLETE every string
@@ -1189,16 +1218,16 @@ PACKAGE RULES:
 - NEVER install packages like @mendable/firecrawl-js unless explicitly requested
 
 Examples of SYNTAX ERRORS (NEVER DO THIS):
-❌ className="px-4 py-2 bg-blue-600 hover:bg-blue-7...
-❌ <button className="btn btn-primary btn-...
-❌ const title = "Welcome to our...
-❌ import { useState, useEffect, ... } from 'react'
+вќЊ className="px-4 py-2 bg-blue-600 hover:bg-blue-7...
+вќЊ <button className="btn btn-primary btn-...
+вќЊ const title = "Welcome to our...
+вќЊ import { useState, useEffect, ... } from 'react'
 
 Examples of CORRECT CODE (ALWAYS DO THIS):
-✅ className="px-4 py-2 bg-blue-600 hover:bg-blue-700"
-✅ <button className="btn btn-primary btn-large">
-✅ const title = "Welcome to our application"
-✅ import { useState, useEffect, useCallback } from 'react'
+вњ… className="px-4 py-2 bg-blue-600 hover:bg-blue-700"
+вњ… <button className="btn btn-primary btn-large">
+вњ… const title = "Welcome to our application"
+вњ… import { useState, useEffect, useCallback } from 'react'
 
 REMEMBER: It's better to generate fewer COMPLETE files than many INCOMPLETE files.`
             },
@@ -1213,11 +1242,11 @@ You MUST include the closing </file> tag and ALL the code in between.
 
 NEVER write partial code like:
 <h1>Build and deploy on the AI Cloud.</h1>
-<p>Some text...</p>  ❌ WRONG
+<p>Some text...</p>  вќЊ WRONG
 
 ALWAYS write complete code:
 <h1>Build and deploy on the AI Cloud.</h1>
-<p>Some text here with full content</p>  ✅ CORRECT
+<p>Some text here with full content</p>  вњ… CORRECT
 
 If you're running out of space, generate FEWER files but make them COMPLETE.
 It's better to have 3 complete files than 10 incomplete files.`
@@ -1595,7 +1624,7 @@ Provide the complete file content without any truncation. Include all necessary
                 }
                 
                 const completionResult = await streamText({
-                  model: completionClient(modelMapping[model] || model),
+                  model: completionClient(model.replace('anthropic/', '').replace('openai/', '').replace('google/', '')),
                   messages: [
                     { 
                       role: 'system', 
@@ -1603,8 +1632,7 @@ Provide the complete file content without any truncation. Include all necessary
                     },
                     { role: 'user', content: completionPrompt }
                   ],
-                  temperature: isGPT5 ? undefined : appConfig.ai.defaultTemperature,
-                  maxTokens: appConfig.ai.truncationRecoveryMaxTokens
+                  temperature: model.includes('gpt-5') ? undefined : appConfig.ai.defaultTemperature
                 });
                 
                 // Get the full text from the stream
diff --git a/app/api/install-packages/route.ts b/app/api/install-packages/route.ts
index 59d305eb8..16fd2a5b8 100644
--- a/app/api/install-packages/route.ts
+++ b/app/api/install-packages/route.ts
@@ -237,9 +237,9 @@ installed = []
 for pkg in ${JSON.stringify(packagesToInstall)}:
     if pkg in package_json.get('dependencies', {}):
         installed.append(pkg)
-        print(f"✓ Verified {pkg}")
+        print(f"вњ“ Verified {pkg}")
     else:
-        print(f"✗ Package {pkg} not found in dependencies")
+        print(f"вњ— Package {pkg} not found in dependencies")
         
 print(f"\\nVerified installed packages: {installed}")
         `, { timeout: 60000 }); // 60 second timeout for npm install
@@ -315,7 +315,7 @@ process = subprocess.Popen(
     env=env
 )
 
-print(f'✓ Vite dev server restarted with PID: {process.pid}')
+print(f'вњ“ Vite dev server restarted with PID: {process.pid}')
 
 # Store process info for later
 with open('/tmp/vite-process.pid', 'w') as f:
diff --git a/app/api/payment-webhook/route.ts b/app/api/payment-webhook/route.ts
new file mode 100644
index 000000000..311a8de46
--- /dev/null
+++ b/app/api/payment-webhook/route.ts
@@ -0,0 +1,83 @@
+import { NextRequest, NextResponse } from 'next/server';
+import crypto from 'crypto';
+import { setSubscriptionTier, type SubscriptionTier } from '@/lib/supabase-usage';
+
+const MNT_ID = '50276032';
+const MNT_INTEGRITY_CODE = '12345';
+
+export async function POST(request: NextRequest) {
+  try {
+    const formData = await request.formData();
+    const data: Record<string, string> = {};
+    
+    for (const [key, value] of formData.entries()) {
+      data[key] = value.toString();
+    }
+
+    // Проверяем подпись
+    const expectedSignature = crypto
+      .createHash('md5')
+      .update(`${data.MNT_ID}${data.MNT_TRANSACTION_ID}${data.MNT_OPERATION_ID}${data.MNT_AMOUNT}${data.MNT_CURRENCY_CODE}${data.MNT_SUBSCRIBER_ID || ''}${data.MNT_TEST_MODE}${MNT_INTEGRITY_CODE}`)
+      .digest('hex');
+
+    if (data.MNT_SIGNATURE !== expectedSignature) {
+      console.error('Invalid signature');
+      return new Response('FAIL', { status: 200 });
+    }
+
+    // Логируем успешный платеж
+    console.log('Payment received:', {
+      transactionId: data.MNT_TRANSACTION_ID,
+      amount: data.MNT_AMOUNT,
+      operationId: data.MNT_OPERATION_ID,
+      customFields: data.MNT_CUSTOM1 // plan tier
+    });
+
+    // Определяем тариф по сумме или custom полю
+    let tier: SubscriptionTier = 'basic';
+    const amount = parseFloat(data.MNT_AMOUNT);
+    
+    // Если передан тариф в custom поле
+    if (data.MNT_CUSTOM1) {
+      tier = data.MNT_CUSTOM1 as SubscriptionTier;
+    } else {
+      // Определяем по сумме (настройте под ваши цены)
+      if (amount >= 1000) { // Пример: >= 1000 руб = professional
+        tier = 'professional';
+      } else {
+        tier = 'basic';
+      }
+    }
+
+    // Получаем user_id из custom поля или subscriber_id
+    const userId = data.MNT_CUSTOM2 || data.MNT_SUBSCRIBER_ID;
+    
+    if (userId) {
+      try {
+        // Устанавливаем подписку на 30 дней
+        await setSubscriptionTier(userId, tier, 30);
+        
+        console.log('Subscription activated:', {
+          userId,
+          tier,
+          transactionId: data.MNT_TRANSACTION_ID
+        });
+      } catch (error) {
+        console.error('Error setting subscription:', error);
+        // Продолжаем, чтобы вернуть SUCCESS для PayAnyWay
+      }
+    } else {
+      console.warn('No user ID provided in payment data');
+    }
+
+    return new Response('SUCCESS', { status: 200 });
+
+  } catch (error) {
+    console.error('Webhook error:', error);
+    return new Response('FAIL', { status: 200 });
+  }
+}
+
+export async function GET() {
+  return new Response('SUCCESS', { status: 200 });
+}
\ No newline at end of file
diff --git a/app/api/payment/route.ts b/app/api/payment/route.ts
new file mode 100644
index 000000000..4b9df3f36
--- /dev/null
+++ b/app/api/payment/route.ts
@@ -0,0 +1,58 @@
+import { NextRequest, NextResponse } from 'next/server';
+import crypto from 'crypto';
+import { createServerSupabaseClient } from '@/lib/supabase';
+
+const MNT_ID = '50276032';
+const MNT_INTEGRITY_CODE = '12345';
+
+export async function POST(request: NextRequest) {
+  try {
+    const { plan } = await request.json();
+    
+    if (!plan || !['basic', 'professional'].includes(plan)) {
+      return NextResponse.json({ error: 'Invalid plan' }, { status: 400 });
+    }
+
+    // Получаем текущего пользователя
+    const client = createServerSupabaseClient();
+    const { data: { user }, error: authError } = await client.auth.getUser();
+
+    if (authError || !user) {
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+    }
+
+    const amount = plan === 'basic' ? '299.00' : '499.00';
+    const description = plan === 'basic' ? 'Базовый тариф (5 запросов)' : 'Профессиональный тариф (15 запросов)';
+    const transactionId = `order_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+
+    // Формируем подпись
+    const signature = crypto
+      .createHash('md5')
+      .update(`${MNT_ID}${transactionId}${amount}RUB0${MNT_INTEGRITY_CODE}`)
+      .digest('hex');
+
+    const paymentUrl = plan === 'basic' 
+      ? 'https://self.payanyway.ru/17591641945716'
+      : 'https://self.payanyway.ru/17591644240597';
+
+    return NextResponse.json({
+      success: true,
+      paymentUrl,
+      paymentData: {
+        MNT_ID,
+        MNT_TRANSACTION_ID: transactionId,
+        MNT_AMOUNT: amount,
+        MNT_CURRENCY_CODE: 'RUB',
+        MNT_TEST_MODE: '0',
+        MNT_DESCRIPTION: description,
+        MNT_SIGNATURE: signature,
+        MNT_CUSTOM1: plan, // Передаем тариф
+        MNT_CUSTOM2: user.id // Передаем user_id для активации подписки
+      }
+    });
+
+  } catch (error) {
+    console.error('Payment error:', error);
+    return NextResponse.json({ error: 'Payment initialization failed' }, { status: 500 });
+  }
+}
\ No newline at end of file
diff --git a/app/api/projects/[id]/download/route.ts b/app/api/projects/[id]/download/route.ts
new file mode 100644
index 000000000..9f06086ea
--- /dev/null
+++ b/app/api/projects/[id]/download/route.ts
@@ -0,0 +1,44 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { supabase } from '@/lib/supabase';
+
+export async function GET(
+  request: NextRequest,
+  context: { params: Promise<{ id: string }> }
+) {
+  const { id: projectId } = await context.params;
+  try {
+    const { data: { user } } = await supabase.auth.getUser();
+    
+    if (!user) {
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+    }
+
+    const { data: project, error: projectError } = await supabase
+      .from('projects')
+      .select('*')
+      .eq('id', projectId)
+      .eq('user_id', user.id)
+      .single();
+
+    if (projectError || !project) {
+      return NextResponse.json({ error: 'Project not found' }, { status: 404 });
+    }
+
+    const { data: zipData, error: downloadError } = await supabase.storage
+      .from('projects')
+      .download(`${user.id}/${projectId}/project.zip`);
+
+    if (downloadError) {
+      return NextResponse.json({ error: downloadError.message }, { status: 500 });
+    }
+
+    return new NextResponse(zipData, {
+      headers: {
+        'Content-Type': 'application/zip',
+        'Content-Disposition': `attachment; filename="${project.name}.zip"`
+      }
+    });
+  } catch (error: any) {
+    return NextResponse.json({ error: error.message }, { status: 500 });
+  }
+}
diff --git a/app/api/projects/save/route.ts b/app/api/projects/save/route.ts
new file mode 100644
index 000000000..9ca179cf2
--- /dev/null
+++ b/app/api/projects/save/route.ts
@@ -0,0 +1,68 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { supabase } from '@/lib/supabase';
+
+export async function POST(request: NextRequest) {
+  try {
+    const { name, description } = await request.json();
+
+    const { data: { user } } = await supabase.auth.getUser();
+    
+    if (!user) {
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+    }
+
+    // Create ZIP from sandbox
+    const zipResponse = await fetch(`${request.nextUrl.origin}/api/create-zip`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' }
+    });
+
+    if (!zipResponse.ok) {
+      throw new Error('Failed to create ZIP');
+    }
+
+    const zipData = await zipResponse.json();
+    
+    if (!zipData.success) {
+      throw new Error(zipData.error || 'Failed to create ZIP');
+    }
+
+    // Convert base64 to blob
+    const base64Data = zipData.dataUrl.split(',')[1];
+    const binaryData = Buffer.from(base64Data, 'base64');
+    
+    // Create project record
+    const { data: project, error: projectError } = await supabase
+      .from('projects')
+      .insert({
+        user_id: user.id,
+        name,
+        description,
+      })
+      .select()
+      .single();
+
+    if (projectError) {
+      return NextResponse.json({ error: projectError.message }, { status: 500 });
+    }
+
+    // Upload ZIP to storage
+    const zipPath = `${user.id}/${project.id}/project.zip`;
+    const { error: uploadError } = await supabase.storage
+      .from('projects')
+      .upload(zipPath, binaryData, {
+        contentType: 'application/zip',
+        upsert: false
+      });
+
+    if (uploadError) {
+      // Cleanup project if upload fails
+      await supabase.from('projects').delete().eq('id', project.id);
+      throw uploadError;
+    }
+
+    return NextResponse.json({ success: true, project });
+  } catch (error: any) {
+    return NextResponse.json({ error: error.message }, { status: 500 });
+  }
+}
diff --git a/app/api/set-subscription/route.ts b/app/api/set-subscription/route.ts
new file mode 100644
index 000000000..b7bd5e03f
--- /dev/null
+++ b/app/api/set-subscription/route.ts
@@ -0,0 +1,49 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { setSubscriptionTier, type SubscriptionTier } from '@/lib/supabase-usage';
+import { createServerSupabaseClient } from '@/lib/supabase';
+
+// Force dynamic rendering
+export const dynamic = 'force-dynamic';
+
+/**
+ * POST /api/set-subscription - Set user subscription tier
+ * Body: { tier: 'basic' | 'professional', durationDays?: number }
+ * 
+ * Note: In production, this should be called after successful payment
+ */
+export async function POST(request: NextRequest) {
+  try {
+    const client = createServerSupabaseClient();
+    const { data: { user }, error: authError } = await client.auth.getUser();
+
+    if (authError || !user) {
+      return NextResponse.json({
+        success: false,
+        error: 'Unauthorized'
+      }, { status: 401 });
+    }
+
+    const body = await request.json();
+    const { tier, durationDays = 30 } = body;
+
+    if (!tier || !['basic', 'professional'].includes(tier)) {
+      return NextResponse.json({
+        success: false,
+        error: 'Invalid tier. Must be "basic" or "professional"'
+      }, { status: 400 });
+    }
+
+    const result = await setSubscriptionTier(user.id, tier as SubscriptionTier, durationDays);
+
+    return NextResponse.json({
+      success: true,
+      ...result
+    });
+  } catch (error: any) {
+    console.error('Error setting subscription:', error);
+    return NextResponse.json({
+      success: false,
+      error: error.message || 'Failed to set subscription'
+    }, { status: 500 });
+  }
+}
diff --git a/app/api/supabase-example/route.ts b/app/api/supabase-example/route.ts
new file mode 100644
index 000000000..cdc81ea3f
--- /dev/null
+++ b/app/api/supabase-example/route.ts
@@ -0,0 +1,133 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+/**
+ * Example API endpoint demonstrating Supabase integration
+ * 
+ * GET /api/supabase-example - Test connection
+ * POST /api/supabase-example - Example data operation
+ */
+
+// Force dynamic rendering to avoid build-time execution
+export const dynamic = 'force-dynamic';
+
+export async function GET(request: NextRequest) {
+  // Check if Supabase is configured
+  if (!process.env.NEXT_PUBLIC_SUPABASE_URL || !process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY) {
+    return NextResponse.json({
+      success: false,
+      error: 'Supabase is not configured. Please add NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY to your environment variables.'
+    }, { status: 503 });
+  }
+
+  // Lazy import to avoid build-time execution
+  const { executeServerOperation } = await import('@/lib/supabase-helpers');
+  try {
+    // Test Supabase connection
+    const result = await executeServerOperation(async (client) => {
+      // Try to query a simple table or check connection
+      const { data, error } = await client
+        .from('_supabase_migrations')
+        .select('version')
+        .limit(1);
+      
+      if (error) {
+        // If migrations table doesn't exist, connection is still OK
+        if (error.code === '42P01') {
+          return { connected: true, message: 'Supabase connected successfully' };
+        }
+        throw error;
+      }
+      
+      return { 
+        connected: true, 
+        message: 'Supabase connected successfully',
+        migrations: data 
+      };
+    });
+    
+    return NextResponse.json({
+      success: true,
+      ...result
+    });
+  } catch (error: any) {
+    console.error('Supabase connection error:', error);
+    return NextResponse.json({
+      success: false,
+      error: error.message || 'Failed to connect to Supabase'
+    }, { status: 500 });
+  }
+}
+
+export async function POST(request: NextRequest) {
+  // Check if Supabase is configured
+  if (!process.env.NEXT_PUBLIC_SUPABASE_URL || !process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY) {
+    return NextResponse.json({
+      success: false,
+      error: 'Supabase is not configured. Please add NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY to your environment variables.'
+    }, { status: 503 });
+  }
+
+  // Lazy import to avoid build-time execution
+  const { executeServerOperation } = await import('@/lib/supabase-helpers');
+  
+  try {
+    const body = await request.json();
+    const { action, table, data: requestData } = body;
+    
+    if (!action || !table) {
+      return NextResponse.json({
+        success: false,
+        error: 'action and table are required'
+      }, { status: 400 });
+    }
+    
+    // Example: Perform database operations
+    const result = await executeServerOperation(async (client) => {
+      switch (action) {
+        case 'select':
+          const { data: selectData, error: selectError } = await client
+            .from(table)
+            .select('*')
+            .limit(10);
+          
+          if (selectError) throw selectError;
+          return { action: 'select', data: selectData };
+        
+        case 'insert':
+          if (!requestData) {
+            throw new Error('data is required for insert action');
+          }
+          
+          const { data: insertData, error: insertError } = await client
+            .from(table)
+            .insert(requestData)
+            .select();
+          
+          if (insertError) throw insertError;
+          return { action: 'insert', data: insertData };
+        
+        case 'count':
+          const { count, error: countError } = await client
+            .from(table)
+            .select('*', { count: 'exact', head: true });
+          
+          if (countError) throw countError;
+          return { action: 'count', count };
+        
+        default:
+          throw new Error(`Unknown action: ${action}`);
+      }
+    });
+    
+    return NextResponse.json({
+      success: true,
+      ...result
+    });
+  } catch (error: any) {
+    console.error('Supabase operation error:', error);
+    return NextResponse.json({
+      success: false,
+      error: error.message || 'Operation failed'
+    }, { status: 500 });
+  }
+}
diff --git a/app/components/theme-logo.tsx b/app/components/theme-logo.tsx
index 6c5898dd3..e45a5bb2a 100644
--- a/app/components/theme-logo.tsx
+++ b/app/components/theme-logo.tsx
@@ -1,36 +1,26 @@
 "use client"
 
-import { useTheme } from "next-themes"
-import { useEffect, useState } from "react"
+import clsx from "clsx"
 
-export function ThemeLogo() {
-  const { theme } = useTheme()
-  const [mounted, setMounted] = useState(false)
-
-  useEffect(() => {
-    setMounted(true)
-  }, [])
-
-  if (!mounted) {
-    // Return light theme logo by default to avoid hydration mismatch
-    return (
-      <img
-        src="/firecrawl-logo-with-fire.webp"
-        alt="Firecrawl"
-        className="h-8 w-auto"
-      />
-    )
-  }
-
-  const logoSrc = theme === "dark" 
-    ? "/firecrawl-logo-with-fire-dark.webp" 
-    : "/firecrawl-logo-with-fire.webp"
+type ThemeLogoProps = {
+  className?: string
+}
 
+export function ThemeLogo({ className }: ThemeLogoProps) {
   return (
-    <img
-      src={logoSrc}
-      alt="Firecrawl"
-      className="h-8 w-auto"
-    />
+    <div className={clsx("flex items-center gap-3", className)}>
+      <span
+        className="inline-flex items-center rounded-full border border-zinc-200/60 bg-white/80 px-4 py-2 text-sm font-black uppercase text-zinc-900 shadow-[0_10px_30px_-20px_rgba(15,23,42,0.8)] transition-all duration-300 dark:border-white/10 dark:bg-white/5 dark:text-white"
+        style={{
+          fontFamily: "var(--font-display, inherit)",
+          letterSpacing: "0.55em",
+        }}
+      >
+        REBUILDR
+      </span>
+      <span className="hidden text-xs font-medium tracking-[0.2em] text-zinc-500 transition-colors duration-300 sm:inline dark:text-zinc-300">
+        adaptive web studio
+      </span>
+    </div>
   )
 }
diff --git a/app/components/theme-provider.tsx b/app/components/theme-provider.tsx
index 8c90fbc8b..f745a2d73 100644
--- a/app/components/theme-provider.tsx
+++ b/app/components/theme-provider.tsx
@@ -2,7 +2,9 @@
 
 import * as React from "react"
 import { ThemeProvider as NextThemesProvider } from "next-themes"
-import { type ThemeProviderProps } from "next-themes/dist/types"
+import type { ComponentProps } from "react"
+
+type ThemeProviderProps = ComponentProps<typeof NextThemesProvider>
 
 export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
   return <NextThemesProvider {...props}>{children}</NextThemesProvider>
diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
new file mode 100644
index 000000000..0d54f601e
--- /dev/null
+++ b/app/dashboard/page.tsx
@@ -0,0 +1,215 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { useAuth } from '@/contexts/AuthContext';
+import { getUserProjects, type Project } from '@/lib/supabase-projects';
+import { Folder, Plus, Calendar, ExternalLink, Trash2 } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+
+export default function DashboardPage() {
+  const { user, loading: authLoading } = useAuth();
+  const router = useRouter();
+  const [projects, setProjects] = useState<Project[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (!authLoading && !user) {
+      router.push('/');
+    }
+  }, [user, authLoading, router]);
+
+  useEffect(() => {
+    if (user) {
+      loadProjects();
+    }
+  }, [user]);
+
+  const loadProjects = async () => {
+    try {
+      setLoading(true);
+      const data = await getUserProjects({ status: 'active', limit: 50 });
+      setProjects(data);
+    } catch (err: any) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  if (authLoading || !user) {
+    return (
+      <div className="min-h-screen flex items-center justify-center">
+        <div className="text-center">
+          <div className="w-16 h-16 border-4 border-blue-500 border-t-transparent rounded-full animate-spin mx-auto mb-4" />
+          <p className="text-gray-600 dark:text-gray-400">Загрузка...</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-950">
+      {/* Header */}
+      <header className="bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
+          <div className="flex items-center justify-between">
+            <div>
+              <h1 className="text-3xl font-bold text-gray-900 dark:text-white">
+                Личный кабинет
+              </h1>
+              <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
+                Добро пожаловать, {user.user_metadata?.full_name || user.email}!
+              </p>
+            </div>
+            <Button
+              onClick={() => router.push('/')}
+              className="flex items-center gap-2"
+            >
+              <Plus size={20} />
+              Создать проект
+            </Button>
+          </div>
+        </div>
+      </header>
+
+      {/* Main content */}
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        {/* Stats */}
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
+          <div className="bg-white dark:bg-gray-900 rounded-lg p-6 border border-gray-200 dark:border-gray-800">
+            <div className="flex items-center justify-between">
+              <div>
+                <p className="text-sm text-gray-500 dark:text-gray-400">Всего проектов</p>
+                <p className="text-3xl font-bold text-gray-900 dark:text-white mt-1">
+                  {projects.length}
+                </p>
+              </div>
+              <div className="w-12 h-12 bg-blue-100 dark:bg-blue-900/30 rounded-lg flex items-center justify-center">
+                <Folder className="text-blue-600 dark:text-blue-400" size={24} />
+              </div>
+            </div>
+          </div>
+
+          <div className="bg-white dark:bg-gray-900 rounded-lg p-6 border border-gray-200 dark:border-gray-800">
+            <div className="flex items-center justify-between">
+              <div>
+                <p className="text-sm text-gray-500 dark:text-gray-400">Активных</p>
+                <p className="text-3xl font-bold text-gray-900 dark:text-white mt-1">
+                  {projects.filter(p => p.status === 'active').length}
+                </p>
+              </div>
+              <div className="w-12 h-12 bg-green-100 dark:bg-green-900/30 rounded-lg flex items-center justify-center">
+                <Calendar className="text-green-600 dark:text-green-400" size={24} />
+              </div>
+            </div>
+          </div>
+
+          <div className="bg-white dark:bg-gray-900 rounded-lg p-6 border border-gray-200 dark:border-gray-800">
+            <div className="flex items-center justify-between">
+              <div>
+                <p className="text-sm text-gray-500 dark:text-gray-400">В архиве</p>
+                <p className="text-3xl font-bold text-gray-900 dark:text-white mt-1">
+                  {projects.filter(p => p.status === 'archived').length}
+                </p>
+              </div>
+              <div className="w-12 h-12 bg-gray-100 dark:bg-gray-800 rounded-lg flex items-center justify-center">
+                <Trash2 className="text-gray-600 dark:text-gray-400" size={24} />
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Projects list */}
+        <div className="bg-white dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-800">
+          <div className="p-6 border-b border-gray-200 dark:border-gray-800">
+            <h2 className="text-xl font-semibold text-gray-900 dark:text-white">
+              Мои проекты
+            </h2>
+          </div>
+
+          {loading ? (
+            <div className="p-12 text-center">
+              <div className="w-12 h-12 border-4 border-blue-500 border-t-transparent rounded-full animate-spin mx-auto mb-4" />
+              <p className="text-gray-600 dark:text-gray-400">Загрузка проектов...</p>
+            </div>
+          ) : error ? (
+            <div className="p-12 text-center">
+              <p className="text-red-600 dark:text-red-400">{error}</p>
+            </div>
+          ) : projects.length === 0 ? (
+            <div className="p-12 text-center">
+              <Folder className="w-16 h-16 text-gray-400 mx-auto mb-4" />
+              <h3 className="text-lg font-medium text-gray-900 dark:text-white mb-2">
+                Нет проектов
+              </h3>
+              <p className="text-gray-600 dark:text-gray-400 mb-6">
+                Создайте свой первый проект с помощью AI
+              </p>
+              <Button onClick={() => router.push('/')}>
+                <Plus size={20} className="mr-2" />
+                Создать проект
+              </Button>
+            </div>
+          ) : (
+            <div className="divide-y divide-gray-200 dark:divide-gray-800">
+              {projects.map((project) => (
+                <div
+                  key={project.id}
+                  className="p-6 hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors"
+                >
+                  <div className="flex items-start justify-between">
+                    <div className="flex-1">
+                      <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-1">
+                        {project.name}
+                      </h3>
+                      {project.description && (
+                        <p className="text-sm text-gray-600 dark:text-gray-400 mb-3">
+                          {project.description}
+                        </p>
+                      )}
+                      <div className="flex items-center gap-4 text-xs text-gray-500 dark:text-gray-400">
+                        <span>
+                          Создан: {new Date(project.created_at).toLocaleDateString('ru-RU')}
+                        </span>
+                      </div>
+                    </div>
+                    <div className="flex items-center gap-2 ml-4">
+                      <button
+                        onClick={async () => {
+                          try {
+                            const response = await fetch(`/api/projects/${project.id}/download`);
+                            if (!response.ok) throw new Error('Download failed');
+                            
+                            const blob = await response.blob();
+                            const url = window.URL.createObjectURL(blob);
+                            const a = document.createElement('a');
+                            a.href = url;
+                            a.download = `${project.name}.zip`;
+                            document.body.appendChild(a);
+                            a.click();
+                            window.URL.revokeObjectURL(url);
+                            document.body.removeChild(a);
+                          } catch (error) {
+                            alert('Ошибка скачивания проекта');
+                          }
+                        }}
+                        className="p-2 text-gray-600 dark:text-gray-400 hover:text-green-600 dark:hover:text-green-400 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg transition-colors"
+                        title="Скачать проект"
+                      >
+                        <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" />
+                        </svg>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
+      </main>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/app/globals.css b/app/globals.css
index e12cb7d7f..7bac5784a 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,5 +1,11 @@
 @import "tailwindcss";
 
+
+.font-display {
+  font-family: var(--font-display), var(--font-sans, system-ui);
+  letter-spacing: -0.01em;
+}
+
 @keyframes slide {
   0% { transform: translate(0, 0); }
   100% { transform: translate(70px, 70px); }
diff --git a/app/layout.tsx b/app/layout.tsx
index 7cd0cd301..b98ca00f5 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,13 +1,15 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
+import { Inter, Space_Grotesk } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "@/app/components/theme-provider";
+import { AuthProvider } from "@/contexts/AuthContext";
 
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({ subsets: ["latin", "cyrillic"], variable: "--font-sans" });
+const spaceGrotesk = Space_Grotesk({ subsets: ["latin"], variable: "--font-display" });
 
 export const metadata: Metadata = {
-  title: "Open Lovable",
-  description: "Re-imagine any website in seconds with AI-powered website builder.",
+  title: "REBUILDR — AI Web Agency",
+  description: "REBUILDR создаёт выразительные цифровые лендинги и прототипы, превращая сырые идеи в продукт с ясным смыслом.",
 };
 
 export default function RootLayout({
@@ -16,17 +18,20 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <body className={inter.className}>
+    <html lang="ru" suppressHydrationWarning>
+      <head>
+        <meta charSet="utf-8" />
+      </head>
+      <body className={`${inter.className} ${spaceGrotesk.variable}`}>
         <ThemeProvider
           attribute="class"
           defaultTheme="light"
           enableSystem
           disableTransitionOnChange
         >
-          {children}
+          <AuthProvider>{children}</AuthProvider>
         </ThemeProvider>
       </body>
     </html>
   );
-}
+}
\ No newline at end of file
diff --git a/app/page.tsx b/app/page.tsx
index 2eedb3716..6da49f4d2 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,13 +1,23 @@
-'use client';
+'use client';
+
+
+
+import { useState, useEffect, useRef, Suspense } from 'react';
 
-import { useState, useEffect, useRef } from 'react';
 import { useSearchParams, useRouter } from 'next/navigation';
+
 import { appConfig } from '@/config/app.config';
+
 import { Button } from '@/components/ui/button';
+
 import { Textarea } from '@/components/ui/textarea';
+
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+
 import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
+
 // Import icons from centralized module to avoid Turbopack chunk issues
+
 import { 
   FiFile, 
   FiChevronRight, 
@@ -16,3411 +26,7691 @@ import {
   BsFolderFill, 
   BsFolder2Open,
   SiJavascript, 
-  SiReact, 
+  SiReact,
   SiCss3, 
   SiJson 
 } from '@/lib/icons';
+
 import { motion, AnimatePresence } from 'framer-motion';
+
 import CodeApplicationProgress, { type CodeApplicationState } from '@/components/CodeApplicationProgress';
+
 import { ThemeToggle } from '@/app/components/theme-toggle';
+
 import { ThemeLogo } from '@/app/components/theme-logo';
 
+import UserButton from '@/components/auth/UserButton';
+
+import HomeScreenHeader from '@/components/HomeScreenHeader';
+
+
+
 interface SandboxData {
+
   sandboxId: string;
+
   url: string;
+
   [key: string]: any;
+
 }
 
+
+
 interface ChatMessage {
+
   content: string;
+
   type: 'user' | 'ai' | 'system' | 'file-update' | 'command' | 'error';
+
   timestamp: Date;
+
   metadata?: {
+
     scrapedUrl?: string;
+
     scrapedContent?: any;
+
     generatedCode?: string;
+
     appliedFiles?: string[];
+
     commandType?: 'input' | 'output' | 'error' | 'success';
+
   };
+
 }
 
-export default function AISandboxPage() {
+
+
+function AISandboxPageContent() {
+
   const [sandboxData, setSandboxData] = useState<SandboxData | null>(null);
+
   const [loading, setLoading] = useState(false);
+
   const [status, setStatus] = useState({ text: 'Not connected', active: false });
+
   const [responseArea, setResponseArea] = useState<string[]>([]);
+
   const [structureContent, setStructureContent] = useState('No sandbox created yet');
+
   const [promptInput, setPromptInput] = useState('');
+
   const [chatMessages, setChatMessages] = useState<ChatMessage[]>([
+
     {
-      content: 'Welcome! I can help you generate code with full context of your sandbox files and structure. Just start chatting - I\'ll automatically create a sandbox for you if needed!\n\nTip: If you see package errors like "react-router-dom not found", just type "npm install" or "check packages" to automatically install missing packages.',
+
+      content: 'Добро пожаловать! Я могу помочь вам сгенерировать код с полным контекстом файлов и структуры вашего проекта. Просто начните общаться — я автоматически создам песочницу для вас, если это потребуется.\n\nСовет: Если вы видите ошибки пакетов типа "react-router-dom не найден", просто напишите "npm install" или "проверить пакеты" для автоматической установки недостающих зависимостей.',
+
       type: 'system',
+
       timestamp: new Date()
+
     }
+
   ]);
+
   const [aiChatInput, setAiChatInput] = useState('');
+
   const [aiEnabled] = useState(true);
+
   const searchParams = useSearchParams();
+
   const router = useRouter();
+
   const [aiModel, setAiModel] = useState(() => {
+
     const modelParam = searchParams.get('model');
+
     return appConfig.ai.availableModels.includes(modelParam || '') ? modelParam! : appConfig.ai.defaultModel;
+
   });
+
   const [urlOverlayVisible, setUrlOverlayVisible] = useState(false);
+
   const [urlInput, setUrlInput] = useState('');
+
   const [urlStatus, setUrlStatus] = useState<string[]>([]);
+
   const [showHomeScreen, setShowHomeScreen] = useState(true);
+
   const [expandedFolders, setExpandedFolders] = useState<Set<string>>(new Set(['app', 'src', 'src/components']));
+
   const [selectedFile, setSelectedFile] = useState<string | null>(null);
+
   const [homeScreenFading, setHomeScreenFading] = useState(false);
+
   const [homeUrlInput, setHomeUrlInput] = useState('');
+
   const [homeContextInput, setHomeContextInput] = useState('');
+
+  const [homePromptInput, setHomePromptInput] = useState('');
+
+  const [homeMode, setHomeMode] = useState<'url' | 'prompt'>('url');
+
+  const [homeIndustryInput, setHomeIndustryInput] = useState('');
+
   const [activeTab, setActiveTab] = useState<'generation' | 'preview'>('preview');
+
   const [showStyleSelector, setShowStyleSelector] = useState(false);
+
   const [selectedStyle, setSelectedStyle] = useState<string | null>(null);
+
   const [showLoadingBackground, setShowLoadingBackground] = useState(false);
+
   const [urlScreenshot, setUrlScreenshot] = useState<string | null>(null);
+
   const [isCapturingScreenshot, setIsCapturingScreenshot] = useState(false);
+
   const [screenshotError, setScreenshotError] = useState<string | null>(null);
+
   const [isPreparingDesign, setIsPreparingDesign] = useState(false);
+
   const [targetUrl, setTargetUrl] = useState<string>('');
+
   const [loadingStage, setLoadingStage] = useState<'gathering' | 'planning' | 'generating' | null>(null);
+
   const [sandboxFiles, setSandboxFiles] = useState<Record<string, string>>({});
+
   const [fileStructure, setFileStructure] = useState<string>('');
+
   
+
   const [conversationContext, setConversationContext] = useState<{
+
     scrapedWebsites: Array<{ url: string; content: any; timestamp: Date }>;
+
     generatedComponents: Array<{ name: string; path: string; content: string }>;
+
     appliedCode: Array<{ files: string[]; timestamp: Date }>;
+
     currentProject: string;
+
     lastGeneratedCode?: string;
+
+    targetIndustry?: string;
+
   }>({
+
     scrapedWebsites: [],
+
     generatedComponents: [],
+
     appliedCode: [],
+
     currentProject: '',
+
+    targetIndustry: '',
+
     lastGeneratedCode: undefined
+
   });
+
   
+
   const iframeRef = useRef<HTMLIFrameElement>(null);
+
   const chatMessagesRef = useRef<HTMLDivElement>(null);
+
   const codeDisplayRef = useRef<HTMLDivElement>(null);
+
   
+
   const [codeApplicationState, setCodeApplicationState] = useState<CodeApplicationState>({
+
     stage: null
+
   });
+
   
+
   const [generationProgress, setGenerationProgress] = useState<{
+
     isGenerating: boolean;
+
     status: string;
+
     components: Array<{ name: string; path: string; completed: boolean }>;
+
     currentComponent: number;
+
     streamedCode: string;
+
     isStreaming: boolean;
+
     isThinking: boolean;
+
     thinkingText?: string;
+
     thinkingDuration?: number;
+
     currentFile?: { path: string; content: string; type: string };
+
     files: Array<{ path: string; content: string; type: string; completed: boolean }>;
+
     lastProcessedPosition: number;
+
     isEdit?: boolean;
+
   }>({
+
     isGenerating: false,
+
     status: '',
+
     components: [],
+
     currentComponent: 0,
+
     streamedCode: '',
+
     isStreaming: false,
+
     isThinking: false,
+
     files: [],
+
     lastProcessedPosition: 0
+
   });
 
+
+
+  const handlePayment = async (plan: 'basic' | 'professional') => {
+
+    try {
+
+      const response = await fetch('/api/payment', {
+
+        method: 'POST',
+
+        headers: { 'Content-Type': 'application/json' },
+
+        body: JSON.stringify({ plan })
+
+      });
+
+      
+
+      const data = await response.json();
+
+      
+
+      if (data.success) {
+
+        window.open(data.paymentUrl, '_blank');
+
+      }
+
+    } catch (error) {
+
+      console.error('Payment error:', error);
+
+    }
+
+  };
+
+
+
   // Clear old conversation data on component mount and create/restore sandbox
+
   useEffect(() => {
+
     let isMounted = true;
 
+
+
     const initializePage = async () => {
+
       // Clear old conversation
+
       try {
+
         await fetch('/api/conversation-state', {
+
           method: 'POST',
+
           headers: { 'Content-Type': 'application/json' },
+
           body: JSON.stringify({ action: 'clear-old' })
+
         });
+
         console.log('[home] Cleared old conversation data on mount');
+
       } catch (error) {
+
         console.error('[ai-sandbox] Failed to clear old conversation:', error);
+
         if (isMounted) {
+
           addChatMessage('Failed to clear old conversation data.', 'error');
+
         }
+
       }
+
       
+
       if (!isMounted) return;
 
+
+
       // Check if sandbox ID is in URL
+
       const sandboxIdParam = searchParams.get('sandbox');
+
       
+
+      if (!sandboxIdParam) {
+
+        setLoading(false);
+
+        console.log('[home] No sandbox ID present, waiting for user action.');
+
+        return;
+
+      }
+
       setLoading(true);
+
       try {
-        if (sandboxIdParam) {
-          console.log('[home] Attempting to restore sandbox:', sandboxIdParam);
-          // For now, just create a new sandbox - you could enhance this to actually restore
-          // the specific sandbox if your backend supports it
-          await createSandbox(true);
-        } else {
-          console.log('[home] No sandbox in URL, creating new sandbox automatically...');
-          await createSandbox(true);
-        }
+
+        console.log('[home] Attempting to restore sandbox:', sandboxIdParam);
+
+        // For now, just create a new sandbox - you could enhance this to restore a specific sandbox if supported
+
+        await createSandbox(true);
+
       } catch (error) {
+
         console.error('[ai-sandbox] Failed to create or restore sandbox:', error);
+
         if (isMounted) {
+
           addChatMessage('Failed to create or restore sandbox.', 'error');
+
         }
+
       } finally {
+
         if (isMounted) {
+
           setLoading(false);
+
         }
+
       }
+
     };
+
     
+
     initializePage();
 
+
+
     return () => {
+
       isMounted = false;
+
     };
+
   }, []); // Run only on mount
+
   
+
   useEffect(() => {
+
     // Handle Escape key for home screen
+
     const handleKeyDown = (e: KeyboardEvent) => {
+
       if (e.key === 'Escape' && showHomeScreen) {
+
         setHomeScreenFading(true);
+
         setTimeout(() => {
+
           setShowHomeScreen(false);
+
           setHomeScreenFading(false);
+
         }, 500);
+
       }
+
     };
+
     
+
     window.addEventListener('keydown', handleKeyDown);
+
     return () => window.removeEventListener('keydown', handleKeyDown);
+
   }, [showHomeScreen]);
+
   
+
   // Start capturing screenshot if URL is provided on mount (from home screen)
+
   useEffect(() => {
+
     if (!showHomeScreen && homeUrlInput && !urlScreenshot && !isCapturingScreenshot) {
+
       let screenshotUrl = homeUrlInput.trim();
+
       if (!screenshotUrl.match(/^https?:\/\//i)) {
+
         screenshotUrl = 'https://' + screenshotUrl;
+
       }
+
       captureUrlScreenshot(screenshotUrl);
+
     }
+
   }, [showHomeScreen, homeUrlInput]); // eslint-disable-line react-hooks/exhaustive-deps
 
 
+
+
+
   useEffect(() => {
+
     // Only check sandbox status on mount and when user navigates to the page
+
     checkSandboxStatus();
+
     
+
     // Optional: Check status when window regains focus
+
     const handleFocus = () => {
+
       checkSandboxStatus();
+
     };
+
     
+
     window.addEventListener('focus', handleFocus);
+
     return () => window.removeEventListener('focus', handleFocus);
+
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
+
+
   useEffect(() => {
+
     if (chatMessagesRef.current) {
+
       chatMessagesRef.current.scrollTop = chatMessagesRef.current.scrollHeight;
+
     }
+
   }, [chatMessages]);
 
 
+
+
+
   const updateStatus = (text: string, active: boolean) => {
+
     setStatus({ text, active });
+
   };
 
+
+
   const log = (message: string, type: 'info' | 'error' | 'command' = 'info') => {
+
     setResponseArea(prev => [...prev, `[${type}] ${message}`]);
+
   };
 
+
+
   const addChatMessage = (content: string, type: ChatMessage['type'], metadata?: ChatMessage['metadata']) => {
+
     setChatMessages(prev => {
+
       // Skip duplicate consecutive system messages
+
       if (type === 'system' && prev.length > 0) {
+
         const lastMessage = prev[prev.length - 1];
+
         if (lastMessage.type === 'system' && lastMessage.content === content) {
+
           return prev; // Skip duplicate
+
         }
+
       }
+
       return [...prev, { content, type, timestamp: new Date(), metadata }];
+
     });
+
   };
+
   
+
   const checkAndInstallPackages = async () => {
+
     if (!sandboxData) {
+
       addChatMessage('No active sandbox. Create a sandbox first!', 'system');
+
       return;
+
     }
+
     
+
     // Vite error checking removed - handled by template setup
+
     addChatMessage('Sandbox is ready. Vite configuration is handled by the template.', 'system');
+
   };
+
   
+
   const handleSurfaceError = (errors: any[]) => {
+
     // Function kept for compatibility but Vite errors are now handled by template
+
     
+
     // Focus the input
+
     const textarea = document.querySelector('textarea') as HTMLTextAreaElement;
+
     if (textarea) {
+
       textarea.focus();
+
     }
+
   };
+
   
+
   const installPackages = async (packages: string[]) => {
+
     if (!sandboxData) {
+
       addChatMessage('No active sandbox. Create a sandbox first!', 'system');
+
       return;
+
     }
+
     
+
     try {
+
       const response = await fetch('/api/install-packages', {
+
         method: 'POST',
+
         headers: { 'Content-Type': 'application/json' },
+
         body: JSON.stringify({ packages })
+
       });
+
       
+
       if (!response.ok) {
+
         throw new Error(`Failed to install packages: ${response.statusText}`);
+
       }
+
       
+
       const reader = response.body?.getReader();
+
       const decoder = new TextDecoder();
+
       
+
       while (reader) {
+
         const { done, value } = await reader.read();
+
         if (done) break;
+
         
+
         const chunk = decoder.decode(value);
+
         const lines = chunk.split('\n');
+
         
+
         for (const line of lines) {
+
           if (line.startsWith('data: ')) {
+
             try {
+
               const data = JSON.parse(line.slice(6));
+
               
+
               switch (data.type) {
+
                 case 'command':
+
                   // Don't show npm install commands - they're handled by info messages
+
                   if (!data.command.includes('npm install')) {
+
                     addChatMessage(data.command, 'command', { commandType: 'input' });
+
                   }
+
                   break;
+
                 case 'output':
+
                   addChatMessage(data.message, 'command', { commandType: 'output' });
+
                   break;
+
                 case 'error':
+
                   if (data.message && data.message !== 'undefined') {
+
                     addChatMessage(data.message, 'command', { commandType: 'error' });
+
                   }
+
                   break;
+
                 case 'warning':
+
                   addChatMessage(data.message, 'command', { commandType: 'output' });
+
                   break;
+
                 case 'success':
+
                   addChatMessage(`${data.message}`, 'system');
+
                   break;
+
                 case 'status':
+
                   addChatMessage(data.message, 'system');
+
                   break;
+
               }
+
             } catch (e) {
+
               console.error('Failed to parse SSE data:', e);
+
             }
+
           }
+
         }
+
       }
+
     } catch (error: any) {
+
       addChatMessage(`Failed to install packages: ${error.message}`, 'system');
+
     }
+
   };
 
+
+
   const checkSandboxStatus = async () => {
+
     try {
+
       const response = await fetch('/api/sandbox-status');
+
       const data = await response.json();
+
       
+
       if (data.active && data.healthy && data.sandboxData) {
+
         setSandboxData(data.sandboxData);
+
         updateStatus('Sandbox active', true);
+
       } else if (data.active && !data.healthy) {
+
         // Sandbox exists but not responding
+
         updateStatus('Sandbox not responding', false);
+
         // Optionally try to create a new one
+
       } else {
+
         setSandboxData(null);
+
         updateStatus('No sandbox', false);
+
       }
+
     } catch (error) {
+
       console.error('Failed to check sandbox status:', error);
+
       setSandboxData(null);
+
       updateStatus('Error', false);
+
     }
+
   };
 
+
+
   const createSandbox = async (fromHomeScreen = false) => {
+
     console.log('[createSandbox] Starting sandbox creation...');
+
     setLoading(true);
+
     setShowLoadingBackground(true);
-    updateStatus('Creating sandbox...', false);
+
+    updateStatus('Создание песочницы...', false);
+
     setResponseArea([]);
+
     setScreenshotError(null);
+
     
+
     try {
+
       const response = await fetch('/api/create-ai-sandbox', {
+
         method: 'POST',
+
         headers: { 'Content-Type': 'application/json' },
+
         body: JSON.stringify({})
+
       });
+
       
+
       const data = await response.json();
+
       console.log('[createSandbox] Response data:', data);
+
       
+
       if (data.success) {
+
         setSandboxData(data);
+
         updateStatus('Sandbox active', true);
-        log('Sandbox created successfully!');
+
+        log('Песочница создана успешно!');
+
         log(`Sandbox ID: ${data.sandboxId}`);
+
         log(`URL: ${data.url}`);
+
         
+
         // Update URL with sandbox ID
+
         const newParams = new URLSearchParams(searchParams.toString());
+
         newParams.set('sandbox', data.sandboxId);
+
         newParams.set('model', aiModel);
+
         router.push(`/?${newParams.toString()}`, { scroll: false });
+
         
+
         // Fade out loading background after sandbox loads
+
         setTimeout(() => {
+
           setShowLoadingBackground(false);
+
         }, 3000);
+
         
+
         if (data.structure) {
+
           displayStructure(data.structure);
+
         }
+
         
+
         // Fetch sandbox files after creation
+
         setTimeout(fetchSandboxFiles, 1000);
+
         
+
         // Restart Vite server to ensure it's running
+
         setTimeout(async () => {
+
           try {
+
             console.log('[createSandbox] Ensuring Vite server is running...');
+
             const restartResponse = await fetch('/api/restart-vite', {
+
               method: 'POST',
+
               headers: { 'Content-Type': 'application/json' }
+
             });
+
             
+
             if (restartResponse.ok) {
+
               const restartData = await restartResponse.json();
+
               if (restartData.success) {
+
                 console.log('[createSandbox] Vite server started successfully');
+
               }
+
             }
+
           } catch (error) {
+
             console.error('[createSandbox] Error starting Vite server:', error);
+
           }
+
         }, 2000);
+
         
+
         // Only add welcome message if not coming from home screen
+
         if (!fromHomeScreen) {
+
           addChatMessage(`Sandbox created! ID: ${data.sandboxId}. I now have context of your sandbox and can help you build your app. Just ask me to create components and I'll automatically apply them!
 
+
+
 Tip: I automatically detect and install npm packages from your code imports (like react-router-dom, axios, etc.)`, 'system');
+
         }
+
         
+
         setTimeout(() => {
+
           if (iframeRef.current) {
+
             iframeRef.current.src = data.url;
+
           }
+
         }, 100);
+
       } else {
+
         throw new Error(data.error || 'Unknown error');
+
       }
+
     } catch (error: any) {
+
       console.error('[createSandbox] Error:', error);
+
       updateStatus('Error', false);
+
       log(`Failed to create sandbox: ${error.message}`, 'error');
+
       addChatMessage(`Failed to create sandbox: ${error.message}`, 'system');
+
     } finally {
+
       setLoading(false);
+
     }
+
   };
 
+
+
   const displayStructure = (structure: any) => {
+
     if (typeof structure === 'object') {
+
       setStructureContent(JSON.stringify(structure, null, 2));
+
     } else {
+
       setStructureContent(structure || 'No structure available');
+
     }
+
   };
 
+
+
   const applyGeneratedCode = async (code: string, isEdit: boolean = false) => {
+
     setLoading(true);
+
     log('Applying AI-generated code...');
+
     
+
     try {
+
       // Show progress component instead of individual messages
+
       setCodeApplicationState({ stage: 'analyzing' });
+
       
+
       // Get pending packages from tool calls
+
       const pendingPackages = ((window as any).pendingPackages || []).filter((pkg: any) => pkg && typeof pkg === 'string');
+
       if (pendingPackages.length > 0) {
+
         console.log('[applyGeneratedCode] Sending packages from tool calls:', pendingPackages);
+
         // Clear pending packages after use
+
         (window as any).pendingPackages = [];
+
       }
+
       
+
       // Use streaming endpoint for real-time feedback
+
       const response = await fetch('/api/apply-ai-code-stream', {
+
         method: 'POST',
+
         headers: { 'Content-Type': 'application/json' },
+
         body: JSON.stringify({ 
+
           response: code,
+
           isEdit: isEdit,
+
           packages: pendingPackages,
+
           sandboxId: sandboxData?.sandboxId // Pass the sandbox ID to ensure proper connection
+
         })
+
       });
+
       
+
       if (!response.ok) {
+
         throw new Error(`Failed to apply code: ${response.statusText}`);
+
       }
+
       
+
       // Handle streaming response
+
       const reader = response.body?.getReader();
+
       const decoder = new TextDecoder();
+
       let finalData: any = null;
+
       
+
       while (reader) {
+
         const { done, value } = await reader.read();
+
         if (done) break;
+
         
+
         const chunk = decoder.decode(value);
+
         const lines = chunk.split('\n');
+
         
+
         for (const line of lines) {
+
           if (line.startsWith('data: ')) {
+
             try {
+
               const data = JSON.parse(line.slice(6));
+
               
+
               switch (data.type) {
+
                 case 'start':
+
                   // Don't add as chat message, just update state
+
                   setCodeApplicationState({ stage: 'analyzing' });
+
                   break;
+
                   
+
                 case 'step':
+
                   // Update progress state based on step
+
                   if (data.message.includes('Installing') && data.packages) {
+
                     setCodeApplicationState({ 
+
                       stage: 'installing', 
+
                       packages: data.packages 
+
                     });
+
                   } else if (data.message.includes('Creating files') || data.message.includes('Applying')) {
+
                     setCodeApplicationState({ 
+
                       stage: 'applying',
-                      filesGenerated: results.filesCreated 
+
+                      filesGenerated: data.filesCreated || []
+
                     });
+
                   }
+
                   break;
+
                   
+
                 case 'package-progress':
+
                   // Handle package installation progress
+
                   if (data.installedPackages) {
+
                     setCodeApplicationState(prev => ({ 
+
                       ...prev,
+
                       installedPackages: data.installedPackages 
+
                     }));
+
                   }
+
                   break;
+
                   
+
                 case 'command':
+
                   // Don't show npm install commands - they're handled by info messages
+
                   if (data.command && !data.command.includes('npm install')) {
+
                     addChatMessage(data.command, 'command', { commandType: 'input' });
+
                   }
+
                   break;
+
                   
+
                 case 'success':
+
                   if (data.installedPackages) {
+
                     setCodeApplicationState(prev => ({ 
+
                       ...prev,
+
                       installedPackages: data.installedPackages 
+
                     }));
+
                   }
+
                   break;
+
                   
+
                 case 'file-progress':
+
                   // Skip file progress messages, they're noisy
+
                   break;
+
                   
+
                 case 'file-complete':
+
                   // Could add individual file completion messages if desired
+
                   break;
+
                   
+
                 case 'command-progress':
+
                   addChatMessage(`${data.action} command: ${data.command}`, 'command', { commandType: 'input' });
+
                   break;
+
                   
+
                 case 'command-output':
+
                   addChatMessage(data.output, 'command', { 
+
                     commandType: data.stream === 'stderr' ? 'error' : 'output' 
+
                   });
+
                   break;
+
                   
+
                 case 'command-complete':
+
                   if (data.success) {
+
                     addChatMessage(`Command completed successfully`, 'system');
+
                   } else {
+
                     addChatMessage(`Command failed with exit code ${data.exitCode}`, 'system');
+
                   }
+
                   break;
+
                   
+
                 case 'complete':
+
                   finalData = data;
+
                   setCodeApplicationState({ stage: 'complete' });
+
                   // Clear the state after a delay
+
                   setTimeout(() => {
+
                     setCodeApplicationState({ stage: null });
+
                   }, 3000);
+
                   break;
+
                   
+
                 case 'error':
+
                   addChatMessage(`Error: ${data.message || data.error || 'Unknown error'}`, 'system');
+
                   break;
+
                   
+
                 case 'warning':
+
                   addChatMessage(`${data.message}`, 'system');
+
                   break;
+
                   
+
                 case 'info':
+
                   // Show info messages, especially for package installation
+
                   if (data.message) {
+
                     addChatMessage(data.message, 'system');
+
                   }
+
                   break;
+
               }
+
             } catch (e) {
+
               // Ignore parse errors
+
             }
+
           }
+
         }
+
       }
+
       
+
       // Process final data
+
       if (finalData && finalData.type === 'complete') {
+
         const data = {
+
           success: true,
+
           results: finalData.results,
+
           explanation: finalData.explanation,
+
           structure: finalData.structure,
-          message: finalData.message
+
+          message: finalData.message,
+
+          autoCompleted: finalData.autoCompleted,
+
+          autoCompletedComponents: finalData.autoCompletedComponents,
+
+          warning: finalData.warning,
+
+          missingImports: finalData.missingImports,
+
+          debug: finalData.debug
+
         };
+
         
+
         if (data.success) {
+
           const { results } = data;
+
         
+
         // Log package installation results without duplicate messages
+
         if (results.packagesInstalled?.length > 0) {
+
           log(`Packages installed: ${results.packagesInstalled.join(', ')}`);
+
         }
+
         
+
         if (results.filesCreated?.length > 0) {
+
           log('Files created:');
+
           results.filesCreated.forEach((file: string) => {
+
             log(`  ${file}`, 'command');
+
           });
+
           
+
           // Verify files were actually created by refreshing the sandbox if needed
+
           if (sandboxData?.sandboxId && results.filesCreated.length > 0) {
+
             // Small delay to ensure files are written
+
             setTimeout(() => {
+
               // Force refresh the iframe to show new files
+
               if (iframeRef.current) {
+
                 iframeRef.current.src = iframeRef.current.src;
+
               }
+
             }, 1000);
+
           }
+
         }
+
         
+
         if (results.filesUpdated?.length > 0) {
+
           log('Files updated:');
+
           results.filesUpdated.forEach((file: string) => {
+
             log(`  ${file}`, 'command');
+
           });
+
         }
+
         
+
         // Update conversation context with applied code
+
         setConversationContext(prev => ({
+
           ...prev,
+
           appliedCode: [...prev.appliedCode, {
+
             files: [...(results.filesCreated || []), ...(results.filesUpdated || [])],
+
             timestamp: new Date()
+
           }]
+
         }));
+
         
+
         if (results.commandsExecuted?.length > 0) {
+
           log('Commands executed:');
+
           results.commandsExecuted.forEach((cmd: string) => {
+
             log(`  $ ${cmd}`, 'command');
+
           });
+
         }
+
         
+
         if (results.errors?.length > 0) {
+
           results.errors.forEach((err: string) => {
+
             log(err, 'error');
+
           });
+
         }
+
         
+
         if (data.structure) {
+
           displayStructure(data.structure);
+
         }
+
         
+
         if (data.explanation) {
+
           log(data.explanation);
+
         }
+
         
+
         if (data.autoCompleted) {
+
           log('Auto-generating missing components...', 'command');
+
           
+
           if (data.autoCompletedComponents) {
+
             setTimeout(() => {
+
               log('Auto-generated missing components:', 'info');
+
               data.autoCompletedComponents.forEach((comp: string) => {
+
                 log(`  ${comp}`, 'command');
+
               });
+
             }, 1000);
+
           }
+
         } else if (data.warning) {
+
           log(data.warning, 'error');
+
           
+
           if (data.missingImports && data.missingImports.length > 0) {
+
             const missingList = data.missingImports.join(', ');
+
             addChatMessage(
+
               `Ask me to "create the missing components: ${missingList}" to fix these import errors.`,
+
               'system'
+
             );
+
           }
+
         }
+
         
+
         log('Code applied successfully!');
+
         console.log('[applyGeneratedCode] Response data:', data);
+
         console.log('[applyGeneratedCode] Debug info:', data.debug);
+
         console.log('[applyGeneratedCode] Current sandboxData:', sandboxData);
+
         console.log('[applyGeneratedCode] Current iframe element:', iframeRef.current);
+
         console.log('[applyGeneratedCode] Current iframe src:', iframeRef.current?.src);
+
         
+
         if (results.filesCreated?.length > 0) {
+
           setConversationContext(prev => ({
+
             ...prev,
+
             appliedCode: [...prev.appliedCode, {
+
               files: results.filesCreated,
+
               timestamp: new Date()
+
             }]
+
           }));
+
           
+
           // Update the chat message to show success
+
           // Only show file list if not in edit mode
+
           if (isEdit) {
+
             addChatMessage(`Edit applied successfully!`, 'system');
+
           } else {
+
             // Check if this is part of a generation flow (has recent AI recreation message)
+
             const recentMessages = chatMessages.slice(-5);
+
             const isPartOfGeneration = recentMessages.some(m => 
+
               m.content.includes('AI recreation generated') || 
+
               m.content.includes('Code generated')
+
             );
+
             
+
             // Don't show files if part of generation flow to avoid duplication
+
             if (isPartOfGeneration) {
+
               addChatMessage(`Applied ${results.filesCreated.length} files successfully!`, 'system');
+
             } else {
+
               addChatMessage(`Applied ${results.filesCreated.length} files successfully!`, 'system', {
+
                 appliedFiles: results.filesCreated
+
               });
+
             }
+
           }
+
           
+
           // If there are failed packages, add a message about checking for errors
+
           if (results.packagesFailed?.length > 0) {
-            addChatMessage(`⚠️ Some packages failed to install. Check the error banner above for details.`, 'system');
+
+            addChatMessage(`✓ Some packages failed to install. Check the error banner above for details.`, 'system');
+
           }
+
           
+
           // Fetch updated file structure
+
           await fetchSandboxFiles();
+
           
+
           // Automatically check and install any missing packages
+
           await checkAndInstallPackages();
+
           
+
           // Test build to ensure everything compiles correctly
+
           // Skip build test for now - it's causing errors with undefined activeSandbox
+
           // The build test was trying to access global.activeSandbox from the frontend,
+
           // but that's only available in the backend API routes
+
           console.log('[build-test] Skipping build test - would need API endpoint');
+
           
+
           // Force iframe refresh after applying code
+
           const refreshDelay = appConfig.codeApplication.defaultRefreshDelay; // Allow Vite to process changes
+
           
+
           setTimeout(() => {
+
             if (iframeRef.current && sandboxData?.url) {
+
               console.log('[home] Refreshing iframe after code application...');
+
               
+
               // Method 1: Change src with timestamp
+
               const urlWithTimestamp = `${sandboxData.url}?t=${Date.now()}&applied=true`;
+
               iframeRef.current.src = urlWithTimestamp;
+
               
+
               // Method 2: Force reload after a short delay
+
               setTimeout(() => {
+
                 try {
+
                   if (iframeRef.current?.contentWindow) {
+
                     iframeRef.current.contentWindow.location.reload();
+
                     console.log('[home] Force reloaded iframe content');
+
                   }
+
                 } catch (e) {
+
                   console.log('[home] Could not reload iframe (cross-origin):', e);
+
                 }
+
               }, 1000);
+
             }
+
           }, refreshDelay);
+
           
+
           // Vite error checking removed - handled by template setup
+
         }
+
         
+
           // Give Vite HMR a moment to detect changes, then ensure refresh
+
           if (iframeRef.current && sandboxData?.url) {
+
             // Wait for Vite to process the file changes
+
             // If packages were installed, wait longer for Vite to restart
+
             const packagesInstalled = results?.packagesInstalled?.length > 0 || data.results?.packagesInstalled?.length > 0;
+
             const refreshDelay = packagesInstalled ? appConfig.codeApplication.packageInstallRefreshDelay : appConfig.codeApplication.defaultRefreshDelay;
+
             console.log(`[applyGeneratedCode] Packages installed: ${packagesInstalled}, refresh delay: ${refreshDelay}ms`);
+
             
+
             setTimeout(async () => {
+
             if (iframeRef.current && sandboxData?.url) {
+
               console.log('[applyGeneratedCode] Starting iframe refresh sequence...');
+
               console.log('[applyGeneratedCode] Current iframe src:', iframeRef.current.src);
+
               console.log('[applyGeneratedCode] Sandbox URL:', sandboxData.url);
+
               
+
               // Method 1: Try direct navigation first
+
               try {
+
                 const urlWithTimestamp = `${sandboxData.url}?t=${Date.now()}&force=true`;
+
                 console.log('[applyGeneratedCode] Attempting direct navigation to:', urlWithTimestamp);
+
                 
+
                 // Remove any existing onload handler
+
                 iframeRef.current.onload = null;
+
                 
+
                 // Navigate directly
+
                 iframeRef.current.src = urlWithTimestamp;
+
                 
+
                 // Wait a bit and check if it loaded
+
                 await new Promise(resolve => setTimeout(resolve, 2000));
+
                 
+
                 // Try to access the iframe content to verify it loaded
+
                 try {
+
                   const iframeDoc = iframeRef.current.contentDocument || iframeRef.current.contentWindow?.document;
+
                   if (iframeDoc && iframeDoc.readyState === 'complete') {
+
                     console.log('[applyGeneratedCode] Iframe loaded successfully');
+
                     return;
+
                   }
+
                 } catch (e) {
+
                   console.log('[applyGeneratedCode] Cannot access iframe content (CORS), assuming loaded');
+
                   return;
+
                 }
+
               } catch (e) {
+
                 console.error('[applyGeneratedCode] Direct navigation failed:', e);
+
               }
+
               
+
               // Method 2: Force complete iframe recreation if direct navigation failed
+
               console.log('[applyGeneratedCode] Falling back to iframe recreation...');
+
               const parent = iframeRef.current.parentElement;
+
               const newIframe = document.createElement('iframe');
+
               
+
               // Copy attributes
+
               newIframe.className = iframeRef.current.className;
+
               newIframe.title = iframeRef.current.title;
+
               newIframe.allow = iframeRef.current.allow;
+
               // Copy sandbox attributes
+
               const sandboxValue = iframeRef.current.getAttribute('sandbox');
+
               if (sandboxValue) {
+
                 newIframe.setAttribute('sandbox', sandboxValue);
+
               }
+
               
+
               // Remove old iframe
+
               iframeRef.current.remove();
+
               
+
               // Add new iframe
+
               newIframe.src = `${sandboxData.url}?t=${Date.now()}&recreated=true`;
+
               parent?.appendChild(newIframe);
+
               
+
               // Update ref
+
               (iframeRef as any).current = newIframe;
+
               
+
               console.log('[applyGeneratedCode] Iframe recreated with new content');
+
             } else {
+
               console.error('[applyGeneratedCode] No iframe or sandbox URL available for refresh');
+
             }
+
           }, refreshDelay); // Dynamic delay based on whether packages were installed
+
         }
+
         
+
         } else {
+
           throw new Error(finalData?.error || 'Failed to apply code');
+
         }
+
       } else {
+
         // If no final data was received, still close loading
+
         addChatMessage('Code application may have partially succeeded. Check the preview.', 'system');
+
       }
+
     } catch (error: any) {
+
       log(`Failed to apply code: ${error.message}`, 'error');
+
     } finally {
+
       setLoading(false);
+
       // Clear isEdit flag after applying code
+
       setGenerationProgress(prev => ({
+
         ...prev,
+
         isEdit: false
+
       }));
+
     }
+
   };
 
+
+
   const fetchSandboxFiles = async () => {
+
     if (!sandboxData) return;
+
     
+
     try {
+
       const response = await fetch('/api/get-sandbox-files', {
+
         method: 'GET',
+
         headers: {
+
           'Content-Type': 'application/json',
+
         }
+
       });
+
       
+
       if (response.ok) {
+
         const data = await response.json();
+
         if (data.success) {
+
           setSandboxFiles(data.files || {});
+
           setFileStructure(data.structure || '');
+
           console.log('[fetchSandboxFiles] Updated file list:', Object.keys(data.files || {}).length, 'files');
+
         }
+
       }
+
     } catch (error) {
+
       console.error('[fetchSandboxFiles] Error fetching files:', error);
+
     }
+
   };
+
   
+
   const restartViteServer = async () => {
+
     try {
+
       addChatMessage('Restarting Vite dev server...', 'system');
+
       
+
       const response = await fetch('/api/restart-vite', {
+
         method: 'POST',
+
         headers: { 'Content-Type': 'application/json' }
+
       });
+
       
+
       if (response.ok) {
+
         const data = await response.json();
+
         if (data.success) {
+
           addChatMessage('✓ Vite dev server restarted successfully!', 'system');
+
           
+
           // Refresh the iframe after a short delay
+
           setTimeout(() => {
+
             if (iframeRef.current && sandboxData?.url) {
+
               iframeRef.current.src = `${sandboxData.url}?t=${Date.now()}`;
+
             }
+
           }, 2000);
+
         } else {
+
           addChatMessage(`Failed to restart Vite: ${data.error}`, 'error');
+
         }
+
       } else {
+
         addChatMessage('Failed to restart Vite server', 'error');
+
       }
+
     } catch (error) {
+
       console.error('[restartViteServer] Error:', error);
+
       addChatMessage(`Error restarting Vite: ${error instanceof Error ? error.message : 'Unknown error'}`, 'error');
+
     }
+
   };
 
+
+
   const applyCode = async () => {
+
     const code = promptInput.trim();
+
     if (!code) {
+
       log('Please enter some code first', 'error');
+
       addChatMessage('No code to apply. Please generate code first.', 'system');
+
       return;
+
     }
+
     
+
     // Prevent double clicks
+
     if (loading) {
+
       console.log('[applyCode] Already loading, skipping...');
+
       return;
+
     }
+
     
+
     // Determine if this is an edit based on whether we have applied code before
+
     const isEdit = conversationContext.appliedCode.length > 0;
+
     await applyGeneratedCode(code, isEdit);
+
   };
 
+
+
   const renderMainContent = () => {
+
     if (activeTab === 'generation' && (generationProgress.isGenerating || generationProgress.files.length > 0)) {
+
       return (
+
         /* Generation Tab Content */
+
         <div className="absolute inset-0 flex overflow-hidden">
+
           {/* File Explorer - Hide during edits */}
+
           {!generationProgress.isEdit && (
+
             <div className="w-[250px] border-r border-gray-200 bg-white flex flex-col flex-shrink-0">
+
             <div className="p-3 bg-gray-100 text-gray-900 flex items-center justify-between">
+
               <div className="flex items-center gap-2">
+
                 <BsFolderFill className="w-4 h-4" />
+
                 <span className="text-sm font-medium">Explorer</span>
+
               </div>
+
             </div>
+
             
+
             {/* File Tree */}
+
             <div className="flex-1 overflow-y-auto p-2 scrollbar-hide">
+
               <div className="text-sm">
+
                 {/* Root app folder */}
+
                 <div 
+
                   className="flex items-center gap-1 py-1 px-2 hover:bg-gray-100 rounded cursor-pointer text-gray-700"
+
                   onClick={() => toggleFolder('app')}
+
                 >
+
                   {expandedFolders.has('app') ? (
+
                     <FiChevronDown className="w-4 h-4 text-gray-600" />
+
                   ) : (
+
                     <FiChevronRight className="w-4 h-4 text-gray-600" />
+
                   )}
+
                   {expandedFolders.has('app') ? (
+
                     <BsFolder2Open className="w-4 h-4 text-blue-500" />
+
                   ) : (
+
                     <BsFolderFill className="w-4 h-4 text-blue-500" />
+
                   )}
+
                   <span className="font-medium text-gray-800">app</span>
+
                 </div>
+
                 
+
                 {expandedFolders.has('app') && (
+
                   <div className="ml-4">
+
                     {/* Group files by directory */}
+
                     {(() => {
+
                       const fileTree: { [key: string]: Array<{ name: string; edited?: boolean }> } = {};
+
                       
+
                       // Create a map of edited files
+
                       const editedFiles = new Set(
+
                         generationProgress.files
-                          .filter(f => f.edited)
+
+                          .filter(f => f.completed)
+
                           .map(f => f.path)
+
                       );
+
                       
+
                       // Process all files from generation progress
+
                       generationProgress.files.forEach(file => {
+
                         const parts = file.path.split('/');
+
                         const dir = parts.length > 1 ? parts.slice(0, -1).join('/') : '';
+
                         const fileName = parts[parts.length - 1];
+
                         
+
                         if (!fileTree[dir]) fileTree[dir] = [];
+
                         fileTree[dir].push({
-                          name: fileName,
-                          edited: file.edited || false
+
+                          name: fileName
+
                         });
+
                       });
+
                       
+
                       return Object.entries(fileTree).map(([dir, files]) => (
+
                         <div key={dir} className="mb-1">
+
                           {dir && (
+
                             <div 
+
                               className="flex items-center gap-1 py-1 px-2 hover:bg-gray-100 rounded cursor-pointer text-gray-700"
+
                               onClick={() => toggleFolder(dir)}
+
                             >
+
                               {expandedFolders.has(dir) ? (
+
                                 <FiChevronDown className="w-4 h-4 text-gray-600" />
+
                               ) : (
+
                                 <FiChevronRight className="w-4 h-4 text-gray-600" />
+
                               )}
+
                               {expandedFolders.has(dir) ? (
+
                                 <BsFolder2Open className="w-4 h-4 text-yellow-600" />
+
                               ) : (
+
                                 <BsFolderFill className="w-4 h-4 text-yellow-600" />
+
                               )}
+
                               <span className="text-gray-700">{dir.split('/').pop()}</span>
+
                             </div>
+
                           )}
+
                           {(!dir || expandedFolders.has(dir)) && (
+
                             <div className={dir ? 'ml-6' : ''}>
+
                               {files.sort((a, b) => a.name.localeCompare(b.name)).map(fileInfo => {
+
                                 const fullPath = dir ? `${dir}/${fileInfo.name}` : fileInfo.name;
+
                                 const isSelected = selectedFile === fullPath;
+
                                 
+
                                 return (
+
                                   <div 
+
                                     key={fullPath} 
+
                                     className={`flex items-center gap-2 py-1 px-2 rounded cursor-pointer transition-all ${
+
                                       isSelected 
+
                                         ? 'bg-blue-500 text-white' 
+
                                         : 'text-gray-700 hover:bg-gray-100'
+
                                     }`}
+
                                     onClick={() => handleFileClick(fullPath)}
+
                                   >
+
                                     {getFileIcon(fileInfo.name)}
+
                                     <span className={`text-xs flex items-center gap-1 ${isSelected ? 'font-medium' : ''}`}>
+
                                       {fileInfo.name}
+
                                       {fileInfo.edited && (
+
                                         <span className={`text-[10px] px-1 rounded ${
+
                                           isSelected ? 'bg-blue-400' : 'bg-orange-500 text-white'
+
                                         }`}>✓</span>
+
                                       )}
+
                                     </span>
+
                                   </div>
+
                                 );
+
                               })}
+
                             </div>
+
                           )}
+
                         </div>
+
                       ));
+
                     })()}
+
                   </div>
+
                 )}
+
               </div>
+
             </div>
+
           </div>
+
           )}
+
           
+
           {/* Code Content */}
+
           <div className="flex-1 flex flex-col overflow-hidden">
+
             {/* Thinking Mode Display - Only show during active generation */}
+
             {generationProgress.isGenerating && (generationProgress.isThinking || generationProgress.thinkingText) && (
+
               <div className="px-6 pb-6">
+
                 <div className="flex items-center gap-2 mb-2">
+
                   <div className="text-purple-600 font-medium flex items-center gap-2">
+
                     {generationProgress.isThinking ? (
+
                       <>
+
                         <div className="w-2 h-2 bg-purple-600 rounded-full animate-pulse" />
-                        AI is thinking...
+
+                        Думаю, как лучше помочь...
+
                       </>
+
                     ) : (
+
                       <>
-                        <span className="text-purple-600">✓</span>
+
+                        <span className="text-purple-600">Что дальше?</span>
+
                         Thought for {generationProgress.thinkingDuration || 0} seconds
+
                       </>
+
                     )}
+
                   </div>
+
                 </div>
+
                 {generationProgress.thinkingText && (
+
                   <div className="bg-purple-950 border border-purple-700 rounded-lg p-4 max-h-48 overflow-y-auto scrollbar-hide">
+
                     <pre className="text-xs font-mono text-purple-300 whitespace-pre-wrap">
+
                       {generationProgress.thinkingText}
+
                     </pre>
+
                   </div>
+
                 )}
+
               </div>
+
             )}
+
             
+
             {/* Live Code Display */}
+
             <div className="flex-1 rounded-lg p-6 flex flex-col min-h-0 overflow-hidden">
+
               <div className="flex-1 overflow-y-auto min-h-0 scrollbar-hide" ref={codeDisplayRef}>
+
                 {/* Show selected file if one is selected */}
+
                 {selectedFile ? (
+
                   <div className="animate-in fade-in slide-in-from-top-2 duration-300">
+
                     <div className="bg-black border border-gray-200 rounded-lg overflow-hidden shadow-sm">
+
                       <div className="px-4 py-2 bg-[#36322F] text-white flex items-center justify-between">
+
                         <div className="flex items-center gap-2">
+
                           {getFileIcon(selectedFile)}
+
                           <span className="font-mono text-sm">{selectedFile}</span>
+
                         </div>
+
                         <button
+
                           onClick={() => setSelectedFile(null)}
+
                           className="hover:bg-black/20 p-1 rounded transition-colors"
+
                         >
+
                           <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+
                             <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+
                           </svg>
+
                         </button>
+
                       </div>
+
                       <div className="bg-gray-900 border border-gray-700 rounded">
+
                         <SyntaxHighlighter
+
                           language={(() => {
+
                             const ext = selectedFile.split('.').pop()?.toLowerCase();
+
                             if (ext === 'css') return 'css';
+
                             if (ext === 'json') return 'json';
+
                             if (ext === 'html') return 'html';
+
                             return 'jsx';
+
                           })()}
+
                           style={vscDarkPlus}
+
                           customStyle={{
+
                             margin: 0,
+
                             padding: '1rem',
+
                             fontSize: '0.875rem',
+
                             background: 'transparent',
+
                           }}
+
                           showLineNumbers={true}
+
                         >
+
                           {(() => {
+
                             // Find the file content from generated files
+
                             const file = generationProgress.files.find(f => f.path === selectedFile);
+
                             return file?.content || '// File content will appear here';
+
                           })()}
+
                         </SyntaxHighlighter>
+
                       </div>
+
                     </div>
+
                   </div>
+
                 ) : /* If no files parsed yet, show loading or raw stream */
+
                 generationProgress.files.length === 0 && !generationProgress.currentFile ? (
+
                   generationProgress.isThinking ? (
+
                     // Beautiful loading state while thinking
+
                     <div className="flex items-center justify-center h-full">
+
                       <div className="text-center">
+
                         <div className="mb-8 relative">
+
                           <div className="w-24 h-24 mx-auto">
+
                             <div className="absolute inset-0 border-4 border-gray-800 rounded-full"></div>
+
                             <div className="absolute inset-0 border-4 border-green-500 rounded-full animate-spin border-t-transparent"></div>
+
                           </div>
+
                         </div>
-                        <h3 className="text-xl font-medium text-white mb-2">AI is analyzing your request</h3>
-                        <p className="text-gray-400 text-sm">{generationProgress.status || 'Preparing to generate code...'}</p>
+
+                        <h3 className="text-xl font-medium text-white mb-2">ИИ анализирует ваш запрос</h3>
+
+                        <p className="text-gray-400 text-sm">{generationProgress.status || 'Подготовка к генерации кода...'}</p>
+
                       </div>
+
                     </div>
+
                   ) : (
+
                     <div className="bg-black border border-gray-200 rounded-lg overflow-hidden">
+
                       <div className="px-4 py-2 bg-gray-100 text-gray-900 flex items-center justify-between">
+
                         <div className="flex items-center gap-2">
+
                           <div className="w-3 h-3 border-2 border-orange-500 border-t-transparent rounded-full animate-spin" />
-                          <span className="font-mono text-sm">Streaming code...</span>
+
+                          <span className="font-mono text-sm">Потоковая генерация кода...</span>
+
                         </div>
+
                       </div>
+
                       <div className="p-4 bg-gray-900 rounded">
+
                         <SyntaxHighlighter
+
                           language="jsx"
+
                           style={vscDarkPlus}
+
                           customStyle={{
+
                             margin: 0,
+
                             padding: '1rem',
+
                             fontSize: '0.875rem',
+
                             background: 'transparent',
+
                           }}
+
                           showLineNumbers={true}
+
                         >
-                          {generationProgress.streamedCode || 'Starting code generation...'}
+
+                          {generationProgress.streamedCode || 'Начало генерации кода...'}
+
                         </SyntaxHighlighter>
+
                         <span className="inline-block w-2 h-4 bg-orange-400 ml-1 animate-pulse" />
+
                       </div>
+
                     </div>
+
                   )
+
                 ) : (
+
                   <div className="space-y-4">
+
                     {/* Show current file being generated */}
+
                     {generationProgress.currentFile && (
+
                       <div className="bg-black border-2 border-gray-400 rounded-lg overflow-hidden shadow-sm">
+
                         <div className="px-4 py-2 bg-[#36322F] text-white flex items-center justify-between">
+
                           <div className="flex items-center gap-2">
+
                             <div className="w-3 h-3 border-2 border-white border-t-transparent rounded-full animate-spin" />
+
                             <span className="font-mono text-sm">{generationProgress.currentFile.path}</span>
+
                             <span className={`px-2 py-0.5 text-xs rounded ${
+
                               generationProgress.currentFile.type === 'css' ? 'bg-blue-600 text-white' :
+
                               generationProgress.currentFile.type === 'javascript' ? 'bg-yellow-600 text-white' :
+
                               generationProgress.currentFile.type === 'json' ? 'bg-green-600 text-white' :
+
                               'bg-gray-200 text-gray-700'
+
                             }`}>
+
                               {generationProgress.currentFile.type === 'javascript' ? 'JSX' : generationProgress.currentFile.type.toUpperCase()}
+
                             </span>
+
                           </div>
+
                         </div>
+
                         <div className="bg-gray-900 border border-gray-700 rounded">
+
                           <SyntaxHighlighter
+
                             language={
+
                               generationProgress.currentFile.type === 'css' ? 'css' :
+
                               generationProgress.currentFile.type === 'json' ? 'json' :
+
                               generationProgress.currentFile.type === 'html' ? 'html' :
+
                               'jsx'
+
                             }
+
                             style={vscDarkPlus}
+
                             customStyle={{
+
                               margin: 0,
+
                               padding: '1rem',
+
                               fontSize: '0.75rem',
+
                               background: 'transparent',
+
                             }}
+
                             showLineNumbers={true}
+
                           >
+
                             {generationProgress.currentFile.content}
+
                           </SyntaxHighlighter>
+
                           <span className="inline-block w-2 h-3 bg-orange-400 ml-4 mb-4 animate-pulse" />
+
                         </div>
+
                       </div>
+
                     )}
+
                     
+
                     {/* Show completed files */}
+
                     {generationProgress.files.map((file, idx) => (
+
                       <div key={idx} className="bg-white border border-gray-200 rounded-lg overflow-hidden">
+
                         <div className="px-4 py-2 bg-[#36322F] text-white flex items-center justify-between">
+
                           <div className="flex items-center gap-2">
+
                             <span className="text-green-500">✓</span>
+
                             <span className="font-mono text-sm">{file.path}</span>
+
                           </div>
+
                           <span className={`px-2 py-0.5 text-xs rounded ${
+
                             file.type === 'css' ? 'bg-blue-600 text-white' :
+
                             file.type === 'javascript' ? 'bg-yellow-600 text-white' :
+
                             file.type === 'json' ? 'bg-green-600 text-white' :
+
                             'bg-gray-200 text-gray-700'
+
                           }`}>
+
                             {file.type === 'javascript' ? 'JSX' : file.type.toUpperCase()}
+
                           </span>
+
                         </div>
+
                         <div className="bg-gray-900 border border-gray-700  max-h-48 overflow-y-auto scrollbar-hide">
+
                           <SyntaxHighlighter
+
                             language={
+
                               file.type === 'css' ? 'css' :
+
                               file.type === 'json' ? 'json' :
+
                               file.type === 'html' ? 'html' :
+
                               'jsx'
+
                             }
+
                             style={vscDarkPlus}
+
                             customStyle={{
+
                               margin: 0,
+
                               padding: '1rem',
+
                               fontSize: '0.75rem',
+
                               background: 'transparent',
+
                             }}
+
                             showLineNumbers={true}
+
                             wrapLongLines={true}
+
                           >
+
                             {file.content}
+
                           </SyntaxHighlighter>
+
                         </div>
+
                       </div>
+
                     ))}
+
                     
+
                     {/* Show remaining raw stream if there's content after the last file */}
+
                     {!generationProgress.currentFile && generationProgress.streamedCode.length > 0 && (
+
                       <div className="bg-black border border-gray-200 rounded-lg overflow-hidden">
+
                         <div className="px-4 py-2 bg-[#36322F] text-white flex items-center justify-between">
+
                           <div className="flex items-center gap-2">
+
                             <div className="w-3 h-3 border-2 border-gray-400 border-t-transparent rounded-full animate-spin" />
+
                             <span className="font-mono text-sm">Processing...</span>
+
                           </div>
+
                         </div>
+
                         <div className="bg-gray-900 border border-gray-700 rounded">
+
                           <SyntaxHighlighter
+
                             language="jsx"
+
                             style={vscDarkPlus}
+
                             customStyle={{
+
                               margin: 0,
+
                               padding: '1rem',
+
                               fontSize: '0.75rem',
+
                               background: 'transparent',
+
                             }}
+
                             showLineNumbers={false}
+
                           >
+
                             {(() => {
+
                               // Show only the tail of the stream after the last file
+
                               const lastFileEnd = generationProgress.files.length > 0 
+
                                 ? generationProgress.streamedCode.lastIndexOf('</file>') + 7
+
                                 : 0;
+
                               let remainingContent = generationProgress.streamedCode.slice(lastFileEnd).trim();
+
                               
+
                               // Remove explanation tags and content
+
                               remainingContent = remainingContent.replace(/<explanation>[\s\S]*?<\/explanation>/g, '').trim();
+
                               
+
                               // If only whitespace or nothing left, show waiting message
+
                               return remainingContent || 'Waiting for next file...';
+
                             })()}
+
                           </SyntaxHighlighter>
+
                         </div>
+
                       </div>
+
                     )}
+
                   </div>
+
                 )}
+
               </div>
+
             </div>
+
             
+
             {/* Progress indicator */}
+
             {generationProgress.components.length > 0 && (
+
               <div className="mx-6 mb-6">
+
                 <div className="h-2 bg-gray-200 rounded-full overflow-hidden">
+
                   <div 
+
                     className="h-full bg-gradient-to-r from-orange-500 to-orange-400 transition-all duration-300"
+
                     style={{
+
                       width: `${(generationProgress.currentComponent / Math.max(generationProgress.components.length, 1)) * 100}%`
+
                     }}
+
                   />
+
                 </div>
+
               </div>
+
             )}
+
           </div>
+
         </div>
+
       );
+
     } else if (activeTab === 'preview') {
+
       // Show screenshot when we have one and (loading OR generating OR no sandbox yet)
+
       if (urlScreenshot && (loading || generationProgress.isGenerating || !sandboxData?.url || isPreparingDesign)) {
+
         return (
+
           <div className="relative w-full h-full bg-gray-100">
+
             <img 
+
               src={urlScreenshot} 
+
               alt="Website preview" 
+
               className="w-full h-full object-contain"
+
             />
+
             {(generationProgress.isGenerating || isPreparingDesign) && (
+
               <div className="absolute inset-0 bg-black/40 flex items-center justify-center">
+
                 <div className="text-center bg-black/70 rounded-lg p-6 backdrop-blur-sm">
+
                   <div className="w-12 h-12 border-3 border-gray-300 border-t-white rounded-full animate-spin mx-auto mb-3" />
+
                   <p className="text-white text-sm font-medium">
+
                     {generationProgress.isGenerating ? 'Generating code...' : `Preparing your design for ${targetUrl}...`}
+
                   </p>
+
                 </div>
+
               </div>
+
             )}
+
           </div>
+
         );
+
       }
+
       
+
       // Check loading stage FIRST to prevent showing old sandbox
+
       // Don't show loading overlay for edits
+
       if (loadingStage || (generationProgress.isGenerating && !generationProgress.isEdit)) {
+
         return (
+
           <div className="relative w-full h-full bg-gray-50 flex items-center justify-center">
+
             <div className="text-center">
+
               <div className="mb-8">
+
                 <div className="w-16 h-16 border-4 border-orange-200 border-t-orange-500 rounded-full animate-spin mx-auto"></div>
+
               </div>
+
               <h3 className="text-xl font-semibold text-gray-800 mb-2">
-                {loadingStage === 'gathering' && 'Gathering website information...'}
-                {loadingStage === 'planning' && 'Planning your design...'}
-                {(loadingStage === 'generating' || generationProgress.isGenerating) && 'Generating your application...'}
+
+                {loadingStage === 'gathering' && 'Сбор информации о веб-сайте...'}
+
+                {loadingStage === 'planning' && 'Планирование вашего дизайна...'}
+
+                {(loadingStage === 'generating' || generationProgress.isGenerating) && 'Генерация вашего приложения...'}
+
               </h3>
+
               <p className="text-gray-600 text-sm">
-                {loadingStage === 'gathering' && 'Analyzing the website structure and content'}
-                {loadingStage === 'planning' && 'Creating the optimal React component architecture'}
-                {(loadingStage === 'generating' || generationProgress.isGenerating) && 'Writing clean, modern code for your app'}
+
+                {loadingStage === 'gathering' && 'Анализ структуры и содержания веб-сайта'}
+
+                {loadingStage === 'planning' && 'Создание оптимальной архитектуры React компонентов'}
+
+                {(loadingStage === 'generating' || generationProgress.isGenerating) && 'Написание чистого, современного кода для вашего приложения'}
+
               </p>
+
             </div>
+
           </div>
+
         );
+
       }
+
       
+
       // Show sandbox iframe only when not in any loading state
+
       if (sandboxData?.url && !loading) {
+
         return (
+
           <div className="relative w-full h-full">
+
             <iframe
+
               ref={iframeRef}
+
               src={sandboxData.url}
+
               className="w-full h-full border-none"
+
               title="Open Lovable Sandbox"
+
               allow="clipboard-write"
+
               sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-modals"
+
             />
+
             {/* Refresh button */}
+
             <button
+
               onClick={() => {
+
                 if (iframeRef.current && sandboxData?.url) {
+
                   console.log('[Manual Refresh] Forcing iframe reload...');
+
                   const newSrc = `${sandboxData.url}?t=${Date.now()}&manual=true`;
+
                   iframeRef.current.src = newSrc;
+
                 }
+
               }}
+
               className="absolute bottom-4 right-4 bg-white/90 hover:bg-white text-gray-700 p-2 rounded-lg shadow-lg transition-all duration-200 hover:scale-105"
+
               title="Refresh sandbox"
+
             >
+
               <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+
                 <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+
               </svg>
+
             </button>
+
           </div>
+
         );
+
       }
+
       
+
       // Show loading animation when capturing screenshot
+
       if (isCapturingScreenshot) {
+
         return (
+
           <div className="flex items-center justify-center h-full bg-gray-900">
+
             <div className="text-center">
+
               <div className="w-12 h-12 border-3 border-gray-600 border-t-white rounded-full animate-spin mx-auto mb-4" />
-              <h3 className="text-lg font-medium text-white">Gathering website information</h3>
+
+              <h3 className="text-lg font-medium text-white">Сбор информации о веб-сайте</h3>
+
             </div>
+
           </div>
+
         );
+
       }
+
       
+
       // Default state when no sandbox and no screenshot
+
       return (
+
         <div className="flex items-center justify-center h-full bg-gray-50 text-gray-600 text-lg">
+
           {screenshotError ? (
+
             <div className="text-center">
+
               <p className="mb-2">Failed to capture screenshot</p>
+
               <p className="text-sm text-gray-500">{screenshotError}</p>
+
             </div>
+
           ) : sandboxData ? (
+
             <div className="text-gray-500">
+
               <div className="w-8 h-8 border-2 border-gray-300 border-t-transparent rounded-full animate-spin mx-auto mb-2" />
-              <p className="text-sm">Loading preview...</p>
+
+              <p className="text-sm">Загрузка предварительного просмотра...</p>
+
             </div>
+
           ) : (
+
             <div className="text-gray-500 text-center">
-              <p className="text-sm">Start chatting to create your first app</p>
+
+              <p className="text-sm">Начните общение, чтобы создать ваше первое приложение</p>
+
             </div>
+
           )}
+
         </div>
+
       );
+
     }
+
     return null;
+
   };
 
+
+
   const sendChatMessage = async () => {
+
     const message = aiChatInput.trim();
+
     if (!message) return;
+
     
+
     if (!aiEnabled) {
+
       addChatMessage('AI is disabled. Please enable it first.', 'system');
+
       return;
+
     }
+
     
+
     addChatMessage(message, 'user');
+
     setAiChatInput('');
+
     
+
     // Check for special commands
+
     const lowerMessage = message.toLowerCase().trim();
+
     if (lowerMessage === 'check packages' || lowerMessage === 'install packages' || lowerMessage === 'npm install') {
+
       if (!sandboxData) {
+
         addChatMessage('No active sandbox. Create a sandbox first!', 'system');
+
         return;
+
       }
+
       await checkAndInstallPackages();
+
       return;
+
     }
+
     
+
     // Start sandbox creation in parallel if needed
+
     let sandboxPromise: Promise<void> | null = null;
+
     let sandboxCreating = false;
+
     
-    if (!sandboxData) {
-      sandboxCreating = true;
-      addChatMessage('Creating sandbox while I plan your app...', 'system');
+
+    // Always create fresh sandbox\n    sandboxCreating = true;\n    addChatMessage('Создание нового песочницы...', 'system');
+
       sandboxPromise = createSandbox(true).catch((error: any) => {
+
         addChatMessage(`Failed to create sandbox: ${error.message}`, 'system');
+
         throw error;
+
       });
-    }
-    
-    // Determine if this is an edit
+
+    await sandboxPromise;// Determine if this is an edit
+
     const isEdit = conversationContext.appliedCode.length > 0;
+
     
+
     try {
+
       // Generation tab is already active from scraping phase
+
       setGenerationProgress(prev => ({
+
         ...prev,  // Preserve all existing state
+
         isGenerating: true,
+
         status: 'Starting AI generation...',
+
         components: [],
+
         currentComponent: 0,
+
         streamedCode: '',
+
         isStreaming: false,
+
         isThinking: true,
+
         thinkingText: 'Analyzing your request...',
+
         thinkingDuration: undefined,
+
         currentFile: undefined,
+
         lastProcessedPosition: 0,
+
         // Add isEdit flag to generation progress
+
         isEdit: isEdit,
+
         // Keep existing files for edits - we'll mark edited ones differently
+
         files: prev.files
+
       }));
+
       
+
       // Backend now manages file state - no need to fetch from frontend
+
       console.log('[chat] Using backend file cache for context');
+
       
+
       const fullContext = {
+
         sandboxId: sandboxData?.sandboxId || (sandboxCreating ? 'pending' : null),
+
         structure: structureContent,
+
         recentMessages: chatMessages.slice(-20),
+
         conversationContext: conversationContext,
+
         currentCode: promptInput,
+
         sandboxUrl: sandboxData?.url,
+
         sandboxCreating: sandboxCreating
+
       };
+
       
+
       // Debug what we're sending
+
       console.log('[chat] Sending context to AI:');
+
       console.log('[chat] - sandboxId:', fullContext.sandboxId);
+
       console.log('[chat] - isEdit:', conversationContext.appliedCode.length > 0);
+
       
+
       const response = await fetch('/api/generate-ai-code-stream', {
+
         method: 'POST',
+
         headers: { 'Content-Type': 'application/json' },
+
         body: JSON.stringify({
+
           prompt: message,
+
           model: aiModel,
+
           context: fullContext,
+
           isEdit: conversationContext.appliedCode.length > 0
+
         })
+
       });
+
       
+
       if (!response.ok) {
+
         throw new Error(`HTTP error! status: ${response.status}`);
+
       }
+
       
+
       const reader = response.body?.getReader();
+
       const decoder = new TextDecoder();
+
       let generatedCode = '';
+
       let explanation = '';
+
       
+
       if (reader) {
+
         while (true) {
+
           const { done, value } = await reader.read();
+
           if (done) break;
+
           
+
           const chunk = decoder.decode(value);
+
           const lines = chunk.split('\n');
+
           
+
           for (const line of lines) {
+
             if (line.startsWith('data: ')) {
+
               try {
+
                 const data = JSON.parse(line.slice(6));
+
                 
+
                 if (data.type === 'status') {
+
                   setGenerationProgress(prev => ({ ...prev, status: data.message }));
+
                 } else if (data.type === 'thinking') {
+
                   setGenerationProgress(prev => ({ 
+
                     ...prev, 
+
                     isThinking: true,
+
                     thinkingText: (prev.thinkingText || '') + data.text
+
                   }));
+
                 } else if (data.type === 'thinking_complete') {
+
                   setGenerationProgress(prev => ({ 
+
                     ...prev, 
+
                     isThinking: false,
+
                     thinkingDuration: data.duration
+
                   }));
+
                 } else if (data.type === 'conversation') {
+
                   // Add conversational text to chat only if it's not code
+
                   let text = data.text || '';
+
                   
+
                   // Remove package tags from the text
+
                   text = text.replace(/<package>[^<]*<\/package>/g, '');
+
                   text = text.replace(/<packages>[^<]*<\/packages>/g, '');
+
                   
+
                   // Filter out any XML tags and file content that slipped through
+
                   if (!text.includes('<file') && !text.includes('import React') && 
+
                       !text.includes('export default') && !text.includes('className=') &&
+
                       text.trim().length > 0) {
+
                     addChatMessage(text.trim(), 'ai');
+
                   }
+
                 } else if (data.type === 'stream' && data.raw) {
+
                   setGenerationProgress(prev => {
+
                     const newStreamedCode = prev.streamedCode + data.text;
+
                     
+
                     // Tab is already switched after scraping
+
                     
+
                     const updatedState = { 
+
                       ...prev, 
+
                       streamedCode: newStreamedCode,
+
                       isStreaming: true,
+
                       isThinking: false,
+
                       status: 'Generating code...'
+
                     };
+
                     
+
                     // Process complete files from the accumulated stream
+
                     const fileRegex = /<file path="([^"]+)">([^]*?)<\/file>/g;
+
                     let match;
+
                     const processedFiles = new Set(prev.files.map(f => f.path));
+
                     
+
                     while ((match = fileRegex.exec(newStreamedCode)) !== null) {
+
                       const filePath = match[1];
+
                       const fileContent = match[2];
+
                       
+
                       // Only add if we haven't processed this file yet
+
                       if (!processedFiles.has(filePath)) {
+
                         const fileExt = filePath.split('.').pop() || '';
+
                         const fileType = fileExt === 'jsx' || fileExt === 'js' ? 'javascript' :
+
                                         fileExt === 'css' ? 'css' :
+
                                         fileExt === 'json' ? 'json' :
+
                                         fileExt === 'html' ? 'html' : 'text';
+
                         
+
                         // Check if file already exists
+
                         const existingFileIndex = updatedState.files.findIndex(f => f.path === filePath);
+
                         
+
                         if (existingFileIndex >= 0) {
+
                           // Update existing file and mark as edited
+
                           updatedState.files = [
+
                             ...updatedState.files.slice(0, existingFileIndex),
+
                             {
+
                               ...updatedState.files[existingFileIndex],
+
                               content: fileContent.trim(),
+
                               type: fileType,
+
                               completed: true,
-                              edited: true
+
+
+
                             },
+
                             ...updatedState.files.slice(existingFileIndex + 1)
+
                           ];
+
                         } else {
+
                           // Add new file
+
                           updatedState.files = [...updatedState.files, {
+
                             path: filePath,
+
                             content: fileContent.trim(),
+
                             type: fileType,
+
                             completed: true,
-                            edited: false
+
+
+
                           }];
+
                         }
+
                         
+
                         // Only show file status if not in edit mode
+
                         if (!prev.isEdit) {
+
                           updatedState.status = `Completed ${filePath}`;
+
                         }
+
                         processedFiles.add(filePath);
+
                       }
+
                     }
+
                     
+
                     // Check for current file being generated (incomplete file at the end)
+
                     const lastFileMatch = newStreamedCode.match(/<file path="([^"]+)">([^]*?)$/);
+
                     if (lastFileMatch && !lastFileMatch[0].includes('</file>')) {
+
                       const filePath = lastFileMatch[1];
+
                       const partialContent = lastFileMatch[2];
+
                       
+
                       if (!processedFiles.has(filePath)) {
+
                         const fileExt = filePath.split('.').pop() || '';
+
                         const fileType = fileExt === 'jsx' || fileExt === 'js' ? 'javascript' :
+
                                         fileExt === 'css' ? 'css' :
+
                                         fileExt === 'json' ? 'json' :
+
                                         fileExt === 'html' ? 'html' : 'text';
+
                         
+
                         updatedState.currentFile = { 
+
                           path: filePath, 
+
                           content: partialContent, 
+
                           type: fileType 
+
                         };
+
                         // Only show file status if not in edit mode
+
                         if (!prev.isEdit) {
+
                           updatedState.status = `Generating ${filePath}`;
+
                         }
+
                       }
+
                     } else {
+
                       updatedState.currentFile = undefined;
+
                     }
+
                     
+
                     return updatedState;
+
                   });
+
                 } else if (data.type === 'app') {
+
                   setGenerationProgress(prev => ({ 
+
                     ...prev, 
+
                     status: 'Generated App.jsx structure'
+
                   }));
+
                 } else if (data.type === 'component') {
+
                   setGenerationProgress(prev => ({
+
                     ...prev,
+
                     status: `Generated ${data.name}`,
+
                     components: [...prev.components, { 
+
                       name: data.name, 
+
                       path: data.path, 
+
                       completed: true 
+
                     }],
+
                     currentComponent: data.index
+
                   }));
+
                 } else if (data.type === 'package') {
+
                   // Handle package installation from tool calls
+
                   setGenerationProgress(prev => ({
+
                     ...prev,
+
                     status: data.message || `Installing ${data.name}`
+
                   }));
+
                 } else if (data.type === 'complete') {
+
                   generatedCode = data.generatedCode;
+
                   explanation = data.explanation;
+
                   
+
                   // Save the last generated code
+
                   setConversationContext(prev => ({
+
                     ...prev,
+
                     lastGeneratedCode: generatedCode
+
                   }));
+
                   
+
                   // Clear thinking state when generation completes
+
                   setGenerationProgress(prev => ({
+
                     ...prev,
+
                     isThinking: false,
+
                     thinkingText: undefined,
+
                     thinkingDuration: undefined
+
                   }));
+
                   
+
                   // Store packages to install from tool calls
+
                   if (data.packagesToInstall && data.packagesToInstall.length > 0) {
+
                     console.log('[generate-code] Packages to install from tools:', data.packagesToInstall);
+
                     // Store packages globally for later installation
+
                     (window as any).pendingPackages = data.packagesToInstall;
+
                   }
+
                   
+
                   // Parse all files from the completed code if not already done
+
                   const fileRegex = /<file path="([^"]+)">([^]*?)<\/file>/g;
+
                   const parsedFiles: Array<{path: string; content: string; type: string; completed: boolean}> = [];
+
                   let fileMatch;
+
                   
+
                   while ((fileMatch = fileRegex.exec(data.generatedCode)) !== null) {
+
                     const filePath = fileMatch[1];
+
                     const fileContent = fileMatch[2];
+
                     const fileExt = filePath.split('.').pop() || '';
+
                     const fileType = fileExt === 'jsx' || fileExt === 'js' ? 'javascript' :
+
                                     fileExt === 'css' ? 'css' :
+
                                     fileExt === 'json' ? 'json' :
+
                                     fileExt === 'html' ? 'html' : 'text';
+
                     
+
                     parsedFiles.push({
+
                       path: filePath,
+
                       content: fileContent.trim(),
+
                       type: fileType,
+
                       completed: true
+
                     });
+
                   }
+
                   
+
                   setGenerationProgress(prev => ({
+
                     ...prev,
+
                     status: `Generated ${parsedFiles.length > 0 ? parsedFiles.length : prev.files.length} file${(parsedFiles.length > 0 ? parsedFiles.length : prev.files.length) !== 1 ? 's' : ''}!`,
+
                     isGenerating: false,
+
                     isStreaming: false,
+
                     isEdit: prev.isEdit,
+
                     // Keep the files that were already parsed during streaming
+
                     files: prev.files.length > 0 ? prev.files : parsedFiles
+
                   }));
+
                 } else if (data.type === 'error') {
+
                   throw new Error(data.error);
+
                 }
+
               } catch (e) {
+
                 console.error('Failed to parse SSE data:', e);
+
               }
+
             }
+
           }
+
         }
+
       }
+
       
+
       if (generatedCode) {
+
         // Parse files from generated code for metadata
+
         const fileRegex = /<file path="([^"]+)">([^]*?)<\/file>/g;
+
         const generatedFiles = [];
+
         let match;
+
         while ((match = fileRegex.exec(generatedCode)) !== null) {
+
           generatedFiles.push(match[1]);
+
         }
+
         
+
         // Show appropriate message based on edit mode
+
         if (isEdit && generatedFiles.length > 0) {
+
           // For edits, show which file(s) were edited
+
           const editedFileNames = generatedFiles.map(f => f.split('/').pop()).join(', ');
+
           addChatMessage(
+
             explanation || `Updated ${editedFileNames}`,
+
             'ai',
+
             {
+
               appliedFiles: [generatedFiles[0]] // Only show the first edited file
+
             }
+
           );
+
         } else {
+
           // For new generation, show all files
+
           addChatMessage(explanation || 'Code generated!', 'ai', {
+
             appliedFiles: generatedFiles
+
           });
+
         }
+
         
+
         setPromptInput(generatedCode);
+
         // Don't show the Generated Code panel by default
+
         // setLeftPanelVisible(true);
+
         
+
         // Wait for sandbox creation if it's still in progress
+
         if (sandboxPromise) {
+
           addChatMessage('Waiting for sandbox to be ready...', 'system');
+
           try {
+
             await sandboxPromise;
+
             // Remove the waiting message
+
             setChatMessages(prev => prev.filter(msg => msg.content !== 'Waiting for sandbox to be ready...'));
+
           } catch {
+
             addChatMessage('Sandbox creation failed. Cannot apply code.', 'system');
+
             return;
+
           }
+
         }
+
         
+
         if (sandboxData && generatedCode) {
+
           // Use isEdit flag that was determined at the start
+
           await applyGeneratedCode(generatedCode, isEdit);
+
         }
+
       }
+
       
+
       // Show completion status briefly then switch to preview
+
       setGenerationProgress(prev => ({
+
         ...prev,
+
         isGenerating: false,
+
         isStreaming: false,
+
         status: 'Generation complete!',
+
         isEdit: prev.isEdit,
+
         // Clear thinking state on completion
+
         isThinking: false,
+
         thinkingText: undefined,
+
         thinkingDuration: undefined
+
       }));
+
       
+
       setTimeout(() => {
+
         // Switch to preview but keep files for display
+
         setActiveTab('preview');
+
       }, 1000); // Reduced from 3000ms to 1000ms
+
     } catch (error: any) {
+
       setChatMessages(prev => prev.filter(msg => msg.content !== 'Thinking...'));
+
       addChatMessage(`Error: ${error.message}`, 'system');
+
       // Reset generation progress and switch back to preview on error
+
       setGenerationProgress({
+
         isGenerating: false,
+
         status: '',
+
         components: [],
+
         currentComponent: 0,
+
         streamedCode: '',
+
         isStreaming: false,
+
         isThinking: false,
+
         thinkingText: undefined,
+
         thinkingDuration: undefined,
+
         files: [],
+
         currentFile: undefined,
+
         lastProcessedPosition: 0
+
       });
+
       setActiveTab('preview');
+
     }
+
   };
 
 
+
+
+
   const downloadZip = async () => {
+
     if (!sandboxData) {
+
       addChatMessage('No active sandbox to download. Create a sandbox first!', 'system');
+
       return;
+
     }
+
     
+
     setLoading(true);
+
     log('Creating zip file...');
+
     addChatMessage('Creating ZIP file of your Vite app...', 'system');
+
     
+
     try {
+
       const response = await fetch('/api/create-zip', {
+
         method: 'POST',
+
         headers: { 'Content-Type': 'application/json' }
+
       });
+
       
+
       const data = await response.json();
+
       
+
       if (data.success) {
+
         log('Zip file created!');
+
         addChatMessage('ZIP file created! Download starting...', 'system');
+
         
+
         const link = document.createElement('a');
+
         link.href = data.dataUrl;
+
         link.download = data.fileName || 'e2b-project.zip';
+
         document.body.appendChild(link);
+
         link.click();
+
         document.body.removeChild(link);
+
         
+
         addChatMessage(
+
           'Your Vite app has been downloaded! To run it locally:\n' +
+
           '1. Unzip the file\n' +
+
           '2. Run: npm install\n' +
+
           '3. Run: npm run dev\n' +
+
           '4. Open http://localhost:5173',
+
           'system'
+
         );
+
       } else {
+
         throw new Error(data.error);
+
       }
+
     } catch (error: any) {
+
       log(`Failed to create zip: ${error.message}`, 'error');
+
       addChatMessage(`Failed to create ZIP: ${error.message}`, 'system');
+
     } finally {
+
       setLoading(false);
+
     }
+
   };
 
+
+
   const reapplyLastGeneration = async () => {
+
     if (!conversationContext.lastGeneratedCode) {
+
       addChatMessage('No previous generation to re-apply', 'system');
+
       return;
+
     }
+
     
+
     if (!sandboxData) {
+
       addChatMessage('Please create a sandbox first', 'system');
+
       return;
+
     }
+
     
+
     addChatMessage('Re-applying last generation...', 'system');
+
     const isEdit = conversationContext.appliedCode.length > 0;
+
     await applyGeneratedCode(conversationContext.lastGeneratedCode, isEdit);
+
   };
 
+
+
   // Auto-scroll code display to bottom when streaming
+
   useEffect(() => {
+
     if (codeDisplayRef.current && generationProgress.isStreaming) {
+
       codeDisplayRef.current.scrollTop = codeDisplayRef.current.scrollHeight;
+
     }
+
   }, [generationProgress.streamedCode, generationProgress.isStreaming]);
 
+
+
   const toggleFolder = (folderPath: string) => {
+
     const newExpanded = new Set(expandedFolders);
+
     if (newExpanded.has(folderPath)) {
+
       newExpanded.delete(folderPath);
+
     } else {
+
       newExpanded.add(folderPath);
+
     }
+
     setExpandedFolders(newExpanded);
+
   };
 
+
+
   const handleFileClick = async (filePath: string) => {
+
     setSelectedFile(filePath);
+
     // TODO: Add file content fetching logic here
+
   };
 
+
+
   const getFileIcon = (fileName: string) => {
+
     const ext = fileName.split('.').pop()?.toLowerCase();
+
     
+
     if (ext === 'jsx' || ext === 'js') {
+
       return <SiJavascript className="w-4 h-4 text-yellow-500" />;
+
     } else if (ext === 'tsx' || ext === 'ts') {
+
       return <SiReact className="w-4 h-4 text-blue-500" />;
+
     } else if (ext === 'css') {
+
       return <SiCss3 className="w-4 h-4 text-blue-500" />;
+
     } else if (ext === 'json') {
+
       return <SiJson className="w-4 h-4 text-gray-600" />;
+
     } else {
+
       return <FiFile className="w-4 h-4 text-gray-600" />;
+
     }
+
   };
 
+
+
   const clearChatHistory = () => {
+
     setChatMessages([{
-      content: 'Chat history cleared. How can I help you?',
+
+      content: 'История чата очищена. Как я могу помочь вам?',
+
       type: 'system',
+
       timestamp: new Date()
+
     }]);
+
   };
 
 
+
+
+
   const cloneWebsite = async () => {
+
     let url = urlInput.trim();
+
+    const targetIndustry = homeIndustryInput.trim();
+
     if (!url) {
+
       setUrlStatus(prev => [...prev, 'Please enter a URL']);
+
       return;
+
     }
-    
+
+
+
     if (!url.match(/^https?:\/\//i)) {
+
       url = 'https://' + url;
+
     }
-    
-    setUrlStatus([`Using: ${url}`, 'Starting to scrape...']);
-    
-    setUrlOverlayVisible(false);
-    
+
+
+
+    if (!targetIndustry) {
+
+      setUrlStatus(['Please enter the target industry or niche']);
+
+      addChatMessage('Please specify the industry you want this design adapted for before generating the site.', 'system');
+
+      return;
+
+    }
+
+
+
+    setUrlStatus([`Using: ${url}`, 'Starting to scrape...']);
+
+    
+
+    setUrlOverlayVisible(false);
+
+    
+
     // Remove protocol for cleaner display
+
     const cleanUrl = url.replace(/^https?:\/\//i, '');
+
     addChatMessage(`Starting to clone ${cleanUrl}...`, 'system');
+
     
+
     // Capture screenshot immediately and switch to preview tab
+
     captureUrlScreenshot(url);
+
     
+
     try {
+
       addChatMessage('Scraping website content...', 'system');
+
       const scrapeResponse = await fetch('/api/scrape-url-enhanced', {
+
         method: 'POST',
+
         headers: { 'Content-Type': 'application/json' },
+
         body: JSON.stringify({ url })
+
       });
+
       
+
       if (!scrapeResponse.ok) {
+
         throw new Error(`Scraping failed: ${scrapeResponse.status}`);
+
       }
+
       
+
       const scrapeData = await scrapeResponse.json();
+
       
+
       if (!scrapeData.success) {
+
         throw new Error(scrapeData.error || 'Failed to scrape website');
+
       }
+
       
+
       addChatMessage(`Scraped ${scrapeData.content.length} characters from ${url}`, 'system');
+
       
+
       // Clear preparing design state and switch to generation tab
+
       setIsPreparingDesign(false);
+
       setActiveTab('generation');
+
       
+
       setConversationContext(prev => ({
+
         ...prev,
+
         scrapedWebsites: [...prev.scrapedWebsites, {
+
           url,
+
           content: scrapeData,
+
           timestamp: new Date()
+
         }],
-        currentProject: `Clone of ${url}`
+
+        currentProject: `${targetIndustry} site inspired by ${url}`,
+
+        targetIndustry
+
       }));
+
       
+
       // Start sandbox creation in parallel with code generation
+
       let sandboxPromise: Promise<void> | null = null;
+
       if (!sandboxData) {
-        addChatMessage('Creating sandbox while generating your React app...', 'system');
+
+        addChatMessage('Создание песочницы во время генерации вашего React приложения...', 'system');
+
         sandboxPromise = createSandbox(true);
+
       }
+
       
-      addChatMessage('Analyzing and generating React recreation...', 'system');
+
+      addChatMessage('Анализ и генерация React воссоздания...', 'system');
+
       
-      const recreatePrompt = `I scraped this website and want you to recreate it as a modern React application.
+
+      const recreatePrompt = `I scraped this website and want you to recreate it as a modern React application that serves a different industry while keeping the original visual style.
+
+
 
 URL: ${url}
 
+
+
+TARGET INDUSTRY OR NICHE:
+
+${targetIndustry}
+
+
+
 SCRAPED CONTENT:
+
 ${scrapeData.content}
 
+
+
 ${homeContextInput ? `ADDITIONAL CONTEXT/REQUIREMENTS FROM USER:
+
 ${homeContextInput}
 
+
+
 Please incorporate these requirements into the design and implementation.` : ''}
 
+
+
 REQUIREMENTS:
+
 1. Create a COMPLETE React application with App.jsx as the main component
+
 2. App.jsx MUST import and render all other components
+
 3. Recreate the main sections and layout from the scraped content
-4. ${homeContextInput ? `Apply the user's context/theme: "${homeContextInput}"` : `Use a modern dark theme with excellent contrast:
+
+4. Rewrite all copy, CTAs, and content so they speak to the "${targetIndustry}" space while preserving the core layout and visual rhythm
+
+5. ${homeContextInput ? `Apply the user's context/theme: "${homeContextInput}"` : `Use a modern dark theme with excellent contrast:
+
    - Background: #0a0a0a
+
    - Text: #ffffff
+
    - Links: #60a5fa
+
    - Accent: #3b82f6`}
-5. Make it fully responsive
-6. Include hover effects and smooth transitions
-7. Create separate components for major sections (Header, Hero, Features, etc.)
-8. Use semantic HTML5 elements
+
+6. Make it fully responsive
+
+7. Include hover effects and smooth transitions
+
+8. Create separate components for major sections (Header, Hero, Features, etc.)
+
+9. Use semantic HTML5 elements
+
+
 
 IMPORTANT CONSTRAINTS:
+
 - DO NOT use React Router or any routing libraries
+
 - Use regular <a> tags with href="#section" for navigation, NOT Link or NavLink components
+
 - This is a single-page application, no routing needed
+
 - ALWAYS create src/App.jsx that imports ALL components
+
 - Each component should be in src/components/
+
 - Use Tailwind CSS for ALL styling (no custom CSS files)
+
 - Make sure the app actually renders visible content
+
 - Create ALL components that you reference in imports
 
+- Replace brand names, product references, testimonials, and statistics with material that fits the "${targetIndustry}" niche
+
+- Mirror the original site's pacing, spacing, and visual hierarchy while adapting the story to the new industry
+
+
+
 IMAGE HANDLING RULES:
+
 - When the scraped content includes images, USE THE ORIGINAL IMAGE URLS whenever appropriate
+
 - Keep existing images from the scraped site (logos, product images, hero images, icons, etc.)
+
 - Use the actual image URLs provided in the scraped content, not placeholders
+
 - Only use placeholder images or generic services when no real images are available
+
 - For company logos and brand images, ALWAYS use the original URLs to maintain brand identity
+
 - If scraped data contains image URLs, include them in your img tags
+
 - Example: If you see "https://example.com/logo.png" in the scraped content, use that exact URL
 
+
+
 Focus on the key sections and content, making it clean and modern while preserving visual assets.`;
+
       
+
       setGenerationProgress(prev => ({
+
         isGenerating: true,
+
         status: 'Initializing AI...',
+
         components: [],
+
         currentComponent: 0,
+
         streamedCode: '',
+
         isStreaming: true,
+
         isThinking: false,
+
         thinkingText: undefined,
+
         thinkingDuration: undefined,
+
         // Keep previous files until new ones are generated
+
         files: prev.files || [],
+
         currentFile: undefined,
+
         lastProcessedPosition: 0
+
       }));
+
       
+
       // Switch to generation tab when starting
+
       setActiveTab('generation');
+
       
+
       const aiResponse = await fetch('/api/generate-ai-code-stream', {
+
         method: 'POST',
+
         headers: { 'Content-Type': 'application/json' },
+
         body: JSON.stringify({
+
           prompt: recreatePrompt,
+
           model: aiModel,
+
           context: {
+
             sandboxId: sandboxData?.id,
+
             structure: structureContent,
+
             conversationContext: conversationContext
+
           }
+
         })
+
       });
+
       
+
       if (!aiResponse.ok) {
+
         throw new Error(`AI generation failed: ${aiResponse.status}`);
+
       }
+
       
+
       const reader = aiResponse.body?.getReader();
+
       const decoder = new TextDecoder();
+
       let generatedCode = '';
+
       let explanation = '';
+
       
+
       if (reader) {
+
         while (true) {
+
           const { done, value } = await reader.read();
+
           if (done) break;
+
           
+
           const chunk = decoder.decode(value);
+
           const lines = chunk.split('\n');
+
           
+
           for (const line of lines) {
+
             if (line.startsWith('data: ')) {
+
               try {
+
                 const data = JSON.parse(line.slice(6));
+
                 
+
                 if (data.type === 'status') {
+
                   setGenerationProgress(prev => ({ ...prev, status: data.message }));
+
                 } else if (data.type === 'thinking') {
+
                   setGenerationProgress(prev => ({ 
+
                     ...prev, 
+
                     isThinking: true,
+
                     thinkingText: (prev.thinkingText || '') + data.text
+
                   }));
+
                 } else if (data.type === 'thinking_complete') {
+
                   setGenerationProgress(prev => ({ 
+
                     ...prev, 
+
                     isThinking: false,
+
                     thinkingDuration: data.duration
+
                   }));
+
                 } else if (data.type === 'conversation') {
+
                   // Add conversational text to chat only if it's not code
+
                   let text = data.text || '';
+
                   
+
                   // Remove package tags from the text
+
                   text = text.replace(/<package>[^<]*<\/package>/g, '');
+
                   text = text.replace(/<packages>[^<]*<\/packages>/g, '');
+
                   
+
                   // Filter out any XML tags and file content that slipped through
+
                   if (!text.includes('<file') && !text.includes('import React') && 
+
                       !text.includes('export default') && !text.includes('className=') &&
+
                       text.trim().length > 0) {
+
                     addChatMessage(text.trim(), 'ai');
+
                   }
+
                 } else if (data.type === 'stream' && data.raw) {
+
                   setGenerationProgress(prev => ({ 
+
                     ...prev, 
+
                     streamedCode: prev.streamedCode + data.text,
+
                     lastProcessedPosition: prev.lastProcessedPosition || 0
+
                   }));
+
                 } else if (data.type === 'component') {
+
                   setGenerationProgress(prev => ({
+
                     ...prev,
+
                     status: `Generated ${data.name}`,
+
                     components: [...prev.components, { 
+
                       name: data.name,
+
                       path: data.path,
+
                       completed: true
+
                     }],
+
                     currentComponent: prev.currentComponent + 1
+
                   }));
+
                 } else if (data.type === 'complete') {
+
                   generatedCode = data.generatedCode;
+
                   explanation = data.explanation;
+
                   
+
                   // Save the last generated code
+
                   setConversationContext(prev => ({
+
                     ...prev,
+
                     lastGeneratedCode: generatedCode
+
                   }));
+
                 }
+
               } catch (e) {
+
                 console.error('Error parsing streaming data:', e);
+
               }
+
             }
+
           }
+
         }
+
       }
+
       
+
       setGenerationProgress(prev => ({
+
         ...prev,
+
         isGenerating: false,
+
         isStreaming: false,
+
         status: 'Generation complete!',
+
         isEdit: prev.isEdit
+
       }));
+
       
+
       if (generatedCode) {
+
         addChatMessage('AI recreation generated!', 'system');
+
         
+
         // Add the explanation to chat if available
+
         if (explanation && explanation.trim()) {
+
           addChatMessage(explanation, 'ai');
+
         }
+
         
+
         setPromptInput(generatedCode);
+
         // Don't show the Generated Code panel by default
+
         // setLeftPanelVisible(true);
+
         
+
         // Wait for sandbox creation if it's still in progress
+
         if (sandboxPromise) {
+
           addChatMessage('Waiting for sandbox to be ready...', 'system');
+
           try {
+
             await sandboxPromise;
+
             // Remove the waiting message
+
             setChatMessages(prev => prev.filter(msg => msg.content !== 'Waiting for sandbox to be ready...'));
+
           } catch (error: any) {
+
             addChatMessage('Sandbox creation failed. Cannot apply code.', 'system');
+
             throw error;
+
           }
+
         }
+
         
+
         // First application for cloned site should not be in edit mode
+
         await applyGeneratedCode(generatedCode, false);
+
         
+
         addChatMessage(
-          `Successfully recreated ${url} as a modern React app${homeContextInput ? ` with your requested context: "${homeContextInput}"` : ''}! The scraped content is now in my context, so you can ask me to modify specific sections or add features based on the original site.`, 
+
+          `Успешно воссоздал ${url} как современное React приложение${homeContextInput ? ` с вашим запрошенным контекстом: "${homeContextInput}"` : ''}! Содержимое сайта теперь в моем контексте, поэтому вы можете попросить меня изменить определенные разделы или добавить функции на основе оригинального сайта.`,
+
           'ai',
+
           {
+
             scrapedUrl: url,
+
             scrapedContent: scrapeData,
+
             generatedCode: generatedCode
+
           }
+
+        );
+
+        addChatMessage(
+
+          `Delivered a ${targetIndustry} experience that mirrors ${cleanUrl}'s aesthetic system. Feel free to request tweaks or new sections designed for this niche.`,
+
+          'system'
+
         );
+
         
+
         setUrlInput('');
+
         setUrlStatus([]);
+
         setHomeContextInput('');
+
         
+
         // Clear generation progress and all screenshot/design states
+
         setGenerationProgress(prev => ({
+
           ...prev,
+
           isGenerating: false,
+
           isStreaming: false,
+
           status: 'Generation complete!'
+
         }));
+
         
+
         // Clear screenshot and preparing design states to prevent them from showing on next run
+
         setUrlScreenshot(null);
+
         setIsPreparingDesign(false);
+
         setTargetUrl('');
+
         setScreenshotError(null);
+
         setLoadingStage(null); // Clear loading stage
+
         
+
         setTimeout(() => {
+
           // Switch back to preview tab but keep files
+
           setActiveTab('preview');
+
         }, 1000); // Show completion briefly then switch
+
       } else {
+
         throw new Error('Failed to generate recreation');
+
       }
+
       
+
     } catch (error: any) {
+
       addChatMessage(`Failed to clone website: ${error.message}`, 'system');
+
       setUrlStatus([]);
+
       setIsPreparingDesign(false);
+
       // Clear all states on error
+
       setUrlScreenshot(null);
+
       setTargetUrl('');
+
       setScreenshotError(null);
+
       setLoadingStage(null);
+
       setGenerationProgress(prev => ({
+
         ...prev,
+
         isGenerating: false,
+
         isStreaming: false,
+
         status: '',
+
         // Keep files to display in sidebar
+
         files: prev.files
+
       }));
+
       setActiveTab('preview');
+
+    }
+
+  };
+
+
+
+  const switchHomeMode = (mode: 'url' | 'prompt') => {
+
+    setHomeMode(mode);
+
+    if (mode === 'prompt') {
+
+      setShowStyleSelector(false);
+
+      setSelectedStyle(null);
+
     }
+
   };
 
+
+
   const captureUrlScreenshot = async (url: string) => {
+
     setIsCapturingScreenshot(true);
+
     setScreenshotError(null);
+
     try {
+
       const response = await fetch('/api/scrape-screenshot', {
+
         method: 'POST',
+
         headers: { 'Content-Type': 'application/json' },
+
         body: JSON.stringify({ url })
+
       });
+
       
+
       const data = await response.json();
+
       if (data.success && data.screenshot) {
+
         setUrlScreenshot(data.screenshot);
+
         // Set preparing design state
+
         setIsPreparingDesign(true);
+
         // Store the clean URL for display
+
         const cleanUrl = url.replace(/^https?:\/\//i, '');
+
         setTargetUrl(cleanUrl);
+
         // Switch to preview tab to show the screenshot
+
         if (activeTab !== 'preview') {
+
           setActiveTab('preview');
+
         }
+
       } else {
+
         setScreenshotError(data.error || 'Failed to capture screenshot');
+
       }
+
     } catch (error) {
+
       console.error('Failed to capture screenshot:', error);
+
       setScreenshotError('Network error while capturing screenshot');
+
     } finally {
+
       setIsCapturingScreenshot(false);
+
     }
+
   };
 
-  const handleHomeScreenSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-    if (!homeUrlInput.trim()) return;
-    
-    setHomeScreenFading(true);
-    
-    // Clear messages and immediately show the cloning message
-    setChatMessages([]);
-    let displayUrl = homeUrlInput.trim();
-    if (!displayUrl.match(/^https?:\/\//i)) {
-      displayUrl = 'https://' + displayUrl;
-    }
-    // Remove protocol for cleaner display
-    const cleanUrl = displayUrl.replace(/^https?:\/\//i, '');
-    addChatMessage(`Starting to clone ${cleanUrl}...`, 'system');
-    
-    // Start creating sandbox and capturing screenshot immediately in parallel
-    const sandboxPromise = !sandboxData ? createSandbox(true) : Promise.resolve();
-    
-    // Only capture screenshot if we don't already have a sandbox (first generation)
-    // After sandbox is set up, skip the screenshot phase for faster generation
-    if (!sandboxData) {
-      captureUrlScreenshot(displayUrl);
-    }
-    
-    // Set loading stage immediately before hiding home screen
-    setLoadingStage('gathering');
-    // Also ensure we're on preview tab to show the loading overlay
-    setActiveTab('preview');
-    
-    setTimeout(async () => {
-      setShowHomeScreen(false);
-      setHomeScreenFading(false);
-      
-      // Wait for sandbox to be ready (if it's still creating)
-      await sandboxPromise;
-      
-      // Now start the clone process which will stream the generation
-      setUrlInput(homeUrlInput);
-      setUrlOverlayVisible(false); // Make sure overlay is closed
-      setUrlStatus(['Scraping website content...']);
-      
-      try {
-        // Scrape the website
-        let url = homeUrlInput.trim();
-        if (!url.match(/^https?:\/\//i)) {
-          url = 'https://' + url;
-        }
-        
-        // Screenshot is already being captured in parallel above
-        
-        const scrapeResponse = await fetch('/api/scrape-url-enhanced', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ url })
-        });
-        
-        if (!scrapeResponse.ok) {
-          throw new Error('Failed to scrape website');
-        }
-        
-        const scrapeData = await scrapeResponse.json();
-        
-        if (!scrapeData.success) {
-          throw new Error(scrapeData.error || 'Failed to scrape website');
-        }
-        
-        setUrlStatus(['Website scraped successfully!', 'Generating React app...']);
-        
-        // Clear preparing design state and switch to generation tab
-        setIsPreparingDesign(false);
-        setUrlScreenshot(null); // Clear screenshot when starting generation
-        setTargetUrl(''); // Clear target URL
-        
-        // Update loading stage to planning
-        setLoadingStage('planning');
-        
-        // Brief pause before switching to generation tab
-        setTimeout(() => {
-          setLoadingStage('generating');
-          setActiveTab('generation');
-        }, 1500);
-        
-        // Store scraped data in conversation context
-        setConversationContext(prev => ({
-          ...prev,
-          scrapedWebsites: [...prev.scrapedWebsites, {
-            url: url,
-            content: scrapeData,
-            timestamp: new Date()
-          }],
-          currentProject: `${url} Clone`
-        }));
-        
-        const prompt = `I want to recreate the ${url} website as a complete React application based on the scraped content below.
 
-${JSON.stringify(scrapeData, null, 2)}
 
-${homeContextInput ? `ADDITIONAL CONTEXT/REQUIREMENTS FROM USER:
-${homeContextInput}
+  const runGenerationRequest = async (promptText: string) => {
 
-Please incorporate these requirements into the design and implementation.` : ''}
+    const aiResponse = await fetch('/api/generate-ai-code-stream', {
 
-IMPORTANT INSTRUCTIONS:
-- Create a COMPLETE, working React application
-- Implement ALL sections and features from the original site
-- Use Tailwind CSS for all styling (no custom CSS files)
-- Make it responsive and modern
-- Ensure all text content matches the original
-- Create proper component structure
-- Make sure the app actually renders visible content
-- Create ALL components that you reference in imports
-${homeContextInput ? '- Apply the user\'s context/theme requirements throughout the application' : ''}
+      method: 'POST',
+
+      headers: { 'Content-Type': 'application/json' },
+
+      body: JSON.stringify({
+
+        prompt: promptText,
+
+        model: aiModel,
+
+        context: {
+
+          sandboxId: sandboxData?.sandboxId,
+
+          structure: structureContent,
+
+          conversationContext: conversationContext
 
-Focus on the key sections and content, making it clean and modern.`;
-        
-        setGenerationProgress(prev => ({
-          isGenerating: true,
-          status: 'Initializing AI...',
-          components: [],
-          currentComponent: 0,
-          streamedCode: '',
-          isStreaming: true,
-          isThinking: false,
-          thinkingText: undefined,
-          thinkingDuration: undefined,
-          // Keep previous files until new ones are generated
-          files: prev.files || [],
-          currentFile: undefined,
-          lastProcessedPosition: 0
-        }));
-        
-        const aiResponse = await fetch('/api/generate-ai-code-stream', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ 
-            prompt,
-            model: aiModel,
-            context: {
-              sandboxId: sandboxData?.sandboxId,
-              structure: structureContent,
-              conversationContext: conversationContext
-            }
-          })
-        });
-        
-        if (!aiResponse.ok || !aiResponse.body) {
-          throw new Error('Failed to generate code');
         }
-        
-        const reader = aiResponse.body.getReader();
-        const decoder = new TextDecoder();
-        let generatedCode = '';
-        let explanation = '';
-        
-        while (true) {
-          const { done, value } = await reader.read();
-          if (done) break;
-          
-          const chunk = decoder.decode(value);
-          const lines = chunk.split('\n');
-          
-          for (const line of lines) {
-            if (line.startsWith('data: ')) {
-              try {
-                const data = JSON.parse(line.slice(6));
-                
-                if (data.type === 'status') {
-                  setGenerationProgress(prev => ({ ...prev, status: data.message }));
-                } else if (data.type === 'thinking') {
-                  setGenerationProgress(prev => ({ 
-                    ...prev, 
-                    isThinking: true,
-                    thinkingText: (prev.thinkingText || '') + data.text
-                  }));
-                } else if (data.type === 'thinking_complete') {
-                  setGenerationProgress(prev => ({ 
-                    ...prev, 
-                    isThinking: false,
-                    thinkingDuration: data.duration
-                  }));
-                } else if (data.type === 'conversation') {
-                  // Add conversational text to chat only if it's not code
-                  let text = data.text || '';
-                  
-                  // Remove package tags from the text
-                  text = text.replace(/<package>[^<]*<\/package>/g, '');
-                  text = text.replace(/<packages>[^<]*<\/packages>/g, '');
-                  
-                  // Filter out any XML tags and file content that slipped through
-                  if (!text.includes('<file') && !text.includes('import React') && 
-                      !text.includes('export default') && !text.includes('className=') &&
-                      text.trim().length > 0) {
-                    addChatMessage(text.trim(), 'ai');
-                  }
-                } else if (data.type === 'stream' && data.raw) {
-                  setGenerationProgress(prev => {
-                    const newStreamedCode = prev.streamedCode + data.text;
-                    
-                    // Tab is already switched after scraping
-                    
-                    const updatedState = { 
-                      ...prev, 
-                      streamedCode: newStreamedCode,
-                      isStreaming: true,
-                      isThinking: false,
-                      status: 'Generating code...'
-                    };
-                    
-                    // Process complete files from the accumulated stream
-                    const fileRegex = /<file path="([^"]+)">([^]*?)<\/file>/g;
-                    let match;
-                    const processedFiles = new Set(prev.files.map(f => f.path));
-                    
-                    while ((match = fileRegex.exec(newStreamedCode)) !== null) {
-                      const filePath = match[1];
-                      const fileContent = match[2];
-                      
-                      // Only add if we haven't processed this file yet
-                      if (!processedFiles.has(filePath)) {
-                        const fileExt = filePath.split('.').pop() || '';
-                        const fileType = fileExt === 'jsx' || fileExt === 'js' ? 'javascript' :
-                                        fileExt === 'css' ? 'css' :
-                                        fileExt === 'json' ? 'json' :
-                                        fileExt === 'html' ? 'html' : 'text';
-                        
-                        // Check if file already exists
-                        const existingFileIndex = updatedState.files.findIndex(f => f.path === filePath);
-                        
-                        if (existingFileIndex >= 0) {
-                          // Update existing file and mark as edited
-                          updatedState.files = [
-                            ...updatedState.files.slice(0, existingFileIndex),
-                            {
-                              ...updatedState.files[existingFileIndex],
-                              content: fileContent.trim(),
-                              type: fileType,
-                              completed: true,
-                              edited: true
-                            },
-                            ...updatedState.files.slice(existingFileIndex + 1)
-                          ];
-                        } else {
-                          // Add new file
-                          updatedState.files = [...updatedState.files, {
-                            path: filePath,
-                            content: fileContent.trim(),
-                            type: fileType,
-                            completed: true,
-                            edited: false
-                          }];
-                        }
-                        
-                        // Only show file status if not in edit mode
-                        if (!prev.isEdit) {
-                          updatedState.status = `Completed ${filePath}`;
+
+      })
+
+    });
+
+
+
+    if (!aiResponse.ok || !aiResponse.body) {
+
+      throw new Error('Failed to generate code');
+
+    }
+
+
+
+    const reader = aiResponse.body.getReader();
+
+    const decoder = new TextDecoder();
+
+    let generatedCode = '';
+
+    let explanation = '';
+
+
+
+    while (true) {
+
+      const { done, value } = await reader.read();
+
+      if (done) break;
+
+
+
+      const chunk = decoder.decode(value);
+
+      const lines = chunk.split('\n');
+
+
+
+      for (const line of lines) {
+
+        if (!line.startsWith('data: ')) continue;
+
+
+
+        try {
+
+          const data = JSON.parse(line.slice(6));
+
+
+
+          switch (data.type) {
+
+            case 'status':
+
+              setGenerationProgress(prev => ({ ...prev, status: data.message }));
+
+              break;
+
+            case 'thinking':
+
+              setGenerationProgress(prev => ({
+
+                ...prev,
+
+                isThinking: true,
+
+                thinkingText: (prev.thinkingText || '') + (data.text || '')
+
+              }));
+
+              break;
+
+            case 'thinking_complete':
+
+              setGenerationProgress(prev => ({
+
+                ...prev,
+
+                isThinking: false,
+
+                thinkingDuration: data.duration
+
+              }));
+
+              break;
+
+            case 'conversation': {
+
+              let textChunk = data.text || '';
+
+              textChunk = textChunk.replace(/<package>[^<]*<\/package>/g, '');
+
+              textChunk = textChunk.replace(/<packages>[^<]*<\/packages>/g, '');
+
+              if (!textChunk.includes('<file') &&
+
+                  !textChunk.includes('import React') &&
+
+                  !textChunk.includes('export default') &&
+
+                  !textChunk.includes('className=') &&
+
+                  textChunk.trim().length > 0) {
+
+                addChatMessage(textChunk.trim(), 'ai');
+
+              }
+
+              break;
+
+            }
+
+            case 'stream':
+
+              setGenerationProgress(prev => {
+
+                const newStreamedCode = prev.streamedCode + (data.text || '');
+
+
+
+                const updatedState = {
+
+                  ...prev,
+
+                  streamedCode: newStreamedCode,
+
+                  isStreaming: true,
+
+                  isThinking: false,
+
+                  status: 'Generating code...'
+
+                };
+
+
+
+                const fileRegex = /<file path="([^"]+)">([^]*?)<\/file>/g;
+
+                let match;
+
+                const processedFiles = new Set(prev.files.map(f => f.path));
+
+
+
+                while ((match = fileRegex.exec(newStreamedCode)) !== null) {
+
+                  const filePath = match[1];
+
+                  const fileContent = match[2];
+
+
+
+                  if (!processedFiles.has(filePath)) {
+
+                    const fileExt = filePath.split('.').pop() || '';
+
+                    const fileType = fileExt === 'jsx' || fileExt === 'js' ? 'javascript'
+
+                      : fileExt === 'css' ? 'css'
+
+                      : fileExt === 'json' ? 'json'
+
+                      : fileExt === 'html' ? 'html'
+
+                      : 'text';
+
+
+
+                    const existingFileIndex = updatedState.files.findIndex(f => f.path === filePath);
+
+
+
+                    if (existingFileIndex >= 0) {
+
+                      updatedState.files = [
+
+                        ...updatedState.files.slice(0, existingFileIndex),
+
+                        {
+
+                          ...updatedState.files[existingFileIndex],
+
+                          content: fileContent.trim(),
+
+                          type: fileType,
+
+                          completed: true,
+
+                        },
+
+                        ...updatedState.files.slice(existingFileIndex + 1)
+
+                      ];
+
+                    } else {
+
+                      updatedState.files = [
+
+                        ...updatedState.files,
+
+                        {
+
+                          path: filePath,
+
+                          content: fileContent.trim(),
+
+                          type: fileType,
+
+                          completed: true,
+
                         }
-                        processedFiles.add(filePath);
-                      }
+
+                      ];
+
                     }
-                    
-                    // Check for current file being generated (incomplete file at the end)
-                    const lastFileMatch = newStreamedCode.match(/<file path="([^"]+)">([^]*?)$/);
-                    if (lastFileMatch && !lastFileMatch[0].includes('</file>')) {
-                      const filePath = lastFileMatch[1];
-                      const partialContent = lastFileMatch[2];
-                      
-                      if (!processedFiles.has(filePath)) {
-                        const fileExt = filePath.split('.').pop() || '';
-                        const fileType = fileExt === 'jsx' || fileExt === 'js' ? 'javascript' :
-                                        fileExt === 'css' ? 'css' :
-                                        fileExt === 'json' ? 'json' :
-                                        fileExt === 'html' ? 'html' : 'text';
-                        
-                        updatedState.currentFile = { 
-                          path: filePath, 
-                          content: partialContent, 
-                          type: fileType 
-                        };
-                        // Only show file status if not in edit mode
-                        if (!prev.isEdit) {
-                          updatedState.status = `Generating ${filePath}`;
-                        }
-                      }
-                    } else {
-                      updatedState.currentFile = undefined;
+
+
+
+                    if (!prev.isEdit) {
+
+                      updatedState.status = `Completed ${filePath}`;
+
                     }
-                    
-                    return updatedState;
-                  });
-                } else if (data.type === 'complete') {
-                  generatedCode = data.generatedCode;
-                  explanation = data.explanation;
-                  
-                  // Save the last generated code
-                  setConversationContext(prev => ({
-                    ...prev,
-                    lastGeneratedCode: generatedCode
-                  }));
+
+                    processedFiles.add(filePath);
+
+                  }
+
                 }
-              } catch (e) {
-                console.error('Failed to parse SSE data:', e);
+
+
+
+                const lastFileMatch = newStreamedCode.match(/<file path="([^"]+)">([^]*?)$/);
+
+                if (lastFileMatch && !lastFileMatch[0].includes('</file>')) {
+
+                  updatedState.currentFile = {
+
+                    path: lastFileMatch[1],
+
+                    content: lastFileMatch[2],
+
+                    type: 'text'
+
+                  };
+
+                } else {
+
+                  updatedState.currentFile = undefined;
+
+                }
+
+
+
+                return updatedState;
+
+              });
+
+              break;
+
+            case 'explanation':
+
+              explanation += data.text || '';
+
+              break;
+
+            case 'component':
+
+              setGenerationProgress(prev => ({
+
+                ...prev,
+
+                status: `Generated ${data.name}`,
+
+                components: [
+
+                  ...prev.components,
+
+                  {
+
+                    name: data.name,
+
+                    path: data.path,
+
+                    completed: true
+
+                  }
+
+                ],
+
+                currentComponent: data.index
+
+              }));
+
+              break;
+
+            case 'package':
+
+              setGenerationProgress(prev => ({
+
+                ...prev,
+
+                status: data.message || `Installing ${data.name}`
+
+              }));
+
+              break;
+
+            case 'complete': {
+
+              generatedCode = data.generatedCode || '';
+
+              explanation = data.explanation || explanation;
+
+
+
+              setConversationContext(prev => ({
+
+                ...prev,
+
+                lastGeneratedCode: generatedCode
+
+              }));
+
+
+
+              if (data.packagesToInstall && data.packagesToInstall.length > 0) {
+
+                (window as any).pendingPackages = data.packagesToInstall;
+
               }
+
+
+
+              const fileRegex = /<file path="([^"]+)">([^]*?)<\/file>/g;
+
+              const parsedFiles: Array<{ path: string; content: string; type: string; completed: boolean }> = [];
+
+              let fileMatch;
+
+
+
+              while ((fileMatch = fileRegex.exec(generatedCode)) !== null) {
+
+                const filePath = fileMatch[1];
+
+                const fileContent = fileMatch[2];
+
+                const fileExt = filePath.split('.').pop() || '';
+
+                const fileType = fileExt === 'jsx' || fileExt === 'js' ? 'javascript'
+
+                  : fileExt === 'css' ? 'css'
+
+                  : fileExt === 'json' ? 'json'
+
+                  : fileExt === 'html' ? 'html'
+
+                  : 'text';
+
+
+
+                parsedFiles.push({
+
+                  path: filePath,
+
+                  content: fileContent.trim(),
+
+                  type: fileType,
+
+                  completed: true
+
+                });
+
+              }
+
+
+
+              setGenerationProgress(prev => ({
+
+                ...prev,
+
+                status: `Generated ${parsedFiles.length > 0 ? parsedFiles.length : prev.files.length} file${(parsedFiles.length > 0 ? parsedFiles.length : prev.files.length) !== 1 ? 's' : ''}!`,
+
+                isGenerating: false,
+
+                isStreaming: false,
+
+                isEdit: prev.isEdit,
+
+                files: prev.files.length > 0 ? prev.files : parsedFiles
+
+              }));
+
+              break;
+
             }
+
+            case 'error':
+
+              throw new Error(data.error || 'Generation failed');
+
           }
+
+        } catch (err) {
+
+          console.error('Failed to parse SSE data:', err);
+
+        }
+
+      }
+
+    }
+
+
+
+    if (explanation && explanation.trim()) {
+
+      addChatMessage(explanation, 'ai');
+
+    }
+
+
+
+    setPromptInput(generatedCode);
+
+
+
+    return { generatedCode, explanation };
+
+  };
+
+
+
+  const handleHomeScreenSubmit = async (e: React.FormEvent) => {
+
+    e.preventDefault();
+
+
+
+    const trimmedUrl = homeUrlInput.trim();
+
+    const trimmedPrompt = homePromptInput.trim();
+
+    const targetIndustry = homeIndustryInput.trim();
+
+    const additionalContext = homeContextInput.trim();
+
+
+
+    if (homeMode === 'prompt') {
+
+      if (!trimmedPrompt) {
+
+        addChatMessage('Please describe the website you want me to create.', 'system');
+
+        return;
+
+      }
+
+
+
+      setHomeScreenFading(true);
+
+
+
+      // Clear messages and immediately show the generation message
+
+      setChatMessages([]);
+
+      addChatMessage('Starting a fresh build from your prompt...', 'system');
+
+
+
+      setLoadingStage('gathering');
+
+      setActiveTab('generation');
+
+
+
+      setTimeout(async () => {
+
+        setShowHomeScreen(false);
+
+        setHomeScreenFading(false);
+
+
+
+        let sandboxPromise: Promise<void> | null = null;
+
+        if (!sandboxData) {
+
+          addChatMessage('Provisioning a new sandbox environment...', 'system');
+
+          sandboxPromise = createSandbox(true);
+
+        }
+
+
+
+        try {
+
+          if (sandboxPromise) {
+
+            await sandboxPromise;
+
+          }
+
+        } catch (error: any) {
+
+          addChatMessage(`Sandbox creation failed: ${error.message}`, 'system');
+
+          setGenerationProgress(prev => ({
+
+            ...prev,
+
+            isGenerating: false,
+
+            isStreaming: false,
+
+            status: ''
+
+          }));
+
+          setLoadingStage(null);
+
+          return;
+
+        }
+
+
+
+        setIsPreparingDesign(false);
+
+        setUrlScreenshot(null);
+
+        setTargetUrl('');
+
+        setLoadingStage('planning');
+
+
+
+        const promptLabel =
+
+          trimmedPrompt.length > 60 ? `${trimmedPrompt.slice(0, 60)}…` : trimmedPrompt;
+
+        setConversationContext(prev => ({
+
+          ...prev,
+
+          currentProject: `Prompt build: ${promptLabel}`,
+
+          targetIndustry: targetIndustry || prev.targetIndustry || '',
+
+        }));
+
+
+
+        setGenerationProgress(prev => ({
+
+          isGenerating: true,
+
+          status: 'Initializing AI...',
+
+          components: [],
+
+          currentComponent: 0,
+
+          streamedCode: '',
+
+          isStreaming: true,
+
+          isThinking: false,
+
+          thinkingText: undefined,
+
+          thinkingDuration: undefined,
+
+          files: prev.files || [],
+
+          currentFile: undefined,
+
+          lastProcessedPosition: 0
+
+        }));
+
+
+
+        const promptPieces: string[] = [
+
+          'You are an AI front-end engineer tasked with building a complete single-page React application using Tailwind CSS.',
+
+          '',
+
+          'USER PROMPT:',
+
+          trimmedPrompt,
+
+          '',
+
+        ];
+
+        if (targetIndustry) {
+
+          promptPieces.push('TARGET INDUSTRY OR NICHE:', targetIndustry, '');
+
+        }
+
+        if (selectedStyle) {
+
+          promptPieces.push('DESIRED VISUAL STYLE:', `${selectedStyle} theme`, '');
+
+        }
+
+        if (additionalContext) {
+
+          promptPieces.push('ADDITIONAL CONTEXT FROM USER:', additionalContext, '');
+
+        }
+
+        promptPieces.push(
+
+          'REQUIREMENTS:',
+
+          '- Create a COMPLETE, working React application (no placeholders).',
+
+          '- Use Tailwind CSS utility classes for all styling.',
+
+          '- Organize major sections into dedicated components under src/components/ and render them from App.jsx.',
+
+          '- Ensure semantic HTML, responsive layout, and accessible contrast.',
+
+          '- Include dynamic copy, data points, and CTAs that align with the brief (no lorem ipsum).',
+
+          '- Provide smooth hover states and transitions where appropriate.',
+
+          '- Do not use React Router or navigation libraries; use anchor links for intra-page navigation.',
+
+          '- Only reference images or assets that you explicitly include in the output.'
+
+        );
+
+        const generationPrompt = promptPieces.join('\n');
+
+
+
+        try {
+
+          const { generatedCode } = await runGenerationRequest(generationPrompt);
+
+
+
+          await applyGeneratedCode(generatedCode, false);
+
+
+
+          addChatMessage(
+
+            `Created a brand new experience from your prompt${targetIndustry ? ` for the ${targetIndustry} space` : ''}. Let me know what to refine or expand next.`,
+
+            'system'
+
+          );
+
+
+
+          setConversationContext(prev => ({
+
+            ...prev,
+
+            generatedComponents: [],
+
+            appliedCode: [
+
+              ...prev.appliedCode,
+
+              { files: [], timestamp: new Date() }
+
+            ]
+
+          }));
+
+
+
+          setHomePromptInput('');
+
+          setHomeContextInput('');
+
+          setGenerationProgress(prev => ({
+
+            ...prev,
+
+            isGenerating: false,
+
+            isStreaming: false,
+
+            status: 'Generation complete!'
+
+          }));
+
+          setLoadingStage(null);
+
+
+
+          setTimeout(() => {
+
+            setActiveTab('preview');
+
+          }, 1000);
+
+        } catch (error: any) {
+
+          addChatMessage(`Failed to generate site from prompt: ${error.message}`, 'system');
+
+          setGenerationProgress(prev => ({
+
+            ...prev,
+
+            isGenerating: false,
+
+            isStreaming: false,
+
+            status: '',
+
+            files: prev.files
+
+          }));
+
+          setLoadingStage(null);
+
+        }
+
+      }, 500);
+
+
+
+      return;
+
+    }
+
+
+
+    if (!trimmedUrl) return;
+
+    if (!targetIndustry) {
+
+      addChatMessage('Please specify the industry or niche you want this design to target.', 'system');
+
+      return;
+
+    }
+
+
+
+    setHomeScreenFading(true);
+
+
+
+    // Clear messages and immediately show the cloning message
+
+    setChatMessages([]);
+
+    let displayUrl = trimmedUrl;
+
+    if (!displayUrl.match(/^https?:\/\//i)) {
+
+      displayUrl = 'https://' + displayUrl;
+
+    }
+
+    const cleanUrl = displayUrl.replace(/^https?:\/\//i, '');
+
+    addChatMessage(`Starting to clone ${cleanUrl}...`, 'system');
+
+
+
+    const sandboxPromise = createSandbox(true);
+
+
+
+    captureUrlScreenshot(displayUrl);
+
+
+
+    setLoadingStage('gathering');
+
+    setActiveTab('preview');
+
+
+
+    setTimeout(async () => {
+
+      setShowHomeScreen(false);
+
+      setHomeScreenFading(false);
+
+
+
+      await sandboxPromise;
+
+
+
+      setUrlInput(trimmedUrl);
+
+      setUrlOverlayVisible(false);
+
+      setUrlStatus(['Scraping website content...']);
+
+
+
+      try {
+
+        let url = trimmedUrl;
+
+        if (!url.match(/^https?:\/\//i)) {
+
+          url = 'https://' + url;
+
+        }
+
+
+
+        const scrapeResponse = await fetch('/api/scrape-url-enhanced', {
+
+          method: 'POST',
+
+          headers: { 'Content-Type': 'application/json' },
+
+          body: JSON.stringify({ url })
+
+        });
+
+
+
+        if (!scrapeResponse.ok) {
+
+          throw new Error('Failed to scrape website');
+
+        }
+
+
+
+        const scrapeData = await scrapeResponse.json();
+
+
+
+        if (!scrapeData.success) {
+
+          throw new Error(scrapeData.error || 'Failed to scrape website');
+
+        }
+
+
+
+        setUrlStatus(['Website scraped successfully!', 'Generating React app...']);
+
+
+
+        setIsPreparingDesign(false);
+
+        setUrlScreenshot(null);
+
+        setTargetUrl('');
+
+
+
+        setLoadingStage('planning');
+
+
+
+        setTimeout(() => {
+
+          setLoadingStage('generating');
+
+          setActiveTab('generation');
+
+        }, 1500);
+
+
+
+        setConversationContext(prev => ({
+
+          ...prev,
+
+          scrapedWebsites: [...prev.scrapedWebsites, {
+
+            url,
+
+            content: scrapeData,
+
+            timestamp: new Date()
+
+          }],
+
+          currentProject: `${targetIndustry} site inspired by ${url}`,
+
+          targetIndustry
+
+        }));
+
+
+
+        const promptLines: string[] = [
+
+          `I want to recreate the ${url} website as a complete React application based on the scraped content below while tailoring it for a new audience.`,
+
+          '',
+
+          'TARGET INDUSTRY OR NICHE:',
+
+          targetIndustry,
+
+          '',
+
+          JSON.stringify(scrapeData, null, 2),
+
+          ''
+
+        ];
+
+        if (additionalContext) {
+
+          promptLines.push(
+
+            'ADDITIONAL CONTEXT/REQUIREMENTS FROM USER:',
+
+            additionalContext,
+
+            '',
+
+            'Please incorporate these requirements into the design and implementation.',
+
+            ''
+
+          );
+
         }
-        
+
+        promptLines.push(
+
+          'IMPORTANT INSTRUCTIONS:',
+
+          '- Create a COMPLETE, working React application',
+
+          `- Mirror the layout, key sections, and interactive patterns from the original site, but rewrite every piece of copy to be authentic to "${targetIndustry}"`,
+
+          '- Use Tailwind CSS for all styling (no custom CSS files)',
+
+          '- Make it responsive and modern',
+
+          `- Replace brand names, offers, testimonials, and imagery references with equivalents that make sense for "${targetIndustry}" (no lorem ipsum)`,
+
+          '- Create proper component structure',
+
+          '- Make sure the app actually renders visible content',
+
+          '- Create ALL components that you reference in imports',
+
+          additionalContext ? "- Apply the user's context/theme requirements throughout the application" : '',
+
+          '',
+
+          'Focus on the key sections and content, making it clean and modern.'
+
+        );
+
+        const prompt = promptLines.filter(Boolean).join('\n');
+
+
+
         setGenerationProgress(prev => ({
-          ...prev,
-          isGenerating: false,
-          isStreaming: false,
-          status: 'Generation complete!'
+
+          isGenerating: true,
+
+          status: 'Initializing AI...',
+
+          components: [],
+
+          currentComponent: 0,
+
+          streamedCode: '',
+
+          isStreaming: true,
+
+          isThinking: false,
+
+          thinkingText: undefined,
+
+          thinkingDuration: undefined,
+
+          files: prev.files || [],
+
+          currentFile: undefined,
+
+          lastProcessedPosition: 0
+
         }));
-        
-        if (generatedCode) {
-          addChatMessage('AI recreation generated!', 'system');
-          
-          // Add the explanation to chat if available
-          if (explanation && explanation.trim()) {
-            addChatMessage(explanation, 'ai');
+
+
+
+        const { generatedCode } = await runGenerationRequest(prompt);
+
+
+
+        await applyGeneratedCode(generatedCode, false);
+
+
+
+        addChatMessage(
+
+          `Successfully recreated ${url} as a modern React application styled like the source and adapted for the ${targetIndustry} space${additionalContext ? ` with your additional guidance: \"${additionalContext}\"` : ''}. The project is now ready for follow-up edits or enhancements.`,
+
+          'ai',
+
+          {
+
+            scrapedUrl: url,
+
+            scrapedContent: scrapeData,
+
+            generatedCode: generatedCode
+
           }
-          
-          setPromptInput(generatedCode);
-          
-          // First application for cloned site should not be in edit mode
-          await applyGeneratedCode(generatedCode, false);
-          
-          addChatMessage(
-            `Successfully recreated ${url} as a modern React app${homeContextInput ? ` with your requested context: "${homeContextInput}"` : ''}! The scraped content is now in my context, so you can ask me to modify specific sections or add features based on the original site.`, 
-            'ai',
-            {
-              scrapedUrl: url,
-              scrapedContent: scrapeData,
-              generatedCode: generatedCode
-            }
-          );
-          
-          setConversationContext(prev => ({
-            ...prev,
-            generatedComponents: [],
-            appliedCode: [...prev.appliedCode, {
+
+        );
+
+        addChatMessage(
+
+          `Delivered a ${targetIndustry} experience that mirrors ${cleanUrl}'s aesthetic system. Feel free to request tweaks or new sections designed for this niche.`,
+
+          'system'
+
+        );
+
+
+
+        setConversationContext(prev => ({
+
+          ...prev,
+
+          generatedComponents: [],
+
+          appliedCode: [...prev.appliedCode, {
+
               files: [],
+
               timestamp: new Date()
+
             }]
-          }));
-        } else {
-          throw new Error('Failed to generate recreation');
-        }
-        
+
+        }));
+
+
+
         setUrlInput('');
+
         setUrlStatus([]);
+
         setHomeContextInput('');
-        
-        // Clear generation progress and all screenshot/design states
+
+
+
         setGenerationProgress(prev => ({
+
           ...prev,
+
           isGenerating: false,
+
           isStreaming: false,
+
           status: 'Generation complete!'
+
         }));
-        
-        // Clear screenshot and preparing design states to prevent them from showing on next run
+
+
+
         setUrlScreenshot(null);
+
         setIsPreparingDesign(false);
+
         setTargetUrl('');
+
         setScreenshotError(null);
-        setLoadingStage(null); // Clear loading stage
-        
+
+        setLoadingStage(null);
+
+
+
         setTimeout(() => {
-          // Switch back to preview tab but keep files
+
           setActiveTab('preview');
-        }, 1000); // Show completion briefly then switch
+
+        }, 1000);
+
       } catch (error: any) {
+
         addChatMessage(`Failed to clone website: ${error.message}`, 'system');
+
         setUrlStatus([]);
+
         setIsPreparingDesign(false);
-        // Also clear generation progress on error
+
         setGenerationProgress(prev => ({
+
           ...prev,
+
           isGenerating: false,
+
           isStreaming: false,
+
           status: '',
-          // Keep files to display in sidebar
+
           files: prev.files
+
         }));
+
       }
+
     }, 500);
+
   };
 
   return (
-    <div className="font-sans bg-background text-foreground h-screen flex flex-col">
+
+    <div className="font-sans bg-background text-foreground min-h-screen flex flex-col overflow-y-auto">
+
       {/* Theme Toggle */}
+
       <ThemeToggle />
+
       
+
       {/* Home Screen Overlay */}
+
       {showHomeScreen && (
-        <div className={`fixed inset-0 z-50 transition-opacity duration-500 ${homeScreenFading ? 'opacity-0' : 'opacity-100'}`}>
+
+        <div
+
+          className={`fixed inset-0 z-50 overflow-y-auto overflow-x-hidden transition-opacity duration-500 ${
+
+            homeScreenFading ? 'opacity-0' : 'opacity-100'
+
+          }`}
+
+        >
+
           {/* Simple Sun Gradient Background */}
-          <div className="absolute inset-0 bg-white overflow-hidden">
-            {/* Main Sun - Pulsing */}
-            <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-gradient-radial from-orange-400/50 via-orange-300/30 to-transparent rounded-full blur-[80px] animate-[sunPulse_4s_ease-in-out_infinite]" />
-            
-            {/* Inner Sun Core - Brighter */}
-            <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[400px] h-[400px] bg-gradient-radial from-yellow-300/40 via-orange-400/30 to-transparent rounded-full blur-[40px] animate-[sunPulse_4s_ease-in-out_infinite_0.5s]" />
-            
-            {/* Outer Glow - Subtle */}
-            <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[1200px] h-[1200px] bg-gradient-radial from-orange-200/20 to-transparent rounded-full blur-[120px]" />
-            
-            {/* Giant Glowing Orb - Center Bottom */}
-            <div className="absolute bottom-0 left-1/2 w-[800px] h-[800px] animate-[orbShrink_3s_ease-out_forwards]" style={{ transform: 'translateX(-50%) translateY(45%)' }}>
-              <div className="relative w-full h-full">
-                <div className="absolute inset-0 bg-orange-600 rounded-full blur-[100px] opacity-30 animate-pulse"></div>
-                <div className="absolute inset-16 bg-orange-500 rounded-full blur-[80px] opacity-40 animate-pulse" style={{ animationDelay: '0.3s' }}></div>
-                <div className="absolute inset-32 bg-orange-400 rounded-full blur-[60px] opacity-50 animate-pulse" style={{ animationDelay: '0.6s' }}></div>
-                <div className="absolute inset-48 bg-yellow-300 rounded-full blur-[40px] opacity-60"></div>
-              </div>
-            </div>
+
+          <div className="absolute inset-0 overflow-hidden bg-[#f8fafc] transition-colors duration-700 dark:bg-[#050816]">
+
+            <div className="absolute inset-0 opacity-70 [mask-image:radial-gradient(circle_at_center,black,transparent_75%)] bg-[radial-gradient(circle_at_top,_rgba(59,130,246,0.22),transparent_60%)] dark:bg-[radial-gradient(circle_at_top,_rgba(191,219,254,0.35),transparent_60%)]" />
+
+            <div className="absolute -top-40 right-[-180px] h-[520px] w-[520px] rounded-full bg-gradient-to-br from-[#f97316]/40 via-[#fb7185]/30 to-transparent blur-3xl" />
+
+            <div className="absolute bottom-[-200px] left-[-120px] h-[420px] w-[420px] rounded-full bg-gradient-to-tr from-[#22d3ee]/30 via-transparent to-transparent blur-3xl" />
+
+            <div className="absolute inset-0 opacity-[0.085] [background:radial-gradient(circle_at_1px_1px,_rgba(15,23,42,0.4),transparent_0.8px)] [background-size:48px_48px]" />
+
           </div>
+
           
+
           
+
           {/* Close button on hover */}
+
           <button
+
             onClick={() => {
+
               setHomeScreenFading(true);
+
               setTimeout(() => {
+
                 setShowHomeScreen(false);
+
                 setHomeScreenFading(false);
+
               }, 500);
+
             }}
+
             className="absolute top-8 right-8 text-gray-500 hover:text-gray-700 transition-all duration-300 opacity-0 hover:opacity-100 bg-white/80 backdrop-blur-sm p-2 rounded-lg shadow-sm"
+
             style={{ opacity: 0 }}
+
             onMouseEnter={(e) => e.currentTarget.style.opacity = '0.8'}
+
             onMouseLeave={(e) => e.currentTarget.style.opacity = '0'}
+
           >
+
             <svg className="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+
               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+
             </svg>
+
           </button>
+
           
+
           {/* Header */}
-          <div className="absolute top-0 left-0 right-0 z-20 px-6 py-4 flex items-center justify-between animate-[fadeIn_0.8s_ease-out]">
-            <ThemeLogo />
-            <a 
-              href="https://github.com/mendableai/open-lovable" 
-              target="_blank" 
-              rel="noopener noreferrer"
-              className="inline-flex items-center gap-2 bg-[#36322F] text-white px-3 py-2 rounded-[10px] text-sm font-medium [box-shadow:inset_0px_-2px_0px_0px_#171310,_0px_1px_6px_0px_rgba(58,_33,_8,_58%)] hover:translate-y-[1px] hover:scale-[0.98] hover:[box-shadow:inset_0px_-1px_0px_0px_#171310,_0px_1px_3px_0px_rgba(58,_33,_8,_40%)] active:translate-y-[2px] active:scale-[0.97] active:[box-shadow:inset_0px_1px_1px_0px_#171310,_0px_1px_2px_0px_rgba(58,_33,_8,_30%)] transition-all duration-200"
-            >
-              <FiGithub className="w-4 h-4" />
-              <span>Use this template</span>
-            </a>
-          </div>
+
+          <HomeScreenHeader />
+
           
+
           {/* Main content */}
-          <div className="relative z-10 h-full flex items-center justify-center px-4">
-            <div className="text-center max-w-4xl min-w-[600px] mx-auto">
-              {/* Firecrawl-style Header */}
-              <div className="text-center">
-                <h1 className="text-[2.5rem] lg:text-[3.8rem] text-center text-[#36322F] font-semibold tracking-tight leading-[0.9] animate-[fadeIn_0.8s_ease-out]">
-                  <span className="hidden md:inline">Open Lovable</span>
-                  <span className="md:hidden">Open Lovable</span>
+
+          <div className="relative z-10 flex min-h-full items-start justify-center px-4 py-16 sm:py-20">
+
+            <div className="w-full max-w-4xl mx-auto text-center px-4 sm:px-8">
+
+              {/* Hero */}
+
+              <div className="space-y-6 text-center">
+
+                <span className="inline-flex items-center justify-center gap-2 rounded-full border border-white/60 bg-white/80 px-4 py-1 text-[0.65rem] font-semibold uppercase tracking-[0.35em] text-zinc-700 shadow-sm backdrop-blur-sm transition-colors duration-300 dark:border-white/10 dark:bg-white/10 dark:text-white/80">
+
+                  AI-FIRST DIGITAL STUDIO
+
+                </span>
+
+                <h1 className="font-sans text-[2.5rem] leading-[1.03] text-zinc-900 transition-colors duration-700 md:text-[3.5rem] lg:text-[4rem] dark:text-white">
+                  Запускаем лендинги с чистой идеей и чувством бренда за 48 часов
                 </h1>
+
                 <motion.p 
-                  className="text-base lg:text-lg max-w-lg mx-auto mt-2.5 text-zinc-500 text-center text-balance"
+
+                  className="mx-auto max-w-2xl text-base text-zinc-600 text-balance sm:text-lg dark:text-zinc-300"
+
                   animate={{
-                    opacity: showStyleSelector ? 0.7 : 1
+
+                    opacity: showStyleSelector ? 0.75 : 1
+
                   }}
-                  transition={{ duration: 0.3, ease: "easeOut" }}
+
+                  transition={{ duration: 0.4, ease: "easeOut" }}
+
                 >
-                  Re-imagine any website, in seconds.
+
+                  REBUILDR объединяет генеративный дизайн, ручной арт-дирекшн и исследование смысла — вы получаете живой прототип, готовый к тесту и презентации инвесторам.
+
                 </motion.p>
+
+                <div className="flex flex-wrap justify-center gap-3 text-xs font-medium uppercase tracking-[0.24em] text-zinc-500 dark:text-zinc-400">
+
+                  <span className="rounded-full border border-zinc-200/70 bg-white/70 px-4 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5">МАРКЕТИНГ БЕЗ ШАБЛОНОВ</span>
+
+                  <span className="rounded-full border border-zinc-200/70 bg-white/70 px-4 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5">AI + HUMAN-КОНТРОЛЬ</span>
+
+                  <span className="rounded-full border border-zinc-200/70 bg-white/70 px-4 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5">МЕТРИКИ С ПЕРВОГО ДНЯ</span>
+
+                </div>
+
               </div>
+
               
-              <form onSubmit={handleHomeScreenSubmit} className="mt-5 max-w-3xl mx-auto">
-                <div className="w-full relative group">
+
+              <form
+
+                onSubmit={handleHomeScreenSubmit}
+
+                className="mt-10 w-full max-w-3xl mx-auto bg-white/80 backdrop-blur-xl rounded-3xl border border-white/60 shadow-[0_30px_60px_-45px_rgba(15,23,42,0.6)] p-6 sm:p-8 dark:bg-white/[0.06] dark:border-white/10"
+
+              >
+
+                <div className="flex flex-col sm:flex-row sm:items-center sm:justify-center gap-3 mb-8">
+
+                  <button
+
+                    type="button"
+
+                    onClick={() => switchHomeMode('url')}
+
+                    className={`flex-1 rounded-2xl border px-4 py-3 text-xs font-semibold uppercase tracking-[0.18em] transition-all ${
+
+                      homeMode === 'url'
+
+                        ? 'border-transparent bg-zinc-900 text-white shadow-lg shadow-zinc-900/30 dark:bg-white dark:text-zinc-900'
+
+                        : 'border-white/40 bg-white/30 text-zinc-600 hover:bg-white/60 dark:border-white/10 dark:bg-white/5 dark:text-white/70 dark:hover:bg-white/10'
+
+                    }`}
+
+                  >
+
+                    Подтянуть референс
+
+                  </button>
+
+                  <button
+
+                    type="button"
+
+                    onClick={() => switchHomeMode('prompt')}
+
+                    className={`flex-1 rounded-2xl border px-4 py-3 text-xs font-semibold uppercase tracking-[0.18em] transition-all ${
+
+                      homeMode === 'prompt'
+
+                        ? 'border-transparent bg-zinc-900 text-white shadow-lg shadow-zinc-900/30 dark:bg-white dark:text-zinc-900'
+
+                        : 'border-white/40 bg-white/30 text-zinc-600 hover:bg-white/60 dark:border-white/10 dark:bg-white/5 dark:text-white/70 dark:hover:bg-white/10'
+
+                    }`}
+
+                  >
+
+                    Сгенерировать по описанию
+
+                  </button>
+
+                </div>
+
+
+
+                {homeMode === 'url' ? (
+
+                  <>
+
+                    <div className="relative w-full group">
+
+                      <input
+
+                        type="text"
+
+                        value={homeUrlInput}
+
+                        onChange={(e) => {
+
+                          const value = e.target.value;
+
+                          setHomeUrlInput(value);
+
+
+
+                          const domainRegex = /^(https?:\/\/)?(([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,})(\/?.*)?$/;
+
+                          if (domainRegex.test(value) && value.length > 5) {
+
+                            setTimeout(() => setShowStyleSelector(true), 100);
+
+                          } else {
+
+                            setShowStyleSelector(false);
+
+                            setSelectedStyle(null);
+
+                          }
+
+                        }}
+
+                        placeholder=" "
+
+                        aria-placeholder="https://your-product.io"
+
+                        className="h-[3.5rem] w-full rounded-2xl border border-white/60 bg-white/80 px-5 pr-[9.5rem] text-sm font-medium text-zinc-900 shadow-[0_20px_70px_-35px_rgba(15,23,42,0.45)] backdrop-blur-xl transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-900/80 dark:border-white/10 dark:bg-white/10 dark:text-white dark:focus-visible:ring-white/70"
+
+                        autoFocus
+
+                      />
+
+                      <div 
+
+                        aria-hidden="true" 
+
+                        className={`absolute top-1/2 -translate-y-1/2 left-4 pointer-events-none text-sm text-opacity-50 text-start transition-opacity ${
+
+                          homeUrlInput ? 'opacity-0' : 'opacity-100'
+
+                        }`}
+
+                      >
+
+                        <span className="font-mono text-zinc-500/60 dark:text-white/40">
+
+                          https://your-product.io
+
+                        </span>
+
+                      </div>
+
+                      <button
+
+                        type="submit"
+
+                        disabled={!homeUrlInput.trim()}
+
+                        className="absolute top-1/2 right-3 flex h-[2.6rem] -translate-y-1/2 items-center gap-2 rounded-xl bg-zinc-900 px-4 text-sm font-semibold text-white shadow-lg shadow-zinc-900/25 transition hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-zinc-900/20 disabled:cursor-not-allowed disabled:opacity-60 dark:bg-white dark:text-zinc-900 dark:focus-visible:ring-white/60"
+
+                        title={selectedStyle ? `Собрать с эстетикой ${selectedStyle}` : "Запустить REBUILDR"}
+
+                      >
+
+                        <span className="hidden sm:inline">Запустить</span>
+
+                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-4 w-4">
+
+                          <path d="M5 12h14"></path>
+
+                          <path d="M12 5l7 7-7 7"></path>
+
+                        </svg>
+
+                      </button>
+
+                    </div>
+
+
+
+                    {homeMode === 'url' && showStyleSelector && (
+
+                      <div className="overflow-hidden mt-4">
+
+                        <div className={`transition-all duration-500 ease-out transform ${
+
+                          showStyleSelector ? 'translate-y-0 opacity-100' : '-translate-y-4 opacity-0'
+
+                        }`}>
+
+                          <div className="rounded-2xl border border-white/60 bg-white/80 p-4 shadow-[0_20px_60px_-45px_rgba(15,23,42,0.4)] backdrop-blur-xl dark:border-white/10 dark:bg-white/10">
+
+                            <p className="text-sm text-gray-600 mb-3 font-medium">Выберите визуальный стиль (опционально):</p>
+
+                            <div className="grid grid-cols-2 md:grid-cols-4 gap-2">
+
+                              {[
+
+                                { name: 'Neobrutalism', description: 'Bold colors, chunky borders' },
+
+                                { name: 'Glassmorphism', description: 'Frosted glass panels with blur' },
+
+                                { name: 'Minimal', description: 'Clean layout with generous whitespace' },
+
+                                { name: 'Dark Mode', description: 'Moody palette with vibrant accents' },
+
+                                { name: 'Gradient Pop', description: 'Lively gradients and glow effects' },
+
+                                { name: 'Retro', description: 'Playful 80s-90s inspired aesthetic' },
+
+                                { name: 'Modern Corporate', description: 'Polished product design language' },
+
+                                { name: 'Monochrome', description: 'Single palette with high contrast' }
+
+                              ].map((style) => (
+
+                                <button
+
+                                  key={style.name}
+
+                                  type="button"
+
+                                  onKeyDown={(e) => {
+
+                                    if (e.key === 'Enter') {
+
+                                      e.preventDefault();
+
+                                      e.stopPropagation();
+
+                                      const form = e.currentTarget.closest('form');
+
+                                      if (form) {
+
+                                        form.requestSubmit();
+
+                                      }
+
+                                    }
+
+                                  }}
+
+                                  onClick={() => {
+
+                                    if (selectedStyle === style.name) {
+
+                                      setSelectedStyle(null);
+
+                                      const currentAdditional = homeContextInput.replace(/^[^,]+theme\s*,?\s*/, '').trim();
+
+                                      setHomeContextInput(currentAdditional);
+
+                                    } else {
+
+                                      setSelectedStyle(style.name);
+
+                                      const currentAdditional = homeContextInput.replace(/^[^,]+theme\s*,?\s*/, '').trim();
+
+                                      setHomeContextInput(style.name.toLowerCase() + ' theme' + (currentAdditional ? ', ' + currentAdditional : ''));
+
+                                    }
+
+                                  }}
+
+                                  className={`p-3 rounded-lg border transition-all ${
+
+                                    selectedStyle === style.name
+
+                                      ? 'border-orange-400 bg-orange-50 text-gray-900 shadow-sm'
+
+                                      : 'border-gray-200 bg-white hover:border-orange-200 hover:bg-orange-50/50 text-gray-700'
+
+                                  }`}
+
+                                >
+
+                                  <div className="text-sm font-medium">{style.name}</div>
+
+                                  <div className="text-xs text-gray-500 mt-1">{style.description}</div>
+
+                                </button>
+
+                              ))}
+
+                            </div>
+
+                          </div>
+
+                        </div>
+
+                      </div>
+
+                    )}
+
+                  </>
+
+                ) : (
+
+                  <div className="space-y-3">
+
+                    <Textarea
+
+                    value={homePromptInput}
+
+                    onChange={(e) => setHomePromptInput(e.target.value)}
+
+                    placeholder="Опишите задачу: основной оффер, разделы, аудитории, важные CTA..."
+
+                      rows={5}
+
+                      required
+
+                      className="w-full rounded-3xl border border-white/60 bg-white/80 px-5 py-4 text-sm text-zinc-900 shadow-[0_20px_70px_-35px_rgba(15,23,42,0.45)] backdrop-blur-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-900/80 dark:border-white/10 dark:bg-white/10 dark:text-white dark:focus-visible:ring-white/60"
+
+                    />
+
+                    <p className="text-xs text-zinc-500 text-left sm:text-center">
+
+                      Расскажите про атмосферу, ключевые блоки, аудиторию и обязательный контент — остальное мы оформим за вас.
+
+                    </p>
+
+                  </div>
+
+                )}
+
+
+
+                <div className="mt-6 text-left">
+
+                  <label className="block text-sm font-semibold text-zinc-700 tracking-[0.18em] uppercase mb-2 dark:text-zinc-200">
+
+                    Целевая ниша или рынок
+
+                  </label>
+
+                  <input
+
+                    type="text"
+
+                    value={homeIndustryInput}
+
+                    onChange={(e) => setHomeIndustryInput(e.target.value)}
+
+                    placeholder="Например: бутик-юристы, wellness студия, fintech SaaS"
+
+                    className="w-full rounded-2xl border border-white/50 bg-white/70 px-4 py-3 text-sm text-zinc-900 shadow-sm backdrop-blur-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-900/20 dark:border-white/10 dark:bg-white/10 dark:text-white dark:focus-visible:ring-white/40"
+
+                  />
+
+                  <p className="mt-2 text-[11px] text-zinc-500">
+
+                    Настроим тексты и примеры под вашу нишу, сохранив выбранный стиль.
+
+                  </p>
+
+                </div>
+
+
+
+                <div className="mt-6 text-left">
+
+                  <label className="block text-sm font-semibold text-zinc-700 tracking-[0.18em] uppercase mb-2 dark:text-zinc-200">
+
+                    Дополнительные вводные (по желанию)
+
+                  </label>
+
                   <input
+
                     type="text"
-                    value={homeUrlInput}
+
+                    value={(() => {
+
+                      if (!selectedStyle) return homeContextInput;
+
+                      const additional = homeContextInput.replace(new RegExp('^' + selectedStyle.toLowerCase() + ' theme\\s*,?\\s*', 'i'), '');
+
+                      return additional;
+
+                    })()}
+
                     onChange={(e) => {
-                      const value = e.target.value;
-                      setHomeUrlInput(value);
-                      
-                      // Check if it's a valid domain
-                      const domainRegex = /^(https?:\/\/)?(([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,})(\/?.*)?$/;
-                      if (domainRegex.test(value) && value.length > 5) {
-                        // Small delay to make the animation feel smoother
-                        setTimeout(() => setShowStyleSelector(true), 100);
+
+                      const additionalText = e.target.value;
+
+                      if (selectedStyle) {
+
+                        setHomeContextInput(selectedStyle.toLowerCase() + ' theme' + (additionalText.trim() ? ', ' + additionalText : ''));
+
                       } else {
-                        setShowStyleSelector(false);
-                        setSelectedStyle(null);
+
+                        setHomeContextInput(additionalText);
+
                       }
+
                     }}
-                    placeholder=" "
-                    aria-placeholder="https://firecrawl.dev"
-                    className="h-[3.25rem] w-full resize-none focus-visible:outline-none focus-visible:ring-orange-500 focus-visible:ring-2 rounded-[18px] text-sm text-[#36322F] px-4 pr-12 border-[.75px] border-border bg-white"
-                    style={{
-                      boxShadow: '0 0 0 1px #e3e1de66, 0 1px 2px #5f4a2e14, 0 4px 6px #5f4a2e0a, 0 40px 40px -24px #684b2514',
-                      filter: 'drop-shadow(rgba(249, 224, 184, 0.3) -0.731317px -0.731317px 35.6517px)'
-                    }}
-                    autoFocus
+
+                    placeholder="Опишите приоритеты, тон, интеграции или источники контента"
+
+                    className="w-full rounded-2xl border border-white/50 bg-white/70 px-4 py-3 text-sm text-zinc-900 placeholder-zinc-500 shadow-sm backdrop-blur-sm transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-900/20 dark:border-white/10 dark:bg-white/10 dark:text-white dark:placeholder-white/40 dark:focus-visible:ring-white/40"
+
                   />
-                  <div 
-                    aria-hidden="true" 
-                    className={`absolute top-1/2 -translate-y-1/2 left-4 pointer-events-none text-sm text-opacity-50 text-start transition-opacity ${
-                      homeUrlInput ? 'opacity-0' : 'opacity-100'
-                    }`}
-                  >
-                    <span className="text-[#605A57]/50" style={{ fontFamily: 'monospace' }}>
-                      https://firecrawl.dev
-                    </span>
+
+                </div>
+
+
+
+                {homeMode === 'prompt' && (
+
+                  <div className="mt-8 text-left sm:text-center">
+
+                    <Button type="submit" className="w-full sm:w-auto px-6 py-3 text-sm font-semibold tracking-[0.18em] uppercase">
+
+                      Собрать лендинг
+
+                    </Button>
+
                   </div>
-                  <button
-                    type="submit"
-                    disabled={!homeUrlInput.trim()}
-                    className="absolute top-1/2 transform -translate-y-1/2 right-2 flex h-10 items-center justify-center rounded-md px-3 text-sm font-medium text-zinc-500 hover:text-zinc-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
-                    title={selectedStyle ? `Clone with ${selectedStyle} Style` : 'Clone Website'}
-                  >
-                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-4 w-4">
-                      <polyline points="9 10 4 15 9 20"></polyline>
-                      <path d="M20 4v7a4 4 0 0 1-4 4H4"></path>
-                    </svg>
-                  </button>
+
+                )}
+
+              </form>
+
+
+
+              <div className="mt-16 text-left px-2 sm:px-0">
+
+                <p className="text-xs font-semibold uppercase tracking-[0.32em] text-zinc-500 dark:text-zinc-400">
+
+                  Смыслы лендинга
+
+                </p>
+
+                <div className="mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+
+                  {[
+
+                    {
+
+                      label: "Смысл 01",
+
+                      title: "Продуктовая гипотеза без воды",
+
+                      copy:
+
+                        "Проводим экспресс-интервью, формулируем оффер и сценарий, чтобы лендинг говорил с аудиторией на её языке.",
+
+                    },
+
+                    {
+
+                      label: "Смысл 02",
+
+                      title: "Гибрид AI + арт-дирекшн",
+
+                      copy:
+
+                        "Алгоритмы генерируют десятки вариантов, команда выстраивает композицию, правит UI и наполняет его вручную.",
+
+                    },
+
+                    {
+
+                      label: "Смысл 03",
+
+                      title: "Запуск с аналитикой",
+
+                      copy:
+
+                        "Встраиваем метрики, тепловые карты и тестовые сценарии, чтобы каждое решение было подкреплено данными.",
+
+                    },
+
+                  ].map((item) => (
+
+                    <div
+
+                      key={item.title}
+
+                      className="group h-full rounded-3xl border border-white/60 bg-white/80 p-6 shadow-[0_30px_60px_-45px_rgba(15,23,42,0.5)] backdrop-blur-xl transition hover:-translate-y-1 hover:border-zinc-900/25 hover:shadow-[0_35px_80px_-50px_rgba(15,23,42,0.6)] dark:border-white/10 dark:bg-white/10 dark:hover:border-white/40"
+
+                    >
+
+                      <p className="text-[11px] font-semibold uppercase tracking-[0.28em] text-zinc-500 transition-colors duration-300 group-hover:text-zinc-900 dark:text-zinc-400 dark:group-hover:text-white/80">
+
+                        {item.label}
+
+                      </p>
+
+                      <h3 className="mt-3 font-sans text-xl text-zinc-900 transition-colors duration-300 group-hover:text-zinc-950 dark:text-white">
+
+                        {item.title}
+
+                      </h3>
+
+                      <p className="mt-3 text-sm leading-relaxed text-zinc-600 transition-colors duration-300 group-hover:text-zinc-700 dark:text-zinc-300 dark:group-hover:text-zinc-200">
+
+                        {item.copy}
+
+                      </p>
+
+                    </div>
+
+                  ))}
+
                 </div>
-                  
-                  {/* Style Selector - Slides out when valid domain is entered */}
-                  {showStyleSelector && (
-                    <div className="overflow-hidden mt-4">
-                      <div className={`transition-all duration-500 ease-out transform ${
-                        showStyleSelector ? 'translate-y-0 opacity-100' : '-translate-y-4 opacity-0'
-                      }`}>
-                    <div className="bg-white/80 backdrop-blur-sm border border-gray-200 rounded-xl p-4 shadow-sm">
-                      <p className="text-sm text-gray-600 mb-3 font-medium">How do you want your site to look?</p>
-                      <div className="grid grid-cols-2 md:grid-cols-4 gap-2">
-                        {[
-                          { name: 'Neobrutalist', description: 'Bold colors, thick borders' },
-                          { name: 'Glassmorphism', description: 'Frosted glass effects' },
-                          { name: 'Minimalist', description: 'Clean and simple' },
-                          { name: 'Dark Mode', description: 'Dark theme' },
-                          { name: 'Gradient', description: 'Colorful gradients' },
-                          { name: 'Retro', description: '80s/90s aesthetic' },
-                          { name: 'Modern', description: 'Contemporary design' },
-                          { name: 'Monochrome', description: 'Black and white' }
-                        ].map((style) => (
-                          <button
-                            key={style.name}
-                            type="button"
-                            onKeyDown={(e) => {
-                              if (e.key === 'Enter') {
-                                e.preventDefault();
-                                e.stopPropagation();
-                                // Submit the form
-                                const form = e.currentTarget.closest('form');
-                                if (form) {
-                                  form.requestSubmit();
-                                }
-                              }
-                            }}
-                            onClick={() => {
-                              if (selectedStyle === style.name) {
-                                // Deselect if clicking the same style
-                                setSelectedStyle(null);
-                                // Keep only additional context, remove the style theme part
-                                const currentAdditional = homeContextInput.replace(/^[^,]+theme\s*,?\s*/, '').trim();
-                                setHomeContextInput(currentAdditional);
-                              } else {
-                                // Select new style
-                                setSelectedStyle(style.name);
-                                // Extract any additional context (everything after the style theme)
-                                const currentAdditional = homeContextInput.replace(/^[^,]+theme\s*,?\s*/, '').trim();
-                                setHomeContextInput(style.name.toLowerCase() + ' theme' + (currentAdditional ? ', ' + currentAdditional : ''));
-                              }
-                            }}
-                            className={`p-3 rounded-lg border transition-all ${
-                              selectedStyle === style.name
-                                ? 'border-orange-400 bg-orange-50 text-gray-900 shadow-sm'
-                                : 'border-gray-200 bg-white hover:border-orange-200 hover:bg-orange-50/50 text-gray-700'
-                            }`}
-                          >
-                            <div className="text-sm font-medium">{style.name}</div>
-                            <div className="text-xs text-gray-500 mt-1">{style.description}</div>
-                          </button>
-                        ))}
+
+              </div>
+
+              
+
+              {/* Model Selector */}
+
+              <div className="mt-6 flex items-center justify-center animate-[fadeIn_1s_ease-out]">
+
+                <select
+
+                  value={aiModel}
+
+                  onChange={(e) => {
+
+                    const newModel = e.target.value;
+
+                    setAiModel(newModel);
+
+                    const params = new URLSearchParams(searchParams);
+
+                    params.set('model', newModel);
+
+                    if (sandboxData?.sandboxId) {
+
+                      params.set('sandbox', sandboxData.sandboxId);
+
+                    }
+
+                    router.push(`/?${params.toString()}`);
+
+                  }}
+
+                  className="px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-[10px] focus:outline-none focus:ring-2 focus:ring-[#36322F] focus:border-transparent"
+
+                  style={{
+
+                    boxShadow: '0 0 0 1px #e3e1de66, 0 1px 2px #5f4a2e14'
+
+                  }}
+
+                >
+
+                  {appConfig.ai.availableModels.map(model => (
+
+                    <option key={model} value={model}>
+
+                      {(appConfig.ai.modelDisplayNames as Record<string, string>)[model] || model}
+
+                    </option>
+
+                  ))}
+
+                </select>
+
+              </div>
+
+              
+
+              {/* Pricing Section */}
+
+              <div className="mt-12 animate-[fadeIn_1.2s_ease-out]">
+
+                <h2 className="text-2xl font-semibold text-center text-[#36322F] mb-8">
+
+                  Тарифы
+
+                </h2>
+
+                <div className="grid md:grid-cols-2 gap-6 max-w-4xl mx-auto">
+
+                  {/* Разовый тариф */}
+
+                  <div className="bg-white rounded-2xl p-6 border border-gray-200 shadow-lg hover:shadow-xl transition-all duration-300 hover:border-orange-200">
+
+                    <div className="text-center">
+
+                      <h3 className="text-xl font-semibold text-[#36322F] mb-2">Разовый</h3>
+
+                      <div className="mb-4">
+
+                        <span className="text-3xl font-bold text-[#36322F]">299</span>
+
+                        <span className="text-gray-500 ml-1">₽</span>
+
                       </div>
-                      
-                      {/* Additional context input - part of the style selector */}
-                      <div className="mt-4 mb-2">
-                        <input
-                          type="text"
-                          value={(() => {
-                            if (!selectedStyle) return homeContextInput;
-                            // Extract additional context by removing the style theme part
-                            const additional = homeContextInput.replace(new RegExp('^' + selectedStyle.toLowerCase() + ' theme\\s*,?\\s*', 'i'), '');
-                            return additional;
-                          })()}
-                          onChange={(e) => {
-                            const additionalContext = e.target.value;
-                            if (selectedStyle) {
-                              setHomeContextInput(selectedStyle.toLowerCase() + ' theme' + (additionalContext.trim() ? ', ' + additionalContext : ''));
-                            } else {
-                              setHomeContextInput(additionalContext);
-                            }
-                          }}
-                          onKeyDown={(e) => {
-                            if (e.key === 'Enter') {
-                              e.preventDefault();
-                              const form = e.currentTarget.closest('form');
-                              if (form) {
-                                form.requestSubmit();
-                              }
-                            }
-                          }}
-                          placeholder="Add more details: specific features, color preferences..."
-                          className="w-full px-4 py-2 text-sm bg-white border border-gray-200 rounded-lg text-gray-900 placeholder-gray-500 focus:outline-none focus:border-orange-300 focus:ring-2 focus:ring-orange-100 transition-all duration-200"
-                        />
+
+                      <div className="text-sm text-gray-600 mb-6">
+
+                        5 запросов - хватит на полноценный сайт
+
                       </div>
+
+                      <ul className="text-left text-sm text-gray-600 space-y-2 mb-6">
+
+                        <li className="flex items-center">
+
+                          <svg className="w-4 h-4 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
+
+                            <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+
+                          </svg>
+
+                          Создание сайта с AI
+
+                        </li>
+
+                        <li className="flex items-center">
+
+                          <svg className="w-4 h-4 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
+
+                            <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+
+                          </svg>
+
+                          Скачать код сайта
+
+                        </li>
+
+                        <li className="flex items-center">
+
+                          <svg className="w-4 h-4 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
+
+                            <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+
+                          </svg>
+
+                          Тестовый домен бесплатно
+
+                        </li>
+
+                        <li className="flex items-center">
+
+                          <svg className="w-4 h-4 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
+
+                            <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+
+                          </svg>
+
+                          Бесплатный хостинг
+
+                        </li>
+
+                      </ul>
+
+                      <button 
+
+                        onClick={() => handlePayment('basic')}
+
+                        className="w-full bg-[#36322F] text-white px-6 py-3 rounded-[10px] font-medium hover:bg-[#2a2520] transition-colors duration-200 [box-shadow:inset_0px_-2px_0px_0px_#171310,_0px_1px_6px_0px_rgba(58,_33,_8,_58%)] hover:translate-y-[1px] hover:scale-[0.98] hover:[box-shadow:inset_0px_-1px_0px_0px_#171310,_0px_1px_3px_0px_rgba(58,_33,_8,_40%)] active:translate-y-[2px] active:scale-[0.97] active:[box-shadow:inset_0px_1px_1px_0px_#171310,_0px_1px_2px_0px_rgba(58,_33,_8,_30%)]">
+
+                        Выбрать план
+
+                      </button>
+
+                    </div>
+
+                  </div>
+
+                  
+
+                  {/* Профессиональный тариф */}
+
+                  <div className="bg-white rounded-2xl p-6 border-2 border-orange-300 shadow-xl relative hover:shadow-2xl transition-all duration-300">
+
+                    <div className="absolute -top-3 left-1/2 transform -translate-x-1/2">
+
+                      <span className="bg-gradient-to-r from-orange-400 to-orange-500 text-white px-4 py-1 rounded-full text-xs font-medium">
+
+                        Популярный
+
+                      </span>
+
                     </div>
+
+                    <div className="text-center">
+
+                      <h3 className="text-xl font-semibold text-[#36322F] mb-2">Профессиональный</h3>
+
+                      <div className="mb-4">
+
+                        <span className="text-3xl font-bold text-[#36322F]">499</span>
+
+                        <span className="text-gray-500 ml-1">₽</span>
+
+                      </div>
+
+                      <div className="text-sm text-gray-600 mb-6">
+
+                        15 запросов — хватит на многостраничный сайт
+
                       </div>
+
+                      <ul className="text-left text-sm text-gray-600 space-y-2 mb-6">
+
+                        <li className="flex items-center">
+
+                          <svg className="w-4 h-4 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
+
+                            <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+
+                          </svg>
+
+                          Создание сложных сайтов
+
+                        </li>
+
+                        <li className="flex items-center">
+
+                          <svg className="w-4 h-4 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
+
+                            <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+
+                          </svg>
+
+                          Скачать код сайта
+
+                        </li>
+
+                        <li className="flex items-center">
+
+                          <svg className="w-4 h-4 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
+
+                            <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+
+                          </svg>
+
+                          Тестовый домен бесплатно
+
+                        </li>
+
+                        <li className="flex items-center">
+
+                          <svg className="w-4 h-4 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
+
+                            <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+
+                          </svg>
+
+                          Бесплатный хостинг
+
+                        </li>
+
+                        <li className="flex items-center">
+
+                          <svg className="w-4 h-4 text-orange-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
+
+                            <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+
+                          </svg>
+
+                          Свой домен (+100₽/мес)
+
+                        </li>
+
+                      </ul>
+
+                      <button 
+
+                        onClick={() => handlePayment('professional')}
+
+                        className="w-full bg-gradient-to-r from-orange-400 to-orange-500 text-white px-6 py-3 rounded-[10px] font-medium hover:from-orange-500 hover:to-orange-600 transition-all duration-200 [box-shadow:inset_0px_-2px_0px_0px_#ea580c,_0px_1px_6px_0px_rgba(234,_88,_12,_58%)] hover:translate-y-[1px] hover:scale-[0.98] hover:[box-shadow:inset_0px_-1px_0px_0px_#ea580c,_0px_1px_3px_0px_rgba(234,_88,_12,_40%)] active:translate-y-[2px] active:scale-[0.97] active:[box-shadow:inset_0px_1px_1px_0px_#ea580c,_0px_1px_2px_0px_rgba(234,_88,_12,_30%)]">
+
+                        Выбрать план
+
+                      </button>
+
                     </div>
-                  )}
-              </form>
-              
-              {/* Model Selector */}
-              <div className="mt-6 flex items-center justify-center animate-[fadeIn_1s_ease-out]">
-                <select
-                  value={aiModel}
-                  onChange={(e) => {
-                    const newModel = e.target.value;
-                    setAiModel(newModel);
-                    const params = new URLSearchParams(searchParams);
-                    params.set('model', newModel);
-                    if (sandboxData?.sandboxId) {
-                      params.set('sandbox', sandboxData.sandboxId);
-                    }
-                    router.push(`/?${params.toString()}`);
-                  }}
-                  className="px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-[10px] focus:outline-none focus:ring-2 focus:ring-[#36322F] focus:border-transparent"
-                  style={{
-                    boxShadow: '0 0 0 1px #e3e1de66, 0 1px 2px #5f4a2e14'
-                  }}
-                >
-                  {appConfig.ai.availableModels.map(model => (
-                    <option key={model} value={model}>
-                      {appConfig.ai.modelDisplayNames[model] || model}
-                    </option>
-                  ))}
-                </select>
+
+                  </div>
+
+                </div>
+
+                
+
+                {/* Дополнительная информация */}
+
+                <div className="mt-8 text-center text-sm text-gray-500 max-w-2xl mx-auto">
+
+                  <p className="mb-2">
+
+                    👉 <strong>Свой домен:</strong> Подключите свой домен за 100₽/мес
+
+                  </p>
+
+                  <p>
+
+                    🚀 <strong>Бесплатный хостинг:</strong> Размещение вашего сайта в интернете без дополнительных затрат
+
+                  </p>
+
+                </div>
+
               </div>
+
             </div>
+
           </div>
+
         </div>
+
       )}
+
       
-      <div className="bg-card px-4 py-4 border-b border-border flex items-center justify-between">
-        <div className="flex items-center gap-4">
-          <ThemeLogo />
-        </div>
-        <div className="flex items-center gap-2">
-          {/* Model Selector - Left side */}
-          <select
-            value={aiModel}
-            onChange={(e) => {
-              const newModel = e.target.value;
-              setAiModel(newModel);
-              const params = new URLSearchParams(searchParams);
-              params.set('model', newModel);
-              if (sandboxData?.sandboxId) {
-                params.set('sandbox', sandboxData.sandboxId);
-              }
-              router.push(`/?${params.toString()}`);
-            }}
-            className="px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-[10px] focus:outline-none focus:ring-2 focus:ring-[#36322F] focus:border-transparent"
-          >
-            {appConfig.ai.availableModels.map(model => (
-              <option key={model} value={model}>
-                {appConfig.ai.modelDisplayNames[model] || model}
-              </option>
-            ))}
-          </select>
-          <Button 
-            variant="code"
-            onClick={() => createSandbox()}
-            size="sm"
-            title="Create new sandbox"
-          >
-            <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 4v16m8-8H4" />
-            </svg>
-          </Button>
-          <Button 
-            variant="code"
-            onClick={reapplyLastGeneration}
-            size="sm"
-            title="Re-apply last generation"
-            disabled={!conversationContext.lastGeneratedCode || !sandboxData}
-          >
-            <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-            </svg>
-          </Button>
-          <Button 
-            variant="code"
-            onClick={downloadZip}
-            disabled={!sandboxData}
-            size="sm"
-            title="Download your Vite app as ZIP"
-          >
-            <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" />
-            </svg>
-          </Button>
-          <div className="inline-flex items-center gap-2 bg-[#36322F] text-white px-3 py-1.5 rounded-[10px] text-sm font-medium [box-shadow:inset_0px_-2px_0px_0px_#171310,_0px_1px_6px_0px_rgba(58,_33,_8,_58%)]">
-            <span id="status-text">{status.text}</span>
-            <div className={`w-2 h-2 rounded-full ${status.active ? 'bg-green-500' : 'bg-gray-500'}`} />
+
+      <div
+        className={`flex flex-col flex-1 transition-opacity duration-500 ${showHomeScreen ? 'pointer-events-none select-none opacity-0' : 'opacity-100'}`}
+        aria-hidden={showHomeScreen}
+      >
+        <div className="bg-card px-4 py-4 border-b border-border flex items-center justify-between">
+
+          <div className="flex items-center gap-4">
+
+            <ThemeLogo />
+
+          </div>
+
+          <div className="flex items-center gap-2">
+
+            {/* Model Selector - Left side */}
+
+            <select
+
+              value={aiModel}
+
+              onChange={(e) => {
+
+                const newModel = e.target.value;
+
+                setAiModel(newModel);
+
+                const params = new URLSearchParams(searchParams);
+
+                params.set('model', newModel);
+
+                if (sandboxData?.sandboxId) {
+
+                  params.set('sandbox', sandboxData.sandboxId);
+
+                }
+
+                router.push(`/?${params.toString()}`);
+
+              }}
+
+              className="px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-[10px] focus:outline-none focus:ring-2 focus:ring-[#36322F] focus:border-transparent"
+
+            >
+
+              {appConfig.ai.availableModels.map(model => (
+
+                <option key={model} value={model}>
+
+                  {appConfig.ai.modelDisplayNames[model as keyof typeof appConfig.ai.modelDisplayNames] || model}
+
+                </option>
+
+              ))}
+
+            </select>
+
+            <Button 
+
+              variant="code"
+
+              onClick={() => createSandbox()}
+
+              size="sm"
+
+              title="Create new sandbox"
+
+            >
+
+              <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 4v16m8-8H4" />
+
+              </svg>
+
+            </Button>
+
+            <Button 
+
+              variant="code"
+
+              onClick={reapplyLastGeneration}
+
+              size="sm"
+
+              title="Re-apply last generation"
+
+              disabled={!conversationContext.lastGeneratedCode || !sandboxData}
+
+            >
+
+              <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+
+              </svg>
+
+            </Button>
+
+            <Button 
+
+              variant="code"
+
+              onClick={downloadZip}
+
+              disabled={!sandboxData}
+
+              size="sm"
+
+              title="Download your Vite app as ZIP"
+
+            >
+
+              <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" />
+
+              </svg>
+
+            </Button>
+
+            <div className="inline-flex items-center gap-2 bg-[#36322F] text-white px-3 py-1.5 rounded-[10px] text-sm font-medium [box-shadow:inset_0px_-2px_0px_0px_#171310,_0px_1px_6px_0px_rgba(58,_33,_8,_58%)]">
+
+              <span id="status-text">{status.text}</span>
+
+              <div className={`w-2 h-2 rounded-full ${status.active ? 'bg-green-500' : 'bg-gray-500'}`} />
+
+            </div>
+
           </div>
+
         </div>
-      </div>
 
-      <div className="flex-1 flex overflow-hidden">
+
+
+        <div className="flex-1 flex overflow-hidden">
+
         {/* Center Panel - AI Chat (1/3 of remaining width) */}
+
         <div className="flex-1 max-w-[400px] flex flex-col border-r border-border bg-background">
+
           {conversationContext.scrapedWebsites.length > 0 && (
+
             <div className="p-4 bg-card">
+
               <div className="flex flex-col gap-2">
+
                 {conversationContext.scrapedWebsites.map((site, idx) => {
+
                   // Extract favicon and site info from the scraped data
+
                   const metadata = site.content?.metadata || {};
+
                   const sourceURL = metadata.sourceURL || site.url;
+
                   const favicon = metadata.favicon || `https://www.google.com/s2/favicons?domain=${new URL(sourceURL).hostname}&sz=32`;
+
                   const siteName = metadata.ogSiteName || metadata.title || new URL(sourceURL).hostname;
+
                   
+
                   return (
+
                     <div key={idx} className="flex items-center gap-2 text-sm">
+
                       <img 
+
                         src={favicon} 
+
                         alt={siteName}
+
                         className="w-4 h-4 rounded"
+
                         onError={(e) => {
+
                           e.currentTarget.src = `https://www.google.com/s2/favicons?domain=${new URL(sourceURL).hostname}&sz=32`;
+
                         }}
+
                       />
+
                       <a 
+
                         href={sourceURL} 
+
                         target="_blank" 
+
                         rel="noopener noreferrer"
+
                         className="text-black hover:text-gray-700 truncate max-w-[250px]"
+
                         title={sourceURL}
+
                       >
+
                         {siteName}
+
                       </a>
+
                     </div>
+
                   );
+
                 })}
+
               </div>
+
             </div>
+
           )}
 
+
+
           <div className="flex-1 overflow-y-auto p-4 flex flex-col gap-1 scrollbar-hide" ref={chatMessagesRef}>
+
             {chatMessages.map((msg, idx) => {
+
               // Check if this message is from a successful generation
-              const isGenerationComplete = msg.content.includes('Successfully recreated') || 
+
+              const isGenerationComplete = msg.content.includes('Успешно воссоздал') ||
+
                                          msg.content.includes('AI recreation generated!') ||
+
                                          msg.content.includes('Code generated!');
+
               
+
               // Get the files from metadata if this is a completion message
+
               const completedFiles = msg.metadata?.appliedFiles || [];
+
               
+
               return (
+
                 <div key={idx} className="block">
+
                   <div className={`flex ${msg.type === 'user' ? 'justify-end' : 'justify-start'} mb-1`}>
+
                     <div className="block">
+
                       <div className={`block rounded-[10px] px-4 py-2 ${
+
                         msg.type === 'user' ? 'bg-[#36322F] text-white ml-auto max-w-[80%]' :
+
                         msg.type === 'ai' ? 'bg-gray-100 text-gray-900 mr-auto max-w-[80%]' :
+
                         msg.type === 'system' ? 'bg-[#36322F] text-white text-sm' :
+
                         msg.type === 'command' ? 'bg-[#36322F] text-white font-mono text-sm' :
+
                         msg.type === 'error' ? 'bg-red-900 text-red-100 text-sm border border-red-700' :
+
                         'bg-[#36322F] text-white text-sm'
+
                       }`}>
+
                     {msg.type === 'command' ? (
+
                       <div className="flex items-start gap-2">
+
                         <span className={`text-xs ${
+
                           msg.metadata?.commandType === 'input' ? 'text-blue-400' :
+
                           msg.metadata?.commandType === 'error' ? 'text-red-400' :
+
                           msg.metadata?.commandType === 'success' ? 'text-green-400' :
+
                           'text-gray-400'
+
                         }`}>
+
                           {msg.metadata?.commandType === 'input' ? '$' : '>'}
+
                         </span>
+
                         <span className="flex-1 whitespace-pre-wrap text-white">{msg.content}</span>
+
                       </div>
+
                     ) : msg.type === 'error' ? (
+
                       <div className="flex items-start gap-3">
+
                         <div className="flex-shrink-0">
+
                           <div className="w-8 h-8 bg-red-800 rounded-full flex items-center justify-center">
+
                             <svg className="w-5 h-5 text-red-200" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+
                               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+
                             </svg>
+
                           </div>
+
                         </div>
+
                         <div className="flex-1">
+
                           <div className="font-semibold mb-1">Build Errors Detected</div>
+
                           <div className="whitespace-pre-wrap text-sm">{msg.content}</div>
+
                           <div className="mt-2 text-xs opacity-70">Press 'F' or click the Fix button above to resolve</div>
+
                         </div>
+
                       </div>
+
                     ) : (
+
                       msg.content
+
                     )}
+
                       </div>
+
                   
+
                       {/* Show applied files if this is an apply success message */}
+
                       {msg.metadata?.appliedFiles && msg.metadata.appliedFiles.length > 0 && (
+
                     <div className="mt-2 inline-block bg-gray-100 rounded-[10px] p-3">
+
                       <div className="text-xs font-medium mb-1 text-gray-700">
-                        {msg.content.includes('Applied') ? 'Files Updated:' : 'Generated Files:'}
+
+                        {msg.content.includes('Applied') ? 'Файлы обновлены:' : 'Сгенерированные файлы:'}
+
                       </div>
+
                       <div className="flex flex-wrap items-start gap-1">
+
                         {msg.metadata.appliedFiles.map((filePath, fileIdx) => {
+
                           const fileName = filePath.split('/').pop() || filePath;
+
                           const fileExt = fileName.split('.').pop() || '';
+
                           const fileType = fileExt === 'jsx' || fileExt === 'js' ? 'javascript' :
+
                                           fileExt === 'css' ? 'css' :
+
                                           fileExt === 'json' ? 'json' : 'text';
+
                           
+
                           return (
+
                             <div
+
                               key={`applied-${fileIdx}`}
+
                               className="inline-flex items-center gap-1 px-2 py-1 bg-[#36322F] text-white rounded-[10px] text-xs animate-fade-in-up"
+
                               style={{ animationDelay: `${fileIdx * 30}ms` }}
+
                             >
+
                               <span className={`inline-block w-1.5 h-1.5 rounded-full ${
+
                                 fileType === 'css' ? 'bg-blue-400' :
+
                                 fileType === 'javascript' ? 'bg-yellow-400' :
+
                                 fileType === 'json' ? 'bg-green-400' :
+
                                 'bg-gray-400'
+
                               }`} />
+
                               {fileName}
+
                             </div>
+
                           );
+
                         })}
+
                       </div>
+
                     </div>
+
                   )}
+
                   
+
                       {/* Show generated files for completion messages - but only if no appliedFiles already shown */}
+
                       {isGenerationComplete && generationProgress.files.length > 0 && idx === chatMessages.length - 1 && !msg.metadata?.appliedFiles && !chatMessages.some(m => m.metadata?.appliedFiles) && (
+
                     <div className="mt-2 inline-block bg-gray-100 rounded-[10px] p-3">
-                      <div className="text-xs font-medium mb-1 text-gray-700">Generated Files:</div>
+
+                      <div className="text-xs font-medium mb-1 text-gray-700">Сгенерированные файлы:</div>
+
                       <div className="flex flex-wrap items-start gap-1">
+
                         {generationProgress.files.map((file, fileIdx) => (
+
                           <div
+
                             key={`complete-${fileIdx}`}
+
                             className="inline-flex items-center gap-1 px-2 py-1 bg-[#36322F] text-white rounded-[10px] text-xs animate-fade-in-up"
+
                             style={{ animationDelay: `${fileIdx * 30}ms` }}
+
                           >
+
                             <span className={`inline-block w-1.5 h-1.5 rounded-full ${
+
                               file.type === 'css' ? 'bg-blue-400' :
+
                               file.type === 'javascript' ? 'bg-yellow-400' :
+
                               file.type === 'json' ? 'bg-green-400' :
+
                               'bg-gray-400'
+
                             }`} />
+
                             {file.path.split('/').pop()}
+
                           </div>
+
                         ))}
+
                       </div>
+
                     </div>
+
                   )}
+
                     </div>
+
                     </div>
+
                   </div>
+
               );
+
             })}
+
             
+
             {/* Code application progress */}
+
             {codeApplicationState.stage && (
+
               <CodeApplicationProgress state={codeApplicationState} />
+
             )}
+
             
+
             {/* File generation progress - inline display (during generation) */}
+
             {generationProgress.isGenerating && (
+
               <div className="inline-block bg-gray-100 rounded-lg p-3">
+
                 <div className="text-sm font-medium mb-2 text-gray-700">
+
                   {generationProgress.status}
+
                 </div>
+
                 <div className="flex flex-wrap items-start gap-1">
+
                   {/* Show completed files */}
+
                   {generationProgress.files.map((file, idx) => (
+
                     <div
+
                       key={`file-${idx}`}
+
                       className="inline-flex items-center gap-1 px-2 py-1 bg-[#36322F] text-white rounded-[10px] text-xs animate-fade-in-up"
+
                       style={{ animationDelay: `${idx * 30}ms` }}
+
                     >
+
                       <svg className="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+
                         <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M5 13l4 4L19 7" />
+
                       </svg>
+
                       {file.path.split('/').pop()}
+
                     </div>
+
                   ))}
+
                   
+
                   {/* Show current file being generated */}
+
                   {generationProgress.currentFile && (
+
                     <div className="flex items-center gap-1 px-2 py-1 bg-[#36322F]/70 text-white rounded-[10px] text-xs animate-pulse"
+
                       style={{ animationDelay: `${generationProgress.files.length * 30}ms` }}>
+
                       <div className="w-3 h-3 border-2 border-white border-t-transparent rounded-full animate-spin" />
+
                       {generationProgress.currentFile.path.split('/').pop()}
+
                     </div>
+
                   )}
+
                 </div>
+
                 
+
                 {/* Live streaming response display */}
+
                 {generationProgress.streamedCode && (
+
                   <motion.div 
+
                     initial={{ opacity: 0, height: 0 }}
+
                     animate={{ opacity: 1, height: 'auto' }}
+
                     exit={{ opacity: 0, height: 0 }}
+
                     transition={{ duration: 0.3 }}
+
                     className="mt-3 border-t border-gray-300 pt-3"
+
                   >
+
                     <div className="flex items-center gap-2 mb-2">
+
                       <div className="flex items-center gap-1">
+
                         <div className="w-2 h-2 bg-green-500 rounded-full animate-pulse" />
+
                         <span className="text-xs font-medium text-gray-600">AI Response Stream</span>
+
                       </div>
+
                       <div className="flex-1 h-px bg-gradient-to-r from-gray-300 to-transparent" />
+
                     </div>
+
                     <div className="bg-gray-900 border border-gray-700 rounded max-h-32 overflow-y-auto scrollbar-hide">
+
                       <SyntaxHighlighter
+
                         language="jsx"
+
                         style={vscDarkPlus}
+
                         customStyle={{
+
                           margin: 0,
+
                           padding: '0.75rem',
+
                           fontSize: '11px',
+
                           lineHeight: '1.5',
+
                           background: 'transparent',
+
                           maxHeight: '8rem',
+
                           overflow: 'hidden'
+
                         }}
+
                       >
+
                         {(() => {
+
                           const lastContent = generationProgress.streamedCode.slice(-1000);
+
                           // Show the last part of the stream, starting from a complete tag if possible
+
                           const startIndex = lastContent.indexOf('<');
+
                           return startIndex !== -1 ? lastContent.slice(startIndex) : lastContent;
+
                         })()}
+
                       </SyntaxHighlighter>
+
                       <span className="inline-block w-2 h-3 bg-orange-400 ml-3 mb-3 animate-pulse" />
+
                     </div>
+
                   </motion.div>
+
                 )}
+
               </div>
+
             )}
+
           </div>
 
+
+
           <div className="p-4 border-t border-border bg-card">
+
             <div className="relative">
+
               <Textarea
+
                 className="min-h-[60px] pr-12 resize-y border-2 border-black focus:outline-none"
+
                 placeholder=""
+
                 value={aiChatInput}
+
                 onChange={(e) => setAiChatInput(e.target.value)}
+
                 onKeyDown={(e) => {
+
                   if (e.key === 'Enter' && !e.shiftKey) {
+
                     e.preventDefault();
+
                     sendChatMessage();
+
                   }
+
                 }}
+
                 rows={3}
+
               />
+
               <button
+
                 onClick={sendChatMessage}
+
                 className="absolute right-2 bottom-2 p-2 bg-[#36322F] text-white rounded-[10px] hover:bg-[#4a4542] [box-shadow:inset_0px_-2px_0px_0px_#171310,_0px_1px_6px_0px_rgba(58,_33,_8,_58%)] hover:translate-y-[1px] hover:scale-[0.98] hover:[box-shadow:inset_0px_-1px_0px_0px_#171310,_0px_1px_3px_0px_rgba(58,_33,_8,_40%)] active:translate-y-[2px] active:scale-[0.97] active:[box-shadow:inset_0px_1px_1px_0px_#171310,_0px_1px_2px_0px_rgba(58,_33,_8,_30%)] transition-all duration-200"
+
                 title="Send message (Enter)"
+
               >
+
                 <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+
                   <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14 5l7 7m0 0l-7 7m7-7H3" />
+
                 </svg>
+
               </button>
+
             </div>
+
           </div>
+
         </div>
 
+
+
         {/* Right Panel - Preview or Generation (2/3 of remaining width) */}
+
         <div className="flex-1 flex flex-col overflow-hidden">
+
           <div className="px-4 py-2 bg-card border-b border-border flex justify-between items-center">
+
             <div className="flex items-center gap-4">
+
               <div className="flex bg-[#36322F] rounded-lg p-1">
+
                 <button
+
                   onClick={() => setActiveTab('generation')}
+
                   className={`p-2 rounded-md transition-all ${
+
                     activeTab === 'generation' 
+
                       ? 'bg-black text-white' 
+
                       : 'text-gray-300 hover:text-white hover:bg-gray-700'
+
                   }`}
+
                   title="Code"
+
                 >
+
                   <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+
                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
+
                   </svg>
+
                 </button>
+
                 <button
+
                   onClick={() => setActiveTab('preview')}
+
                   className={`p-2 rounded-md transition-all ${
+
                     activeTab === 'preview' 
+
                       ? 'bg-black text-white' 
+
                       : 'text-gray-300 hover:text-white hover:bg-gray-700'
+
                   }`}
+
                   title="Preview"
+
                 >
+
                   <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+
                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+
                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
+
                   </svg>
+
                 </button>
+
               </div>
+
             </div>
+
             <div className="flex gap-2 items-center">
+
               {/* Live Code Generation Status - Moved to far right */}
+
               {activeTab === 'generation' && (generationProgress.isGenerating || generationProgress.files.length > 0) && (
+
                 <div className="flex items-center gap-3">
+
                   {!generationProgress.isEdit && (
+
                     <div className="text-gray-600 text-sm">
+
                       {generationProgress.files.length} files generated
+
                     </div>
+
                   )}
+
                   <div className={`inline-flex items-center justify-center whitespace-nowrap rounded-[10px] font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-[#36322F] text-white hover:bg-[#36322F] [box-shadow:inset_0px_-2px_0px_0px_#171310,_0px_1px_6px_0px_rgba(58,_33,_8,_58%)] hover:translate-y-[1px] hover:scale-[0.98] hover:[box-shadow:inset_0px_-1px_0px_0px_#171310,_0px_1px_3px_0px_rgba(58,_33,_8,_40%)] active:translate-y-[2px] active:scale-[0.97] active:[box-shadow:inset_0px_1px_1px_0px_#171310,_0px_1px_2px_0px_rgba(58,_33,_8,_30%)] disabled:shadow-none disabled:hover:translate-y-0 disabled:hover:scale-100 h-8 px-3 py-1 text-sm gap-2`}>
+
                     {generationProgress.isGenerating ? (
+
                       <>
+
                         <div className="w-2 h-2 bg-green-500 rounded-full animate-pulse shadow-[0_0_10px_rgba(34,197,94,0.5)]" />
-                        {generationProgress.isEdit ? 'Editing code' : 'Live code generation'}
+
+                        {generationProgress.isEdit ? 'Редактирование кода' : 'Генерация кода в реальном времени'}
+
                       </>
+
                     ) : (
+
                       <>
+
                         <div className="w-2 h-2 bg-gray-500 rounded-full" />
+
                         COMPLETE
+
                       </>
+
                     )}
+
                   </div>
+
                 </div>
+
               )}
+
               {sandboxData && !generationProgress.isGenerating && (
+
                 <>
+
                   <Button
+
                     variant="code"
+
                     size="sm"
+
                     asChild
+
                   >
+
                     <a 
+
                       href={sandboxData.url} 
+
                       target="_blank" 
+
                       rel="noopener noreferrer"
+
                       title="Open in new tab"
+
                     >
+
                       <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+
                         <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+
                       </svg>
+
                     </a>
+
                   </Button>
+
                 </>
+
               )}
+
             </div>
+
           </div>
+
           <div className="flex-1 relative overflow-hidden">
+
             {renderMainContent()}
+
           </div>
+
         </div>
+
       </div>
 
 
 
 
+
+
+
+
+
+      </div>
     </div>
   );
+}
+
+export default function AISandboxPage() {
+  return (
+    <Suspense fallback={<div className="flex items-center justify-center min-h-screen">Загрузка...</div>}>
+
+      <AISandboxPageContent />
+    </Suspense>
+  );
 }
\ No newline at end of file
diff --git a/cmsspecification.txt b/cmsspecification.txt
new file mode 100644
index 000000000..91fd06a94
--- /dev/null
+++ b/cmsspecification.txt
@@ -0,0 +1,604 @@
+Спецификация для CMS с 
+использованием кассового сервиса 
+PayAnyWay 
+Вступление 
+PayAnyWay - это система, предоставляющая интернет-эквайринг для юридических лиц, 
+индивидуальных 
+предпринимателей 
+и 
+самозанятых 
+физических 
+CMS 
+интернет-магазина может передать номенклатуру оплачиваемого с помощью PayAnyWay 
+заказа.  
+лиц. 
+Общая схема взаимодействия 
+Настройки для приема платежа 
+Для формирования ссылки на платежную форму, а также для формирования 
+интернет-магазином ответов на url-уведомления от PayAnyWay, в разделе 
+администрирования интернет-магазина необходимо организовать хранение следующих 
+параметров: 
+● MNT_ID - Номер бизнес счета продавца; 
+● MNT_INTEGRITY_CODE - Код проверки целостности данных; 
+● MNT_TEST_MODE - Флаг режима тестирования (1 или строковый 0); 
+● MNT_INLINE_FORM - Флаг использования встроенной формы оплаты (для тех CMS 
+где возможно встраивание платежной формы на страницу оплаты). 
+● MNT_UNIT_ID - Необязательный параметр - id способа оплаты. Поле нужно только в 
+том случае, если флаг использования встроенной формы оплаты выключен. 
+● MNT_CMS - Необязательный параметр - строка, идентификатор типа и версии CMS. 
+Перечисленные параметры должны не только сохраняться в CMS, но должны быть также 
+доступны для чтения при формировании в CMS ссылки на форму оплаты, и при обработке 
+интернет-магазином url-уведомлений.  
+Система PayAnyWay (Монета) отправляет уведомления 2-х типов: проверочный запрос на 
+check url и уведомление об успешной оплате на pay url (более подробно об этом в 
+документации: https://www.moneta.ru/doc/MONETA.Assistant.ru.pdf). 
+Для приема url-уведомлений интеграционный модуль в CMS должен предоставлять 
+обработчики, доступные для вызова снаружи по ссылке.  
+Ответ на проверочный запрос (check url - уведомление) 
+Формируется по следующей схеме в формате json: 
+{ 
+"properties": { 
+"id": { 
+"type": "string", 
+"maxLength": 20 
+}, 
+"transactionId": { 
+"type": "string", 
+     "maxLength": 255 
+   }, 
+   "amount": { 
+     "$ref": "#/definitions/number_amount" 
+   }, 
+   "signature": { 
+     "type": "string", 
+     "maxLength": 32 
+   }, 
+   "resultCode": { 
+     "type": "string", 
+     "maxLength": 3 
+   }, 
+   "description": { 
+     "type": "string", 
+     "maxLength": 500 
+   }, 
+   "attributes": { 
+     "type": "object", 
+     "properties": { 
+       "key": { 
+         "type": "string", 
+         "description": "key", 
+         "maxLength": 32 
+       }, 
+       "value": { 
+         "type": "string", 
+         "description": "the value", 
+         "maxLength": 750 
+       } 
+     } 
+   } 
+ }, 
+ "type": "object", 
+   "receipt": { 
+     "type": "object", 
+     "properties": { 
+       "client": { 
+         "type": "object", 
+         "properties": { 
+           "name": { 
+             "type": "string", 
+             "maxLength": 256 
+           }, 
+           "inn": { 
+             "type": "string", 
+             "pattern": "(^[0-9]{10}$)|(^[0-9]{12}$)" 
+           }, 
+           "email": { 
+             "type": "string", 
+             "maxLength": 64 
+           }, 
+           "phone": { 
+             "$ref": "#/definitions/phone_number" 
+           } 
+         } 
+       }, 
+       "items": { 
+         "type": "array", 
+         "minItems": 1, 
+         "items": [ 
+           { 
+             "type": "object", 
+             "properties": { 
+               "name": { 
+                 "type": "string", 
+                 "maxLength": 128 
+               }, 
+               "price": { 
+                 "$ref": "#/definitions/number_price" 
+               }, 
+               "quantity": { 
+                 "type": "number", 
+                 "minimum": 0, 
+                 "maximum": 99999.999, 
+                 "multipleOf": 0.001 
+               }, 
+               "measure": { 
+                 "type": "string", 
+                 "maxLength": 20 
+               }, 
+               "paymentMethod": { 
+                 "type": "string", 
+                 "maxLength": 40 
+               }, 
+               "paymentObject": { 
+                 "type": "string", 
+                 "maxLength": 40 
+               }, 
+               "vat": { 
+                 "type": "string", 
+                 "maxLength": 20 
+               }, 
+               "userData": { 
+                 "type": "string", 
+                 "maxLength": 64 
+               }, 
+               "agentInfo": { 
+                 "type": "object", 
+                 "payingAgent": { 
+                   "type": "object", 
+                   "properties": { 
+                     "operation": { 
+                       "type": "string", 
+                       "maxLength": 24 
+                     }, 
+                     "phones": { 
+                       "type": "array", 
+                       "items": [ 
+                         { 
+                           "$ref": "#/definitions/phone_number" 
+                         } 
+                       ] 
+                     } 
+                   } 
+                 }, 
+                 "supplierInfo": { 
+                   "type": "object", 
+                   "properties": { 
+                     "phones": { 
+                       "type": "array", 
+                       "items": [ 
+                         { 
+                           "$ref": "#/definitions/phone_number" 
+                         } 
+                       ] 
+                     }, 
+                     "name": { 
+                       "type": "string", 
+                       "maxLength": 256 
+                     }, 
+                     "inn": { 
+                       "type": "string", 
+                       "pattern": "(^[0-9]{10}$)|(^[0-9]{12}$)" 
+                     } 
+                   } 
+                 } 
+               }, 
+               "dependencies": { 
+                 "agentInfo": [ 
+                   "supplierInfo" 
+                 ] 
+               } 
+             } 
+           } 
+         ] 
+       }, 
+       "additionalCheckProp": { 
+         "type": "string", 
+         "maxLength": 16 
+       }, 
+       "additionalUserProps": { 
+         "type": "object", 
+         "properties": { 
+           "name": { 
+             "type": "string", 
+             "maxLength": 64 
+           }, 
+           "value": { 
+             "type": "string", 
+             "maxLength": 256 
+           } 
+         }, 
+         "required": [ 
+           "name", 
+           "value" 
+         ] 
+       } 
+     }, 
+     "required": [ 
+       "client", 
+       "items" 
+     ] 
+ }, 
+ "definitions": { 
+   "number_amount": { 
+     "type": "number", 
+     "minimum": 0, 
+     "maximum": 10000000000000, 
+     "multipleOf": 0.01 
+   }, 
+   "number_price": { 
+     "type": "number", 
+     "minimum": 0, 
+     "maximum": 42949672.95, 
+     "multipleOf": 0.01 
+   }, 
+   "phone_number": { 
+     "type": "string", 
+     "maxLength": 13 
+   } 
+ }, 
+ "properties.required": [ 
+   "receipt" 
+ ] 
+} 
+ 
+ 
+Следует помнить, что значения в ответе не должны содержать кавычек, знаков &, $, # и 
+других. Обратных и прямых слэшей также быть не должно. Это относится как к 
+наименованиям товаров, так и к значениям любых других полей. 
+ 
+Параметры ответа: 
+ 
+● id - Номер бизнес счета в PayAnyWay; 
+● transactionId - Сформированный ранее в CMS идентификатор заказа 
+интернет-магазина; 
+● amount - Сумма оплаты, количество знаков после точки - два (даже если это нули); 
+● signature - Сигнатура запроса, формируется как md5 от конкатенации строк 
+параметров в следующем порядке: resultCode, id, transactionId, 
+MNT_INTEGRITY_CODE (из настроек в разделе администрирования CMS) 
+● resultCode - Код ответа на запрос. Список кодов: 
+Код ответа Описание 
+100 Ответ содержит сумму заказа для оплаты. Данным кодом следует 
+отвечать, когда в параметрах проверочного запроса не был указан 
+параметр amount. 
+200 Заказ оплачен. Уведомление об оплате магазину доставлено. 
+302 
+402 
+500 
+Заказ находится в обработке. Точный статус оплаты заказа 
+определить невозможно. 
+Заказ создан и готов к оплате. Уведомление об оплате магазину не 
+доставлено. 
+Заказ не является актуальным в магазине (например, заказ 
+отменен). При получении данного кода MONETA.Assistant не будет 
+больше пытаться отсылать уведомление об успешной оплате, 
+если оно не было доставлено. 
+● description - Описание состояния заказа. Задается в произвольной форме. 
+● attributes (ключ - значение) - Необязательный элемент - Содержит произвольные 
+параметры, которые будут сохранены в операции: 
+○ key - ключ, 
+○ value - значение. 
+● client - Покупатель. 
+○ name - ФИО покупателя, 
+○ inn - ИНН, 
+○ email - e-mail для отправки чека, 
+○ phone - номер телефона покупателя. 
+● items - Товары для чека. 
+○ name - наименование, 
+○ price - цена, 
+○ quantity - кол-во, 
+○ measure - единица измерения, 
+○ paymentMethod - метод оплаты, 
+○ paymentObject - объект оплаты, 
+○ vat - НДС (ставка), 
+○ userData - Дополнительный реквизит предмета расчета (тег 1191). 
+○ agentInfo - Атрибуты агента. 
+■ payingAgent - Атрибуты платежного агента. 
+● operation - Наименование операции банковского платежного 
+агента, банковского платежного субагента (тег 1044). 
+● phones - Номера телефонов платежного агента (тег 1073). 
+■ supplierInfo - Атрибуты поставщика. 
+● phones - Телефоны поставщика (тег 1171). 
+● name - Наименование поставщика (тег 1225). 
+● inn - ИНН поставщика (тег 1226). 
+● additionalCheckProp - Дополнительный реквизит чека (тег 1192). 
+● additionalUserProps - Дополнительный реквизит пользователя (тег 1084). 
+○ name - Наименование дополнительного реквизита пользователя (тег 1085). 
+○ value - Значение дополнительного реквизита пользователя (тег 1086). 
+Переданная в ответе на проверочный запрос номенклатура, будет провалидирована 
+сервисом PayAnyWay на корректность. Полученные данные о покупателе и номенклатуре 
+будут использованы для фискализации чека после успешной оплате заказа покупателем. 
+Данные, полученные от интернет-магазина, при передаче в кассу используются без 
+изменений, в том числе ставка НДС, метод и предмет оплаты. Поэтому, интеграционный 
+метод, в зависимости от наименования товара номенклатуры должен установить 
+соответствующие значения. Общая сумма платежной операции должна совпадать с 
+суммой, вычисляемой по строкам номенклатуры с точностью до 1 копейки, в противном 
+случае, данные о номенклатуре не пройдут валидацию. 
+Ставка НДС (vat) передается в виде строки в одном из следующих значений: 
+● none - без НДС 
+● vat0 - НДС по ставке 0% 
+● vat10 - НДС чека по ставке 10% 
+● vat110 - НДС чека по расчетной ставке 10/110 
+● vat20 - НДС чека по ставке 20% 
+● vat120 - НДС чека по расчетной ставке 20/120 
+● vat5 - 5% 
+● vat15 - по расчётной ставке 5% 
+● vat7 - 7% 
+● vat17 - по расчётной ставке 7% 
+Предмет расчета. Список доступных значений: 
+● commodity – товар 
+● excise – подакцизный товар 
+● job – работа 
+● service – услуга 
+● gambling_bet – ставка азартной игры 
+● gambling_prize – выигрыш азартной игры 
+● lottery – лотерейный билет 
+● lottery_prize – выигрыш лотереи 
+● intellectual_activity – предоставление результатов интеллектуальной деятельности 
+● payment – платеж 
+● agent_commission – агентское вознаграждение 
+● composite – составной предмет расчета 
+● another – иной предмет расчета 
+● property_right – имущественное право 
+● sales_tax – торговый сбор 
+● resort_fee – курортный сбор 
+Признак расчета. Список доступных значений: 
+● full_prepayment – предоплата 100%. Полная предварительная оплата до момента 
+передачи предмета расчета 
+● prepayment – предоплата. Частичная предварительная оплата до момента 
+передачи предмета расчета 
+● advance – аванс 
+● full_payment – полный расчет. Полная оплата, в том числе с учетом аванса 
+(предварительной оплаты) в момент передачи предмета расчета 
+● partial_payment – частичный расчет и кредит. Частичная оплата предмета расчета в 
+момент его передачи с последующей оплатой в кредит 
+● credit – передача в кредит. Передача предмета расчета без его оплаты в момент его 
+передачи с последующей оплатой в кредит 
+● credit_payment – оплата кредита. Оплата предмета расчета после его передачи с 
+оплатой в кредит (оплата кредита) 
+Формирование ссылки на платежную форму 
+Платежная форма PayAnyWay находится по адресу:  
+https://payanyway.ru/assistant.htm 
+На этот url необходимо передать следующие GET параметры: 
+● MNT_ID - Номер бизнес счета в PayAnyWay; 
+● MNT_AMOUNT - Сумма оплаты, количество знаков после точки - два (даже если это 
+нули); 
+● MNT_TRANSACTION_ID - Сформированный в модуле идентификатор заказа 
+интернет-магазина; 
+● MNT_CURRENCY_CODE - Код валюты, RUB; 
+● MNT_TEST_MODE - Флаг режима тестирования (1 или строковый 0); 
+● MNT_DESCRIPTION - Текстовое описание заказа, например: “Оплата заказа номер: 
+*** в интернет-магазине ***”; 
+● MNT_SUBSCRIBER_ID - Идентификатор покупателя. Чаще всего это e-mail 
+покупателя, реже это может быть номер телефона или ID покупателя; 
+● MNT_SUCCESS_URL - Ссылка на страницу после успешной оплаты, обычно это 
+страница заказа; 
+● MNT_FAIL_URL - Ссылка на страницу после ошибки в оплате (отказ), обычно это 
+корзина; 
+● paymentSystem.unitId и paymentSystem.limitIds - id способа оплаты. 
+● MNT_SIGNATURE - Сигнатура запроса, формируется как md5 от конкатенации строк 
+параметров в следующем порядке: MNT_ID, MNT_TRANSACTION_ID, 
+MNT_AMOUNT, MNT_CURRENCY_CODE, MNT_SUBSCRIBER_ID, 
+MNT_TEST_MODE, MNT_INTEGRITY_CODE (из настроек в разделе 
+администрирования CMS). 
+Остановимся подробнее на параметре MNT_TRANSACTION_ID. В наиболее простом 
+случае в этот параметр следует поместить ID заказа интернет-магазина, по которому заказ 
+можно будет найти программно для получения проданной номенклатуры. Целесообразно к 
+ID заказа добавлять метку даты и времени через разделитель, например: 
+123|202102150929, где 123 - это ID заказа, метка времени может состоять из года 2021, 
+месяца 02, дня 15, часа 09 и минуты 29. В качестве разделителя предпочтительно 
+использовать символ: | (вертикальная черта), если для какой-то CMS это невозможно, то 
+следует использовать другой разделитель (звёздочка, нижнее подчёркивание). В некоторых 
+CMS, кроме ID заказа может также быть ID оплаты, например, в случае если CMS 
+поддерживает оплату заказа частями. Для такого кейса в  MNT_TRANSACTION_ID нужно 
+добавить и ID оплаты через разделитель, отодвинув метку времени назад. 
+Параметр MNT_TRANSACTION_ID приходит в url уведомлении об успешной оплате на 
+backend интернет-магазина. В скрипте, принимающем это url уведомление в 
+интернет-магазине, для поиска заказа по ID, для поиска оплаты, следует разобрать 
+значение MNT_TRANSACTION_ID, используя разделитель, а далее найти по 
+соответствующим ID заказа и оплату (если поддерживается CMS). 
+Формирование встроенной формы оплаты 
+Некоторые CMS позволяют не просто установить на кнопку сформированную ссылку на 
+форму оплаты, но также заменить кнопку “Оплатить” встроенной на страницу CMS формой. 
+Это возможно не в каждом интернет-магазине, поэтому флаг настроек MNT_INLINE_FORM 
+следует добавлять в раздел администрирования только тогда, когда CMS позволяет 
+заменять кнопку “Оплатить” формой. 
+Инструкция по подключению такой формы находится по адресу: 
+https://docs.payanyway.ru/payment-form-v2/  
+Отличительной чертой формы V2 является то, что ссылки на страницы успешной и 
+неуспешной оплаты не передаются в неё как параметры, а должны быть заданы 
+обработчиках setOnSuccessCallback и setOnFailCallback соответственно. 
+Форма V2 содержит только один способ оплаты - банковской картой. Поэтому чуть ниже 
+этой формы нужно вывести ссылку “Оплатить другими способами”, которая должна быть 
+сформирована как было описано выше в разделе “Формирование ссылки для перехода на 
+платежную форму”. 
+Скрипт обработки url уведомления об успешной оплате (pay url - уведомление) 
+Интернет-магазин принимает url уведомление, которое приходит от сервиса платежей 
+PayAnyWay и содержит следующие POST или GET параметры: 
+● MNT_ID - Номер бизнес счета в PayAnyWay; 
+● MNT_AMOUNT - Сумма оплаты, количество знаков после точки - два (даже если это 
+нули); 
+● MNT_TRANSACTION_ID - Идентификатор для поиска заказа в интернет-магазине, 
+такой же какой был передан в платежную форму; 
+● MNT_OPERATION_ID - ID операции в системе PayAnyWay; 
+● MNT_CURRENCY_CODE - Код валюты, RUB; 
+● MNT_SUBSCRIBER_ID - Идентификатор покупателя; 
+● MNT_TEST_MODE - Флаг режима тестирования (1 или строковый 0); 
+● MNT_SIGNATURE - Подпись запроса. 
+Первое что следует сделать после получения запроса - проверить подпись 
+MNT_SIGNATURE. Система PayAnyWay формирует подпись уведомления на Pay url по 
+следующему правилу - md5 от конкатенации строк: MNT_ID, MNT_TRANSACTION_ID, 
+MNT_OPERATION_ID, MNT_AMOUNT, MNT_CURRENCY_CODE, MNT_SUBSCRIBER_ID, 
+MNT_TEST_MODE, MNT_INTEGRITY_CODE (из настроек в разделе администрирования 
+CMS). 
+ 
+После этого нужно из параметра MNT_TRANSACTION_ID выделить id заказа и найти его в 
+CMS. Отметить найденный заказ статусом “Оплачено”. Как уже упоминалось выше, в 
+некоторых CMS могут быть разделены по id оплаты, которые также можно выделить из 
+параметра MNT_TRANSACTION_ID и затем поставить найденной оплате статус 
+“Оплачено”. 
+ 
+Сервис   использует кастомные поля: 
+● MNT_CUSTOM1 
+● MNT_CUSTOM2 
+● MNT_CUSTOM3 
+● MNT_CUSTOM10 - MNT_CUSTOM19 
+ 
+Поля зарезервированы сервисом, их использование в своих сайтах необходимо избегать. 
+ 
+Скрипт обработки url уведомления должен сформировать xml ответ в специальном 
+формате: 
+ 
+<?xml version="1.0" encoding="UTF-8" ?> 
+<MNT_RESPONSE> 
+  <MNT_ID>********</MNT_ID> 
+  <MNT_TRANSACTION_ID>********</MNT_TRANSACTION_ID> 
+  <MNT_RESULT_CODE>200</MNT_RESULT_CODE> 
+  <MNT_SIGNATURE>********</MNT_SIGNATURE> 
+  <MNT_ATTRIBUTES> 
+    <ATTRIBUTE> 
+      <KEY>INVENTORY</KEY> 
+      <VALUE>[{"name": "product 1 name", "price": "product 1 price", "quantity": 
+"product 1 quantity", "vatTag": "vatType", "pm": "full_payment", "po": 
+"commodity", "agent_info": {"type": "commission"}, "supplier_info": {"phones": 
+["11111","22222"], "name": "supplier first", "inn": "1215948374"}}, {"name": 
+"product 2 name", "price": "product 2 price", "quantity": "product 2 quantity", 
+"vatTag": "vatType", "pm": "full_payment", "po": "commodity", "agent_info": 
+{"type": "commission"}, "supplier_info": {"phones": ["33333","44444"], "name": 
+"supplier second", "inn": "4756493018"}}]</VALUE> 
+    </ATTRIBUTE> 
+    <ATTRIBUTE> 
+      <KEY>CLIENT</KEY> 
+      <VALUE>[{"name": "FIO", "inn": "1234567890"}]</VALUE> 
+    </ATTRIBUTE> 
+    <ATTRIBUTE> 
+      <KEY>CUSTOMER</KEY> 
+      <VALUE>test@test.ru</VALUE> 
+    </ATTRIBUTE> 
+    <ATTRIBUTE> 
+      <KEY>PHONE</KEY> 
+      <VALUE>79876543210</VALUE> 
+    </ATTRIBUTE> 
+    <ATTRIBUTE> 
+      <KEY>DELIVERY</KEY> 
+      <VALUE>12.52</VALUE> 
+    </ATTRIBUTE> 
+  </MNT_ATTRIBUTES> 
+</MNT_RESPONSE> 
+ 
+В заголовке ответа должно быть передано: 
+Content-type: application/xml 
+ 
+Значения  vatType для отражения ставки НДС могут быть такими: 
+ 
+● 1104 - НДС 0% 
+● 1103 - НДС 10% 
+● 1102 - НДС 18% (c 01.01.2019 ставка 20%) 
+● 1105 - НДС не облагается 
+● 1107 - НДС с рассч. ставкой 10% 
+● 1106 - НДС с рассч. ставкой 18% (c 01.01.2019 - 20%) 
+● 1108 - ставка 5% 
+● 1109 - ставка 7% 
+● 1110 - расчётная ставка 5/105 
+● 1111 - расчётная ставка 7/107 
+ 
+Параметры номенклатуры  pm  и  po - не обязательны. Это метод оплаты и объект оплаты, 
+которые могут принимать значения соответственно: 
+ 
+Признак способа расчета pm (payment_method): 
+ 
+full_prepayment – предоплата 100%. Полная предварительная оплата до момента 
+передачи предмета расчета. 
+prepayment – предоплата. Частичная предварительная оплата до момента передачи 
+предмета расчета. 
+advance – аванс. 
+full_payment – полный расчет. Полная оплата, в том числе с учетом аванса 
+(предварительной оплаты) в момент передачи предмета расчета. 
+partial_payment – частичный расчет и кредит. Частичная оплата предмета расчета в 
+момент его передачи с последующей оплатой в кредит. 
+credit – передача в кредит. Передача предмета расчета без его оплаты в момент его 
+передачи с последующей оплатой в кредит. 
+credit_payment – оплата кредита. Оплата предмета расчета после его передачи с оплатой 
+в кредит (оплата кредита). 
+Признак предмета расчёта po (payment_object): 
+commodity – товар. О реализуемом товаре, за исключением подакцизного товара 
+(наименование и иные сведения, описывающие товар). 
+excise – подакцизный товар. О реализуемом подакцизном товаре (наименование и иные 
+сведения, описывающие товар). 
+job – работа. О выполняемой работе (наименование и иные сведения, описывающие 
+работу). 
+service – услуга. Об оказываемой услуге (наименование и иные сведения, описывающие 
+услугу). 
+gambling_bet – ставка азартной игры. О приеме ставок при осуществлении деятельности 
+по проведению азартных игр. 
+gambling_prize – выигрыш азартной игры. О выплате денежных средств в виде выигрыша 
+при осуществлении деятельности по проведению азартных игр. 
+lottery – лотерейный билет. О приеме денежных средств при реализации лотерейных 
+билетов, электронных лотерейных билетов, приеме лотерейных ставок при осуществлении 
+деятельности по проведению лотерей. 
+lottery_prize – выигрыш лотереи. О выплате денежных средств в виде выигрыша при 
+осуществлении деятельности по проведению лотерей. 
+intellectual_activity – предоставление результатов интеллектуальной деятельности. О 
+предоставлении прав на использование результатов интеллектуальной деятельности или 
+средств индивидуализации. 
+payment – платеж. Об авансе, задатке, предоплате, кредите, взносе в счет оплаты, пени, 
+штрафе, вознаграждении, бонусе и ином аналогичном предмете расчета. 
+agent_commission – агентское вознаграждение. О вознаграждении пользователя, 
+являющегося платежным агентом (субагентом), банковским платежным агентом 
+(субагентом), комиссионером, поверенным или иным агентом. 
+composite – составной предмет расчета. О предмете расчета, состоящем из предметов, 
+каждому из которых может быть присвоено значение вышеперечисленных признаков. 
+another – иной предмет расчета. О предмете расчета, не относящемуся к выше 
+перечисленным предметам расчета. 
+property_right – имущественное право. О передаче имущественных прав. 
+non-operating_gain – внереализационный доход. О внереализационном доходе. 
+insurance_premium – страховые взносы. О суммах расходов, уменьшающих сумму налога 
+(авансовых платежей) в соответствии с пунктом 3.1 статьи 346.21 Налогового кодекса 
+Российской Федерации. 
+sales_tax – торговый сбор. О суммах уплаченного торгового сбора. 
+resort_fee – курортный сбор. О курортном сборе. 
+Если данные параметры не будут указаны, по-умолчанию будут применяться: full_payment 
+и commodity. При этом производится распознавание наименований номенклатуры 
+(автоопределение) на вхождение подстрок: 
+- 
+“аванс”. Признак способа расчёта - payment_method (pm) - будет установлен в 
+advance - - 
+“услуг”. Признака способа расчёта будет установлен в service)  
+“рабо”. Признак способа расчёта - job. 
+Переданные в атрибутах параметры   pm и   po имеют приоритет над автоопределением. 
+Признак агента type (в agent_info). Ограничен агентами, введёнными в ККТ при 
+фискализации: 
+bank_agent – банковский платёжный агент. Оказание услуг покупателю (клиенту) 
+пользователем, являющимся банковским платёжным агентом. 
+bank_subagent  – банковский платёжный субагент. Оказание услуг покупателю (клиенту) 
+пользователем, являющимся банковским платёжным субагентом. 
+payment_agent  – платёжный агент. Оказание услуг покупателю (клиенту) пользователем, 
+являющимся платёжным агентом. 
+payment_subagent – платёжный субагент. Оказание услуг покупателю (клиенту) 
+пользователем, являющимся платёжным субагентом. 
+attorney – поверенный. Осуществление расчёта с покупателем (клиентом) пользователем, 
+являющимся поверенным. 
+commission – комиссионер. Осуществление расчёта с покупателем (клиентом) 
+пользователем, являющимся комиссионером. 
+agent – другой тип агента. Осуществление расчёта с покупателем (клиентом) 
+пользователем, являющимся агентом и не являющимся банковским платёжным агентом 
+(субагентом), платёжным агентом (субагентом), поверенным, комиссионером. 
+В атрибут CUSTOMER нужно поместить e-mail покупателя, в атрибут DELIVERY сумму за 
+доставку, если доставка не содержится в json массиве в атрибуте INVENTORY. 
+Параметр PHONE не обязательный. Если указан, будет передан в ККТ для отправки чека 
+покупателю через СМС. 
+CLIENT - необязательный параметр, используется для передачи в кассу данных о 
+поставщике. 
+Через параметр MNT_ID нужно передать номер расширенного счета магазина, который 
+можно получить из запроса на Pay URL. 
+MNT_TRANSACTION_ID - внешний идентификатор операции, который можно получить из 
+запроса на Pay URL. В случае, если отправляется запрос на фискализацию чека возврата, 
+необходимо добавить к MNT_TRANSACTION_ID префикс или постфикс. 
+MNT_RESULT_CODE - для успешного ответа должен быть равен: 200. Подробнее см. 
+документацию: https://www.moneta.ru/doc/MONETA.Assistant.ru.pdf 
+MNT_SIGNATURE формируется следующим образом:  
+md5(MNT_RESULT_CODE + MNT_ID + MNT_TRANSACTION_ID + MNT_INTEGRITY_CODE) 
+Где знаком “+” обозначена конкатенация строк. 
+MNT_INTEGRITY_CODE - код проверки целостности данных. 
+Следует помнить, что значения в ответе не должны содержать кавычек, знаков &, $, # и 
+других, обратных и прямых слэшей также быть не должно. Это относится как к 
+наименованиям товаров, так и к значениям других полей. 
\ No newline at end of file
diff --git a/components/HomeScreenHeader.tsx b/components/HomeScreenHeader.tsx
new file mode 100644
index 000000000..f7d11046c
--- /dev/null
+++ b/components/HomeScreenHeader.tsx
@@ -0,0 +1,13 @@
+'use client';
+
+import { ThemeLogo } from '@/app/components/theme-logo';
+import UserButton from '@/components/auth/UserButton';
+
+export default function HomeScreenHeader() {
+  return (
+    <div className="absolute top-0 left-0 right-0 z-20 px-6 py-4 flex items-center justify-between animate-[fadeIn_0.8s_ease-out]">
+      <ThemeLogo />
+      <UserButton />
+    </div>
+  );
+}
diff --git a/components/PageHeader.tsx b/components/PageHeader.tsx
new file mode 100644
index 000000000..06d704072
--- /dev/null
+++ b/components/PageHeader.tsx
@@ -0,0 +1,96 @@
+'use client';
+
+import { ThemeLogo } from '@/app/components/theme-logo';
+import UserButton from '@/components/auth/UserButton';
+
+interface PageHeaderProps {
+  status: { text: string; active: boolean };
+  aiModel: string;
+  onModelChange: (model: string) => void;
+  availableModels: string[];
+  modelDisplayNames: Record<string, string>;
+  onCreateSandbox: () => void;
+  onReapply: () => void;
+  onDownloadZip: () => void;
+  canReapply: boolean;
+  hasSandbox: boolean;
+}
+
+export default function PageHeader({
+  status,
+  aiModel,
+  onModelChange,
+  availableModels,
+  modelDisplayNames,
+  onCreateSandbox,
+  onReapply,
+  onDownloadZip,
+  canReapply,
+  hasSandbox
+}: PageHeaderProps) {
+  return (
+    <div className="bg-card px-4 py-4 border-b border-border flex items-center justify-between">
+      <div className="flex items-center gap-4">
+        <ThemeLogo />
+      </div>
+      <div className="flex items-center gap-2">
+        {/* Model Selector */}
+        <select
+          value={aiModel}
+          onChange={(e) => onModelChange(e.target.value)}
+          className="px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-[10px] focus:outline-none focus:ring-2 focus:ring-[#36322F] focus:border-transparent"
+        >
+          {availableModels.map(model => (
+            <option key={model} value={model}>
+              {modelDisplayNames[model] || model}
+            </option>
+          ))}
+        </select>
+        
+        {/* Create Sandbox Button */}
+        <button
+          onClick={onCreateSandbox}
+          className="px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-[10px] hover:bg-gray-50 transition-colors"
+          title="Create new sandbox"
+        >
+          <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 4v16m8-8H4" />
+          </svg>
+        </button>
+        
+        {/* Reapply Button */}
+        <button
+          onClick={onReapply}
+          disabled={!canReapply}
+          className="px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-[10px] hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+          title="Re-apply last generation"
+        >
+          <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+          </svg>
+        </button>
+        
+        {/* Download ZIP Button */}
+        <button
+          onClick={onDownloadZip}
+          disabled={!hasSandbox}
+          className="px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-[10px] hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+          title="Download your Vite app as ZIP"
+        >
+          <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" />
+          </svg>
+        </button>
+        
+        {/* Status Indicator */}
+        <div className="inline-flex items-center gap-2 bg-[#36322F] text-white px-3 py-1.5 rounded-[10px] text-sm font-medium [box-shadow:inset_0px_-2px_0px_0px_#171310,_0px_1px_6px_0px_rgba(58,_33,_8,_58%)]">
+          <span id="status-text">{status.text}</span>
+          <div className={`w-2 h-2 rounded-full ${status.active ? 'bg-green-500' : 'bg-gray-500'}`} />
+        </div>
+        
+        {/* User Button */}
+        <UserButton />
+      </div>
+    </div>
+  );
+}
diff --git a/components/SandboxPreview.tsx b/components/SandboxPreview.tsx
index 3808c2678..a1d036c8c 100644
--- a/components/SandboxPreview.tsx
+++ b/components/SandboxPreview.tsx
@@ -48,7 +48,7 @@ export default function SandboxPreview({
       <div className="flex items-center justify-between bg-gray-800 rounded-lg p-3 border border-gray-700">
         <div className="flex items-center gap-3">
           <span className="text-sm text-gray-400">
-            {type === 'vite' ? '⚡ Vite' : '▲ Next.js'} Preview
+            {type === 'vite' ? 'вљЎ Vite' : 'в–І Next.js'} Preview
           </span>
           <code className="text-xs bg-gray-900 px-2 py-1 rounded text-blue-400">
             {previewUrl}
diff --git a/components/SaveProjectButton.tsx b/components/SaveProjectButton.tsx
new file mode 100644
index 000000000..d460a64af
--- /dev/null
+++ b/components/SaveProjectButton.tsx
@@ -0,0 +1,74 @@
+'use client';
+
+import { useState } from 'react';
+import { Button } from '@/components/ui/button';
+import { useAuth } from '@/contexts/AuthContext';
+
+interface SaveProjectButtonProps {
+  sandboxData: any;
+  disabled?: boolean;
+}
+
+export default function SaveProjectButton({ sandboxData, disabled }: SaveProjectButtonProps) {
+  const { user } = useAuth();
+  const [saving, setSaving] = useState(false);
+
+  const saveProject = async () => {
+    if (!user) {
+      alert('Войдите в аккаунт чтобы сохранить проект');
+      return;
+    }
+
+    if (!sandboxData) {
+      alert('Нет активного проекта для сохранения');
+      return;
+    }
+
+    const projectName = prompt('Название проекта:');
+    if (!projectName) return;
+
+    const description = prompt('Описание (опционально):');
+
+    setSaving(true);
+    try {
+      const response = await fetch('/api/projects/save', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          name: projectName,
+          description: description || undefined
+        })
+      });
+
+      const data = await response.json();
+      
+      if (data.success) {
+        alert('Проект сохранен! ZIP архив доступен в личном кабинете.');
+      } else {
+        throw new Error(data.error);
+      }
+    } catch (error: any) {
+      alert(`Ошибка: ${error.message}`);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <Button 
+      variant="code"
+      onClick={saveProject}
+      disabled={disabled || saving}
+      size="sm"
+      title="Сохранить в кабинет"
+    >
+      {saving ? (
+        <div className="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin" />
+      ) : (
+        <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4" />
+        </svg>
+      )}
+    </Button>
+  );
+}
diff --git a/components/SupabaseExample.tsx b/components/SupabaseExample.tsx
new file mode 100644
index 000000000..5b1446cbf
--- /dev/null
+++ b/components/SupabaseExample.tsx
@@ -0,0 +1,176 @@
+'use client';
+
+import { useState } from 'react';
+import { useSupabaseAuth, useSupabaseQuery, useSupabaseMutation } from '@/lib/hooks/useSupabase';
+import { Button } from '@/components/ui/button';
+import { signIn, signUp, signOut } from '@/lib/supabase-helpers';
+
+/**
+ * Example component demonstrating Supabase integration
+ * This is a reference implementation - customize for your needs
+ */
+export default function SupabaseExample() {
+  const { user, loading: authLoading } = useSupabaseAuth();
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [error, setError] = useState<string | null>(null);
+
+  // Example: Fetch data from a table
+  // Replace 'your_table' with your actual table name
+  const { data, loading, refetch } = useSupabaseQuery('your_table', {
+    enabled: !!user, // Only fetch when user is logged in
+    limit: 10,
+  });
+
+  // Example: Mutations
+  const { insert, update, remove } = useSupabaseMutation('your_table');
+
+  const handleSignUp = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setError(null);
+    try {
+      await signUp(email, password);
+      setEmail('');
+      setPassword('');
+    } catch (err: any) {
+      setError(err.message);
+    }
+  };
+
+  const handleSignIn = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setError(null);
+    try {
+      await signIn(email, password);
+      setEmail('');
+      setPassword('');
+    } catch (err: any) {
+      setError(err.message);
+    }
+  };
+
+  const handleSignOut = async () => {
+    try {
+      await signOut();
+    } catch (err: any) {
+      setError(err.message);
+    }
+  };
+
+  if (authLoading) {
+    return <div className="p-4">Loading...</div>;
+  }
+
+  return (
+    <div className="p-6 max-w-2xl mx-auto">
+      <h1 className="text-2xl font-bold mb-6">Supabase Integration Example</h1>
+
+      {!user ? (
+        <div className="space-y-4">
+          <h2 className="text-xl font-semibold">Authentication</h2>
+          
+          {error && (
+            <div className="p-3 bg-red-100 text-red-700 rounded">
+              {error}
+            </div>
+          )}
+
+          <form onSubmit={handleSignIn} className="space-y-3">
+            <input
+              type="email"
+              placeholder="Email"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              className="w-full p-2 border rounded"
+              required
+            />
+            <input
+              type="password"
+              placeholder="Password"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              className="w-full p-2 border rounded"
+              required
+            />
+            <div className="flex gap-2">
+              <Button type="submit">Sign In</Button>
+              <Button type="button" onClick={handleSignUp} variant="outline">
+                Sign Up
+              </Button>
+            </div>
+          </form>
+        </div>
+      ) : (
+        <div className="space-y-4">
+          <div className="flex justify-between items-center">
+            <div>
+              <h2 className="text-xl font-semibold">Welcome!</h2>
+              <p className="text-gray-600">{user.email}</p>
+            </div>
+            <Button onClick={handleSignOut} variant="outline">
+              Sign Out
+            </Button>
+          </div>
+
+          <div className="border-t pt-4">
+            <h3 className="text-lg font-semibold mb-2">Data Example</h3>
+            
+            {loading ? (
+              <p>Loading data...</p>
+            ) : data && data.length > 0 ? (
+              <div className="space-y-2">
+                <p className="text-sm text-gray-600">
+                  Found {data.length} records
+                </p>
+                <pre className="p-3 bg-gray-100 rounded text-xs overflow-auto">
+                  {JSON.stringify(data, null, 2)}
+                </pre>
+                <Button onClick={refetch} size="sm">
+                  Refresh
+                </Button>
+              </div>
+            ) : (
+              <div className="space-y-2">
+                <p className="text-gray-600">
+                  No data found. Make sure you have a table named 'your_table' in Supabase.
+                </p>
+                <p className="text-sm text-gray-500">
+                  Update the table name in the component to match your schema.
+                </p>
+              </div>
+            )}
+          </div>
+
+          <div className="border-t pt-4">
+            <h3 className="text-lg font-semibold mb-2">Quick Actions</h3>
+            <div className="flex gap-2">
+              <Button
+                onClick={async () => {
+                  try {
+                    await insert({ 
+                      name: 'Test Item',
+                      created_at: new Date().toISOString()
+                    });
+                    refetch();
+                  } catch (err: any) {
+                    setError(err.message);
+                  }
+                }}
+                size="sm"
+              >
+                Insert Test Data
+              </Button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      <div className="mt-8 p-4 bg-blue-50 rounded">
+        <h3 className="font-semibold mb-2">рџ“љ Documentation</h3>
+        <p className="text-sm text-gray-700">
+          See <code className="bg-white px-1 rounded">SUPABASE_SETUP.md</code> for complete documentation and examples.
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/components/UsageLimitBadge.tsx b/components/UsageLimitBadge.tsx
new file mode 100644
index 000000000..468502494
--- /dev/null
+++ b/components/UsageLimitBadge.tsx
@@ -0,0 +1,48 @@
+'use client';
+
+import { useUsageLimits } from '@/lib/hooks/useUsageLimits';
+import { getTierName } from '@/lib/supabase-usage';
+import { AlertCircle, CheckCircle, XCircle } from 'lucide-react';
+
+export default function UsageLimitBadge() {
+  const { usage, loading, hasRequestsRemaining, isLimitReached } = useUsageLimits();
+
+  if (loading) {
+    return (
+      <div className="inline-flex items-center gap-2 px-3 py-1.5 bg-gray-100 dark:bg-gray-800 rounded-lg text-sm">
+        <div className="w-4 h-4 border-2 border-gray-400 border-t-transparent rounded-full animate-spin" />
+        <span className="text-gray-600 dark:text-gray-400">Загрузка...</span>
+      </div>
+    );
+  }
+
+  if (!usage) {
+    return null;
+  }
+
+  const getStatusColor = () => {
+    if (isLimitReached) return 'bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400';
+    if (usage.requests_remaining <= 2) return 'bg-yellow-100 dark:bg-yellow-900/30 text-yellow-700 dark:text-yellow-400';
+    return 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400';
+  };
+
+  const getIcon = () => {
+    if (isLimitReached) return <XCircle size={16} />;
+    if (usage.requests_remaining <= 2) return <AlertCircle size={16} />;
+    return <CheckCircle size={16} />;
+  };
+
+  return (
+    <div className={`inline-flex items-center gap-2 px-3 py-1.5 rounded-lg text-sm font-medium ${getStatusColor()}`}>
+      {getIcon()}
+      <span>
+        {usage.requests_remaining} / {usage.requests_limit} запросов
+      </span>
+      {usage.subscription_tier !== 'free' && (
+        <span className="text-xs opacity-75">
+          ({getTierName(usage.subscription_tier)})
+        </span>
+      )}
+    </div>
+  );
+}
diff --git a/components/auth/AuthModal.tsx b/components/auth/AuthModal.tsx
new file mode 100644
index 000000000..1b0d4501f
--- /dev/null
+++ b/components/auth/AuthModal.tsx
@@ -0,0 +1,168 @@
+'use client';
+
+import { useState } from 'react';
+import { X } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { signIn, signUp } from '@/lib/supabase-helpers';
+
+interface AuthModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  defaultMode?: 'signin' | 'signup';
+}
+
+export default function AuthModal({ isOpen, onClose, defaultMode = 'signin' }: AuthModalProps) {
+  const [mode, setMode] = useState<'signin' | 'signup'>(defaultMode);
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [fullName, setFullName] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [success, setSuccess] = useState<string | null>(null);
+
+  if (!isOpen) return null;
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setError(null);
+    setSuccess(null);
+    setLoading(true);
+
+    try {
+      if (mode === 'signup') {
+        await signUp(email, password, { full_name: fullName });
+        setSuccess('Регистрация успешна! Проверьте email для подтверждения.');
+        setTimeout(() => {
+          setMode('signin');
+          setSuccess(null);
+        }, 3000);
+      } else {
+        await signIn(email, password);
+        setSuccess('Вход выполнен успешно!');
+        setTimeout(() => {
+          onClose();
+          window.location.reload();
+        }, 1000);
+      }
+    } catch (err: any) {
+      setError(err.message || 'Произошла ошибка');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm">
+      <div className="relative w-full max-w-md bg-white dark:bg-gray-900 rounded-2xl shadow-2xl p-8 m-4">
+        {/* Close button */}
+        <button
+          onClick={onClose}
+          className="absolute top-4 right-4 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors"
+        >
+          <X size={24} />
+        </button>
+
+        {/* Header */}
+        <div className="mb-6">
+          <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-2">
+            {mode === 'signin' ? 'Вход' : 'Регистрация'}
+          </h2>
+          <p className="text-gray-600 dark:text-gray-400">
+            {mode === 'signin'
+              ? 'Войдите в свой аккаунт'
+              : 'Создайте новый аккаунт'}
+          </p>
+        </div>
+
+        {/* Error/Success messages */}
+        {error && (
+          <div className="mb-4 p-3 bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400 rounded-lg text-sm">
+            {error}
+          </div>
+        )}
+        {success && (
+          <div className="mb-4 p-3 bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 rounded-lg text-sm">
+            {success}
+          </div>
+        )}
+
+        {/* Form */}
+        <form onSubmit={handleSubmit} className="space-y-4">
+          {mode === 'signup' && (
+            <div>
+              <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                Полное имя
+              </label>
+              <input
+                type="text"
+                value={fullName}
+                onChange={(e) => setFullName(e.target.value)}
+                className="w-full px-4 py-3 border border-gray-300 dark:border-gray-700 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-gray-800 text-gray-900 dark:text-white"
+                placeholder="Иван Иванов"
+                required
+              />
+            </div>
+          )}
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+              Email
+            </label>
+            <input
+              type="email"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              className="w-full px-4 py-3 border border-gray-300 dark:border-gray-700 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-gray-800 text-gray-900 dark:text-white"
+              placeholder="your@email.com"
+              required
+            />
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+              Пароль
+            </label>
+            <input
+              type="password"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              className="w-full px-4 py-3 border border-gray-300 dark:border-gray-700 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-gray-800 text-gray-900 dark:text-white"
+              placeholder="••••••••"
+              required
+              minLength={6}
+            />
+            {mode === 'signup' && (
+              <p className="mt-1 text-xs text-gray-500 dark:text-gray-400">
+                Минимум 6 символов
+              </p>
+            )}
+          </div>
+
+          <Button
+            type="submit"
+            disabled={loading}
+            className="w-full py-3 text-lg font-semibold"
+          >
+            {loading ? 'Загрузка...' : mode === 'signin' ? 'Войти' : 'Зарегистрироваться'}
+          </Button>
+        </form>
+
+        {/* Toggle mode */}
+        <div className="mt-6 text-center">
+          <button
+            onClick={() => {
+              setMode(mode === 'signin' ? 'signup' : 'signin');
+              setError(null);
+              setSuccess(null);
+            }}
+            className="text-blue-600 dark:text-blue-400 hover:underline text-sm"
+          >
+            {mode === 'signin'
+              ? 'Нет аккаунта? Зарегистрируйтесь'
+              : 'Уже есть аккаунт? Войдите'}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/components/auth/UserButton.tsx b/components/auth/UserButton.tsx
new file mode 100644
index 000000000..9fb20b396
--- /dev/null
+++ b/components/auth/UserButton.tsx
@@ -0,0 +1,91 @@
+'use client';
+
+import { useState } from 'react';
+import { LogOut, Settings } from 'lucide-react';
+import { useAuth } from '@/contexts/AuthContext';
+import AuthModal from './AuthModal';
+import { Button } from '@/components/ui/button';
+
+export default function UserButton() {
+  const { user, loading, signOut } = useAuth();
+  const [showAuthModal, setShowAuthModal] = useState(false);
+  const [showDropdown, setShowDropdown] = useState(false);
+
+  if (loading) {
+    return (
+      <div className="w-10 h-10 rounded-full bg-gray-200 dark:bg-gray-700 animate-pulse" />
+    );
+  }
+
+  if (!user) {
+    return (
+      <>
+        <Button
+          onClick={() => setShowAuthModal(true)}
+          className="px-6 py-2"
+        >
+          Войти
+        </Button>
+        <AuthModal
+          isOpen={showAuthModal}
+          onClose={() => setShowAuthModal(false)}
+        />
+      </>
+    );
+  }
+
+  return (
+    <div className="relative">
+      <button
+        onClick={() => setShowDropdown(!showDropdown)}
+        className="flex items-center gap-2 px-4 py-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
+      >
+        <div className="w-8 h-8 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center text-white font-semibold">
+          {user.email?.[0].toUpperCase()}
+        </div>
+        <span className="hidden md:block text-sm font-medium text-gray-700 dark:text-gray-300">
+          {user.email}
+        </span>
+      </button>
+
+      {showDropdown && (
+        <>
+          <div
+            className="fixed inset-0 z-10"
+            onClick={() => setShowDropdown(false)}
+          />
+          <div className="absolute right-0 mt-2 w-56 bg-white dark:bg-gray-900 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 z-20">
+            <div className="p-4 border-b border-gray-200 dark:border-gray-700">
+              <p className="text-sm font-medium text-gray-900 dark:text-white">
+                {user.user_metadata?.full_name || 'Пользователь'}
+              </p>
+              <p className="text-xs text-gray-500 dark:text-gray-400 truncate">
+                {user.email}
+              </p>
+            </div>
+            <div className="p-2">
+              <a
+                href="/dashboard"
+                className="flex items-center gap-3 px-3 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors"
+                onClick={() => setShowDropdown(false)}
+              >
+                <Settings size={16} />
+                Личный кабинет
+              </a>
+              <button
+                onClick={async () => {
+                  await signOut();
+                  setShowDropdown(false);
+                }}
+                className="w-full flex items-center gap-3 px-3 py-2 text-sm text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-md transition-colors"
+              >
+                <LogOut size={16} />
+                Выйти
+              </button>
+            </div>
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/config/app.config.ts b/config/app.config.ts
index 500777d22..b7d81f58c 100644
--- a/config/app.config.ts
+++ b/config/app.config.ts
@@ -5,7 +5,7 @@ export const appConfig = {
   // E2B Sandbox Configuration
   e2b: {
     // Sandbox timeout in minutes
-    timeoutMinutes: 15,
+    timeoutMinutes: 60,
     
     // Convert to milliseconds for E2B API
     get timeoutMs() {
@@ -28,14 +28,14 @@ export const appConfig = {
   // AI Model Configuration
   ai: {
     // Default AI model
-    defaultModel: 'moonshotai/kimi-k2-instruct',
+    defaultModel: 'google/gemini-3-pro-preview',
     
     // Available models
     availableModels: [
       'openai/gpt-5',
       'moonshotai/kimi-k2-instruct',
       'anthropic/claude-sonnet-4-20250514',
-      'google/gemini-2.5-pro'
+      'google/gemini-3-pro-preview'
     ],
     
     // Model display names
@@ -43,7 +43,7 @@ export const appConfig = {
       'openai/gpt-5': 'GPT-5',
       'moonshotai/kimi-k2-instruct': 'Kimi K2 Instruct',
       'anthropic/claude-sonnet-4-20250514': 'Sonnet 4',
-      'google/gemini-2.5-pro': 'Gemini 2.5 Pro'
+      'google/gemini-3-pro-preview': 'Gemini 3 Pro'
     },
     
     // Temperature settings for non-reasoning models
diff --git a/contexts/AuthContext.tsx b/contexts/AuthContext.tsx
new file mode 100644
index 000000000..38ff1f639
--- /dev/null
+++ b/contexts/AuthContext.tsx
@@ -0,0 +1,59 @@
+'use client';
+
+import { createContext, useContext, useEffect, useState, ReactNode } from 'react';
+import { User } from '@supabase/supabase-js';
+import { supabase } from '@/lib/supabase';
+
+interface AuthContextType {
+  user: User | null;
+  loading: boolean;
+  signOut: () => Promise<void>;
+}
+
+const AuthContext = createContext<AuthContextType>({
+  user: null,
+  loading: true,
+  signOut: async () => {},
+});
+
+export function AuthProvider({ children }: { children: ReactNode }) {
+  const [user, setUser] = useState<User | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    // Get initial session
+    supabase.auth.getSession().then(({ data: { session } }) => {
+      setUser(session?.user ?? null);
+      setLoading(false);
+    });
+
+    // Listen for auth changes
+    const {
+      data: { subscription },
+    } = supabase.auth.onAuthStateChange((_event, session) => {
+      setUser(session?.user ?? null);
+      setLoading(false);
+    });
+
+    return () => subscription.unsubscribe();
+  }, []);
+
+  const signOut = async () => {
+    await supabase.auth.signOut();
+    setUser(null);
+  };
+
+  return (
+    <AuthContext.Provider value={{ user, loading, signOut }}>
+      {children}
+    </AuthContext.Provider>
+  );
+}
+
+export const useAuth = () => {
+  const context = useContext(AuthContext);
+  if (!context) {
+    throw new Error('useAuth must be used within an AuthProvider');
+  }
+  return context;
+};
diff --git a/docs/STREAMING_FIXES_SUMMARY.md b/docs/STREAMING_FIXES_SUMMARY.md
index 786e52fcc..95e1c2045 100644
--- a/docs/STREAMING_FIXES_SUMMARY.md
+++ b/docs/STREAMING_FIXES_SUMMARY.md
@@ -38,11 +38,11 @@ if (results.errors) results.errors.push(`Failed to create ${file.path}`);
 
 ## Current Status
 
-✅ Package detection working via XML tags
-✅ Real-time streaming feedback operational
-✅ File creation/update tracking functional
-✅ Command execution with output streaming
-✅ Error messages properly displayed
+вњ… Package detection working via XML tags
+вњ… Real-time streaming feedback operational
+вњ… File creation/update tracking functional
+вњ… Command execution with output streaming
+вњ… Error messages properly displayed
 
 ## Known Issues
 
@@ -53,11 +53,11 @@ if (results.errors) results.errors.push(`Failed to create ${file.path}`);
 ## UI Feedback Flow
 
 Users now see:
-1. 🔍 Analyzing code and detecting dependencies
-2. 📦 Starting code application
+1. рџ”Ќ Analyzing code and detecting dependencies
+2. 📦 Starting code application
 3. Step 1: Installing X packages (with real-time npm output)
 4. Step 2: Creating Y files (with progress indicators)
 5. Step 3: Executing Z commands (with output streaming)
-6. ✅ Success message with summary
+6. вњ… Success message with summary
 
 All errors are displayed inline with context, making debugging easier.
\ No newline at end of file
diff --git a/docs/SUPABASE_CHECKLIST.md b/docs/SUPABASE_CHECKLIST.md
new file mode 100644
index 000000000..d69a192c8
--- /dev/null
+++ b/docs/SUPABASE_CHECKLIST.md
@@ -0,0 +1,118 @@
+# вњ… Supabase Integration Checklist
+
+## Установка и конфигурация
+
+- [x] Установлен пакет `@supabase/supabase-js`
+- [x] Созданы файлы конфигурации:
+  - `lib/supabase.ts` - основной клиент
+  - `lib/supabase-helpers.ts` - helper функции
+  - `lib/hooks/useSupabase.ts` - React hooks
+- [x] Обновлен `.env.example` с переменными Supabase
+- [ ] Добавлены переменные в `.env.local`:
+  ```env
+  NEXT_PUBLIC_SUPABASE_URL=https://lyuxhqhusukvpvwtkkum.supabase.co
+  NEXT_PUBLIC_SUPABASE_ANON_KEY=your_anon_key
+  SUPABASE_SERVICE_ROLE_KEY=your_service_role_key
+  ```
+
+## Настройка базы данных
+
+- [ ] Созданы необходимые таблицы в Supabase Dashboard
+- [ ] Настроены Row Level Security (RLS) политики
+- [ ] Созданы индексы для оптимизации запросов
+- [ ] Обновлены типы в `types/supabase.ts` под вашу схему
+
+## Аутентификация
+
+- [ ] Настроены провайдеры аутентификации в Supabase Dashboard
+- [ ] Добавлены redirect URLs для OAuth
+- [ ] Настроены email templates (если используется email auth)
+- [ ] Протестирована регистрация и вход
+
+## Storage (если используется)
+
+- [ ] Созданы необходимые buckets
+- [ ] Настроены политики доступа для buckets
+- [ ] Настроены CORS правила (если нужно)
+
+## Тестирование
+
+- [ ] Протестировано подключение через `/api/supabase-example`
+- [ ] Протестирована аутентификация
+- [ ] Протестированы CRUD операции
+- [ ] Протестированы realtime подписки (если используются)
+- [ ] Протестирован upload файлов (если используется)
+
+## Деплой
+
+- [ ] Добавлены переменные окружения на Railway/Vercel:
+  - `NEXT_PUBLIC_SUPABASE_URL`
+  - `NEXT_PUBLIC_SUPABASE_ANON_KEY`
+  - `SUPABASE_SERVICE_ROLE_KEY`
+- [ ] Обновлены Allowed URLs в Supabase Dashboard
+- [ ] Протестирована работа на production
+
+## Безопасность
+
+- [ ] ✅ Service Role Key используется ТОЛЬКО на сервере
+- [ ] ✅ Anon Key безопасен для использования на клиенте
+- [ ] Настроены RLS политики для всех таблиц
+- [ ] Проверены права доступа для всех операций
+- [ ] Настроен rate limiting (если нужно)
+
+## Документация
+
+- [x] Создана документация `SUPABASE_SETUP.md`
+- [x] Создан quick start `SUPABASE_QUICKSTART.md`
+- [x] Создан пример компонента `components/SupabaseExample.tsx`
+- [x] Создан пример API endpoint `app/api/supabase-example/route.ts`
+
+## Дополнительно
+
+- [ ] Настроены database webhooks (если нужно)
+- [ ] Настроены edge functions (если нужно)
+- [ ] Настроен мониторинг и логирование
+- [ ] Настроены бэкапы базы данных
+
+## 📚 Полезные команды
+
+```bash
+# Генерация TypeScript типов из схемы
+npx supabase gen types typescript --project-id lyuxhqhusukvpvwtkkum > types/supabase.ts
+
+# Запуск локального Supabase (если используете)
+npx supabase start
+
+# Применение миграций
+npx supabase db push
+
+# Сброс локальной базы
+npx supabase db reset
+```
+
+## 🔗 Ссылки
+
+- **Dashboard**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum
+- **SQL Editor**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/editor
+- **Table Editor**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/editor
+- **Auth Settings**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/auth/users
+- **Storage**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/storage/buckets
+- **API Docs**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/api
+
+## 🆘 Troubleshooting
+
+### Ошибка подключения
+- Проверьте правильность URL и ключей
+- Убедитесь, что переменные окружения загружены (перезапустите сервер)
+
+### RLS ошибки
+- Проверьте политики доступа в Supabase Dashboard
+- Убедитесь, что пользователь аутентифицирован для защищенных операций
+
+### CORS ошибки
+- Добавьте ваш домен в Allowed URLs в Supabase Dashboard
+- Для локальной разработки добавьте `http://localhost:3000`
+
+### Realtime не работает
+- Убедитесь, что Realtime включен для таблицы в Supabase Dashboard
+- Проверьте RLS политики для realtime операций
diff --git a/docs/TOOL_CALL_FIX_SUMMARY.md b/docs/TOOL_CALL_FIX_SUMMARY.md
index 861d8f96b..adbed6c20 100644
--- a/docs/TOOL_CALL_FIX_SUMMARY.md
+++ b/docs/TOOL_CALL_FIX_SUMMARY.md
@@ -44,24 +44,24 @@ while ((packageMatch = packageRegex.exec(searchText)) !== null) {
     await sendProgress({ 
       type: 'package', 
       name: packageName,
-      message: `📦 Package detected: ${packageName}`
+      message: `📦 Package detected: ${packageName}`
     });
   }
 }
 ```
 
 ## Results
-- ✅ Package detection now works reliably
-- ✅ Real-time UI feedback shows packages as they're detected
-- ✅ No more tool validation errors
-- ✅ Compatible with all Groq models
+- вњ… Package detection now works reliably
+- вњ… Real-time UI feedback shows packages as they're detected
+- вњ… No more tool validation errors
+- вњ… Compatible with all Groq models
 
 ## UI Feedback
 Users now see:
 ```
-📦 Package detected: three
-📦 Package detected: @react-three/fiber
-📦 Package detected: @react-three/drei
+📦 Package detected: three
+📦 Package detected: @react-three/fiber
+📦 Package detected: @react-three/drei
 ```
 
 As packages are detected in the AI's response, providing immediate feedback about dependencies that will be installed.
\ No newline at end of file
diff --git a/docs/UI_FEEDBACK_DEMO.md b/docs/UI_FEEDBACK_DEMO.md
index 8f0c57cb5..340b3a880 100644
--- a/docs/UI_FEEDBACK_DEMO.md
+++ b/docs/UI_FEEDBACK_DEMO.md
@@ -8,35 +8,35 @@ This document demonstrates the new real-time feedback mechanism for package inst
 
 When packages are detected and installed from XML tags, users now see:
 
-- 🔍 **Initial Analysis**: "Analyzing code and detecting dependencies..."
-- 📦 **Package Detection**: "Step 1: Installing X packages..."
+- рџ”Ќ **Initial Analysis**: "Analyzing code and detecting dependencies..."
+- 📦 **Package Detection**: "Step 1: Installing X packages..."
 - **NPM Output**: Real-time npm install output with proper formatting
   - Blue text for commands (`$ npm install react-router-dom`)
   - Gray text for standard output
   - Red text for errors
-- ✅ **Success Messages**: Clear confirmation when packages are installed
+- вњ… **Success Messages**: Clear confirmation when packages are installed
 
 ### 2. File Creation Progress
 
-- 📝 **File Creation Start**: "Creating X files..."
+- рџ“ќ **File Creation Start**: "Creating X files..."
 - **Individual File Updates**: Progress for each file being created/updated
-- ✅ **Completion Status**: Visual confirmation for each file
+- вњ… **Completion Status**: Visual confirmation for each file
 
 ### 3. Command Execution Feedback
 
 When `<command>` tags are executed:
 
-- ⚡ **Command Start**: Shows the command being executed
+- вљЎ **Command Start**: Shows the command being executed
 - **Real-time Output**: Displays stdout/stderr as it happens
-- ✅/❌ **Exit Status**: Clear success/failure indicators
+- вњ…/вќЊ **Exit Status**: Clear success/failure indicators
 
 ## Example Flow
 
 Here's what users see when applying code with packages and commands:
 
 ```
-🔍 Analyzing code and detecting dependencies...
-📦 Starting code application...
+рџ”Ќ Analyzing code and detecting dependencies...
+📦 Starting code application...
 Step 1: Installing 3 packages...
 $ npm install react-router-dom
 > added 3 packages in 2.3s
@@ -44,17 +44,17 @@ $ npm install axios
 > added 1 package in 1.1s
 $ npm install @heroicons/react
 > added 1 package in 0.9s
-✅ Successfully installed: react-router-dom, axios, @heroicons/react
+вњ… Successfully installed: react-router-dom, axios, @heroicons/react
 
 Step 2: Creating 5 files...
-📝 Creating 5 files...
+рџ“ќ Creating 5 files...
 
 Step 3: Executing 1 commands...
-⚡ executing command: npm run dev
+вљЎ executing command: npm run dev
 > app@0.0.0 dev
 > vite
 > VITE ready in 523ms
-✅ Command completed successfully
+вњ… Command completed successfully
 ```
 
 ## UI Components
@@ -80,13 +80,13 @@ The UI now supports these message types with distinct styling:
 
 ### Visual Indicators
 
-- 🔍 Analyzing/Detection phase
-- 📦 Package operations
-- 📝 File operations
-- ⚡ Command execution
-- ✅ Success states
-- ❌ Error states
-- ⚠️ Warnings
+- рџ”Ќ Analyzing/Detection phase
+- 📦 Package operations
+- рџ“ќ File operations
+- вљЎ Command execution
+- вњ… Success states
+- вќЊ Error states
+- вљ пёЏ Warnings
 
 ## Implementation Details
 
diff --git a/eslint.config.mjs b/eslint.config.mjs
index bf47e5837..1e62bf89c 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,4 +1,4 @@
-import { dirname } from "path";
+import { dirname } from "path";
 import { fileURLToPath } from "url";
 import { FlatCompat } from "@eslint/eslintrc";
 
diff --git a/lib/context-selector.ts b/lib/context-selector.ts
index dfb31a520..0ecdd5a95 100644
--- a/lib/context-selector.ts
+++ b/lib/context-selector.ts
@@ -149,7 +149,7 @@ function buildFileStructureSection(manifest: FileManifest): string {
       type: info.type,
     }));
   
-  return `## 🚨 EXISTING PROJECT FILES - DO NOT CREATE NEW FILES WITH SIMILAR NAMES 🚨
+  return `## рџљЁ EXISTING PROJECT FILES - DO NOT CREATE NEW FILES WITH SIMILAR NAMES рџљЁ
 
 ### ALL PROJECT FILES (${allFiles.length} files)
 \`\`\`
@@ -158,16 +158,16 @@ ${allFiles.join('\n')}
 
 ### Component Files (USE THESE EXACT NAMES)
 ${componentFiles.map(f => 
-  `- ${f.name} → ${f.path} (${f.type})`
+  `- ${f.name} в†’ ${f.path} (${f.type})`
 ).join('\n')}
 
 ### CRITICAL: Component Relationships
 **ALWAYS CHECK App.jsx FIRST** to understand what components exist and how they're imported!
 
 Common component overlaps to watch for:
-- "nav" or "navigation" → Often INSIDE Header.jsx, not a separate file
-- "menu" → Usually part of Header/Nav, not separate
-- "logo" → Typically in Header, not standalone
+- "nav" or "navigation" в†’ Often INSIDE Header.jsx, not a separate file
+- "menu" в†’ Usually part of Header/Nav, not separate
+- "logo" в†’ Typically in Header, not standalone
 
 When user says "nav" or "navigation":
 1. First check if Header.jsx exists
@@ -178,7 +178,7 @@ Entry Point: ${manifest.entryPoint}
 
 ### Routes
 ${manifest.routes.map(r => 
-  `- ${r.path} → ${r.component.split('/').pop()}`
+  `- ${r.path} в†’ ${r.component.split('/').pop()}`
 ).join('\n') || 'No routes detected'}`;
 }
 
@@ -313,8 +313,8 @@ export function formatFilesForAI(
   
   // Add primary files
   sections.push('## Files to Edit (ONLY OUTPUT THESE FILES)\n');
-  sections.push('🚨 You MUST ONLY generate the files listed below. Do NOT generate any other files! 🚨\n');
-  sections.push('⚠️ CRITICAL: Return the COMPLETE file - NEVER truncate with "..." or skip any lines! ⚠️\n');
+  sections.push('рџљЁ You MUST ONLY generate the files listed below. Do NOT generate any other files! рџљЁ\n');
+  sections.push('вљ пёЏ CRITICAL: Return the COMPLETE file - NEVER truncate with "..." or skip any lines! вљ пёЏ\n');
   sections.push('The file MUST include ALL imports, ALL functions, ALL JSX, and ALL closing tags.\n\n');
   for (const [path, content] of Object.entries(primaryFiles)) {
     sections.push(`### ${path}
diff --git a/lib/edit-examples.ts b/lib/edit-examples.ts
index 51227e392..864c67cbd 100644
--- a/lib/edit-examples.ts
+++ b/lib/edit-examples.ts
@@ -179,7 +179,7 @@ export default function Hero() {
 }
 </file>
 
-NOTICE: Everything remains EXACTLY the same except 'bg-gray-900' → 'bg-blue-500'. 
+NOTICE: Everything remains EXACTLY the same except 'bg-gray-900' в†’ 'bg-blue-500'. 
 - The button still has bg-blue-600 (unchanged)
 - All text, structure, imports are identical
 - No reformatting, no "improvements", no cleanup
@@ -194,13 +194,13 @@ NOTICE: Everything remains EXACTLY the same except 'bg-gray-900' → 'bg-blue-50
 
 ## File Identification Patterns
 
-- "header" → src/components/Header.jsx
-- "navigation" → src/components/Nav.jsx or Header.jsx
-- "footer" → src/components/Footer.jsx
-- "home page" → src/App.jsx or src/pages/Home.jsx
-- "styling" → Component files (Tailwind) or index.css
-- "routing" → App.jsx or Router component
-- "layout" → Layout components or App.jsx
+- "header" в†’ src/components/Header.jsx
+- "navigation" в†’ src/components/Nav.jsx or Header.jsx
+- "footer" в†’ src/components/Footer.jsx
+- "home page" в†’ src/App.jsx or src/pages/Home.jsx
+- "styling" в†’ Component files (Tailwind) or index.css
+- "routing" в†’ App.jsx or Router component
+- "layout" в†’ Layout components or App.jsx
 
 ## Edit Intent Classification
 
@@ -245,8 +245,8 @@ Based on your file structure, here are the patterns to follow:
 5. Main app entry is: src/App.jsx
 
 When the user mentions a component by name, look for:
-- Exact matches first (Header → Header.jsx)
-- Partial matches (nav → Navigation.jsx, NavBar.jsx)
-- Semantic matches (top bar → Header.jsx)
+- Exact matches first (Header в†’ Header.jsx)
+- Partial matches (nav в†’ Navigation.jsx, NavBar.jsx)
+- Semantic matches (top bar в†’ Header.jsx)
 `;
 }
\ No newline at end of file
diff --git a/lib/file-search-executor.ts b/lib/file-search-executor.ts
index 01803a4aa..d0c334128 100644
--- a/lib/file-search-executor.ts
+++ b/lib/file-search-executor.ts
@@ -173,7 +173,7 @@ export function formatSearchResultsForAI(results: SearchResult[]): string {
 
   const sections: string[] = [];
   
-  sections.push('🔍 SEARCH RESULTS - EXACT LOCATIONS FOUND:\n');
+  sections.push('рџ”Ќ SEARCH RESULTS - EXACT LOCATIONS FOUND:\n');
   
   // Group by file for better readability
   const resultsByFile = new Map<string, SearchResult[]>();
@@ -185,10 +185,10 @@ export function formatSearchResultsForAI(results: SearchResult[]): string {
   }
 
   for (const [filePath, fileResults] of resultsByFile) {
-    sections.push(`\n📄 FILE: ${filePath}`);
+    sections.push(`\nрџ“„ FILE: ${filePath}`);
     
     for (const result of fileResults) {
-      sections.push(`\n  📍 Line ${result.lineNumber} (${result.confidence} confidence)`);
+      sections.push(`\n  рџ“Ќ Line ${result.lineNumber} (${result.confidence} confidence)`);
       
       if (result.matchedTerm) {
         sections.push(`     Matched: "${result.matchedTerm}"`);
@@ -203,7 +203,7 @@ export function formatSearchResultsForAI(results: SearchResult[]): string {
         for (const line of result.contextBefore) {
           sections.push(`       ${line}`);
         }
-        sections.push(`     → ${result.lineContent}`);
+        sections.push(`     в†’ ${result.lineContent}`);
         for (const line of result.contextAfter) {
           sections.push(`       ${line}`);
         }
@@ -211,7 +211,7 @@ export function formatSearchResultsForAI(results: SearchResult[]): string {
     }
   }
 
-  sections.push('\n\n🎯 RECOMMENDED ACTION:');
+  sections.push('\n\nрџЋЇ RECOMMENDED ACTION:');
   
   // Recommend the highest confidence result
   const bestResult = results[0];
diff --git a/lib/hooks/useSupabase.ts b/lib/hooks/useSupabase.ts
new file mode 100644
index 000000000..1bb3ffe34
--- /dev/null
+++ b/lib/hooks/useSupabase.ts
@@ -0,0 +1,264 @@
+import { useState, useEffect } from 'react';
+import { supabase } from '@/lib/supabase';
+import type { User, Session } from '@supabase/supabase-js';
+
+/**
+ * React hook for Supabase authentication state
+ */
+export function useSupabaseAuth() {
+  const [user, setUser] = useState<User | null>(null);
+  const [session, setSession] = useState<Session | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    // Get initial session
+    supabase.auth.getSession().then(({ data: { session } }) => {
+      setSession(session);
+      setUser(session?.user ?? null);
+      setLoading(false);
+    });
+
+    // Listen for auth changes
+    const {
+      data: { subscription },
+    } = supabase.auth.onAuthStateChange((_event, session) => {
+      setSession(session);
+      setUser(session?.user ?? null);
+      setLoading(false);
+    });
+
+    return () => subscription.unsubscribe();
+  }, []);
+
+  return { user, session, loading };
+}
+
+/**
+ * React hook for fetching data from Supabase
+ */
+export function useSupabaseQuery<T = any>(
+  table: string,
+  options?: {
+    select?: string;
+    filters?: Record<string, any>;
+    orderBy?: { column: string; ascending?: boolean };
+    limit?: number;
+    enabled?: boolean;
+  }
+) {
+  const [data, setData] = useState<T[] | null>(null);
+  const [error, setError] = useState<Error | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  const enabled = options?.enabled !== false;
+
+  useEffect(() => {
+    if (!enabled) {
+      setLoading(false);
+      return;
+    }
+
+    let isMounted = true;
+
+    async function fetchData() {
+      try {
+        setLoading(true);
+        let query = supabase.from(table).select(options?.select || '*');
+
+        // Apply filters
+        if (options?.filters) {
+          Object.entries(options.filters).forEach(([key, value]) => {
+            query = query.eq(key, value);
+          });
+        }
+
+        // Apply ordering
+        if (options?.orderBy) {
+          query = query.order(options.orderBy.column, {
+            ascending: options.orderBy.ascending ?? true,
+          });
+        }
+
+        // Apply limit
+        if (options?.limit) {
+          query = query.limit(options.limit);
+        }
+
+        const { data, error } = await query;
+
+        if (isMounted) {
+          if (error) {
+            setError(error);
+            setData(null);
+          } else {
+            setData(data as T[]);
+            setError(null);
+          }
+          setLoading(false);
+        }
+      } catch (err) {
+        if (isMounted) {
+          setError(err as Error);
+          setLoading(false);
+        }
+      }
+    }
+
+    fetchData();
+
+    return () => {
+      isMounted = false;
+    };
+  }, [table, enabled, JSON.stringify(options)]);
+
+  const refetch = async () => {
+    setLoading(true);
+    try {
+      let query = supabase.from(table).select(options?.select || '*');
+
+      if (options?.filters) {
+        Object.entries(options.filters).forEach(([key, value]) => {
+          query = query.eq(key, value);
+        });
+      }
+
+      if (options?.orderBy) {
+        query = query.order(options.orderBy.column, {
+          ascending: options.orderBy.ascending ?? true,
+        });
+      }
+
+      if (options?.limit) {
+        query = query.limit(options.limit);
+      }
+
+      const { data, error } = await query;
+
+      if (error) {
+        setError(error);
+        setData(null);
+      } else {
+        setData(data as T[]);
+        setError(null);
+      }
+    } catch (err) {
+      setError(err as Error);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return { data, error, loading, refetch };
+}
+
+/**
+ * React hook for Supabase realtime subscriptions
+ */
+export function useSupabaseSubscription(
+  table: string,
+  callback: (payload: any) => void,
+  options?: {
+    event?: 'INSERT' | 'UPDATE' | 'DELETE' | '*';
+    filter?: string;
+    enabled?: boolean;
+  }
+) {
+  const enabled = options?.enabled !== false;
+
+  useEffect(() => {
+    if (!enabled) return;
+
+    const channel = supabase
+      .channel(`${table}-changes-${Date.now()}`)
+      .on(
+        'postgres_changes' as any,
+        {
+          event: options?.event || '*',
+          schema: 'public',
+          table: table,
+          filter: options?.filter,
+        },
+        callback
+      )
+      .subscribe();
+
+    return () => {
+      supabase.removeChannel(channel);
+    };
+  }, [table, enabled, options?.event, options?.filter]);
+}
+
+/**
+ * React hook for Supabase mutations
+ */
+export function useSupabaseMutation<T = any>(table: string) {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<Error | null>(null);
+
+  const insert = async (data: Record<string, any> | Record<string, any>[]) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const { data: result, error } = await supabase
+        .from(table)
+        .insert(data)
+        .select();
+
+      if (error) throw error;
+      setLoading(false);
+      return result as T[];
+    } catch (err) {
+      setError(err as Error);
+      setLoading(false);
+      throw err;
+    }
+  };
+
+  const update = async (
+    filters: Record<string, any>,
+    updates: Record<string, any>
+  ) => {
+    setLoading(true);
+    setError(null);
+    try {
+      let query = supabase.from(table).update(updates);
+
+      Object.entries(filters).forEach(([key, value]) => {
+        query = query.eq(key, value);
+      });
+
+      const { data, error } = await query.select();
+
+      if (error) throw error;
+      setLoading(false);
+      return data as T[];
+    } catch (err) {
+      setError(err as Error);
+      setLoading(false);
+      throw err;
+    }
+  };
+
+  const remove = async (filters: Record<string, any>) => {
+    setLoading(true);
+    setError(null);
+    try {
+      let query = supabase.from(table).delete();
+
+      Object.entries(filters).forEach(([key, value]) => {
+        query = query.eq(key, value);
+      });
+
+      const { error } = await query;
+
+      if (error) throw error;
+      setLoading(false);
+    } catch (err) {
+      setError(err as Error);
+      setLoading(false);
+      throw err;
+    }
+  };
+
+  return { insert, update, remove, loading, error };
+}
diff --git a/lib/hooks/useUsageLimits.ts b/lib/hooks/useUsageLimits.ts
new file mode 100644
index 000000000..1878214ed
--- /dev/null
+++ b/lib/hooks/useUsageLimits.ts
@@ -0,0 +1,50 @@
+/**
+ * React hook for managing usage limits
+ */
+
+import { useState, useEffect } from 'react';
+import { useAuth } from '@/contexts/AuthContext';
+import { getUserUsage, type UsageInfo } from '@/lib/supabase-usage';
+
+export function useUsageLimits() {
+  const { user } = useAuth();
+  const [usage, setUsage] = useState<UsageInfo | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchUsage = async () => {
+    if (!user) {
+      setUsage(null);
+      setLoading(false);
+      return;
+    }
+
+    try {
+      setLoading(true);
+      setError(null);
+      const data = await getUserUsage();
+      setUsage(data);
+    } catch (err: any) {
+      console.error('Error fetching usage:', err);
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchUsage();
+  }, [user]);
+
+  const hasRequestsRemaining = usage ? usage.requests_remaining > 0 : false;
+  const isLimitReached = usage ? usage.requests_remaining === 0 : false;
+
+  return {
+    usage,
+    loading,
+    error,
+    hasRequestsRemaining,
+    isLimitReached,
+    refetch: fetchUsage
+  };
+}
diff --git a/lib/supabase-helpers.ts b/lib/supabase-helpers.ts
new file mode 100644
index 000000000..f50473bb3
--- /dev/null
+++ b/lib/supabase-helpers.ts
@@ -0,0 +1,327 @@
+import { supabase, createServerSupabaseClient } from './supabase';
+
+/**
+ * Helper functions for common Supabase operations
+ */
+
+// ============================================
+// Authentication Helpers
+// ============================================
+
+/**
+ * Sign up a new user
+ */
+export async function signUp(email: string, password: string, metadata?: Record<string, any>) {
+  const { data, error } = await supabase.auth.signUp({
+    email,
+    password,
+    options: {
+      data: metadata,
+    },
+  });
+  
+  if (error) {
+    console.error('Sign up error:', error);
+    throw error;
+  }
+  
+  return data;
+}
+
+/**
+ * Sign in an existing user
+ */
+export async function signIn(email: string, password: string) {
+  const { data, error } = await supabase.auth.signInWithPassword({
+    email,
+    password,
+  });
+  
+  if (error) {
+    console.error('Sign in error:', error);
+    throw error;
+  }
+  
+  return data;
+}
+
+/**
+ * Sign out the current user
+ */
+export async function signOut() {
+  const { error } = await supabase.auth.signOut();
+  
+  if (error) {
+    console.error('Sign out error:', error);
+    throw error;
+  }
+}
+
+/**
+ * Get the current user
+ */
+export async function getCurrentUser() {
+  const { data: { user }, error } = await supabase.auth.getUser();
+  
+  if (error) {
+    console.error('Get user error:', error);
+    return null;
+  }
+  
+  return user;
+}
+
+/**
+ * Get the current session
+ */
+export async function getSession() {
+  const { data: { session }, error } = await supabase.auth.getSession();
+  
+  if (error) {
+    console.error('Get session error:', error);
+    return null;
+  }
+  
+  return session;
+}
+
+// ============================================
+// Database Helpers
+// ============================================
+
+/**
+ * Generic function to fetch data from a table
+ */
+export async function fetchFromTable<T = any>(
+  tableName: string,
+  options?: {
+    select?: string;
+    filters?: Record<string, any>;
+    orderBy?: { column: string; ascending?: boolean };
+    limit?: number;
+  }
+) {
+  let query = supabase.from(tableName).select(options?.select || '*');
+  
+  // Apply filters
+  if (options?.filters) {
+    Object.entries(options.filters).forEach(([key, value]) => {
+      query = query.eq(key, value);
+    });
+  }
+  
+  // Apply ordering
+  if (options?.orderBy) {
+    query = query.order(options.orderBy.column, { 
+      ascending: options.orderBy.ascending ?? true 
+    });
+  }
+  
+  // Apply limit
+  if (options?.limit) {
+    query = query.limit(options.limit);
+  }
+  
+  const { data, error } = await query;
+  
+  if (error) {
+    console.error(`Error fetching from ${tableName}:`, error);
+    throw error;
+  }
+  
+  return data as T[];
+}
+
+/**
+ * Insert data into a table
+ */
+export async function insertIntoTable<T = any>(
+  tableName: string,
+  data: Record<string, any> | Record<string, any>[]
+) {
+  const { data: result, error } = await supabase
+    .from(tableName)
+    .insert(data)
+    .select();
+  
+  if (error) {
+    console.error(`Error inserting into ${tableName}:`, error);
+    throw error;
+  }
+  
+  return result as T[];
+}
+
+/**
+ * Update data in a table
+ */
+export async function updateInTable<T = any>(
+  tableName: string,
+  filters: Record<string, any>,
+  updates: Record<string, any>
+) {
+  let query = supabase.from(tableName).update(updates);
+  
+  // Apply filters
+  Object.entries(filters).forEach(([key, value]) => {
+    query = query.eq(key, value);
+  });
+  
+  const { data, error } = await query.select();
+  
+  if (error) {
+    console.error(`Error updating ${tableName}:`, error);
+    throw error;
+  }
+  
+  return data as T[];
+}
+
+/**
+ * Delete data from a table
+ */
+export async function deleteFromTable(
+  tableName: string,
+  filters: Record<string, any>
+) {
+  let query = supabase.from(tableName).delete();
+  
+  // Apply filters
+  Object.entries(filters).forEach(([key, value]) => {
+    query = query.eq(key, value);
+  });
+  
+  const { error } = await query;
+  
+  if (error) {
+    console.error(`Error deleting from ${tableName}:`, error);
+    throw error;
+  }
+}
+
+// ============================================
+// Storage Helpers
+// ============================================
+
+/**
+ * Upload a file to Supabase Storage
+ */
+export async function uploadFile(
+  bucketName: string,
+  filePath: string,
+  file: File | Blob,
+  options?: {
+    cacheControl?: string;
+    upsert?: boolean;
+  }
+) {
+  const { data, error } = await supabase.storage
+    .from(bucketName)
+    .upload(filePath, file, {
+      cacheControl: options?.cacheControl || '3600',
+      upsert: options?.upsert || false,
+    });
+  
+  if (error) {
+    console.error('Error uploading file:', error);
+    throw error;
+  }
+  
+  return data;
+}
+
+/**
+ * Get public URL for a file
+ */
+export function getPublicUrl(bucketName: string, filePath: string) {
+  const { data } = supabase.storage
+    .from(bucketName)
+    .getPublicUrl(filePath);
+  
+  return data.publicUrl;
+}
+
+/**
+ * Download a file from Supabase Storage
+ */
+export async function downloadFile(bucketName: string, filePath: string) {
+  const { data, error } = await supabase.storage
+    .from(bucketName)
+    .download(filePath);
+  
+  if (error) {
+    console.error('Error downloading file:', error);
+    throw error;
+  }
+  
+  return data;
+}
+
+/**
+ * Delete a file from Supabase Storage
+ */
+export async function deleteFile(bucketName: string, filePaths: string | string[]) {
+  const paths = Array.isArray(filePaths) ? filePaths : [filePaths];
+  
+  const { error } = await supabase.storage
+    .from(bucketName)
+    .remove(paths);
+  
+  if (error) {
+    console.error('Error deleting file:', error);
+    throw error;
+  }
+}
+
+// ============================================
+// Realtime Helpers
+// ============================================
+
+/**
+ * Subscribe to realtime changes on a table
+ */
+export function subscribeToTable(
+  tableName: string,
+  callback: (payload: any) => void,
+  options?: {
+    event?: 'INSERT' | 'UPDATE' | 'DELETE' | '*';
+    filter?: string;
+  }
+) {
+  const channel = supabase
+    .channel(`${tableName}-changes`)
+    .on(
+      'postgres_changes' as any,
+      {
+        event: options?.event || '*',
+        schema: 'public',
+        table: tableName,
+        filter: options?.filter,
+      },
+      callback
+    )
+    .subscribe();
+  
+  return channel;
+}
+
+/**
+ * Unsubscribe from a channel
+ */
+export async function unsubscribe(channel: any) {
+  await supabase.removeChannel(channel);
+}
+
+// ============================================
+// Server-side Helpers
+// ============================================
+
+/**
+ * Execute a server-side operation with service role
+ */
+export async function executeServerOperation<T = any>(
+  operation: (client: ReturnType<typeof createServerSupabaseClient>) => Promise<T>
+) {
+  const serverClient = createServerSupabaseClient();
+  return await operation(serverClient);
+}
diff --git a/lib/supabase-projects.ts b/lib/supabase-projects.ts
new file mode 100644
index 000000000..f815ed10c
--- /dev/null
+++ b/lib/supabase-projects.ts
@@ -0,0 +1,68 @@
+import { supabase } from './supabase';
+
+export interface Project {
+  id: string;
+  user_id: string;
+  name: string;
+  description?: string;
+  status: 'active' | 'archived';
+  created_at: string;
+  updated_at: string;
+}
+
+export async function getUserProjects(options?: {
+  status?: 'active' | 'archived';
+  limit?: number;
+}): Promise<Project[]> {
+  let query = supabase
+    .from('projects')
+    .select('*')
+    .order('created_at', { ascending: false });
+
+  if (options?.status) {
+    query = query.eq('status', options.status);
+  }
+
+  if (options?.limit) {
+    query = query.limit(options.limit);
+  }
+
+  const { data, error } = await query;
+
+  if (error) throw error;
+  return data || [];
+}
+
+export async function saveProject(project: {
+  name: string;
+  description?: string;
+}) {
+  const { data: { user } } = await supabase.auth.getUser();
+  
+  if (!user) throw new Error('Not authenticated');
+
+  const { data, error } = await supabase
+    .from('projects')
+    .insert({
+      user_id: user.id,
+      name: project.name,
+      description: project.description,
+    })
+    .select()
+    .single();
+
+  if (error) throw error;
+  return data;
+}
+
+export async function getProjectZip(projectId: string): Promise<Blob> {
+  const { data: { user } } = await supabase.auth.getUser();
+  if (!user) throw new Error('Not authenticated');
+
+  const { data, error } = await supabase.storage
+    .from('projects')
+    .download(`${user.id}/${projectId}/project.zip`);
+
+  if (error) throw error;
+  return data;
+}
diff --git a/lib/supabase-usage.ts b/lib/supabase-usage.ts
new file mode 100644
index 000000000..716c42992
--- /dev/null
+++ b/lib/supabase-usage.ts
@@ -0,0 +1,255 @@
+/**
+ * Usage limits and subscription management for Supabase
+ */
+
+import { supabase, createServerSupabaseClient } from './supabase';
+
+export type SubscriptionTier = 'free' | 'basic' | 'professional';
+
+export interface UsageInfo {
+  requests_used: number;
+  requests_limit: number;
+  requests_remaining: number;
+  subscription_tier: SubscriptionTier;
+  subscription_end_date: string | null;
+}
+
+export interface UsageResult {
+  success: boolean;
+  error?: string;
+  requests_used: number;
+  requests_limit: number;
+  requests_remaining: number;
+}
+
+// ============================================
+// Client-side functions
+// ============================================
+
+/**
+ * Get current user's usage information
+ */
+export async function getUserUsage(): Promise<UsageInfo | null> {
+  const { data: { user } } = await supabase.auth.getUser();
+  
+  if (!user) {
+    throw new Error('User must be authenticated');
+  }
+
+  const { data, error } = await supabase
+    .from('profiles')
+    .select('requests_used, requests_limit, subscription_tier, subscription_end_date')
+    .eq('id', user.id)
+    .single();
+
+  if (error) {
+    console.error('Error fetching usage:', error);
+    throw error;
+  }
+
+  const requests_remaining = Math.max(0, (data.requests_limit || 0) - (data.requests_used || 0));
+
+  return {
+    requests_used: data.requests_used || 0,
+    requests_limit: data.requests_limit || 0,
+    requests_remaining,
+    subscription_tier: data.subscription_tier || 'free',
+    subscription_end_date: data.subscription_end_date
+  };
+}
+
+/**
+ * Get usage history for current user
+ */
+export async function getUserUsageHistory(limit: number = 50) {
+  const { data: { user } } = await supabase.auth.getUser();
+  
+  if (!user) {
+    throw new Error('User must be authenticated');
+  }
+
+  const { data, error } = await supabase
+    .from('usage_history')
+    .select('*')
+    .eq('user_id', user.id)
+    .order('created_at', { ascending: false })
+    .limit(limit);
+
+  if (error) {
+    console.error('Error fetching usage history:', error);
+    throw error;
+  }
+
+  return data;
+}
+
+/**
+ * Get subscription history for current user
+ */
+export async function getSubscriptionHistory() {
+  const { data: { user } } = await supabase.auth.getUser();
+  
+  if (!user) {
+    throw new Error('User must be authenticated');
+  }
+
+  const { data, error } = await supabase
+    .from('subscription_history')
+    .select('*')
+    .eq('user_id', user.id)
+    .order('created_at', { ascending: false });
+
+  if (error) {
+    console.error('Error fetching subscription history:', error);
+    throw error;
+  }
+
+  return data;
+}
+
+// ============================================
+// Server-side functions
+// ============================================
+
+/**
+ * Check if user has requests remaining (server-side)
+ */
+export async function checkUserLimit(userId: string): Promise<UsageInfo> {
+  const client = createServerSupabaseClient();
+
+  const { data, error } = await client
+    .from('profiles')
+    .select('requests_used, requests_limit, subscription_tier, subscription_end_date')
+    .eq('id', userId)
+    .single();
+
+  if (error) {
+    console.error('Error checking user limit:', error);
+    throw error;
+  }
+
+  const requests_remaining = Math.max(0, (data.requests_limit || 0) - (data.requests_used || 0));
+
+  return {
+    requests_used: data.requests_used || 0,
+    requests_limit: data.requests_limit || 0,
+    requests_remaining,
+    subscription_tier: data.subscription_tier || 'free',
+    subscription_end_date: data.subscription_end_date
+  };
+}
+
+/**
+ * Increment usage counter (server-side)
+ */
+export async function incrementUsage(
+  userId: string,
+  requestType: string = 'ai_generation',
+  tokens: number = 0
+): Promise<UsageResult> {
+  const client = createServerSupabaseClient();
+
+  const { data, error } = await client.rpc('increment_usage', {
+    user_uuid: userId,
+    request_type_param: requestType,
+    tokens_param: tokens
+  });
+
+  if (error) {
+    console.error('Error incrementing usage:', error);
+    throw error;
+  }
+
+  return data as UsageResult;
+}
+
+/**
+ * Set user subscription tier (server-side)
+ */
+export async function setSubscriptionTier(
+  userId: string,
+  tier: SubscriptionTier,
+  durationDays: number = 30
+): Promise<any> {
+  const client = createServerSupabaseClient();
+
+  const { data, error } = await client.rpc('set_subscription_tier', {
+    user_uuid: userId,
+    tier: tier,
+    duration_days: durationDays
+  });
+
+  if (error) {
+    console.error('Error setting subscription tier:', error);
+    throw error;
+  }
+
+  return data;
+}
+
+/**
+ * Get remaining requests using database function (server-side)
+ */
+export async function getRemainingRequests(userId: string): Promise<number> {
+  const client = createServerSupabaseClient();
+
+  const { data, error } = await client.rpc('get_remaining_requests', {
+    user_uuid: userId
+  });
+
+  if (error) {
+    console.error('Error getting remaining requests:', error);
+    throw error;
+  }
+
+  return data as number;
+}
+
+// ============================================
+// Helper functions
+// ============================================
+
+/**
+ * Get tier limits
+ */
+export function getTierLimits(tier: SubscriptionTier): number {
+  switch (tier) {
+    case 'basic':
+      return 5;
+    case 'professional':
+      return 15;
+    case 'free':
+    default:
+      return 0;
+  }
+}
+
+/**
+ * Get tier name in Russian
+ */
+export function getTierName(tier: SubscriptionTier): string {
+  switch (tier) {
+    case 'basic':
+      return 'Базовый';
+    case 'professional':
+      return 'Профессиональный';
+    case 'free':
+    default:
+      return 'Бесплатный';
+  }
+}
+
+/**
+ * Format remaining requests message
+ */
+export function formatRemainingRequests(remaining: number, limit: number): string {
+  if (limit === 0) {
+    return 'Нет активной подписки';
+  }
+  
+  if (remaining === 0) {
+    return 'Лимит исчерпан';
+  }
+  
+  return `Осталось ${remaining} из ${limit} запросов`;
+}
diff --git a/lib/supabase.ts b/lib/supabase.ts
new file mode 100644
index 000000000..19ed91fff
--- /dev/null
+++ b/lib/supabase.ts
@@ -0,0 +1,49 @@
+import { createClient } from '@supabase/supabase-js';
+
+// Supabase client configuration - support both naming conventions
+const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL || process.env.SUPABASE_URL || 'https://lyuxhqhusukvpvwtkkum.supabase.co';
+const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || process.env.SUPABASE_ANON_KEY || 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imx5dXhocWh1c3VrdnB2d3Rra3VtIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTkxNzM0MjAsImV4cCI6MjA3NDc0OTQyMH0.JidO0voYsPldgFiaUYwAp-HmtOGLZnldW5Gyn0CMsYo';
+
+if (!supabaseUrl || !supabaseAnonKey) {
+  if (typeof window !== 'undefined' || process.env.NODE_ENV !== 'production') {
+    console.warn('Supabase credentials not found. Please add NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY to your environment variables.');
+  }
+}
+
+// Create Supabase client for client-side operations
+export const supabase = createClient(
+  supabaseUrl, 
+  supabaseAnonKey,
+  {
+    auth: {
+      persistSession: true,
+      autoRefreshToken: true,
+    },
+  }
+);
+
+// Create Supabase client with service role for server-side operations
+export function createServerSupabaseClient() {
+  const serviceRoleKey = process.env.SUPABASE_SERVICE_ROLE_KEY || '';
+  
+  if (!serviceRoleKey) {
+    console.warn('Supabase service role key not found. Server-side operations may be limited.');
+    return createClient(
+      supabaseUrl || 'https://placeholder.supabase.co',
+      supabaseAnonKey || 'placeholder-key'
+    );
+  }
+  
+  return createClient(
+    supabaseUrl || 'https://placeholder.supabase.co',
+    serviceRoleKey,
+    {
+      auth: {
+        persistSession: false,
+        autoRefreshToken: false,
+      },
+    }
+  );
+}
+
+export default supabase;
diff --git a/next-env.d.ts b/next-env.d.ts
new file mode 100644
index 000000000..1b3be0840
--- /dev/null
+++ b/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/next.config.ts b/next.config.ts
index e9ffa3083..f2c2f0838 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -2,6 +2,8 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
+  // Packages used in server components; keeps Railway build happy.
+  serverExternalPackages: ["@anthropic-ai/sdk", "groq-sdk"],
 };
 
 export default nextConfig;
diff --git a/nixpacks.toml b/nixpacks.toml
new file mode 100644
index 000000000..565d06dc8
--- /dev/null
+++ b/nixpacks.toml
@@ -0,0 +1,11 @@
+[phases.setup]
+nixPkgs = ['nodejs_20', 'python3', 'gcc']
+
+[phases.install]
+cmd = 'npm ci'
+
+[phases.build]
+cmd = 'npm run build'
+
+[start]
+cmd = 'npm start'
diff --git a/npm_dev.log b/npm_dev.log
new file mode 100644
index 000000000..020d324b3
--- /dev/null
+++ b/npm_dev.log
@@ -0,0 +1,3 @@
+
+> open-lovable@0.1.0 dev
+> next dev
diff --git a/npm_dev_full.log b/npm_dev_full.log
new file mode 100644
index 000000000..020d324b3
--- /dev/null
+++ b/npm_dev_full.log
@@ -0,0 +1,3 @@
+
+> open-lovable@0.1.0 dev
+> next dev
diff --git a/package-lock.json b/package-lock.json
index 385ab79ce..f0cca74cc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,43 +9,44 @@
       "version": "0.1.0",
       "dependencies": {
         "@ai-sdk/anthropic": "^2.0.1",
+        "@ai-sdk/google": "^2.0.4",
         "@ai-sdk/groq": "^2.0.0",
         "@ai-sdk/openai": "^2.0.4",
         "@anthropic-ai/sdk": "^0.57.0",
         "@e2b/code-interpreter": "^1.5.1",
         "@radix-ui/react-slot": "^1.2.3",
         "@radix-ui/react-switch": "^1.2.5",
+        "@supabase/supabase-js": "^2.58.0",
+        "@tailwindcss/postcss": "^4.1.13",
         "@types/react-syntax-highlighter": "^15.5.13",
         "ai": "^5.0.0",
-        "autoprefixer": "^10.4.21",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "cors": "^2.8.5",
         "dotenv": "^17.2.1",
         "e2b": "^1.13.2",
-        "express": "^5.1.0",
         "framer-motion": "^12.23.12",
         "groq-sdk": "^0.29.0",
         "lucide-react": "^0.532.0",
         "next": "15.4.3",
+        "next-themes": "^0.4.6",
         "react": "19.1.0",
         "react-dom": "19.1.0",
         "react-icons": "^5.5.0",
         "react-syntax-highlighter": "^15.6.1",
         "tailwind-merge": "^3.3.1",
         "tailwindcss-animate": "^1.0.7",
+        "typescript": "^5",
         "zod": "^3.25.76"
       },
       "devDependencies": {
         "@eslint/eslintrc": "^3",
-        "@tailwindcss/postcss": "^4.1.11",
         "@types/node": "^20",
         "@types/react": "^19",
         "@types/react-dom": "^19",
         "eslint": "^9",
         "eslint-config-next": "15.4.3",
-        "tailwindcss": "^4.1.11",
-        "typescript": "^5"
+        "tailwindcss": "^4.1.13"
       }
     },
     "node_modules/@ai-sdk/anthropic": {
@@ -98,6 +99,39 @@
         "zod": "^3.25.76 || ^4"
       }
     },
+    "node_modules/@ai-sdk/google": {
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/@ai-sdk/google/-/google-2.0.12.tgz",
+      "integrity": "sha512-BH3w0hPddNo82okuF/UmCZreKibUSDTW/SED0sBWlrj16S9/H/Urzf4mBwwT419kVenb8XvO55KJ6Byc8ONNXQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/provider": "2.0.0",
+        "@ai-sdk/provider-utils": "3.0.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.76 || ^4"
+      }
+    },
+    "node_modules/@ai-sdk/google/node_modules/@ai-sdk/provider-utils": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@ai-sdk/provider-utils/-/provider-utils-3.0.8.tgz",
+      "integrity": "sha512-cDj1iigu7MW2tgAQeBzOiLhjHOUM9vENsgh4oAVitek0d//WdgfPCsKO3euP7m7LyO/j9a1vr/So+BGNdpFXYw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/provider": "2.0.0",
+        "@standard-schema/spec": "^1.0.0",
+        "eventsource-parser": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.76 || ^4"
+      }
+    },
     "node_modules/@ai-sdk/groq": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@ai-sdk/groq/-/groq-2.0.0.tgz",
@@ -180,7 +214,6 @@
     },
     "node_modules/@alloc/quick-lru": {
       "version": "5.2.0",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=10"
@@ -189,18 +222,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@ampproject/remapping": {
-      "version": "2.3.0",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
     "node_modules/@anthropic-ai/sdk": {
       "version": "0.57.0",
       "resolved": "https://registry.npmjs.org/@anthropic-ai/sdk/-/sdk-0.57.0.tgz",
@@ -222,13 +243,15 @@
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.6.2.tgz",
       "integrity": "sha512-vLu7SRY84CV/Dd+NUdgtidn2hS5hSMUC1vDBY0VcviTdgRYkU43vIz3vIFbmx14cX1r+mM7WjzE5Fl1fGEM0RQ==",
-      "license": "(Apache-2.0 AND BSD-3-Clause)"
+      "license": "(Apache-2.0 AND BSD-3-Clause)",
+      "peer": true
     },
     "node_modules/@connectrpc/connect": {
       "version": "2.0.0-rc.3",
       "resolved": "https://registry.npmjs.org/@connectrpc/connect/-/connect-2.0.0-rc.3.tgz",
       "integrity": "sha512-ARBt64yEyKbanyRETTjcjJuHr2YXorzQo0etyS5+P6oSeW8xEuzajA9g+zDnMcj1hlX2dQE93foIWQGfpru7gQ==",
       "license": "Apache-2.0",
+      "peer": true,
       "peerDependencies": {
         "@bufbuild/protobuf": "^2.2.0"
       }
@@ -255,6 +278,37 @@
         "node": ">=18"
       }
     },
+    "node_modules/@emnapi/core": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.7.1.tgz",
+      "integrity": "sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.1.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.7.1.tgz",
+      "integrity": "sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
+      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.7.0",
       "dev": true,
@@ -452,6 +506,28 @@
         "@img/sharp-libvips-darwin-arm64": "1.2.0"
       }
     },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.3.tgz",
+      "integrity": "sha512-yHpJYynROAj12TA6qil58hmPmAwxKKC7reUqtGLzsOHfP7/rniNGTL8tjWX6L3CTV4+5P4ypcS7Pp+7OB+8ihA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.0"
+      }
+    },
     "node_modules/@img/sharp-libvips-darwin-arm64": {
       "version": "1.2.0",
       "cpu": [
@@ -466,184 +542,569 @@
         "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/@isaacs/fs-minipass": {
-      "version": "4.0.1",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "minipass": "^7.0.4"
-      },
-      "engines": {
-        "node": ">=18.0.0"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.12",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.0.tgz",
+      "integrity": "sha512-M64XVuL94OgiNHa5/m2YvEQI5q2cl9d/wk0qFTDVXcYzi43lxuiFTftMR1tOnFQovVXNZJ5TURSDK2pNe9Yzqg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.4",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.29",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.0.tgz",
+      "integrity": "sha512-mWd2uWvDtL/nvIzThLq3fr2nnGfyr/XMXlq8ZJ9WMR6PXijHlC3ksp0IpuhK6bougvQrchUAfzRLnbsen0Cqvw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/@next/env": {
-      "version": "15.4.3",
-      "license": "MIT"
-    },
-    "node_modules/@next/eslint-plugin-next": {
-      "version": "15.4.3",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-glob": "3.3.1"
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.0.tgz",
+      "integrity": "sha512-RXwd0CgG+uPRX5YYrkzKyalt2OJYRiJQ8ED/fi1tq9WQW2jsQIn0tqrlR5l5dr/rjqq6AHAxURhj2DVjyQWSOA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/@next/swc-darwin-arm64": {
-      "version": "15.4.3",
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.0.tgz",
+      "integrity": "sha512-Xod/7KaDDHkYu2phxxfeEPXfVXFKx70EAFZ0qyUdOjCcxbjqyJOEUpDe6RIyaunGxT34Anf9ue/wuWOqBW2WcQ==",
       "cpu": [
-        "arm64"
+        "ppc64"
       ],
-      "license": "MIT",
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
-        "darwin"
+        "linux"
       ],
-      "engines": {
-        "node": ">= 10"
+      "funding": {
+        "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/@next/swc-darwin-x64": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.4.3.tgz",
-      "integrity": "sha512-ZPHRdd51xaxCMpT4viQ6h8TgYM1zPW1JIeksPY9wKlyvBVUQqrWqw8kEh1sa7/x0Ied+U7pYHkAkutrUwxbMcg==",
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.0.tgz",
+      "integrity": "sha512-eMKfzDxLGT8mnmPJTNMcjfO33fLiTDsrMlUVcp6b96ETbnJmd4uvZxVJSKPQfS+odwfVaGifhsB07J1LynFehw==",
       "cpu": [
-        "x64"
+        "s390x"
       ],
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
-        "darwin"
+        "linux"
       ],
-      "engines": {
-        "node": ">= 10"
+      "funding": {
+        "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.4.3.tgz",
-      "integrity": "sha512-QUdqftCXC5vw5cowucqi9FeOPQ0vdMxoOHLY0J5jPdercwSJFjdi9CkEO4Xkq1eG4t1TB/BG81n6rmTsWoILnw==",
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.0.tgz",
+      "integrity": "sha512-ZW3FPWIc7K1sH9E3nxIGB3y3dZkpJlMnkk7z5tu1nSkBoCgw2nSRTFHI5pB/3CQaJM0pdzMF3paf9ckKMSE9Tg==",
       "cpu": [
-        "arm64"
+        "x64"
       ],
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
         "linux"
       ],
-      "engines": {
-        "node": ">= 10"
+      "funding": {
+        "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.4.3.tgz",
-      "integrity": "sha512-HTL31NsmoafX+r5g91Yj3+q34nrn1xKmCWVuNA+fUWO4X0pr+n83uGzLyEOn0kUqbMZ40KmWx+4wsbMoUChkiQ==",
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.0.tgz",
+      "integrity": "sha512-UG+LqQJbf5VJ8NWJ5Z3tdIe/HXjuIdo4JeVNADXBFuG7z9zjoegpzzGIyV5zQKi4zaJjnAd2+g2nna8TZvuW9Q==",
       "cpu": [
         "arm64"
       ],
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
         "linux"
       ],
-      "engines": {
-        "node": ">= 10"
+      "funding": {
+        "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.4.3.tgz",
-      "integrity": "sha512-HRQLWoeFkKXd2YCEEy9GhfwOijRm37x4w5r0MMVHxBKSA6ms3JoPUXvGhfHT6srnGRcEUWNrQ2vzkHir5ZWTSw==",
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.0.tgz",
+      "integrity": "sha512-SRYOLR7CXPgNze8akZwjoGBoN1ThNZoqpOgfnOxmWsklTGVfJiGJoC/Lod7aNMGA1jSsKWM1+HRX43OP6p9+6Q==",
       "cpu": [
         "x64"
       ],
+      "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
         "linux"
       ],
-      "engines": {
-        "node": ">= 10"
+      "funding": {
+        "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.4.3.tgz",
-      "integrity": "sha512-NyXUx6G7AayaRGUsVPenuwhyAoyxjQuQPaK50AXoaAHPwRuif4WmSrXUs8/Y0HJIZh8E/YXRm9H7uuGfiacpuQ==",
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.3.tgz",
+      "integrity": "sha512-oBK9l+h6KBN0i3dC8rYntLiVfW8D8wH+NPNT3O/WBHeW0OQWCjfWksLUaPidsrDKpJgXp3G3/hkmhptAW0I3+A==",
       "cpu": [
-        "x64"
+        "arm"
       ],
+      "license": "Apache-2.0",
       "optional": true,
       "os": [
         "linux"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.0"
       }
     },
-    "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.4.3.tgz",
-      "integrity": "sha512-2CUTmpzN/7cL1a7GjdLkDFlfH3nwMwW8a6JiaAUsL9MtKmNNO3fnXqnY0Zk30fii3hVEl4dr7ztrpYt0t2CcGQ==",
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.3.tgz",
+      "integrity": "sha512-QdrKe3EvQrqwkDrtuTIjI0bu6YEJHTgEeqdzI3uWJOH6G1O8Nl1iEeVYRGdj1h5I21CqxSvQp1Yv7xeU3ZewbA==",
       "cpu": [
         "arm64"
       ],
+      "license": "Apache-2.0",
       "optional": true,
       "os": [
-        "win32"
+        "linux"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.0"
       }
     },
-    "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.4.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.4.3.tgz",
-      "integrity": "sha512-i54YgUhvrUQxQD84SjAbkfWhYkOdm/DNRAVekCHLWxVg3aUbyC6NFQn9TwgCkX5QAS2pXCJo3kFboSFvrsd7dA==",
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.3.tgz",
+      "integrity": "sha512-GLtbLQMCNC5nxuImPR2+RgrviwKwVql28FWZIW1zWruy6zLgA5/x2ZXk3mxj58X/tszVF69KK0Is83V8YgWhLA==",
       "cpu": [
-        "x64"
+        "ppc64"
       ],
+      "license": "Apache-2.0",
       "optional": true,
       "os": [
-        "win32"
+        "linux"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.0"
       }
     },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.3.tgz",
+      "integrity": "sha512-3gahT+A6c4cdc2edhsLHmIOXMb17ltffJlxR0aC2VPZfwKoTGZec6u5GrFgdR7ciJSsHT27BD3TIuGcuRT0KmQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.0"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.3.tgz",
+      "integrity": "sha512-8kYso8d806ypnSq3/Ly0QEw90V5ZoHh10yH0HnrzOCr6DKAPI6QVHvwleqMkVQ0m+fc7EH8ah0BB0QPuWY6zJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.0"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.3.tgz",
+      "integrity": "sha512-vAjbHDlr4izEiXM1OTggpCcPg9tn4YriK5vAjowJsHwdBIdx0fYRsURkxLG2RLm9gyBq66gwtWI8Gx0/ov+JKQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.0"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.3.tgz",
+      "integrity": "sha512-gCWUn9547K5bwvOn9l5XGAEjVTTRji4aPTqLzGXHvIr6bIDZKNTA34seMPgM0WmSf+RYBH411VavCejp3PkOeQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.0"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.3.tgz",
+      "integrity": "sha512-+CyRcpagHMGteySaWos8IbnXcHgfDn7pO2fiC2slJxvNq9gDipYBN42/RagzctVRKgxATmfqOSulgZv5e1RdMg==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.4.4"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.3.tgz",
+      "integrity": "sha512-MjnHPnbqMXNC2UgeLJtX4XqoVHHlZNd+nPt1kRPmj63wURegwBhZlApELdtxM2OIZDRv/DFtLcNhVbd1z8GYXQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.3.tgz",
+      "integrity": "sha512-xuCdhH44WxuXgOM714hn4amodJMZl3OEvf0GVTm0BEyMeA2to+8HEdRPShH0SLYptJY1uBw+SCFP9WVQi1Q/cw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.3.tgz",
+      "integrity": "sha512-OWwz05d++TxzLEv4VnsTz5CmZ6mI6S05sfQGEMrNrQcOEERbX46332IvE7pO/EUiw7jUrrS40z/M7kPyjfl04g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@isaacs/fs-minipass": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.30",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.30.tgz",
+      "integrity": "sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
+      "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@tybys/wasm-util": "^0.10.0"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "15.4.3",
+      "license": "MIT"
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "15.4.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-glob": "3.3.1"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "15.4.3",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "15.4.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.4.3.tgz",
+      "integrity": "sha512-ZPHRdd51xaxCMpT4viQ6h8TgYM1zPW1JIeksPY9wKlyvBVUQqrWqw8kEh1sa7/x0Ied+U7pYHkAkutrUwxbMcg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "15.4.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.4.3.tgz",
+      "integrity": "sha512-QUdqftCXC5vw5cowucqi9FeOPQ0vdMxoOHLY0J5jPdercwSJFjdi9CkEO4Xkq1eG4t1TB/BG81n6rmTsWoILnw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "15.4.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.4.3.tgz",
+      "integrity": "sha512-HTL31NsmoafX+r5g91Yj3+q34nrn1xKmCWVuNA+fUWO4X0pr+n83uGzLyEOn0kUqbMZ40KmWx+4wsbMoUChkiQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "15.4.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.4.3.tgz",
+      "integrity": "sha512-HRQLWoeFkKXd2YCEEy9GhfwOijRm37x4w5r0MMVHxBKSA6ms3JoPUXvGhfHT6srnGRcEUWNrQ2vzkHir5ZWTSw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "15.4.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.4.3.tgz",
+      "integrity": "sha512-NyXUx6G7AayaRGUsVPenuwhyAoyxjQuQPaK50AXoaAHPwRuif4WmSrXUs8/Y0HJIZh8E/YXRm9H7uuGfiacpuQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "15.4.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.4.3.tgz",
+      "integrity": "sha512-2CUTmpzN/7cL1a7GjdLkDFlfH3nwMwW8a6JiaAUsL9MtKmNNO3fnXqnY0Zk30fii3hVEl4dr7ztrpYt0t2CcGQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "15.4.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.4.3.tgz",
+      "integrity": "sha512-i54YgUhvrUQxQD84SjAbkfWhYkOdm/DNRAVekCHLWxVg3aUbyC6NFQn9TwgCkX5QAS2pXCJo3kFboSFvrsd7dA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
       },
@@ -895,6 +1356,80 @@
       "integrity": "sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==",
       "license": "MIT"
     },
+    "node_modules/@supabase/auth-js": {
+      "version": "2.72.0",
+      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.72.0.tgz",
+      "integrity": "sha512-4+bnUrtTDK1YD0/FCx2YtMiQH5FGu9Jlf4IQi5kcqRwRwqp2ey39V61nHNdH86jm3DIzz0aZKiWfTW8qXk1swQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@supabase/node-fetch": "^2.6.14"
+      }
+    },
+    "node_modules/@supabase/functions-js": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.5.0.tgz",
+      "integrity": "sha512-SXBx6Jvp+MOBekeKFu+G11YLYPeVeGQl23eYyAG9+Ro0pQ1aIP0UZNIBxHKNHqxzR0L0n6gysNr2KT3841NATw==",
+      "license": "MIT",
+      "dependencies": {
+        "@supabase/node-fetch": "^2.6.14"
+      }
+    },
+    "node_modules/@supabase/node-fetch": {
+      "version": "2.6.15",
+      "resolved": "https://registry.npmjs.org/@supabase/node-fetch/-/node-fetch-2.6.15.tgz",
+      "integrity": "sha512-1ibVeYUacxWYi9i0cf5efil6adJ9WRyZBLivgjs+AUpewx1F3xPi7gLgaASI2SmIQxPoCEjAsLAzKPgMJVgOUQ==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      }
+    },
+    "node_modules/@supabase/postgrest-js": {
+      "version": "1.21.4",
+      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-1.21.4.tgz",
+      "integrity": "sha512-TxZCIjxk6/dP9abAi89VQbWWMBbybpGWyvmIzTd79OeravM13OjR/YEYeyUOPcM1C3QyvXkvPZhUfItvmhY1IQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@supabase/node-fetch": "^2.6.14"
+      }
+    },
+    "node_modules/@supabase/realtime-js": {
+      "version": "2.15.5",
+      "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.15.5.tgz",
+      "integrity": "sha512-/Rs5Vqu9jejRD8ZeuaWXebdkH+J7V6VySbCZ/zQM93Ta5y3mAmocjioa/nzlB6qvFmyylUgKVS1KpE212t30OA==",
+      "license": "MIT",
+      "dependencies": {
+        "@supabase/node-fetch": "^2.6.13",
+        "@types/phoenix": "^1.6.6",
+        "@types/ws": "^8.18.1",
+        "ws": "^8.18.2"
+      }
+    },
+    "node_modules/@supabase/storage-js": {
+      "version": "2.12.2",
+      "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.12.2.tgz",
+      "integrity": "sha512-SiySHxi3q7gia7NBYpsYRu8gyI0NhFwSORMxbZIxJ/zAVkN6QpwDRan158CJ+UdzD4WB/rQMAGRqIJQP+7ccAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@supabase/node-fetch": "^2.6.14"
+      }
+    },
+    "node_modules/@supabase/supabase-js": {
+      "version": "2.58.0",
+      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.58.0.tgz",
+      "integrity": "sha512-Tm1RmQpoAKdQr4/8wiayGti/no+If7RtveVZjHR8zbO7hhQjmPW2Ok5ZBPf1MGkt5c+9R85AVMsTfSaqAP1sUg==",
+      "license": "MIT",
+      "dependencies": {
+        "@supabase/auth-js": "2.72.0",
+        "@supabase/functions-js": "2.5.0",
+        "@supabase/node-fetch": "2.6.15",
+        "@supabase/postgrest-js": "1.21.4",
+        "@supabase/realtime-js": "2.15.5",
+        "@supabase/storage-js": "2.12.2"
+      }
+    },
     "node_modules/@swc/helpers": {
       "version": "0.5.15",
       "license": "Apache-2.0",
@@ -902,74 +1437,275 @@
         "tslib": "^2.8.0"
       }
     },
-    "node_modules/@tailwindcss/node": {
-      "version": "4.1.11",
-      "dev": true,
+    "node_modules/@tailwindcss/node": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.13.tgz",
+      "integrity": "sha512-eq3ouolC1oEFOAvOMOBAmfCIqZBJuvWvvYWh5h5iOYfe1HFC6+GZ6EIL0JdM3/niGRJmnrOc+8gl9/HGUaaptw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.4",
+        "enhanced-resolve": "^5.18.3",
+        "jiti": "^2.5.1",
+        "lightningcss": "1.30.1",
+        "magic-string": "^0.30.18",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.1.13"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.13.tgz",
+      "integrity": "sha512-CPgsM1IpGRa880sMbYmG1s4xhAy3xEt1QULgTJGQmZUeNgXFR7s1YxYygmJyBGtou4SyEosGAGEeYqY7R53bIA==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-libc": "^2.0.4",
+        "tar": "^7.4.3"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.13",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.13",
+        "@tailwindcss/oxide-darwin-x64": "4.1.13",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.13",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.13",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.13",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.13",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.13",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.13",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.13",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.13",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.13"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.13.tgz",
+      "integrity": "sha512-BrpTrVYyejbgGo57yc8ieE+D6VT9GOgnNdmh5Sac6+t0m+v+sKQevpFVpwX3pBrM2qKrQwJ0c5eDbtjouY/+ew==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.13.tgz",
+      "integrity": "sha512-YP+Jksc4U0KHcu76UhRDHq9bx4qtBftp9ShK/7UGfq0wpaP96YVnnjFnj3ZFrUAjc5iECzODl/Ts0AN7ZPOANQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.13.tgz",
+      "integrity": "sha512-aAJ3bbwrn/PQHDxCto9sxwQfT30PzyYJFG0u/BWZGeVXi5Hx6uuUOQEI2Fa43qvmUjTRQNZnGqe9t0Zntexeuw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.13.tgz",
+      "integrity": "sha512-Wt8KvASHwSXhKE/dJLCCWcTSVmBj3xhVhp/aF3RpAhGeZ3sVo7+NTfgiN8Vey/Fi8prRClDs6/f0KXPDTZE6nQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.13.tgz",
+      "integrity": "sha512-mbVbcAsW3Gkm2MGwA93eLtWrwajz91aXZCNSkGTx/R5eb6KpKD5q8Ueckkh9YNboU8RH7jiv+ol/I7ZyQ9H7Bw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.13.tgz",
+      "integrity": "sha512-wdtfkmpXiwej/yoAkrCP2DNzRXCALq9NVLgLELgLim1QpSfhQM5+ZxQQF8fkOiEpuNoKLp4nKZ6RC4kmeFH0HQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.13.tgz",
+      "integrity": "sha512-hZQrmtLdhyqzXHB7mkXfq0IYbxegaqTmfa1p9MBj72WPoDD3oNOh1Lnxf6xZLY9C3OV6qiCYkO1i/LrzEdW2mg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.13.tgz",
+      "integrity": "sha512-uaZTYWxSXyMWDJZNY1Ul7XkJTCBRFZ5Fo6wtjrgBKzZLoJNrG+WderJwAjPzuNZOnmdrVg260DKwXCFtJ/hWRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.13.tgz",
+      "integrity": "sha512-oXiPj5mi4Hdn50v5RdnuuIms0PVPI/EG4fxAfFiIKQh5TgQgX7oSuDWntHW7WNIi/yVLAiS+CRGW4RkoGSSgVQ==",
+      "cpu": [
+        "x64"
+      ],
       "license": "MIT",
-      "dependencies": {
-        "@ampproject/remapping": "^2.3.0",
-        "enhanced-resolve": "^5.18.1",
-        "jiti": "^2.4.2",
-        "lightningcss": "1.30.1",
-        "magic-string": "^0.30.17",
-        "source-map-js": "^1.2.1",
-        "tailwindcss": "4.1.11"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
       }
     },
-    "node_modules/@tailwindcss/oxide": {
-      "version": "4.1.11",
-      "dev": true,
-      "hasInstallScript": true,
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.13.tgz",
+      "integrity": "sha512-+LC2nNtPovtrDwBc/nqnIKYh/W2+R69FA0hgoeOn64BdCX522u19ryLh3Vf3F8W49XBcMIxSe665kwy21FkhvA==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "detect-libc": "^2.0.4",
-        "tar": "^7.4.3"
+        "@emnapi/core": "^1.4.5",
+        "@emnapi/runtime": "^1.4.5",
+        "@emnapi/wasi-threads": "^1.0.4",
+        "@napi-rs/wasm-runtime": "^0.2.12",
+        "@tybys/wasm-util": "^0.10.0",
+        "tslib": "^2.8.0"
       },
       "engines": {
-        "node": ">= 10"
-      },
-      "optionalDependencies": {
-        "@tailwindcss/oxide-android-arm64": "4.1.11",
-        "@tailwindcss/oxide-darwin-arm64": "4.1.11",
-        "@tailwindcss/oxide-darwin-x64": "4.1.11",
-        "@tailwindcss/oxide-freebsd-x64": "4.1.11",
-        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.11",
-        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.11",
-        "@tailwindcss/oxide-linux-arm64-musl": "4.1.11",
-        "@tailwindcss/oxide-linux-x64-gnu": "4.1.11",
-        "@tailwindcss/oxide-linux-x64-musl": "4.1.11",
-        "@tailwindcss/oxide-wasm32-wasi": "4.1.11",
-        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.11",
-        "@tailwindcss/oxide-win32-x64-msvc": "4.1.11"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@tailwindcss/oxide-darwin-arm64": {
-      "version": "4.1.11",
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.13.tgz",
+      "integrity": "sha512-dziTNeQXtoQ2KBXmrjCxsuPk3F3CQ/yb7ZNZNA+UkNTeiTGgfeh+gH5Pi7mRncVgcPD2xgHvkFCh/MhZWSgyQg==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "darwin"
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.13.tgz",
+      "integrity": "sha512-3+LKesjXydTkHk5zXX01b5KMzLV1xl2mcktBJkje7rhFUpUlYJy7IMOLqjIRQncLTa1WZZiFY/foAeB5nmaiTw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
       ],
       "engines": {
         "node": ">= 10"
       }
     },
     "node_modules/@tailwindcss/postcss": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.11.tgz",
-      "integrity": "sha512-q/EAIIpF6WpLhKEuQSEVMZNMIY8KhWoAemZ9eylNAih9jxMGAYPPWBn3I9QL/2jZ+e7OEz/tZkX5HwbBR4HohA==",
-      "dev": true,
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.13.tgz",
+      "integrity": "sha512-HLgx6YSFKJT7rJqh9oJs/TkBFhxuMOfUKSBEPYwV+t78POOBsdQ7crhZLzwcH3T0UyUuOzU/GK5pk5eKr3wCiQ==",
       "license": "MIT",
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
-        "@tailwindcss/node": "4.1.11",
-        "@tailwindcss/oxide": "4.1.11",
+        "@tailwindcss/node": "4.1.13",
+        "@tailwindcss/oxide": "4.1.13",
         "postcss": "^8.4.41",
-        "tailwindcss": "4.1.11"
+        "tailwindcss": "4.1.13"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
       }
     },
     "node_modules/@types/estree": {
@@ -1013,9 +1749,16 @@
         "form-data": "^4.0.0"
       }
     },
+    "node_modules/@types/phoenix": {
+      "version": "1.6.6",
+      "resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.6.6.tgz",
+      "integrity": "sha512-PIzZZlEppgrpoT2QgbnDU+MMzuR6BbCjllj0bM70lWoejMeNJAxCchxnv7J3XFkI8MpygtRpzXrIlmWUBclP5A==",
+      "license": "MIT"
+    },
     "node_modules/@types/react": {
       "version": "19.1.8",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "csstype": "^3.0.2"
       }
@@ -1024,6 +1767,7 @@
       "version": "19.1.6",
       "devOptional": true,
       "license": "MIT",
+      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.0.0"
       }
@@ -1043,6 +1787,15 @@
       "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
       "license": "MIT"
     },
+    "node_modules/@types/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "8.38.0",
       "dev": true,
@@ -1083,6 +1836,7 @@
       "version": "8.38.0",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.38.0",
         "@typescript-eslint/types": "8.38.0",
@@ -1219,101 +1973,328 @@
       "version": "3.3.3",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.8"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.7.2",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.38.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.7.0",
+        "@typescript-eslint/scope-manager": "8.38.0",
+        "@typescript-eslint/types": "8.38.0",
+        "@typescript-eslint/typescript-estree": "8.38.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.9.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.38.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.38.0",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz",
+      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-android-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.1.tgz",
+      "integrity": "sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+      "version": "1.11.1",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.1.tgz",
+      "integrity": "sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-freebsd-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.1.tgz",
+      "integrity": "sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.1.tgz",
+      "integrity": "sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.1.tgz",
+      "integrity": "sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.1.tgz",
+      "integrity": "sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.1.tgz",
+      "integrity": "sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.1.tgz",
+      "integrity": "sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.1.tgz",
+      "integrity": "sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==",
+      "cpu": [
+        "riscv64"
+      ],
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "9.0.5",
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.1.tgz",
+      "integrity": "sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==",
+      "cpu": [
+        "riscv64"
+      ],
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch/node_modules/brace-expansion": {
-      "version": "2.0.2",
+    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.1.tgz",
+      "integrity": "sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==",
+      "cpu": [
+        "s390x"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.7.2",
+    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.1.tgz",
+      "integrity": "sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "8.38.0",
+    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.1.tgz",
+      "integrity": "sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.7.0",
-        "@typescript-eslint/scope-manager": "8.38.0",
-        "@typescript-eslint/types": "8.38.0",
-        "@typescript-eslint/typescript-estree": "8.38.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.9.0"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.38.0",
+    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.1.tgz",
+      "integrity": "sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==",
+      "cpu": [
+        "wasm32"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@typescript-eslint/types": "8.38.0",
-        "eslint-visitor-keys": "^4.2.1"
+        "@napi-rs/wasm-runtime": "^0.2.11"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
       "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.1.tgz",
+      "integrity": "sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==",
       "cpu": [
         "arm64"
       ],
@@ -1321,7 +2302,35 @@
       "license": "MIT",
       "optional": true,
       "os": [
-        "darwin"
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.1.tgz",
+      "integrity": "sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz",
+      "integrity": "sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
       ]
     },
     "node_modules/abort-controller": {
@@ -1336,23 +2345,11 @@
         "node": ">=6.5"
       }
     },
-    "node_modules/accepts": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
-      "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
-      "license": "MIT",
-      "dependencies": {
-        "mime-types": "^3.0.0",
-        "negotiator": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/acorn": {
       "version": "8.15.0",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -1603,43 +2600,6 @@
       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
       "license": "MIT"
     },
-    "node_modules/autoprefixer": {
-      "version": "10.4.21",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz",
-      "integrity": "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.24.4",
-        "caniuse-lite": "^1.0.30001702",
-        "fraction.js": "^4.3.7",
-        "normalize-range": "^0.1.2",
-        "picocolors": "^1.1.1",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "bin": {
-        "autoprefixer": "bin/autoprefixer"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
     "node_modules/available-typed-arrays": {
       "version": "1.0.7",
       "dev": true,
@@ -1675,26 +2635,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/body-parser": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.0.tgz",
-      "integrity": "sha512-02qvAaxv8tp7fBa/mw1ga98OGm+eCbqzJOKoRt70sLmfEEi+jyBYVTDGfCL/k06/4EMk/z01gCe7HoCH/f2LTg==",
-      "license": "MIT",
-      "dependencies": {
-        "bytes": "^3.1.2",
-        "content-type": "^1.0.5",
-        "debug": "^4.4.0",
-        "http-errors": "^2.0.0",
-        "iconv-lite": "^0.6.3",
-        "on-finished": "^2.4.1",
-        "qs": "^6.14.0",
-        "raw-body": "^3.0.0",
-        "type-is": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/brace-expansion": {
       "version": "1.1.12",
       "dev": true,
@@ -1715,47 +2655,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/browserslist": {
-      "version": "4.25.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.1.tgz",
-      "integrity": "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001726",
-        "electron-to-chromium": "^1.5.173",
-        "node-releases": "^2.0.19",
-        "update-browserslist-db": "^1.1.3"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/bytes": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/call-bind": {
       "version": "1.0.8",
       "dev": true,
@@ -1786,6 +2685,7 @@
     },
     "node_modules/call-bound": {
       "version": "1.0.4",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bind-apply-helpers": "^1.0.2",
@@ -1871,7 +2771,8 @@
     },
     "node_modules/chownr": {
       "version": "3.0.0",
-      "dev": true,
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
       "license": "BlueOak-1.0.0",
       "engines": {
         "node": ">=18"
@@ -1972,45 +2873,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/content-disposition": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.0.tgz",
-      "integrity": "sha512-Au9nRL8VNUut/XSzbQA38+M78dzP4D+eqg3gfJHMIHHYa3bg067xj1KxMUWj+VULbiZMowKngFFbKczUrNJ1mg==",
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "5.2.1"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/content-type": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
-      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/cookie": {
-      "version": "0.7.2",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
-      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/cookie-signature": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
-      "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.6.0"
-      }
-    },
     "node_modules/cors": {
       "version": "2.8.5",
       "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
@@ -2096,6 +2958,7 @@
     },
     "node_modules/debug": {
       "version": "4.4.1",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -2155,18 +3018,8 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/depd": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
-      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/detect-libc": {
       "version": "2.0.4",
-      "devOptional": true,
       "license": "Apache-2.0",
       "engines": {
         "node": ">=8"
@@ -2220,39 +3073,19 @@
         "openapi-fetch": "^0.9.7",
         "platform": "^1.3.6"
       },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/ee-first": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
-      "license": "MIT"
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.5.192",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.192.tgz",
-      "integrity": "sha512-rP8Ez0w7UNw/9j5eSXCe10o1g/8B1P5SM90PCCMVkIRQn2R0LEHWz4Eh9RnxkniuDe1W0cTSOB3MLlkTGDcuCg==",
-      "license": "ISC"
+      "engines": {
+        "node": ">=18"
+      }
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/enhanced-resolve": {
-      "version": "5.18.2",
-      "dev": true,
+      "version": "5.18.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
+      "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
       "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.4",
@@ -2419,21 +3252,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escape-html": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
-      "license": "MIT"
-    },
     "node_modules/escape-string-regexp": {
       "version": "4.0.0",
       "dev": true,
@@ -2449,6 +3267,7 @@
       "version": "9.32.0",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -2628,6 +3447,7 @@
       "version": "2.32.0",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -2814,15 +3634,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/etag": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/event-target-shim": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
@@ -2833,54 +3644,12 @@
       }
     },
     "node_modules/eventsource-parser": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.0.3.tgz",
-      "integrity": "sha512-nVpZkTMM9rF6AQ9gPJpFsNAMt48wIzB5TQgiTLdHiuO8XEDhUgZEhqKlZWXbIzo9VmJ/HvysHqEaVeD5v9TPvA==",
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.0.6.tgz",
+      "integrity": "sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==",
       "license": "MIT",
       "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/express": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/express/-/express-5.1.0.tgz",
-      "integrity": "sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==",
-      "license": "MIT",
-      "dependencies": {
-        "accepts": "^2.0.0",
-        "body-parser": "^2.2.0",
-        "content-disposition": "^1.0.0",
-        "content-type": "^1.0.5",
-        "cookie": "^0.7.1",
-        "cookie-signature": "^1.2.1",
-        "debug": "^4.4.0",
-        "encodeurl": "^2.0.0",
-        "escape-html": "^1.0.3",
-        "etag": "^1.8.1",
-        "finalhandler": "^2.1.0",
-        "fresh": "^2.0.0",
-        "http-errors": "^2.0.0",
-        "merge-descriptors": "^2.0.0",
-        "mime-types": "^3.0.0",
-        "on-finished": "^2.4.1",
-        "once": "^1.4.0",
-        "parseurl": "^1.3.3",
-        "proxy-addr": "^2.0.7",
-        "qs": "^6.14.0",
-        "range-parser": "^1.2.1",
-        "router": "^2.2.0",
-        "send": "^1.1.0",
-        "serve-static": "^2.2.0",
-        "statuses": "^2.0.1",
-        "type-is": "^2.0.1",
-        "vary": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 18"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
+        "node": ">=18.0.0"
       }
     },
     "node_modules/fast-deep-equal": {
@@ -2980,23 +3749,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/finalhandler": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.0.tgz",
-      "integrity": "sha512-/t88Ty3d5JWQbWYgaOGCCYfXRwV1+be02WqYYlL6h0lEiUAMPM8o8qKGO01YIkOHzka2up08wvgYD0mDiI+q3Q==",
-      "license": "MIT",
-      "dependencies": {
-        "debug": "^4.4.0",
-        "encodeurl": "^2.0.0",
-        "escape-html": "^1.0.3",
-        "on-finished": "^2.4.1",
-        "parseurl": "^1.3.3",
-        "statuses": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "dev": true,
@@ -3107,28 +3859,6 @@
         "node": ">= 12.20"
       }
     },
-    "node_modules/forwarded": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
-      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/fraction.js": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
-      "license": "MIT",
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "type": "patreon",
-        "url": "https://github.com/sponsors/rawify"
-      }
-    },
     "node_modules/framer-motion": {
       "version": "12.23.12",
       "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.23.12.tgz",
@@ -3156,15 +3886,6 @@
         }
       }
     },
-    "node_modules/fresh": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
-      "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/function-bind": {
       "version": "1.1.2",
       "license": "MIT",
@@ -3308,7 +4029,8 @@
     },
     "node_modules/graceful-fs": {
       "version": "4.2.11",
-      "dev": true,
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
       "license": "ISC"
     },
     "node_modules/graphemer": {
@@ -3465,31 +4187,6 @@
       "integrity": "sha512-PDEfEF102G23vHmPhLyPboFCD+BkMGu+GuJe2d9/eH4FsCwvgBpnc9n0pGE+ffKdph38s6foEZiEjdgHdzp+IA==",
       "license": "CC0-1.0"
     },
-    "node_modules/http-errors": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
-      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
-      "license": "MIT",
-      "dependencies": {
-        "depd": "2.0.0",
-        "inherits": "2.0.4",
-        "setprototypeof": "1.2.0",
-        "statuses": "2.0.1",
-        "toidentifier": "1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/http-errors/node_modules/statuses": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/humanize-ms": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
@@ -3499,18 +4196,6 @@
         "ms": "^2.0.0"
       }
     },
-    "node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "license": "MIT",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "dev": true,
@@ -3542,12 +4227,6 @@
         "node": ">=0.8.19"
       }
     },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "license": "ISC"
-    },
     "node_modules/internal-slot": {
       "version": "1.1.0",
       "dev": true,
@@ -3561,15 +4240,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/ipaddr.js": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/is-alphabetical": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
@@ -3852,12 +4522,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-promise": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
-      "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
-      "license": "MIT"
-    },
     "node_modules/is-regex": {
       "version": "1.2.1",
       "dev": true,
@@ -4013,7 +4677,6 @@
     },
     "node_modules/jiti": {
       "version": "2.5.1",
-      "dev": true,
       "license": "MIT",
       "bin": {
         "jiti": "lib/jiti-cli.mjs"
@@ -4117,43 +4780,225 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/lightningcss": {
+    "node_modules/lightningcss": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
+      "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.30.1",
+        "lightningcss-darwin-x64": "1.30.1",
+        "lightningcss-freebsd-x64": "1.30.1",
+        "lightningcss-linux-arm-gnueabihf": "1.30.1",
+        "lightningcss-linux-arm64-gnu": "1.30.1",
+        "lightningcss-linux-arm64-musl": "1.30.1",
+        "lightningcss-linux-x64-gnu": "1.30.1",
+        "lightningcss-linux-x64-musl": "1.30.1",
+        "lightningcss-win32-arm64-msvc": "1.30.1",
+        "lightningcss-win32-x64-msvc": "1.30.1"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
+      "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz",
+      "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz",
+      "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz",
+      "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz",
+      "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz",
+      "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz",
+      "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz",
+      "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
       "version": "1.30.1",
-      "dev": true,
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz",
+      "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",
+      "cpu": [
+        "arm64"
+      ],
       "license": "MPL-2.0",
-      "dependencies": {
-        "detect-libc": "^2.0.3"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
         "node": ">= 12.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/parcel"
-      },
-      "optionalDependencies": {
-        "lightningcss-darwin-arm64": "1.30.1",
-        "lightningcss-darwin-x64": "1.30.1",
-        "lightningcss-freebsd-x64": "1.30.1",
-        "lightningcss-linux-arm-gnueabihf": "1.30.1",
-        "lightningcss-linux-arm64-gnu": "1.30.1",
-        "lightningcss-linux-arm64-musl": "1.30.1",
-        "lightningcss-linux-x64-gnu": "1.30.1",
-        "lightningcss-linux-x64-musl": "1.30.1",
-        "lightningcss-win32-arm64-msvc": "1.30.1",
-        "lightningcss-win32-x64-msvc": "1.30.1"
       }
     },
-    "node_modules/lightningcss-darwin-arm64": {
+    "node_modules/lightningcss-win32-x64-msvc": {
       "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
+      "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
       "cpu": [
-        "arm64"
+        "x64"
       ],
-      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
-        "darwin"
+        "win32"
       ],
       "engines": {
         "node": ">= 12.0.0"
@@ -4217,11 +5062,12 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.17",
-      "dev": true,
+      "version": "0.30.18",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.18.tgz",
+      "integrity": "sha512-yi8swmWbO17qHhwIBNeeZxTceJMeBvWJaId6dyvTSOwTipqeHhMhOrz6513r1sOKnpvQ7zkhlG8tPrpilwTxHQ==",
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0"
+        "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
     "node_modules/math-intrinsics": {
@@ -4231,27 +5077,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/media-typer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
-      "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/merge-descriptors": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
-      "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "dev": true,
@@ -4283,27 +5108,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/mime-db": {
-      "version": "1.54.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
-      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.1.tgz",
-      "integrity": "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==",
-      "license": "MIT",
-      "dependencies": {
-        "mime-db": "^1.54.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "dev": true,
@@ -4325,7 +5129,8 @@
     },
     "node_modules/minipass": {
       "version": "7.1.2",
-      "dev": true,
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
       "license": "ISC",
       "engines": {
         "node": ">=16 || 14 >=14.17"
@@ -4333,7 +5138,8 @@
     },
     "node_modules/minizlib": {
       "version": "3.0.2",
-      "dev": true,
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.2.tgz",
+      "integrity": "sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==",
       "license": "MIT",
       "dependencies": {
         "minipass": "^7.1.2"
@@ -4344,7 +5150,8 @@
     },
     "node_modules/mkdirp": {
       "version": "3.0.1",
-      "dev": true,
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
+      "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
       "license": "MIT",
       "bin": {
         "mkdirp": "dist/cjs/src/bin.js"
@@ -4410,15 +5217,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/negotiator": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
-      "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/next": {
       "version": "15.4.3",
       "license": "MIT",
@@ -4469,6 +5267,16 @@
         }
       }
     },
+    "node_modules/next-themes": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.4.6.tgz",
+      "integrity": "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc"
+      }
+    },
     "node_modules/next/node_modules/postcss": {
       "version": "8.4.31",
       "funding": [
@@ -4535,21 +5343,6 @@
         }
       }
     },
-    "node_modules/node-releases": {
-      "version": "2.0.19",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
-      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
-      "license": "MIT"
-    },
-    "node_modules/normalize-range": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "license": "MIT",
@@ -4559,6 +5352,7 @@
     },
     "node_modules/object-inspect": {
       "version": "1.13.4",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -4655,27 +5449,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/on-finished": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
-      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
-      "license": "MIT",
-      "dependencies": {
-        "ee-first": "1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "license": "ISC",
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
     "node_modules/openapi-fetch": {
       "version": "0.9.8",
       "resolved": "https://registry.npmjs.org/openapi-fetch/-/openapi-fetch-0.9.8.tgz",
@@ -4780,15 +5553,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/parseurl": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
-      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "dev": true,
@@ -4810,15 +5574,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/path-to-regexp": {
-      "version": "8.2.0",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.2.0.tgz",
-      "integrity": "sha512-TdrF7fW9Rphjq4RjrW0Kp2AW0Ahwu9sRGTkS6bvDi0SCwZlEZYmcfDbEsTz8RVk0EHIS/Vd1bv3JhG+1xZuAyQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=16"
-      }
-    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "license": "ISC"
@@ -4827,6 +5582,7 @@
       "version": "4.0.3",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -4874,12 +5630,6 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "license": "MIT"
-    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "dev": true,
@@ -4920,19 +5670,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/proxy-addr": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
-      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
-      "license": "MIT",
-      "dependencies": {
-        "forwarded": "0.2.0",
-        "ipaddr.js": "1.9.1"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/punycode": {
       "version": "2.3.1",
       "dev": true,
@@ -4941,21 +5678,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/qs": {
-      "version": "6.14.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
-      "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "side-channel": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "dev": true,
@@ -4975,33 +5697,10 @@
       ],
       "license": "MIT"
     },
-    "node_modules/range-parser": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
-      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/raw-body": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.0.tgz",
-      "integrity": "sha512-RmkhL8CAyCRPXCE28MMH0z2PNWQBNk2Q09ZdxM9IOOXwxwZbN+qbWaatPkdkWIKL2ZVDImrN/pK5HTRz2PcS4g==",
-      "license": "MIT",
-      "dependencies": {
-        "bytes": "3.1.2",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.6.3",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/react": {
       "version": "19.1.0",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5009,6 +5708,7 @@
     "node_modules/react-dom": {
       "version": "19.1.0",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "scheduler": "^0.26.0"
       },
@@ -5152,22 +5852,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/router": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
-      "integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
-      "license": "MIT",
-      "dependencies": {
-        "debug": "^4.4.0",
-        "depd": "^2.0.0",
-        "is-promise": "^4.0.0",
-        "parseurl": "^1.3.3",
-        "path-to-regexp": "^8.0.0"
-      },
-      "engines": {
-        "node": ">= 18"
-      }
-    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "dev": true,
@@ -5208,26 +5892,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT"
-    },
     "node_modules/safe-push-apply": {
       "version": "1.0.0",
       "dev": true,
@@ -5259,12 +5923,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "license": "MIT"
-    },
     "node_modules/scheduler": {
       "version": "0.26.0",
       "license": "MIT"
@@ -5277,43 +5935,6 @@
         "semver": "bin/semver.js"
       }
     },
-    "node_modules/send": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/send/-/send-1.2.0.tgz",
-      "integrity": "sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==",
-      "license": "MIT",
-      "dependencies": {
-        "debug": "^4.3.5",
-        "encodeurl": "^2.0.0",
-        "escape-html": "^1.0.3",
-        "etag": "^1.8.1",
-        "fresh": "^2.0.0",
-        "http-errors": "^2.0.0",
-        "mime-types": "^3.0.1",
-        "ms": "^2.1.3",
-        "on-finished": "^2.4.1",
-        "range-parser": "^1.2.1",
-        "statuses": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 18"
-      }
-    },
-    "node_modules/serve-static": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.0.tgz",
-      "integrity": "sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==",
-      "license": "MIT",
-      "dependencies": {
-        "encodeurl": "^2.0.0",
-        "escape-html": "^1.0.3",
-        "parseurl": "^1.3.3",
-        "send": "^1.2.0"
-      },
-      "engines": {
-        "node": ">= 18"
-      }
-    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "dev": true,
@@ -5357,12 +5978,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/setprototypeof": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
-      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
-      "license": "ISC"
-    },
     "node_modules/sharp": {
       "version": "0.34.3",
       "hasInstallScript": true,
@@ -5436,6 +6051,7 @@
     },
     "node_modules/side-channel": {
       "version": "1.1.0",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
@@ -5453,6 +6069,7 @@
     },
     "node_modules/side-channel-list": {
       "version": "1.0.0",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
@@ -5467,6 +6084,7 @@
     },
     "node_modules/side-channel-map": {
       "version": "1.0.1",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bound": "^1.0.2",
@@ -5483,6 +6101,7 @@
     },
     "node_modules/side-channel-weakmap": {
       "version": "1.0.2",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bound": "^1.0.2",
@@ -5528,15 +6147,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/statuses": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
-      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/stop-iteration-iterator": {
       "version": "1.1.0",
       "dev": true,
@@ -5723,10 +6333,11 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "4.1.11",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.11.tgz",
-      "integrity": "sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA==",
-      "license": "MIT"
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.13.tgz",
+      "integrity": "sha512-i+zidfmTqtwquj4hMEwdjshYYgMbOrPzb9a0M3ZgNa0JMoZeFC6bxZvO8yr8ozS6ix2SDz0+mvryPeBs2TFE+w==",
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/tailwindcss-animate": {
       "version": "1.0.7",
@@ -5738,16 +6349,22 @@
       }
     },
     "node_modules/tapable": {
-      "version": "2.2.2",
-      "dev": true,
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.3.tgz",
+      "integrity": "sha512-ZL6DDuAlRlLGghwcfmSn9sK3Hr6ArtyudlSAiCqQ6IfE+b+HHbydbYDIG15IfS5do+7XQQBdBiubF/cV2dnDzg==",
       "license": "MIT",
       "engines": {
         "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
       }
     },
     "node_modules/tar": {
       "version": "7.4.3",
-      "dev": true,
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz",
+      "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==",
       "license": "ISC",
       "dependencies": {
         "@isaacs/fs-minipass": "^4.0.0",
@@ -5787,15 +6404,6 @@
         "node": ">=8.0"
       }
     },
-    "node_modules/toidentifier": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
-      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
     "node_modules/tr46": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
@@ -5839,20 +6447,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/type-is": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
-      "integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==",
-      "license": "MIT",
-      "dependencies": {
-        "content-type": "^1.0.5",
-        "media-typer": "^1.1.0",
-        "mime-types": "^3.0.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/typed-array-buffer": {
       "version": "1.0.3",
       "dev": true,
@@ -5925,8 +6519,8 @@
     },
     "node_modules/typescript": {
       "version": "5.8.3",
-      "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -5956,15 +6550,6 @@
       "version": "6.21.0",
       "license": "MIT"
     },
-    "node_modules/unpipe": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/unrs-resolver": {
       "version": "1.11.1",
       "dev": true,
@@ -5998,36 +6583,6 @@
         "@unrs/resolver-binding-win32-x64-msvc": "1.11.1"
       }
     },
-    "node_modules/update-browserslist-db": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
-      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "escalade": "^3.2.0",
-        "picocolors": "^1.1.1"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
     "node_modules/uri-js": {
       "version": "4.4.1",
       "dev": true,
@@ -6173,11 +6728,26 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "license": "ISC"
+    "node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
     },
     "node_modules/xtend": {
       "version": "4.0.2",
@@ -6190,7 +6760,8 @@
     },
     "node_modules/yallist": {
       "version": "5.0.0",
-      "dev": true,
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+      "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
       "license": "BlueOak-1.0.0",
       "engines": {
         "node": ">=18"
@@ -6212,6 +6783,7 @@
       "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
       "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
diff --git a/package.json b/package.json
index e22e28010..11eb3bf09 100644
--- a/package.json
+++ b/package.json
@@ -4,13 +4,14 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "next dev --turbopack",
+    "dev": "next dev",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
     "test:integration": "node tests/e2b-integration.test.js",
     "test:api": "node tests/api-endpoints.test.js",
     "test:code": "node tests/code-execution.test.js",
+    "test:supabase": "node scripts/test-supabase.js",
     "test:all": "npm run test:integration && npm run test:api && npm run test:code"
   },
   "dependencies": {
@@ -22,9 +23,10 @@
     "@e2b/code-interpreter": "^1.5.1",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.2.5",
+    "@supabase/supabase-js": "^2.58.0",
+    "@tailwindcss/postcss": "^4.1.13",
     "@types/react-syntax-highlighter": "^15.5.13",
     "ai": "^5.0.0",
-    "autoprefixer": "^10.4.21",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cors": "^2.8.5",
@@ -41,17 +43,16 @@
     "react-syntax-highlighter": "^15.6.1",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5",
     "zod": "^3.25.76"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
-    "@tailwindcss/postcss": "^4.1.11",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
     "eslint-config-next": "15.4.3",
-    "tailwindcss": "^4.1.11",
-    "typescript": "^5"
+    "tailwindcss": "^4.1.13"
   }
 }
diff --git a/parse.cjs b/parse.cjs
new file mode 100644
index 000000000..e845abc8b
--- /dev/null
+++ b/parse.cjs
@@ -0,0 +1,13 @@
+const fs = require('fs');
+const parser = require('@babel/parser');
+const code = fs.readFileSync('app/page.tsx','utf8');
+try {
+  parser.parse(code, {
+    sourceType: 'module',
+    plugins: ['typescript', 'jsx']
+  });
+  console.log('parse ok');
+} catch (err) {
+  console.error('parse error at', err.loc); 
+  console.error(err.message);
+}
diff --git a/playwright_output.log b/playwright_output.log
new file mode 100644
index 000000000..e69de29bb
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
deleted file mode 100644
index 598531e8e..000000000
--- a/pnpm-lock.yaml
+++ /dev/null
@@ -1,5151 +0,0 @@
-lockfileVersion: '9.0'
-
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
-importers:
-
-  .:
-    dependencies:
-      '@ai-sdk/anthropic':
-        specifier: ^2.0.1
-        version: 2.0.1(zod@3.25.76)
-      '@ai-sdk/google':
-        specifier: ^2.0.4
-        version: 2.0.4(zod@3.25.76)
-      '@ai-sdk/groq':
-        specifier: ^2.0.0
-        version: 2.0.3(zod@3.25.76)
-      '@ai-sdk/openai':
-        specifier: ^2.0.4
-        version: 2.0.5(zod@3.25.76)
-      '@anthropic-ai/sdk':
-        specifier: ^0.57.0
-        version: 0.57.0
-      '@e2b/code-interpreter':
-        specifier: ^1.5.1
-        version: 1.5.1
-      '@radix-ui/react-slot':
-        specifier: ^1.2.3
-        version: 1.2.3(@types/react@19.1.9)(react@19.1.0)
-      '@radix-ui/react-switch':
-        specifier: ^1.2.5
-        version: 1.2.5(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@types/react-syntax-highlighter':
-        specifier: ^15.5.13
-        version: 15.5.13
-      ai:
-        specifier: ^5.0.0
-        version: 5.0.8(zod@3.25.76)
-      autoprefixer:
-        specifier: ^10.4.21
-        version: 10.4.21(postcss@8.5.6)
-      class-variance-authority:
-        specifier: ^0.7.1
-        version: 0.7.1
-      clsx:
-        specifier: ^2.1.1
-        version: 2.1.1
-      cors:
-        specifier: ^2.8.5
-        version: 2.8.5
-      dotenv:
-        specifier: ^17.2.1
-        version: 17.2.1
-      e2b:
-        specifier: ^1.13.2
-        version: 1.13.2
-      express:
-        specifier: ^5.1.0
-        version: 5.1.0
-      framer-motion:
-        specifier: ^12.23.12
-        version: 12.23.12(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      groq-sdk:
-        specifier: ^0.29.0
-        version: 0.29.0
-      lucide-react:
-        specifier: ^0.532.0
-        version: 0.532.0(react@19.1.0)
-      next:
-        specifier: 15.4.3
-        version: 15.4.3(@opentelemetry/api@1.9.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      next-themes:
-        specifier: ^0.4.6
-        version: 0.4.6(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      react:
-        specifier: 19.1.0
-        version: 19.1.0
-      react-dom:
-        specifier: 19.1.0
-        version: 19.1.0(react@19.1.0)
-      react-icons:
-        specifier: ^5.5.0
-        version: 5.5.0(react@19.1.0)
-      react-syntax-highlighter:
-        specifier: ^15.6.1
-        version: 15.6.1(react@19.1.0)
-      tailwind-merge:
-        specifier: ^3.3.1
-        version: 3.3.1
-      tailwindcss-animate:
-        specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@4.1.11)
-      zod:
-        specifier: ^3.25.76
-        version: 3.25.76
-    devDependencies:
-      '@eslint/eslintrc':
-        specifier: ^3
-        version: 3.3.1
-      '@tailwindcss/postcss':
-        specifier: ^4.1.11
-        version: 4.1.11
-      '@types/node':
-        specifier: ^20
-        version: 20.19.9
-      '@types/react':
-        specifier: ^19
-        version: 19.1.9
-      '@types/react-dom':
-        specifier: ^19
-        version: 19.1.7(@types/react@19.1.9)
-      eslint:
-        specifier: ^9
-        version: 9.32.0(jiti@2.5.1)
-      eslint-config-next:
-        specifier: 15.4.3
-        version: 15.4.3(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2)
-      tailwindcss:
-        specifier: ^4.1.11
-        version: 4.1.11
-      typescript:
-        specifier: ^5
-        version: 5.9.2
-
-packages:
-
-  '@ai-sdk/anthropic@2.0.1':
-    resolution: {integrity: sha512-HtNbpNV9qXQosHu00+CBMEcdTerwZY+kpVMNak0xP/P5TF6XkPf7IyizhLuc7y5zcXMjZCMA7jDGkcEdZCEdkw==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      zod: ^3.25.76 || ^4
-
-  '@ai-sdk/gateway@1.0.4':
-    resolution: {integrity: sha512-1roLdgMbFU3Nr4MC97/te7w6OqxsWBkDUkpbCcvxF3jz/ku91WVaJldn/PKU8feMKNyI5W9wnqhbjb1BqbExOQ==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      zod: ^3.25.76 || ^4
-
-  '@ai-sdk/google@2.0.4':
-    resolution: {integrity: sha512-d8CF3uzabVqxPwcuXLVv5OIq55bM5oKKNNMQacYQMEv3I9W6EYYYeaM9Buo+/yi1IdKsRIPsa9LQO/H9S9x8yQ==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      zod: ^3.25.76 || ^4
-
-  '@ai-sdk/groq@2.0.3':
-    resolution: {integrity: sha512-6U1iXh2P33YFSHcFdmESq7YZ3nHs50YQQZDSumwPFKs+iNKSPqrbfYQi/1lLKDhDtCrCEimYtyT+zMD7NlnCBQ==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      zod: ^3.25.76 || ^4
-
-  '@ai-sdk/openai@2.0.5':
-    resolution: {integrity: sha512-1oFXNudUNRfl4QXlE2Q0v8GCvGngx8HMwHN6pyOTMBP8SI9VoOcCJzRPVBMLd0SI7dkcAvGVkpSVTnaLaXEtxQ==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      zod: ^3.25.76 || ^4
-
-  '@ai-sdk/provider-utils@3.0.1':
-    resolution: {integrity: sha512-/iP1sKc6UdJgGH98OCly7sWJKv+J9G47PnTjIj40IJMUQKwDrUMyf7zOOfRtPwSuNifYhSoJQ4s1WltI65gJ/g==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      zod: ^3.25.76 || ^4
-
-  '@ai-sdk/provider@2.0.0':
-    resolution: {integrity: sha512-6o7Y2SeO9vFKB8lArHXehNuusnpddKPk7xqL7T2/b+OvXMRIXUO1rR4wcv1hAFUAT9avGZshty3Wlua/XA7TvA==}
-    engines: {node: '>=18'}
-
-  '@alloc/quick-lru@5.2.0':
-    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
-    engines: {node: '>=10'}
-
-  '@ampproject/remapping@2.3.0':
-    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
-    engines: {node: '>=6.0.0'}
-
-  '@anthropic-ai/sdk@0.57.0':
-    resolution: {integrity: sha512-z5LMy0MWu0+w2hflUgj4RlJr1R+0BxKXL7ldXTO8FasU8fu599STghO+QKwId2dAD0d464aHtU+ChWuRHw4FNw==}
-    hasBin: true
-
-  '@babel/runtime@7.28.2':
-    resolution: {integrity: sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==}
-    engines: {node: '>=6.9.0'}
-
-  '@bufbuild/protobuf@2.6.3':
-    resolution: {integrity: sha512-w/gJKME9mYN7ZoUAmSMAWXk4hkVpxRKvEJCb3dV5g9wwWdxTJJ0ayOJAVcNxtdqaxDyFuC0uz4RSGVacJ030PQ==}
-
-  '@connectrpc/connect-web@2.0.0-rc.3':
-    resolution: {integrity: sha512-w88P8Lsn5CCsA7MFRl2e6oLY4J/5toiNtJns/YJrlyQaWOy3RO8pDgkz+iIkG98RPMhj2thuBvsd3Cn4DKKCkw==}
-    peerDependencies:
-      '@bufbuild/protobuf': ^2.2.0
-      '@connectrpc/connect': 2.0.0-rc.3
-
-  '@connectrpc/connect@2.0.0-rc.3':
-    resolution: {integrity: sha512-ARBt64yEyKbanyRETTjcjJuHr2YXorzQo0etyS5+P6oSeW8xEuzajA9g+zDnMcj1hlX2dQE93foIWQGfpru7gQ==}
-    peerDependencies:
-      '@bufbuild/protobuf': ^2.2.0
-
-  '@e2b/code-interpreter@1.5.1':
-    resolution: {integrity: sha512-mkyKjAW2KN5Yt0R1I+1lbH3lo+W/g/1+C2lnwlitXk5wqi/g94SEO41XKdmDf5WWpKG3mnxWDR5d6S/lyjmMEw==}
-    engines: {node: '>=18'}
-
-  '@emnapi/core@1.4.5':
-    resolution: {integrity: sha512-XsLw1dEOpkSX/WucdqUhPWP7hDxSvZiY+fsUC14h+FtQ2Ifni4znbBt8punRX+Uj2JG/uDb8nEHVKvrVlvdZ5Q==}
-
-  '@emnapi/runtime@1.4.5':
-    resolution: {integrity: sha512-++LApOtY0pEEz1zrd9vy1/zXVaVJJ/EbAF3u0fXIzPJEDtnITsBGbbK0EkM72amhl/R5b+5xx0Y/QhcVOpuulg==}
-
-  '@emnapi/wasi-threads@1.0.4':
-    resolution: {integrity: sha512-PJR+bOmMOPH8AtcTGAyYNiuJ3/Fcoj2XN/gBEWzDIKh254XO+mM9XoXHk5GNEhodxeMznbg7BlRojVbKN+gC6g==}
-
-  '@eslint-community/eslint-utils@4.7.0':
-    resolution: {integrity: sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
-
-  '@eslint-community/regexpp@4.12.1':
-    resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-
-  '@eslint/config-array@0.21.0':
-    resolution: {integrity: sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/config-helpers@0.3.0':
-    resolution: {integrity: sha512-ViuymvFmcJi04qdZeDc2whTHryouGcDlaxPqarTD0ZE10ISpxGUVZGZDx4w01upyIynL3iu6IXH2bS1NhclQMw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/core@0.15.1':
-    resolution: {integrity: sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/eslintrc@3.3.1':
-    resolution: {integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/js@9.32.0':
-    resolution: {integrity: sha512-BBpRFZK3eX6uMLKz8WxFOBIFFcGFJ/g8XuwjTHCqHROSIsopI+ddn/d5Cfh36+7+e5edVS8dbSHnBNhrLEX0zg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/object-schema@2.1.6':
-    resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/plugin-kit@0.3.4':
-    resolution: {integrity: sha512-Ul5l+lHEcw3L5+k8POx6r74mxEYKG5kOb6Xpy2gCRW6zweT6TEhAf8vhxGgjhqrd/VO/Dirhsb+1hNpD1ue9hw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@humanfs/core@0.19.1':
-    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
-    engines: {node: '>=18.18.0'}
-
-  '@humanfs/node@0.16.6':
-    resolution: {integrity: sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==}
-    engines: {node: '>=18.18.0'}
-
-  '@humanwhocodes/module-importer@1.0.1':
-    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
-    engines: {node: '>=12.22'}
-
-  '@humanwhocodes/retry@0.3.1':
-    resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==}
-    engines: {node: '>=18.18'}
-
-  '@humanwhocodes/retry@0.4.3':
-    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
-    engines: {node: '>=18.18'}
-
-  '@img/sharp-darwin-arm64@0.34.3':
-    resolution: {integrity: sha512-ryFMfvxxpQRsgZJqBd4wsttYQbCxsJksrv9Lw/v798JcQ8+w84mBWuXwl+TT0WJ/WrYOLaYpwQXi3sA9nTIaIg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@img/sharp-darwin-x64@0.34.3':
-    resolution: {integrity: sha512-yHpJYynROAj12TA6qil58hmPmAwxKKC7reUqtGLzsOHfP7/rniNGTL8tjWX6L3CTV4+5P4ypcS7Pp+7OB+8ihA==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [x64]
-    os: [darwin]
-
-  '@img/sharp-libvips-darwin-arm64@1.2.0':
-    resolution: {integrity: sha512-sBZmpwmxqwlqG9ueWFXtockhsxefaV6O84BMOrhtg/YqbTaRdqDE7hxraVE3y6gVM4eExmfzW4a8el9ArLeEiQ==}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@img/sharp-libvips-darwin-x64@1.2.0':
-    resolution: {integrity: sha512-M64XVuL94OgiNHa5/m2YvEQI5q2cl9d/wk0qFTDVXcYzi43lxuiFTftMR1tOnFQovVXNZJ5TURSDK2pNe9Yzqg==}
-    cpu: [x64]
-    os: [darwin]
-
-  '@img/sharp-libvips-linux-arm64@1.2.0':
-    resolution: {integrity: sha512-RXwd0CgG+uPRX5YYrkzKyalt2OJYRiJQ8ED/fi1tq9WQW2jsQIn0tqrlR5l5dr/rjqq6AHAxURhj2DVjyQWSOA==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@img/sharp-libvips-linux-arm@1.2.0':
-    resolution: {integrity: sha512-mWd2uWvDtL/nvIzThLq3fr2nnGfyr/XMXlq8ZJ9WMR6PXijHlC3ksp0IpuhK6bougvQrchUAfzRLnbsen0Cqvw==}
-    cpu: [arm]
-    os: [linux]
-
-  '@img/sharp-libvips-linux-ppc64@1.2.0':
-    resolution: {integrity: sha512-Xod/7KaDDHkYu2phxxfeEPXfVXFKx70EAFZ0qyUdOjCcxbjqyJOEUpDe6RIyaunGxT34Anf9ue/wuWOqBW2WcQ==}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@img/sharp-libvips-linux-s390x@1.2.0':
-    resolution: {integrity: sha512-eMKfzDxLGT8mnmPJTNMcjfO33fLiTDsrMlUVcp6b96ETbnJmd4uvZxVJSKPQfS+odwfVaGifhsB07J1LynFehw==}
-    cpu: [s390x]
-    os: [linux]
-
-  '@img/sharp-libvips-linux-x64@1.2.0':
-    resolution: {integrity: sha512-ZW3FPWIc7K1sH9E3nxIGB3y3dZkpJlMnkk7z5tu1nSkBoCgw2nSRTFHI5pB/3CQaJM0pdzMF3paf9ckKMSE9Tg==}
-    cpu: [x64]
-    os: [linux]
-
-  '@img/sharp-libvips-linuxmusl-arm64@1.2.0':
-    resolution: {integrity: sha512-UG+LqQJbf5VJ8NWJ5Z3tdIe/HXjuIdo4JeVNADXBFuG7z9zjoegpzzGIyV5zQKi4zaJjnAd2+g2nna8TZvuW9Q==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@img/sharp-libvips-linuxmusl-x64@1.2.0':
-    resolution: {integrity: sha512-SRYOLR7CXPgNze8akZwjoGBoN1ThNZoqpOgfnOxmWsklTGVfJiGJoC/Lod7aNMGA1jSsKWM1+HRX43OP6p9+6Q==}
-    cpu: [x64]
-    os: [linux]
-
-  '@img/sharp-linux-arm64@0.34.3':
-    resolution: {integrity: sha512-QdrKe3EvQrqwkDrtuTIjI0bu6YEJHTgEeqdzI3uWJOH6G1O8Nl1iEeVYRGdj1h5I21CqxSvQp1Yv7xeU3ZewbA==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm64]
-    os: [linux]
-
-  '@img/sharp-linux-arm@0.34.3':
-    resolution: {integrity: sha512-oBK9l+h6KBN0i3dC8rYntLiVfW8D8wH+NPNT3O/WBHeW0OQWCjfWksLUaPidsrDKpJgXp3G3/hkmhptAW0I3+A==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm]
-    os: [linux]
-
-  '@img/sharp-linux-ppc64@0.34.3':
-    resolution: {integrity: sha512-GLtbLQMCNC5nxuImPR2+RgrviwKwVql28FWZIW1zWruy6zLgA5/x2ZXk3mxj58X/tszVF69KK0Is83V8YgWhLA==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@img/sharp-linux-s390x@0.34.3':
-    resolution: {integrity: sha512-3gahT+A6c4cdc2edhsLHmIOXMb17ltffJlxR0aC2VPZfwKoTGZec6u5GrFgdR7ciJSsHT27BD3TIuGcuRT0KmQ==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [s390x]
-    os: [linux]
-
-  '@img/sharp-linux-x64@0.34.3':
-    resolution: {integrity: sha512-8kYso8d806ypnSq3/Ly0QEw90V5ZoHh10yH0HnrzOCr6DKAPI6QVHvwleqMkVQ0m+fc7EH8ah0BB0QPuWY6zJQ==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [x64]
-    os: [linux]
-
-  '@img/sharp-linuxmusl-arm64@0.34.3':
-    resolution: {integrity: sha512-vAjbHDlr4izEiXM1OTggpCcPg9tn4YriK5vAjowJsHwdBIdx0fYRsURkxLG2RLm9gyBq66gwtWI8Gx0/ov+JKQ==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm64]
-    os: [linux]
-
-  '@img/sharp-linuxmusl-x64@0.34.3':
-    resolution: {integrity: sha512-gCWUn9547K5bwvOn9l5XGAEjVTTRji4aPTqLzGXHvIr6bIDZKNTA34seMPgM0WmSf+RYBH411VavCejp3PkOeQ==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [x64]
-    os: [linux]
-
-  '@img/sharp-wasm32@0.34.3':
-    resolution: {integrity: sha512-+CyRcpagHMGteySaWos8IbnXcHgfDn7pO2fiC2slJxvNq9gDipYBN42/RagzctVRKgxATmfqOSulgZv5e1RdMg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [wasm32]
-
-  '@img/sharp-win32-arm64@0.34.3':
-    resolution: {integrity: sha512-MjnHPnbqMXNC2UgeLJtX4XqoVHHlZNd+nPt1kRPmj63wURegwBhZlApELdtxM2OIZDRv/DFtLcNhVbd1z8GYXQ==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm64]
-    os: [win32]
-
-  '@img/sharp-win32-ia32@0.34.3':
-    resolution: {integrity: sha512-xuCdhH44WxuXgOM714hn4amodJMZl3OEvf0GVTm0BEyMeA2to+8HEdRPShH0SLYptJY1uBw+SCFP9WVQi1Q/cw==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [ia32]
-    os: [win32]
-
-  '@img/sharp-win32-x64@0.34.3':
-    resolution: {integrity: sha512-OWwz05d++TxzLEv4VnsTz5CmZ6mI6S05sfQGEMrNrQcOEERbX46332IvE7pO/EUiw7jUrrS40z/M7kPyjfl04g==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [x64]
-    os: [win32]
-
-  '@isaacs/fs-minipass@4.0.1':
-    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
-    engines: {node: '>=18.0.0'}
-
-  '@jridgewell/gen-mapping@0.3.12':
-    resolution: {integrity: sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==}
-
-  '@jridgewell/resolve-uri@3.1.2':
-    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
-    engines: {node: '>=6.0.0'}
-
-  '@jridgewell/sourcemap-codec@1.5.4':
-    resolution: {integrity: sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==}
-
-  '@jridgewell/trace-mapping@0.3.29':
-    resolution: {integrity: sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==}
-
-  '@napi-rs/wasm-runtime@0.2.12':
-    resolution: {integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==}
-
-  '@next/env@15.4.3':
-    resolution: {integrity: sha512-lKJ9KJAvaWzqurIsz6NWdQOLj96mdhuDMusLSYHw9HBe2On7BjUwU1WeRvq19x7NrEK3iOgMeSBV5qEhVH1cMw==}
-
-  '@next/eslint-plugin-next@15.4.3':
-    resolution: {integrity: sha512-wYYbP29uZlm9lqD1C6HDgW9WNNt6AlTogYKYpDyATs0QrKYIv/rPueoIDRH6qttXGCe3zNrb7hxfQx4w8OSkLA==}
-
-  '@next/swc-darwin-arm64@15.4.3':
-    resolution: {integrity: sha512-YAhZWKeEYY7LHQJiQ8fe3Y6ymfcDcTn7rDC8PDu/pdeIl1Z2LHD4uyPNuQUGCEQT//MSNv6oZCeQzZfTCKZv+A==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@next/swc-darwin-x64@15.4.3':
-    resolution: {integrity: sha512-ZPHRdd51xaxCMpT4viQ6h8TgYM1zPW1JIeksPY9wKlyvBVUQqrWqw8kEh1sa7/x0Ied+U7pYHkAkutrUwxbMcg==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@next/swc-linux-arm64-gnu@15.4.3':
-    resolution: {integrity: sha512-QUdqftCXC5vw5cowucqi9FeOPQ0vdMxoOHLY0J5jPdercwSJFjdi9CkEO4Xkq1eG4t1TB/BG81n6rmTsWoILnw==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@next/swc-linux-arm64-musl@15.4.3':
-    resolution: {integrity: sha512-HTL31NsmoafX+r5g91Yj3+q34nrn1xKmCWVuNA+fUWO4X0pr+n83uGzLyEOn0kUqbMZ40KmWx+4wsbMoUChkiQ==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@next/swc-linux-x64-gnu@15.4.3':
-    resolution: {integrity: sha512-HRQLWoeFkKXd2YCEEy9GhfwOijRm37x4w5r0MMVHxBKSA6ms3JoPUXvGhfHT6srnGRcEUWNrQ2vzkHir5ZWTSw==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@next/swc-linux-x64-musl@15.4.3':
-    resolution: {integrity: sha512-NyXUx6G7AayaRGUsVPenuwhyAoyxjQuQPaK50AXoaAHPwRuif4WmSrXUs8/Y0HJIZh8E/YXRm9H7uuGfiacpuQ==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@next/swc-win32-arm64-msvc@15.4.3':
-    resolution: {integrity: sha512-2CUTmpzN/7cL1a7GjdLkDFlfH3nwMwW8a6JiaAUsL9MtKmNNO3fnXqnY0Zk30fii3hVEl4dr7ztrpYt0t2CcGQ==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@next/swc-win32-x64-msvc@15.4.3':
-    resolution: {integrity: sha512-i54YgUhvrUQxQD84SjAbkfWhYkOdm/DNRAVekCHLWxVg3aUbyC6NFQn9TwgCkX5QAS2pXCJo3kFboSFvrsd7dA==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [win32]
-
-  '@nodelib/fs.scandir@2.1.5':
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.stat@2.0.5':
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.walk@1.2.8':
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
-    engines: {node: '>= 8'}
-
-  '@nolyfill/is-core-module@1.0.39':
-    resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
-    engines: {node: '>=12.4.0'}
-
-  '@opentelemetry/api@1.9.0':
-    resolution: {integrity: sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==}
-    engines: {node: '>=8.0.0'}
-
-  '@radix-ui/primitive@1.1.2':
-    resolution: {integrity: sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA==}
-
-  '@radix-ui/react-compose-refs@1.1.2':
-    resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-context@1.1.2':
-    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-primitive@2.1.3':
-    resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-slot@1.2.3':
-    resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-switch@1.2.5':
-    resolution: {integrity: sha512-5ijLkak6ZMylXsaImpZ8u4Rlf5grRmoc0p0QeX9VJtlrM4f5m3nCTX8tWga/zOA8PZYIR/t0p2Mnvd7InrJ6yQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-use-controllable-state@1.2.2':
-    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-effect-event@0.0.2':
-    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-layout-effect@1.1.1':
-    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-previous@1.1.1':
-    resolution: {integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-size@1.1.1':
-    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@rtsao/scc@1.1.0':
-    resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
-
-  '@rushstack/eslint-patch@1.12.0':
-    resolution: {integrity: sha512-5EwMtOqvJMMa3HbmxLlF74e+3/HhwBTMcvt3nqVJgGCozO6hzIPOBlwm8mGVNR9SN2IJpxSnlxczyDjcn7qIyw==}
-
-  '@standard-schema/spec@1.0.0':
-    resolution: {integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==}
-
-  '@swc/helpers@0.5.15':
-    resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
-
-  '@tailwindcss/node@4.1.11':
-    resolution: {integrity: sha512-yzhzuGRmv5QyU9qLNg4GTlYI6STedBWRE7NjxP45CsFYYq9taI0zJXZBMqIC/c8fViNLhmrbpSFS57EoxUmD6Q==}
-
-  '@tailwindcss/oxide-android-arm64@4.1.11':
-    resolution: {integrity: sha512-3IfFuATVRUMZZprEIx9OGDjG3Ou3jG4xQzNTvjDoKmU9JdmoCohQJ83MYd0GPnQIu89YoJqvMM0G3uqLRFtetg==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [android]
-
-  '@tailwindcss/oxide-darwin-arm64@4.1.11':
-    resolution: {integrity: sha512-ESgStEOEsyg8J5YcMb1xl8WFOXfeBmrhAwGsFxxB2CxY9evy63+AtpbDLAyRkJnxLy2WsD1qF13E97uQyP1lfQ==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@tailwindcss/oxide-darwin-x64@4.1.11':
-    resolution: {integrity: sha512-EgnK8kRchgmgzG6jE10UQNaH9Mwi2n+yw1jWmof9Vyg2lpKNX2ioe7CJdf9M5f8V9uaQxInenZkOxnTVL3fhAw==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@tailwindcss/oxide-freebsd-x64@4.1.11':
-    resolution: {integrity: sha512-xdqKtbpHs7pQhIKmqVpxStnY1skuNh4CtbcyOHeX1YBE0hArj2romsFGb6yUmzkq/6M24nkxDqU8GYrKrz+UcA==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.11':
-    resolution: {integrity: sha512-ryHQK2eyDYYMwB5wZL46uoxz2zzDZsFBwfjssgB7pzytAeCCa6glsiJGjhTEddq/4OsIjsLNMAiMlHNYnkEEeg==}
-    engines: {node: '>= 10'}
-    cpu: [arm]
-    os: [linux]
-
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.11':
-    resolution: {integrity: sha512-mYwqheq4BXF83j/w75ewkPJmPZIqqP1nhoghS9D57CLjsh3Nfq0m4ftTotRYtGnZd3eCztgbSPJ9QhfC91gDZQ==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.11':
-    resolution: {integrity: sha512-m/NVRFNGlEHJrNVk3O6I9ggVuNjXHIPoD6bqay/pubtYC9QIdAMpS+cswZQPBLvVvEF6GtSNONbDkZrjWZXYNQ==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.11':
-    resolution: {integrity: sha512-YW6sblI7xukSD2TdbbaeQVDysIm/UPJtObHJHKxDEcW2exAtY47j52f8jZXkqE1krdnkhCMGqP3dbniu1Te2Fg==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@tailwindcss/oxide-linux-x64-musl@4.1.11':
-    resolution: {integrity: sha512-e3C/RRhGunWYNC3aSF7exsQkdXzQ/M+aYuZHKnw4U7KQwTJotnWsGOIVih0s2qQzmEzOFIJ3+xt7iq67K/p56Q==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@tailwindcss/oxide-wasm32-wasi@4.1.11':
-    resolution: {integrity: sha512-Xo1+/GU0JEN/C/dvcammKHzeM6NqKovG+6921MR6oadee5XPBaKOumrJCXvopJ/Qb5TH7LX/UAywbqrP4lax0g==}
-    engines: {node: '>=14.0.0'}
-    cpu: [wasm32]
-    bundledDependencies:
-      - '@napi-rs/wasm-runtime'
-      - '@emnapi/core'
-      - '@emnapi/runtime'
-      - '@tybys/wasm-util'
-      - '@emnapi/wasi-threads'
-      - tslib
-
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.11':
-    resolution: {integrity: sha512-UgKYx5PwEKrac3GPNPf6HVMNhUIGuUh4wlDFR2jYYdkX6pL/rn73zTq/4pzUm8fOjAn5L8zDeHp9iXmUGOXZ+w==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.11':
-    resolution: {integrity: sha512-YfHoggn1j0LK7wR82TOucWc5LDCguHnoS879idHekmmiR7g9HUtMw9MI0NHatS28u/Xlkfi9w5RJWgz2Dl+5Qg==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [win32]
-
-  '@tailwindcss/oxide@4.1.11':
-    resolution: {integrity: sha512-Q69XzrtAhuyfHo+5/HMgr1lAiPP/G40OMFAnws7xcFEYqcypZmdW8eGXaOUIeOl1dzPJBPENXgbjsOyhg2nkrg==}
-    engines: {node: '>= 10'}
-
-  '@tailwindcss/postcss@4.1.11':
-    resolution: {integrity: sha512-q/EAIIpF6WpLhKEuQSEVMZNMIY8KhWoAemZ9eylNAih9jxMGAYPPWBn3I9QL/2jZ+e7OEz/tZkX5HwbBR4HohA==}
-
-  '@tybys/wasm-util@0.10.0':
-    resolution: {integrity: sha512-VyyPYFlOMNylG45GoAe0xDoLwWuowvf92F9kySqzYh8vmYm7D2u4iUJKa1tOUpS70Ku13ASrOkS4ScXFsTaCNQ==}
-
-  '@types/estree@1.0.8':
-    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
-
-  '@types/hast@2.3.10':
-    resolution: {integrity: sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==}
-
-  '@types/json-schema@7.0.15':
-    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
-
-  '@types/json5@0.0.29':
-    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
-
-  '@types/node-fetch@2.6.13':
-    resolution: {integrity: sha512-QGpRVpzSaUs30JBSGPjOg4Uveu384erbHBoT1zeONvyCfwQxIkUshLAOqN/k9EjGviPRmWTTe6aH2qySWKTVSw==}
-
-  '@types/node@18.19.121':
-    resolution: {integrity: sha512-bHOrbyztmyYIi4f1R0s17QsPs1uyyYnGcXeZoGEd227oZjry0q6XQBQxd82X1I57zEfwO8h9Xo+Kl5gX1d9MwQ==}
-
-  '@types/node@20.19.9':
-    resolution: {integrity: sha512-cuVNgarYWZqxRJDQHEB58GEONhOK79QVR/qYx4S7kcUObQvUwvFnYxJuuHUKm2aieN9X3yZB4LZsuYNU1Qphsw==}
-
-  '@types/react-dom@19.1.7':
-    resolution: {integrity: sha512-i5ZzwYpqjmrKenzkoLM2Ibzt6mAsM7pxB6BCIouEVVmgiqaMj1TjaK7hnA36hbW5aZv20kx7Lw6hWzPWg0Rurw==}
-    peerDependencies:
-      '@types/react': ^19.0.0
-
-  '@types/react-syntax-highlighter@15.5.13':
-    resolution: {integrity: sha512-uLGJ87j6Sz8UaBAooU0T6lWJ0dBmjZgN1PZTrj05TNql2/XpC6+4HhMT5syIdFUUt+FASfCeLLv4kBygNU+8qA==}
-
-  '@types/react@19.1.9':
-    resolution: {integrity: sha512-WmdoynAX8Stew/36uTSVMcLJJ1KRh6L3IZRx1PZ7qJtBqT3dYTgyDTx8H1qoRghErydW7xw9mSJ3wS//tCRpFA==}
-
-  '@types/unist@2.0.11':
-    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
-
-  '@typescript-eslint/eslint-plugin@8.39.0':
-    resolution: {integrity: sha512-bhEz6OZeUR+O/6yx9Jk6ohX6H9JSFTaiY0v9/PuKT3oGK0rn0jNplLmyFUGV+a9gfYnVNwGDwS/UkLIuXNb2Rw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^8.39.0
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/parser@8.39.0':
-    resolution: {integrity: sha512-g3WpVQHngx0aLXn6kfIYCZxM6rRJlWzEkVpqEFLT3SgEDsp9cpCbxxgwnE504q4H+ruSDh/VGS6nqZIDynP+vg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/project-service@8.39.0':
-    resolution: {integrity: sha512-CTzJqaSq30V/Z2Og9jogzZt8lJRR5TKlAdXmWgdu4hgcC9Kww5flQ+xFvMxIBWVNdxJO7OifgdOK4PokMIWPew==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/scope-manager@8.39.0':
-    resolution: {integrity: sha512-8QOzff9UKxOh6npZQ/4FQu4mjdOCGSdO3p44ww0hk8Vu+IGbg0tB/H1LcTARRDzGCC8pDGbh2rissBuuoPgH8A==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@typescript-eslint/tsconfig-utils@8.39.0':
-    resolution: {integrity: sha512-Fd3/QjmFV2sKmvv3Mrj8r6N8CryYiCS8Wdb/6/rgOXAWGcFuc+VkQuG28uk/4kVNVZBQuuDHEDUpo/pQ32zsIQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/type-utils@8.39.0':
-    resolution: {integrity: sha512-6B3z0c1DXVT2vYA9+z9axjtc09rqKUPRmijD5m9iv8iQpHBRYRMBcgxSiKTZKm6FwWw1/cI4v6em35OsKCiN5Q==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/types@8.39.0':
-    resolution: {integrity: sha512-ArDdaOllnCj3yn/lzKn9s0pBQYmmyme/v1HbGIGB0GB/knFI3fWMHloC+oYTJW46tVbYnGKTMDK4ah1sC2v0Kg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@typescript-eslint/typescript-estree@8.39.0':
-    resolution: {integrity: sha512-ndWdiflRMvfIgQRpckQQLiB5qAKQ7w++V4LlCHwp62eym1HLB/kw7D9f2e8ytONls/jt89TEasgvb+VwnRprsw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/utils@8.39.0':
-    resolution: {integrity: sha512-4GVSvNA0Vx1Ktwvf4sFE+exxJ3QGUorQG1/A5mRfRNZtkBT2xrA/BCO2H0eALx/PnvCS6/vmYwRdDA41EoffkQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/visitor-keys@8.39.0':
-    resolution: {integrity: sha512-ldgiJ+VAhQCfIjeOgu8Kj5nSxds0ktPOSO9p4+0VDH2R2pLvQraaM5Oen2d7NxzMCm+Sn/vJT+mv2H5u6b/3fA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
-    resolution: {integrity: sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==}
-    cpu: [arm]
-    os: [android]
-
-  '@unrs/resolver-binding-android-arm64@1.11.1':
-    resolution: {integrity: sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==}
-    cpu: [arm64]
-    os: [android]
-
-  '@unrs/resolver-binding-darwin-arm64@1.11.1':
-    resolution: {integrity: sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@unrs/resolver-binding-darwin-x64@1.11.1':
-    resolution: {integrity: sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==}
-    cpu: [x64]
-    os: [darwin]
-
-  '@unrs/resolver-binding-freebsd-x64@1.11.1':
-    resolution: {integrity: sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
-    resolution: {integrity: sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==}
-    cpu: [arm]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
-    resolution: {integrity: sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==}
-    cpu: [arm]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
-    resolution: {integrity: sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
-    resolution: {integrity: sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
-    resolution: {integrity: sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
-    resolution: {integrity: sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
-    resolution: {integrity: sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
-    resolution: {integrity: sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==}
-    cpu: [s390x]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
-    resolution: {integrity: sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==}
-    cpu: [x64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
-    resolution: {integrity: sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==}
-    cpu: [x64]
-    os: [linux]
-
-  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
-    resolution: {integrity: sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [wasm32]
-
-  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
-    resolution: {integrity: sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==}
-    cpu: [arm64]
-    os: [win32]
-
-  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
-    resolution: {integrity: sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==}
-    cpu: [ia32]
-    os: [win32]
-
-  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
-    resolution: {integrity: sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==}
-    cpu: [x64]
-    os: [win32]
-
-  abort-controller@3.0.0:
-    resolution: {integrity: sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==}
-    engines: {node: '>=6.5'}
-
-  accepts@2.0.0:
-    resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==}
-    engines: {node: '>= 0.6'}
-
-  acorn-jsx@5.3.2:
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
-
-  acorn@8.15.0:
-    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-
-  agentkeepalive@4.6.0:
-    resolution: {integrity: sha512-kja8j7PjmncONqaTsB8fQ+wE2mSU2DJ9D4XKoJ5PFWIdRMa6SLSN1ff4mOr4jCbfRSsxR4keIiySJU0N9T5hIQ==}
-    engines: {node: '>= 8.0.0'}
-
-  ai@5.0.8:
-    resolution: {integrity: sha512-qbnhj046UvG30V1S5WhjBn+RBGEAmi8PSZWqMhRsE3EPxvO5BcePXTZFA23e9MYyWS9zr4Vm8Mv3wQXwLmtIBw==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      zod: ^3.25.76 || ^4
-
-  ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
-
-  ansi-styles@4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
-    engines: {node: '>=8'}
-
-  argparse@2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
-
-  aria-query@5.3.2:
-    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
-    engines: {node: '>= 0.4'}
-
-  array-buffer-byte-length@1.0.2:
-    resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
-    engines: {node: '>= 0.4'}
-
-  array-includes@3.1.9:
-    resolution: {integrity: sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==}
-    engines: {node: '>= 0.4'}
-
-  array.prototype.findlast@1.2.5:
-    resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
-    engines: {node: '>= 0.4'}
-
-  array.prototype.findlastindex@1.2.6:
-    resolution: {integrity: sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==}
-    engines: {node: '>= 0.4'}
-
-  array.prototype.flat@1.3.3:
-    resolution: {integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==}
-    engines: {node: '>= 0.4'}
-
-  array.prototype.flatmap@1.3.3:
-    resolution: {integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==}
-    engines: {node: '>= 0.4'}
-
-  array.prototype.tosorted@1.1.4:
-    resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
-    engines: {node: '>= 0.4'}
-
-  arraybuffer.prototype.slice@1.0.4:
-    resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
-    engines: {node: '>= 0.4'}
-
-  ast-types-flow@0.0.8:
-    resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
-
-  async-function@1.0.0:
-    resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
-    engines: {node: '>= 0.4'}
-
-  asynckit@0.4.0:
-    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
-
-  autoprefixer@10.4.21:
-    resolution: {integrity: sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.1.0
-
-  available-typed-arrays@1.0.7:
-    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
-    engines: {node: '>= 0.4'}
-
-  axe-core@4.10.3:
-    resolution: {integrity: sha512-Xm7bpRXnDSX2YE2YFfBk2FnF0ep6tmG7xPh8iHee8MIcrgq762Nkce856dYtJYLkuIoYZvGfTs/PbZhideTcEg==}
-    engines: {node: '>=4'}
-
-  axobject-query@4.1.0:
-    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
-    engines: {node: '>= 0.4'}
-
-  balanced-match@1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-
-  body-parser@2.2.0:
-    resolution: {integrity: sha512-02qvAaxv8tp7fBa/mw1ga98OGm+eCbqzJOKoRt70sLmfEEi+jyBYVTDGfCL/k06/4EMk/z01gCe7HoCH/f2LTg==}
-    engines: {node: '>=18'}
-
-  brace-expansion@1.1.12:
-    resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
-
-  brace-expansion@2.0.2:
-    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
-
-  braces@3.0.3:
-    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
-    engines: {node: '>=8'}
-
-  browserslist@4.25.1:
-    resolution: {integrity: sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
-  bytes@3.1.2:
-    resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
-    engines: {node: '>= 0.8'}
-
-  call-bind-apply-helpers@1.0.2:
-    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
-    engines: {node: '>= 0.4'}
-
-  call-bind@1.0.8:
-    resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
-    engines: {node: '>= 0.4'}
-
-  call-bound@1.0.4:
-    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
-    engines: {node: '>= 0.4'}
-
-  callsites@3.1.0:
-    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
-    engines: {node: '>=6'}
-
-  caniuse-lite@1.0.30001731:
-    resolution: {integrity: sha512-lDdp2/wrOmTRWuoB5DpfNkC0rJDU8DqRa6nYL6HK6sytw70QMopt/NIc/9SM7ylItlBWfACXk0tEn37UWM/+mg==}
-
-  chalk@4.1.2:
-    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
-    engines: {node: '>=10'}
-
-  character-entities-legacy@1.1.4:
-    resolution: {integrity: sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==}
-
-  character-entities@1.2.4:
-    resolution: {integrity: sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==}
-
-  character-reference-invalid@1.1.4:
-    resolution: {integrity: sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==}
-
-  chownr@3.0.0:
-    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
-    engines: {node: '>=18'}
-
-  class-variance-authority@0.7.1:
-    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
-
-  client-only@0.0.1:
-    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
-
-  clsx@2.1.1:
-    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
-    engines: {node: '>=6'}
-
-  color-convert@2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
-    engines: {node: '>=7.0.0'}
-
-  color-name@1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
-
-  color-string@1.9.1:
-    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
-
-  color@4.2.3:
-    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
-    engines: {node: '>=12.5.0'}
-
-  combined-stream@1.0.8:
-    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
-    engines: {node: '>= 0.8'}
-
-  comma-separated-tokens@1.0.8:
-    resolution: {integrity: sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw==}
-
-  compare-versions@6.1.1:
-    resolution: {integrity: sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==}
-
-  concat-map@0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-
-  content-disposition@1.0.0:
-    resolution: {integrity: sha512-Au9nRL8VNUut/XSzbQA38+M78dzP4D+eqg3gfJHMIHHYa3bg067xj1KxMUWj+VULbiZMowKngFFbKczUrNJ1mg==}
-    engines: {node: '>= 0.6'}
-
-  content-type@1.0.5:
-    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
-    engines: {node: '>= 0.6'}
-
-  cookie-signature@1.2.2:
-    resolution: {integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==}
-    engines: {node: '>=6.6.0'}
-
-  cookie@0.7.2:
-    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
-    engines: {node: '>= 0.6'}
-
-  cors@2.8.5:
-    resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
-    engines: {node: '>= 0.10'}
-
-  cross-spawn@7.0.6:
-    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
-    engines: {node: '>= 8'}
-
-  csstype@3.1.3:
-    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
-
-  damerau-levenshtein@1.0.8:
-    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
-
-  data-view-buffer@1.0.2:
-    resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
-    engines: {node: '>= 0.4'}
-
-  data-view-byte-length@1.0.2:
-    resolution: {integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==}
-    engines: {node: '>= 0.4'}
-
-  data-view-byte-offset@1.0.1:
-    resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
-    engines: {node: '>= 0.4'}
-
-  debug@3.2.7:
-    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
-  debug@4.4.1:
-    resolution: {integrity: sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
-  deep-is@0.1.4:
-    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
-
-  define-data-property@1.1.4:
-    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
-    engines: {node: '>= 0.4'}
-
-  define-properties@1.2.1:
-    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
-    engines: {node: '>= 0.4'}
-
-  delayed-stream@1.0.0:
-    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
-    engines: {node: '>=0.4.0'}
-
-  depd@2.0.0:
-    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
-    engines: {node: '>= 0.8'}
-
-  detect-libc@2.0.4:
-    resolution: {integrity: sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==}
-    engines: {node: '>=8'}
-
-  doctrine@2.1.0:
-    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
-    engines: {node: '>=0.10.0'}
-
-  dotenv@17.2.1:
-    resolution: {integrity: sha512-kQhDYKZecqnM0fCnzI5eIv5L4cAe/iRI+HqMbO/hbRdTAeXDG+M9FjipUxNfbARuEg4iHIbhnhs78BCHNbSxEQ==}
-    engines: {node: '>=12'}
-
-  dunder-proto@1.0.1:
-    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
-    engines: {node: '>= 0.4'}
-
-  e2b@1.13.2:
-    resolution: {integrity: sha512-m8acE/MzMAJo1A57DakR2X1Sl5Mt1tcQO2aJfygNaQHLXby/4xsjF0UeJUB70jF7xntiR41pAMbZEHnkzrT9tw==}
-    engines: {node: '>=18'}
-
-  ee-first@1.1.1:
-    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
-
-  electron-to-chromium@1.5.199:
-    resolution: {integrity: sha512-3gl0S7zQd88kCAZRO/DnxtBKuhMO4h0EaQIN3YgZfV6+pW+5+bf2AdQeHNESCoaQqo/gjGVYEf2YM4O5HJQqpQ==}
-
-  emoji-regex@9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-
-  encodeurl@2.0.0:
-    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
-    engines: {node: '>= 0.8'}
-
-  enhanced-resolve@5.18.3:
-    resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
-    engines: {node: '>=10.13.0'}
-
-  es-abstract@1.24.0:
-    resolution: {integrity: sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==}
-    engines: {node: '>= 0.4'}
-
-  es-define-property@1.0.1:
-    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
-    engines: {node: '>= 0.4'}
-
-  es-errors@1.3.0:
-    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
-    engines: {node: '>= 0.4'}
-
-  es-iterator-helpers@1.2.1:
-    resolution: {integrity: sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==}
-    engines: {node: '>= 0.4'}
-
-  es-object-atoms@1.1.1:
-    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
-    engines: {node: '>= 0.4'}
-
-  es-set-tostringtag@2.1.0:
-    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
-    engines: {node: '>= 0.4'}
-
-  es-shim-unscopables@1.1.0:
-    resolution: {integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==}
-    engines: {node: '>= 0.4'}
-
-  es-to-primitive@1.3.0:
-    resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
-    engines: {node: '>= 0.4'}
-
-  escalade@3.2.0:
-    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
-    engines: {node: '>=6'}
-
-  escape-html@1.0.3:
-    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
-
-  escape-string-regexp@4.0.0:
-    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
-    engines: {node: '>=10'}
-
-  eslint-config-next@15.4.3:
-    resolution: {integrity: sha512-blytVMTpdqqlLBvYOvwT51m5eqRHNofKR/pfBSeeHiQMSY33kCph31hAK3DiAsL/RamVJRQzHwTRbbNr+7c/sw==}
-    peerDependencies:
-      eslint: ^7.23.0 || ^8.0.0 || ^9.0.0
-      typescript: '>=3.3.1'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  eslint-import-resolver-node@0.3.9:
-    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
-
-  eslint-import-resolver-typescript@3.10.1:
-    resolution: {integrity: sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      eslint-plugin-import: '*'
-      eslint-plugin-import-x: '*'
-    peerDependenciesMeta:
-      eslint-plugin-import:
-        optional: true
-      eslint-plugin-import-x:
-        optional: true
-
-  eslint-module-utils@2.12.1:
-    resolution: {integrity: sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: '*'
-      eslint-import-resolver-node: '*'
-      eslint-import-resolver-typescript: '*'
-      eslint-import-resolver-webpack: '*'
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-      eslint:
-        optional: true
-      eslint-import-resolver-node:
-        optional: true
-      eslint-import-resolver-typescript:
-        optional: true
-      eslint-import-resolver-webpack:
-        optional: true
-
-  eslint-plugin-import@2.32.0:
-    resolution: {integrity: sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-
-  eslint-plugin-jsx-a11y@6.10.2:
-    resolution: {integrity: sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
-
-  eslint-plugin-react-hooks@5.2.0:
-    resolution: {integrity: sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
-
-  eslint-plugin-react@7.37.5:
-    resolution: {integrity: sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
-
-  eslint-scope@8.4.0:
-    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  eslint-visitor-keys@3.4.3:
-    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  eslint-visitor-keys@4.2.1:
-    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  eslint@9.32.0:
-    resolution: {integrity: sha512-LSehfdpgMeWcTZkWZVIJl+tkZ2nuSkyyB9C27MZqFWXuph7DvaowgcTvKqxvpLW1JZIk8PN7hFY3Rj9LQ7m7lg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    hasBin: true
-    peerDependencies:
-      jiti: '*'
-    peerDependenciesMeta:
-      jiti:
-        optional: true
-
-  espree@10.4.0:
-    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  esquery@1.6.0:
-    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
-    engines: {node: '>=0.10'}
-
-  esrecurse@4.3.0:
-    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
-    engines: {node: '>=4.0'}
-
-  estraverse@5.3.0:
-    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
-    engines: {node: '>=4.0'}
-
-  esutils@2.0.3:
-    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
-    engines: {node: '>=0.10.0'}
-
-  etag@1.8.1:
-    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
-    engines: {node: '>= 0.6'}
-
-  event-target-shim@5.0.1:
-    resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
-    engines: {node: '>=6'}
-
-  eventsource-parser@3.0.3:
-    resolution: {integrity: sha512-nVpZkTMM9rF6AQ9gPJpFsNAMt48wIzB5TQgiTLdHiuO8XEDhUgZEhqKlZWXbIzo9VmJ/HvysHqEaVeD5v9TPvA==}
-    engines: {node: '>=20.0.0'}
-
-  express@5.1.0:
-    resolution: {integrity: sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==}
-    engines: {node: '>= 18'}
-
-  fast-deep-equal@3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-
-  fast-glob@3.3.1:
-    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
-    engines: {node: '>=8.6.0'}
-
-  fast-glob@3.3.3:
-    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
-    engines: {node: '>=8.6.0'}
-
-  fast-json-stable-stringify@2.1.0:
-    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
-
-  fast-levenshtein@2.0.6:
-    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
-
-  fastq@1.19.1:
-    resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
-
-  fault@1.0.4:
-    resolution: {integrity: sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==}
-
-  fdir@6.4.6:
-    resolution: {integrity: sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==}
-    peerDependencies:
-      picomatch: ^3 || ^4
-    peerDependenciesMeta:
-      picomatch:
-        optional: true
-
-  file-entry-cache@8.0.0:
-    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
-    engines: {node: '>=16.0.0'}
-
-  fill-range@7.1.1:
-    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
-    engines: {node: '>=8'}
-
-  finalhandler@2.1.0:
-    resolution: {integrity: sha512-/t88Ty3d5JWQbWYgaOGCCYfXRwV1+be02WqYYlL6h0lEiUAMPM8o8qKGO01YIkOHzka2up08wvgYD0mDiI+q3Q==}
-    engines: {node: '>= 0.8'}
-
-  find-up@5.0.0:
-    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
-    engines: {node: '>=10'}
-
-  flat-cache@4.0.1:
-    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
-    engines: {node: '>=16'}
-
-  flatted@3.3.3:
-    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
-
-  for-each@0.3.5:
-    resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
-    engines: {node: '>= 0.4'}
-
-  form-data-encoder@1.7.2:
-    resolution: {integrity: sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A==}
-
-  form-data@4.0.4:
-    resolution: {integrity: sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==}
-    engines: {node: '>= 6'}
-
-  format@0.2.2:
-    resolution: {integrity: sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==}
-    engines: {node: '>=0.4.x'}
-
-  formdata-node@4.4.1:
-    resolution: {integrity: sha512-0iirZp3uVDjVGt9p49aTaqjk84TrglENEDuqfdlZQ1roC9CWlPk6Avf8EEnZNcAqPonwkG35x4n3ww/1THYAeQ==}
-    engines: {node: '>= 12.20'}
-
-  forwarded@0.2.0:
-    resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
-    engines: {node: '>= 0.6'}
-
-  fraction.js@4.3.7:
-    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
-
-  framer-motion@12.23.12:
-    resolution: {integrity: sha512-6e78rdVtnBvlEVgu6eFEAgG9v3wLnYEboM8I5O5EXvfKC8gxGQB8wXJdhkMy10iVcn05jl6CNw7/HTsTCfwcWg==}
-    peerDependencies:
-      '@emotion/is-prop-valid': '*'
-      react: ^18.0.0 || ^19.0.0
-      react-dom: ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@emotion/is-prop-valid':
-        optional: true
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
-  fresh@2.0.0:
-    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
-    engines: {node: '>= 0.8'}
-
-  function-bind@1.1.2:
-    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
-
-  function.prototype.name@1.1.8:
-    resolution: {integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==}
-    engines: {node: '>= 0.4'}
-
-  functions-have-names@1.2.3:
-    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
-
-  get-intrinsic@1.3.0:
-    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
-    engines: {node: '>= 0.4'}
-
-  get-proto@1.0.1:
-    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
-    engines: {node: '>= 0.4'}
-
-  get-symbol-description@1.1.0:
-    resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
-    engines: {node: '>= 0.4'}
-
-  get-tsconfig@4.10.1:
-    resolution: {integrity: sha512-auHyJ4AgMz7vgS8Hp3N6HXSmlMdUyhSUrfBF16w153rxtLIEOE+HGqaBppczZvnHLqQJfiHotCYpNhl0lUROFQ==}
-
-  glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
-
-  glob-parent@6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
-
-  globals@14.0.0:
-    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
-    engines: {node: '>=18'}
-
-  globalthis@1.0.4:
-    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
-    engines: {node: '>= 0.4'}
-
-  gopd@1.2.0:
-    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
-    engines: {node: '>= 0.4'}
-
-  graceful-fs@4.2.11:
-    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
-
-  graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-
-  groq-sdk@0.29.0:
-    resolution: {integrity: sha512-oDbTqE5yg7mEzSRG0WnvezA/loaM6rY+hHl1Es8MbeOs/zgZFw+DZu3zTXJ0ik4fdNQ3/N6MluOjmytUMkZHtQ==}
-
-  has-bigints@1.1.0:
-    resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
-    engines: {node: '>= 0.4'}
-
-  has-flag@4.0.0:
-    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
-    engines: {node: '>=8'}
-
-  has-property-descriptors@1.0.2:
-    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
-
-  has-proto@1.2.0:
-    resolution: {integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==}
-    engines: {node: '>= 0.4'}
-
-  has-symbols@1.1.0:
-    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
-    engines: {node: '>= 0.4'}
-
-  has-tostringtag@1.0.2:
-    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
-    engines: {node: '>= 0.4'}
-
-  hasown@2.0.2:
-    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
-    engines: {node: '>= 0.4'}
-
-  hast-util-parse-selector@2.2.5:
-    resolution: {integrity: sha512-7j6mrk/qqkSehsM92wQjdIgWM2/BW61u/53G6xmC8i1OmEdKLHbk419QKQUjz6LglWsfqoiHmyMRkP1BGjecNQ==}
-
-  hastscript@6.0.0:
-    resolution: {integrity: sha512-nDM6bvd7lIqDUiYEiu5Sl/+6ReP0BMk/2f4U/Rooccxkj0P5nm+acM5PrGJ/t5I8qPGiqZSE6hVAwZEdZIvP4w==}
-
-  highlight.js@10.7.3:
-    resolution: {integrity: sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==}
-
-  highlightjs-vue@1.0.0:
-    resolution: {integrity: sha512-PDEfEF102G23vHmPhLyPboFCD+BkMGu+GuJe2d9/eH4FsCwvgBpnc9n0pGE+ffKdph38s6foEZiEjdgHdzp+IA==}
-
-  http-errors@2.0.0:
-    resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==}
-    engines: {node: '>= 0.8'}
-
-  humanize-ms@1.2.1:
-    resolution: {integrity: sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==}
-
-  iconv-lite@0.6.3:
-    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
-    engines: {node: '>=0.10.0'}
-
-  ignore@5.3.2:
-    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
-    engines: {node: '>= 4'}
-
-  ignore@7.0.5:
-    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
-    engines: {node: '>= 4'}
-
-  import-fresh@3.3.1:
-    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
-    engines: {node: '>=6'}
-
-  imurmurhash@0.1.4:
-    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
-    engines: {node: '>=0.8.19'}
-
-  inherits@2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
-
-  internal-slot@1.1.0:
-    resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
-    engines: {node: '>= 0.4'}
-
-  ipaddr.js@1.9.1:
-    resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
-    engines: {node: '>= 0.10'}
-
-  is-alphabetical@1.0.4:
-    resolution: {integrity: sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==}
-
-  is-alphanumerical@1.0.4:
-    resolution: {integrity: sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==}
-
-  is-array-buffer@3.0.5:
-    resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
-    engines: {node: '>= 0.4'}
-
-  is-arrayish@0.3.2:
-    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
-
-  is-async-function@2.1.1:
-    resolution: {integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==}
-    engines: {node: '>= 0.4'}
-
-  is-bigint@1.1.0:
-    resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
-    engines: {node: '>= 0.4'}
-
-  is-boolean-object@1.2.2:
-    resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
-    engines: {node: '>= 0.4'}
-
-  is-bun-module@2.0.0:
-    resolution: {integrity: sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==}
-
-  is-callable@1.2.7:
-    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
-    engines: {node: '>= 0.4'}
-
-  is-core-module@2.16.1:
-    resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
-    engines: {node: '>= 0.4'}
-
-  is-data-view@1.0.2:
-    resolution: {integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==}
-    engines: {node: '>= 0.4'}
-
-  is-date-object@1.1.0:
-    resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
-    engines: {node: '>= 0.4'}
-
-  is-decimal@1.0.4:
-    resolution: {integrity: sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==}
-
-  is-extglob@2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
-
-  is-finalizationregistry@1.1.1:
-    resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
-    engines: {node: '>= 0.4'}
-
-  is-generator-function@1.1.0:
-    resolution: {integrity: sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==}
-    engines: {node: '>= 0.4'}
-
-  is-glob@4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
-    engines: {node: '>=0.10.0'}
-
-  is-hexadecimal@1.0.4:
-    resolution: {integrity: sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==}
-
-  is-map@2.0.3:
-    resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
-    engines: {node: '>= 0.4'}
-
-  is-negative-zero@2.0.3:
-    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
-    engines: {node: '>= 0.4'}
-
-  is-number-object@1.1.1:
-    resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
-    engines: {node: '>= 0.4'}
-
-  is-number@7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
-
-  is-promise@4.0.0:
-    resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
-
-  is-regex@1.2.1:
-    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
-    engines: {node: '>= 0.4'}
-
-  is-set@2.0.3:
-    resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
-    engines: {node: '>= 0.4'}
-
-  is-shared-array-buffer@1.0.4:
-    resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
-    engines: {node: '>= 0.4'}
-
-  is-string@1.1.1:
-    resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
-    engines: {node: '>= 0.4'}
-
-  is-symbol@1.1.1:
-    resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
-    engines: {node: '>= 0.4'}
-
-  is-typed-array@1.1.15:
-    resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
-    engines: {node: '>= 0.4'}
-
-  is-weakmap@2.0.2:
-    resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
-    engines: {node: '>= 0.4'}
-
-  is-weakref@1.1.1:
-    resolution: {integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==}
-    engines: {node: '>= 0.4'}
-
-  is-weakset@2.0.4:
-    resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
-    engines: {node: '>= 0.4'}
-
-  isarray@2.0.5:
-    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
-
-  isexe@2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-
-  iterator.prototype@1.1.5:
-    resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
-    engines: {node: '>= 0.4'}
-
-  jiti@2.5.1:
-    resolution: {integrity: sha512-twQoecYPiVA5K/h6SxtORw/Bs3ar+mLUtoPSc7iMXzQzK8d7eJ/R09wmTwAjiamETn1cXYPGfNnu7DMoHgu12w==}
-    hasBin: true
-
-  js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
-
-  js-yaml@4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
-    hasBin: true
-
-  json-buffer@3.0.1:
-    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
-
-  json-schema-traverse@0.4.1:
-    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
-
-  json-schema@0.4.0:
-    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
-
-  json-stable-stringify-without-jsonify@1.0.1:
-    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
-
-  json5@1.0.2:
-    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
-    hasBin: true
-
-  jsx-ast-utils@3.3.5:
-    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
-    engines: {node: '>=4.0'}
-
-  keyv@4.5.4:
-    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
-
-  language-subtag-registry@0.3.23:
-    resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
-
-  language-tags@1.0.9:
-    resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
-    engines: {node: '>=0.10'}
-
-  levn@0.4.1:
-    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
-    engines: {node: '>= 0.8.0'}
-
-  lightningcss-darwin-arm64@1.30.1:
-    resolution: {integrity: sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [darwin]
-
-  lightningcss-darwin-x64@1.30.1:
-    resolution: {integrity: sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [darwin]
-
-  lightningcss-freebsd-x64@1.30.1:
-    resolution: {integrity: sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [freebsd]
-
-  lightningcss-linux-arm-gnueabihf@1.30.1:
-    resolution: {integrity: sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm]
-    os: [linux]
-
-  lightningcss-linux-arm64-gnu@1.30.1:
-    resolution: {integrity: sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [linux]
-
-  lightningcss-linux-arm64-musl@1.30.1:
-    resolution: {integrity: sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [linux]
-
-  lightningcss-linux-x64-gnu@1.30.1:
-    resolution: {integrity: sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [linux]
-
-  lightningcss-linux-x64-musl@1.30.1:
-    resolution: {integrity: sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [linux]
-
-  lightningcss-win32-arm64-msvc@1.30.1:
-    resolution: {integrity: sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [win32]
-
-  lightningcss-win32-x64-msvc@1.30.1:
-    resolution: {integrity: sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [win32]
-
-  lightningcss@1.30.1:
-    resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==}
-    engines: {node: '>= 12.0.0'}
-
-  locate-path@6.0.0:
-    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
-    engines: {node: '>=10'}
-
-  lodash.merge@4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
-
-  loose-envify@1.4.0:
-    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
-    hasBin: true
-
-  lowlight@1.20.0:
-    resolution: {integrity: sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw==}
-
-  lucide-react@0.532.0:
-    resolution: {integrity: sha512-HwmXOIZwuZ21wryFq0ZrwkjAMxI77+jLxLdNzWCiUa/Kf5ozkTFCWT6C1/yapP68uKgj8wlxxqnNCH1xo9NEpg==}
-    peerDependencies:
-      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
-
-  magic-string@0.30.17:
-    resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
-
-  math-intrinsics@1.1.0:
-    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
-    engines: {node: '>= 0.4'}
-
-  media-typer@1.1.0:
-    resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
-    engines: {node: '>= 0.8'}
-
-  merge-descriptors@2.0.0:
-    resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
-    engines: {node: '>=18'}
-
-  merge2@1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
-    engines: {node: '>= 8'}
-
-  micromatch@4.0.8:
-    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
-    engines: {node: '>=8.6'}
-
-  mime-db@1.52.0:
-    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
-    engines: {node: '>= 0.6'}
-
-  mime-db@1.54.0:
-    resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
-    engines: {node: '>= 0.6'}
-
-  mime-types@2.1.35:
-    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
-    engines: {node: '>= 0.6'}
-
-  mime-types@3.0.1:
-    resolution: {integrity: sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==}
-    engines: {node: '>= 0.6'}
-
-  minimatch@3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
-
-  minimatch@9.0.5:
-    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
-  minimist@1.2.8:
-    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
-
-  minipass@7.1.2:
-    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
-  minizlib@3.0.2:
-    resolution: {integrity: sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==}
-    engines: {node: '>= 18'}
-
-  mkdirp@3.0.1:
-    resolution: {integrity: sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==}
-    engines: {node: '>=10'}
-    hasBin: true
-
-  motion-dom@12.23.12:
-    resolution: {integrity: sha512-RcR4fvMCTESQBD/uKQe49D5RUeDOokkGRmz4ceaJKDBgHYtZtntC/s2vLvY38gqGaytinij/yi3hMcWVcEF5Kw==}
-
-  motion-utils@12.23.6:
-    resolution: {integrity: sha512-eAWoPgr4eFEOFfg2WjIsMoqJTW6Z8MTUCgn/GZ3VRpClWBdnbjryiA3ZSNLyxCTmCQx4RmYX6jX1iWHbenUPNQ==}
-
-  ms@2.1.3:
-    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
-
-  nanoid@3.3.11:
-    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-
-  napi-postinstall@0.3.2:
-    resolution: {integrity: sha512-tWVJxJHmBWLy69PvO96TZMZDrzmw5KeiZBz3RHmiM2XZ9grBJ2WgMAFVVg25nqp3ZjTFUs2Ftw1JhscL3Teliw==}
-    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
-    hasBin: true
-
-  natural-compare@1.4.0:
-    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
-
-  negotiator@1.0.0:
-    resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
-    engines: {node: '>= 0.6'}
-
-  next-themes@0.4.6:
-    resolution: {integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==}
-    peerDependencies:
-      react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
-
-  next@15.4.3:
-    resolution: {integrity: sha512-uW7Qe6poVasNIE1X382nI29oxSdFJzjQzTgJFLD43MxyPfGKKxCMySllhBpvqr48f58Om+tLMivzRwBpXEytvA==}
-    engines: {node: ^18.18.0 || ^19.8.0 || >= 20.0.0}
-    hasBin: true
-    peerDependencies:
-      '@opentelemetry/api': ^1.1.0
-      '@playwright/test': ^1.51.1
-      babel-plugin-react-compiler: '*'
-      react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
-      react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
-      sass: ^1.3.0
-    peerDependenciesMeta:
-      '@opentelemetry/api':
-        optional: true
-      '@playwright/test':
-        optional: true
-      babel-plugin-react-compiler:
-        optional: true
-      sass:
-        optional: true
-
-  node-domexception@1.0.0:
-    resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
-    engines: {node: '>=10.5.0'}
-    deprecated: Use your platform's native DOMException instead
-
-  node-fetch@2.7.0:
-    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
-    engines: {node: 4.x || >=6.0.0}
-    peerDependencies:
-      encoding: ^0.1.0
-    peerDependenciesMeta:
-      encoding:
-        optional: true
-
-  node-releases@2.0.19:
-    resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
-
-  normalize-range@0.1.2:
-    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
-    engines: {node: '>=0.10.0'}
-
-  object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-
-  object-inspect@1.13.4:
-    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
-    engines: {node: '>= 0.4'}
-
-  object-keys@1.1.1:
-    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
-    engines: {node: '>= 0.4'}
-
-  object.assign@4.1.7:
-    resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
-    engines: {node: '>= 0.4'}
-
-  object.entries@1.1.9:
-    resolution: {integrity: sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==}
-    engines: {node: '>= 0.4'}
-
-  object.fromentries@2.0.8:
-    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
-    engines: {node: '>= 0.4'}
-
-  object.groupby@1.0.3:
-    resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
-    engines: {node: '>= 0.4'}
-
-  object.values@1.2.1:
-    resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
-    engines: {node: '>= 0.4'}
-
-  on-finished@2.4.1:
-    resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
-    engines: {node: '>= 0.8'}
-
-  once@1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
-
-  openapi-fetch@0.9.8:
-    resolution: {integrity: sha512-zM6elH0EZStD/gSiNlcPrzXcVQ/pZo3BDvC6CDwRDUt1dDzxlshpmQnpD6cZaJ39THaSmwVCxxRrPKNM1hHrDg==}
-
-  openapi-typescript-helpers@0.0.8:
-    resolution: {integrity: sha512-1eNjQtbfNi5Z/kFhagDIaIRj6qqDzhjNJKz8cmMW0CVdGwT6e1GLbAfgI0d28VTJa1A8jz82jm/4dG8qNoNS8g==}
-
-  optionator@0.9.4:
-    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
-    engines: {node: '>= 0.8.0'}
-
-  own-keys@1.0.1:
-    resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
-    engines: {node: '>= 0.4'}
-
-  p-limit@3.1.0:
-    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
-    engines: {node: '>=10'}
-
-  p-locate@5.0.0:
-    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
-    engines: {node: '>=10'}
-
-  parent-module@1.0.1:
-    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
-    engines: {node: '>=6'}
-
-  parse-entities@2.0.0:
-    resolution: {integrity: sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==}
-
-  parseurl@1.3.3:
-    resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
-    engines: {node: '>= 0.8'}
-
-  path-exists@4.0.0:
-    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
-    engines: {node: '>=8'}
-
-  path-key@3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
-    engines: {node: '>=8'}
-
-  path-parse@1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-
-  path-to-regexp@8.2.0:
-    resolution: {integrity: sha512-TdrF7fW9Rphjq4RjrW0Kp2AW0Ahwu9sRGTkS6bvDi0SCwZlEZYmcfDbEsTz8RVk0EHIS/Vd1bv3JhG+1xZuAyQ==}
-    engines: {node: '>=16'}
-
-  picocolors@1.1.1:
-    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
-
-  picomatch@2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
-    engines: {node: '>=8.6'}
-
-  picomatch@4.0.3:
-    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
-    engines: {node: '>=12'}
-
-  platform@1.3.6:
-    resolution: {integrity: sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg==}
-
-  possible-typed-array-names@1.1.0:
-    resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
-    engines: {node: '>= 0.4'}
-
-  postcss-value-parser@4.2.0:
-    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
-
-  postcss@8.4.31:
-    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
-    engines: {node: ^10 || ^12 || >=14}
-
-  postcss@8.5.6:
-    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
-    engines: {node: ^10 || ^12 || >=14}
-
-  prelude-ls@1.2.1:
-    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
-    engines: {node: '>= 0.8.0'}
-
-  prismjs@1.27.0:
-    resolution: {integrity: sha512-t13BGPUlFDR7wRB5kQDG4jjl7XeuH6jbJGt11JHPL96qwsEHNX2+68tFXqc1/k+/jALsbSWJKUOT/hcYAZ5LkA==}
-    engines: {node: '>=6'}
-
-  prismjs@1.30.0:
-    resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
-    engines: {node: '>=6'}
-
-  prop-types@15.8.1:
-    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
-
-  property-information@5.6.0:
-    resolution: {integrity: sha512-YUHSPk+A30YPv+0Qf8i9Mbfe/C0hdPXk1s1jPVToV8pk8BQtpw10ct89Eo7OWkutrwqvT0eicAxlOg3dOAu8JA==}
-
-  proxy-addr@2.0.7:
-    resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
-    engines: {node: '>= 0.10'}
-
-  punycode@2.3.1:
-    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
-    engines: {node: '>=6'}
-
-  qs@6.14.0:
-    resolution: {integrity: sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==}
-    engines: {node: '>=0.6'}
-
-  queue-microtask@1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
-
-  range-parser@1.2.1:
-    resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
-    engines: {node: '>= 0.6'}
-
-  raw-body@3.0.0:
-    resolution: {integrity: sha512-RmkhL8CAyCRPXCE28MMH0z2PNWQBNk2Q09ZdxM9IOOXwxwZbN+qbWaatPkdkWIKL2ZVDImrN/pK5HTRz2PcS4g==}
-    engines: {node: '>= 0.8'}
-
-  react-dom@19.1.0:
-    resolution: {integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==}
-    peerDependencies:
-      react: ^19.1.0
-
-  react-icons@5.5.0:
-    resolution: {integrity: sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==}
-    peerDependencies:
-      react: '*'
-
-  react-is@16.13.1:
-    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
-
-  react-syntax-highlighter@15.6.1:
-    resolution: {integrity: sha512-OqJ2/vL7lEeV5zTJyG7kmARppUjiB9h9udl4qHQjjgEos66z00Ia0OckwYfRxCSFrW8RJIBnsBwQsHZbVPspqg==}
-    peerDependencies:
-      react: '>= 0.14.0'
-
-  react@19.1.0:
-    resolution: {integrity: sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==}
-    engines: {node: '>=0.10.0'}
-
-  reflect.getprototypeof@1.0.10:
-    resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
-    engines: {node: '>= 0.4'}
-
-  refractor@3.6.0:
-    resolution: {integrity: sha512-MY9W41IOWxxk31o+YvFCNyNzdkc9M20NoZK5vq6jkv4I/uh2zkWcfudj0Q1fovjUQJrNewS9NMzeTtqPf+n5EA==}
-
-  regexp.prototype.flags@1.5.4:
-    resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
-    engines: {node: '>= 0.4'}
-
-  resolve-from@4.0.0:
-    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
-    engines: {node: '>=4'}
-
-  resolve-pkg-maps@1.0.0:
-    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
-
-  resolve@1.22.10:
-    resolution: {integrity: sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==}
-    engines: {node: '>= 0.4'}
-    hasBin: true
-
-  resolve@2.0.0-next.5:
-    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
-    hasBin: true
-
-  reusify@1.1.0:
-    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
-
-  router@2.2.0:
-    resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
-    engines: {node: '>= 18'}
-
-  run-parallel@1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
-
-  safe-array-concat@1.1.3:
-    resolution: {integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==}
-    engines: {node: '>=0.4'}
-
-  safe-buffer@5.2.1:
-    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
-
-  safe-push-apply@1.0.0:
-    resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
-    engines: {node: '>= 0.4'}
-
-  safe-regex-test@1.1.0:
-    resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
-    engines: {node: '>= 0.4'}
-
-  safer-buffer@2.1.2:
-    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
-
-  scheduler@0.26.0:
-    resolution: {integrity: sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==}
-
-  semver@6.3.1:
-    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
-    hasBin: true
-
-  semver@7.7.2:
-    resolution: {integrity: sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==}
-    engines: {node: '>=10'}
-    hasBin: true
-
-  send@1.2.0:
-    resolution: {integrity: sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==}
-    engines: {node: '>= 18'}
-
-  serve-static@2.2.0:
-    resolution: {integrity: sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==}
-    engines: {node: '>= 18'}
-
-  set-function-length@1.2.2:
-    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
-    engines: {node: '>= 0.4'}
-
-  set-function-name@2.0.2:
-    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
-    engines: {node: '>= 0.4'}
-
-  set-proto@1.0.0:
-    resolution: {integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==}
-    engines: {node: '>= 0.4'}
-
-  setprototypeof@1.2.0:
-    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
-
-  sharp@0.34.3:
-    resolution: {integrity: sha512-eX2IQ6nFohW4DbvHIOLRB3MHFpYqaqvXd3Tp5e/T/dSH83fxaNJQRvDMhASmkNTsNTVF2/OOopzRCt7xokgPfg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-
-  shebang-command@2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
-
-  shebang-regex@3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
-
-  side-channel-list@1.0.0:
-    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
-    engines: {node: '>= 0.4'}
-
-  side-channel-map@1.0.1:
-    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
-    engines: {node: '>= 0.4'}
-
-  side-channel-weakmap@1.0.2:
-    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
-    engines: {node: '>= 0.4'}
-
-  side-channel@1.1.0:
-    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
-    engines: {node: '>= 0.4'}
-
-  simple-swizzle@0.2.2:
-    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
-
-  source-map-js@1.2.1:
-    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
-    engines: {node: '>=0.10.0'}
-
-  space-separated-tokens@1.1.5:
-    resolution: {integrity: sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA==}
-
-  stable-hash@0.0.5:
-    resolution: {integrity: sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==}
-
-  statuses@2.0.1:
-    resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==}
-    engines: {node: '>= 0.8'}
-
-  statuses@2.0.2:
-    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
-    engines: {node: '>= 0.8'}
-
-  stop-iteration-iterator@1.1.0:
-    resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
-    engines: {node: '>= 0.4'}
-
-  string.prototype.includes@2.0.1:
-    resolution: {integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==}
-    engines: {node: '>= 0.4'}
-
-  string.prototype.matchall@4.0.12:
-    resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
-    engines: {node: '>= 0.4'}
-
-  string.prototype.repeat@1.0.0:
-    resolution: {integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==}
-
-  string.prototype.trim@1.2.10:
-    resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
-    engines: {node: '>= 0.4'}
-
-  string.prototype.trimend@1.0.9:
-    resolution: {integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==}
-    engines: {node: '>= 0.4'}
-
-  string.prototype.trimstart@1.0.8:
-    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
-    engines: {node: '>= 0.4'}
-
-  strip-bom@3.0.0:
-    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
-    engines: {node: '>=4'}
-
-  strip-json-comments@3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
-    engines: {node: '>=8'}
-
-  styled-jsx@5.1.6:
-    resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==}
-    engines: {node: '>= 12.0.0'}
-    peerDependencies:
-      '@babel/core': '*'
-      babel-plugin-macros: '*'
-      react: '>= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0'
-    peerDependenciesMeta:
-      '@babel/core':
-        optional: true
-      babel-plugin-macros:
-        optional: true
-
-  supports-color@7.2.0:
-    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
-    engines: {node: '>=8'}
-
-  supports-preserve-symlinks-flag@1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
-
-  tailwind-merge@3.3.1:
-    resolution: {integrity: sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==}
-
-  tailwindcss-animate@1.0.7:
-    resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==}
-    peerDependencies:
-      tailwindcss: '>=3.0.0 || insiders'
-
-  tailwindcss@4.1.11:
-    resolution: {integrity: sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA==}
-
-  tapable@2.2.2:
-    resolution: {integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==}
-    engines: {node: '>=6'}
-
-  tar@7.4.3:
-    resolution: {integrity: sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==}
-    engines: {node: '>=18'}
-
-  tinyglobby@0.2.14:
-    resolution: {integrity: sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==}
-    engines: {node: '>=12.0.0'}
-
-  to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
-
-  toidentifier@1.0.1:
-    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
-    engines: {node: '>=0.6'}
-
-  tr46@0.0.3:
-    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
-
-  ts-api-utils@2.1.0:
-    resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
-    engines: {node: '>=18.12'}
-    peerDependencies:
-      typescript: '>=4.8.4'
-
-  tsconfig-paths@3.15.0:
-    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
-
-  tslib@2.8.1:
-    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
-
-  type-check@0.4.0:
-    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
-    engines: {node: '>= 0.8.0'}
-
-  type-is@2.0.1:
-    resolution: {integrity: sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==}
-    engines: {node: '>= 0.6'}
-
-  typed-array-buffer@1.0.3:
-    resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-byte-length@1.0.3:
-    resolution: {integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-byte-offset@1.0.4:
-    resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-length@1.0.7:
-    resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
-    engines: {node: '>= 0.4'}
-
-  typescript@5.9.2:
-    resolution: {integrity: sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-
-  unbox-primitive@1.1.0:
-    resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
-    engines: {node: '>= 0.4'}
-
-  undici-types@5.26.5:
-    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
-
-  undici-types@6.21.0:
-    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
-
-  unpipe@1.0.0:
-    resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
-    engines: {node: '>= 0.8'}
-
-  unrs-resolver@1.11.1:
-    resolution: {integrity: sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==}
-
-  update-browserslist-db@1.1.3:
-    resolution: {integrity: sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-
-  uri-js@4.4.1:
-    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
-
-  vary@1.1.2:
-    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
-    engines: {node: '>= 0.8'}
-
-  web-streams-polyfill@4.0.0-beta.3:
-    resolution: {integrity: sha512-QW95TCTaHmsYfHDybGMwO5IJIM93I/6vTRk+daHTWFPhwh+C8Cg7j7XyKrwrj8Ib6vYXe0ocYNrmzY4xAAN6ug==}
-    engines: {node: '>= 14'}
-
-  webidl-conversions@3.0.1:
-    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
-
-  whatwg-url@5.0.0:
-    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
-
-  which-boxed-primitive@1.1.1:
-    resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
-    engines: {node: '>= 0.4'}
-
-  which-builtin-type@1.2.1:
-    resolution: {integrity: sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==}
-    engines: {node: '>= 0.4'}
-
-  which-collection@1.0.2:
-    resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
-    engines: {node: '>= 0.4'}
-
-  which-typed-array@1.1.19:
-    resolution: {integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==}
-    engines: {node: '>= 0.4'}
-
-  which@2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
-    hasBin: true
-
-  word-wrap@1.2.5:
-    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
-    engines: {node: '>=0.10.0'}
-
-  wrappy@1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
-
-  xtend@4.0.2:
-    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
-    engines: {node: '>=0.4'}
-
-  yallist@5.0.0:
-    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
-    engines: {node: '>=18'}
-
-  yocto-queue@0.1.0:
-    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
-    engines: {node: '>=10'}
-
-  zod-to-json-schema@3.24.6:
-    resolution: {integrity: sha512-h/z3PKvcTcTetyjl1fkj79MHNEjm+HpD6NXheWjzOekY7kV+lwDYnHw+ivHkijnCSMz1yJaWBD9vu/Fcmk+vEg==}
-    peerDependencies:
-      zod: ^3.24.1
-
-  zod@3.25.76:
-    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
-
-snapshots:
-
-  '@ai-sdk/anthropic@2.0.1(zod@3.25.76)':
-    dependencies:
-      '@ai-sdk/provider': 2.0.0
-      '@ai-sdk/provider-utils': 3.0.1(zod@3.25.76)
-      zod: 3.25.76
-
-  '@ai-sdk/gateway@1.0.4(zod@3.25.76)':
-    dependencies:
-      '@ai-sdk/provider': 2.0.0
-      '@ai-sdk/provider-utils': 3.0.1(zod@3.25.76)
-      zod: 3.25.76
-
-  '@ai-sdk/google@2.0.4(zod@3.25.76)':
-    dependencies:
-      '@ai-sdk/provider': 2.0.0
-      '@ai-sdk/provider-utils': 3.0.1(zod@3.25.76)
-      zod: 3.25.76
-
-  '@ai-sdk/groq@2.0.3(zod@3.25.76)':
-    dependencies:
-      '@ai-sdk/provider': 2.0.0
-      '@ai-sdk/provider-utils': 3.0.1(zod@3.25.76)
-      zod: 3.25.76
-
-  '@ai-sdk/openai@2.0.5(zod@3.25.76)':
-    dependencies:
-      '@ai-sdk/provider': 2.0.0
-      '@ai-sdk/provider-utils': 3.0.1(zod@3.25.76)
-      zod: 3.25.76
-
-  '@ai-sdk/provider-utils@3.0.1(zod@3.25.76)':
-    dependencies:
-      '@ai-sdk/provider': 2.0.0
-      '@standard-schema/spec': 1.0.0
-      eventsource-parser: 3.0.3
-      zod: 3.25.76
-      zod-to-json-schema: 3.24.6(zod@3.25.76)
-
-  '@ai-sdk/provider@2.0.0':
-    dependencies:
-      json-schema: 0.4.0
-
-  '@alloc/quick-lru@5.2.0': {}
-
-  '@ampproject/remapping@2.3.0':
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.12
-      '@jridgewell/trace-mapping': 0.3.29
-
-  '@anthropic-ai/sdk@0.57.0': {}
-
-  '@babel/runtime@7.28.2': {}
-
-  '@bufbuild/protobuf@2.6.3': {}
-
-  '@connectrpc/connect-web@2.0.0-rc.3(@bufbuild/protobuf@2.6.3)(@connectrpc/connect@2.0.0-rc.3(@bufbuild/protobuf@2.6.3))':
-    dependencies:
-      '@bufbuild/protobuf': 2.6.3
-      '@connectrpc/connect': 2.0.0-rc.3(@bufbuild/protobuf@2.6.3)
-
-  '@connectrpc/connect@2.0.0-rc.3(@bufbuild/protobuf@2.6.3)':
-    dependencies:
-      '@bufbuild/protobuf': 2.6.3
-
-  '@e2b/code-interpreter@1.5.1':
-    dependencies:
-      e2b: 1.13.2
-
-  '@emnapi/core@1.4.5':
-    dependencies:
-      '@emnapi/wasi-threads': 1.0.4
-      tslib: 2.8.1
-    optional: true
-
-  '@emnapi/runtime@1.4.5':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@emnapi/wasi-threads@1.0.4':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@eslint-community/eslint-utils@4.7.0(eslint@9.32.0(jiti@2.5.1))':
-    dependencies:
-      eslint: 9.32.0(jiti@2.5.1)
-      eslint-visitor-keys: 3.4.3
-
-  '@eslint-community/regexpp@4.12.1': {}
-
-  '@eslint/config-array@0.21.0':
-    dependencies:
-      '@eslint/object-schema': 2.1.6
-      debug: 4.4.1
-      minimatch: 3.1.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@eslint/config-helpers@0.3.0': {}
-
-  '@eslint/core@0.15.1':
-    dependencies:
-      '@types/json-schema': 7.0.15
-
-  '@eslint/eslintrc@3.3.1':
-    dependencies:
-      ajv: 6.12.6
-      debug: 4.4.1
-      espree: 10.4.0
-      globals: 14.0.0
-      ignore: 5.3.2
-      import-fresh: 3.3.1
-      js-yaml: 4.1.0
-      minimatch: 3.1.2
-      strip-json-comments: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-
-  '@eslint/js@9.32.0': {}
-
-  '@eslint/object-schema@2.1.6': {}
-
-  '@eslint/plugin-kit@0.3.4':
-    dependencies:
-      '@eslint/core': 0.15.1
-      levn: 0.4.1
-
-  '@humanfs/core@0.19.1': {}
-
-  '@humanfs/node@0.16.6':
-    dependencies:
-      '@humanfs/core': 0.19.1
-      '@humanwhocodes/retry': 0.3.1
-
-  '@humanwhocodes/module-importer@1.0.1': {}
-
-  '@humanwhocodes/retry@0.3.1': {}
-
-  '@humanwhocodes/retry@0.4.3': {}
-
-  '@img/sharp-darwin-arm64@0.34.3':
-    optionalDependencies:
-      '@img/sharp-libvips-darwin-arm64': 1.2.0
-    optional: true
-
-  '@img/sharp-darwin-x64@0.34.3':
-    optionalDependencies:
-      '@img/sharp-libvips-darwin-x64': 1.2.0
-    optional: true
-
-  '@img/sharp-libvips-darwin-arm64@1.2.0':
-    optional: true
-
-  '@img/sharp-libvips-darwin-x64@1.2.0':
-    optional: true
-
-  '@img/sharp-libvips-linux-arm64@1.2.0':
-    optional: true
-
-  '@img/sharp-libvips-linux-arm@1.2.0':
-    optional: true
-
-  '@img/sharp-libvips-linux-ppc64@1.2.0':
-    optional: true
-
-  '@img/sharp-libvips-linux-s390x@1.2.0':
-    optional: true
-
-  '@img/sharp-libvips-linux-x64@1.2.0':
-    optional: true
-
-  '@img/sharp-libvips-linuxmusl-arm64@1.2.0':
-    optional: true
-
-  '@img/sharp-libvips-linuxmusl-x64@1.2.0':
-    optional: true
-
-  '@img/sharp-linux-arm64@0.34.3':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-arm64': 1.2.0
-    optional: true
-
-  '@img/sharp-linux-arm@0.34.3':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-arm': 1.2.0
-    optional: true
-
-  '@img/sharp-linux-ppc64@0.34.3':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-ppc64': 1.2.0
-    optional: true
-
-  '@img/sharp-linux-s390x@0.34.3':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-s390x': 1.2.0
-    optional: true
-
-  '@img/sharp-linux-x64@0.34.3':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-x64': 1.2.0
-    optional: true
-
-  '@img/sharp-linuxmusl-arm64@0.34.3':
-    optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-arm64': 1.2.0
-    optional: true
-
-  '@img/sharp-linuxmusl-x64@0.34.3':
-    optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-x64': 1.2.0
-    optional: true
-
-  '@img/sharp-wasm32@0.34.3':
-    dependencies:
-      '@emnapi/runtime': 1.4.5
-    optional: true
-
-  '@img/sharp-win32-arm64@0.34.3':
-    optional: true
-
-  '@img/sharp-win32-ia32@0.34.3':
-    optional: true
-
-  '@img/sharp-win32-x64@0.34.3':
-    optional: true
-
-  '@isaacs/fs-minipass@4.0.1':
-    dependencies:
-      minipass: 7.1.2
-
-  '@jridgewell/gen-mapping@0.3.12':
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.4
-      '@jridgewell/trace-mapping': 0.3.29
-
-  '@jridgewell/resolve-uri@3.1.2': {}
-
-  '@jridgewell/sourcemap-codec@1.5.4': {}
-
-  '@jridgewell/trace-mapping@0.3.29':
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.5.4
-
-  '@napi-rs/wasm-runtime@0.2.12':
-    dependencies:
-      '@emnapi/core': 1.4.5
-      '@emnapi/runtime': 1.4.5
-      '@tybys/wasm-util': 0.10.0
-    optional: true
-
-  '@next/env@15.4.3': {}
-
-  '@next/eslint-plugin-next@15.4.3':
-    dependencies:
-      fast-glob: 3.3.1
-
-  '@next/swc-darwin-arm64@15.4.3':
-    optional: true
-
-  '@next/swc-darwin-x64@15.4.3':
-    optional: true
-
-  '@next/swc-linux-arm64-gnu@15.4.3':
-    optional: true
-
-  '@next/swc-linux-arm64-musl@15.4.3':
-    optional: true
-
-  '@next/swc-linux-x64-gnu@15.4.3':
-    optional: true
-
-  '@next/swc-linux-x64-musl@15.4.3':
-    optional: true
-
-  '@next/swc-win32-arm64-msvc@15.4.3':
-    optional: true
-
-  '@next/swc-win32-x64-msvc@15.4.3':
-    optional: true
-
-  '@nodelib/fs.scandir@2.1.5':
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
-
-  '@nodelib/fs.stat@2.0.5': {}
-
-  '@nodelib/fs.walk@1.2.8':
-    dependencies:
-      '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.19.1
-
-  '@nolyfill/is-core-module@1.0.39': {}
-
-  '@opentelemetry/api@1.9.0': {}
-
-  '@radix-ui/primitive@1.1.2': {}
-
-  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.1.9)(react@19.1.0)':
-    dependencies:
-      react: 19.1.0
-    optionalDependencies:
-      '@types/react': 19.1.9
-
-  '@radix-ui/react-context@1.1.2(@types/react@19.1.9)(react@19.1.0)':
-    dependencies:
-      react: 19.1.0
-    optionalDependencies:
-      '@types/react': 19.1.9
-
-  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.9)(react@19.1.0)
-      react: 19.1.0
-      react-dom: 19.1.0(react@19.1.0)
-    optionalDependencies:
-      '@types/react': 19.1.9
-      '@types/react-dom': 19.1.7(@types/react@19.1.9)
-
-  '@radix-ui/react-slot@1.2.3(@types/react@19.1.9)(react@19.1.0)':
-    dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.0)
-      react: 19.1.0
-    optionalDependencies:
-      '@types/react': 19.1.9
-
-  '@radix-ui/react-switch@1.2.5(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.2
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.9)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.1.9)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.9))(@types/react@19.1.9)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.9)(react@19.1.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.9)(react@19.1.0)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.9)(react@19.1.0)
-      react: 19.1.0
-      react-dom: 19.1.0(react@19.1.0)
-    optionalDependencies:
-      '@types/react': 19.1.9
-      '@types/react-dom': 19.1.7(@types/react@19.1.9)
-
-  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.1.9)(react@19.1.0)':
-    dependencies:
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.1.9)(react@19.1.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.0)
-      react: 19.1.0
-    optionalDependencies:
-      '@types/react': 19.1.9
-
-  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.1.9)(react@19.1.0)':
-    dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.0)
-      react: 19.1.0
-    optionalDependencies:
-      '@types/react': 19.1.9
-
-  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.1.9)(react@19.1.0)':
-    dependencies:
-      react: 19.1.0
-    optionalDependencies:
-      '@types/react': 19.1.9
-
-  '@radix-ui/react-use-previous@1.1.1(@types/react@19.1.9)(react@19.1.0)':
-    dependencies:
-      react: 19.1.0
-    optionalDependencies:
-      '@types/react': 19.1.9
-
-  '@radix-ui/react-use-size@1.1.1(@types/react@19.1.9)(react@19.1.0)':
-    dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.9)(react@19.1.0)
-      react: 19.1.0
-    optionalDependencies:
-      '@types/react': 19.1.9
-
-  '@rtsao/scc@1.1.0': {}
-
-  '@rushstack/eslint-patch@1.12.0': {}
-
-  '@standard-schema/spec@1.0.0': {}
-
-  '@swc/helpers@0.5.15':
-    dependencies:
-      tslib: 2.8.1
-
-  '@tailwindcss/node@4.1.11':
-    dependencies:
-      '@ampproject/remapping': 2.3.0
-      enhanced-resolve: 5.18.3
-      jiti: 2.5.1
-      lightningcss: 1.30.1
-      magic-string: 0.30.17
-      source-map-js: 1.2.1
-      tailwindcss: 4.1.11
-
-  '@tailwindcss/oxide-android-arm64@4.1.11':
-    optional: true
-
-  '@tailwindcss/oxide-darwin-arm64@4.1.11':
-    optional: true
-
-  '@tailwindcss/oxide-darwin-x64@4.1.11':
-    optional: true
-
-  '@tailwindcss/oxide-freebsd-x64@4.1.11':
-    optional: true
-
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.11':
-    optional: true
-
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.11':
-    optional: true
-
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.11':
-    optional: true
-
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.11':
-    optional: true
-
-  '@tailwindcss/oxide-linux-x64-musl@4.1.11':
-    optional: true
-
-  '@tailwindcss/oxide-wasm32-wasi@4.1.11':
-    optional: true
-
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.11':
-    optional: true
-
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.11':
-    optional: true
-
-  '@tailwindcss/oxide@4.1.11':
-    dependencies:
-      detect-libc: 2.0.4
-      tar: 7.4.3
-    optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.1.11
-      '@tailwindcss/oxide-darwin-arm64': 4.1.11
-      '@tailwindcss/oxide-darwin-x64': 4.1.11
-      '@tailwindcss/oxide-freebsd-x64': 4.1.11
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.11
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.11
-      '@tailwindcss/oxide-linux-arm64-musl': 4.1.11
-      '@tailwindcss/oxide-linux-x64-gnu': 4.1.11
-      '@tailwindcss/oxide-linux-x64-musl': 4.1.11
-      '@tailwindcss/oxide-wasm32-wasi': 4.1.11
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.11
-      '@tailwindcss/oxide-win32-x64-msvc': 4.1.11
-
-  '@tailwindcss/postcss@4.1.11':
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      '@tailwindcss/node': 4.1.11
-      '@tailwindcss/oxide': 4.1.11
-      postcss: 8.5.6
-      tailwindcss: 4.1.11
-
-  '@tybys/wasm-util@0.10.0':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@types/estree@1.0.8': {}
-
-  '@types/hast@2.3.10':
-    dependencies:
-      '@types/unist': 2.0.11
-
-  '@types/json-schema@7.0.15': {}
-
-  '@types/json5@0.0.29': {}
-
-  '@types/node-fetch@2.6.13':
-    dependencies:
-      '@types/node': 20.19.9
-      form-data: 4.0.4
-
-  '@types/node@18.19.121':
-    dependencies:
-      undici-types: 5.26.5
-
-  '@types/node@20.19.9':
-    dependencies:
-      undici-types: 6.21.0
-
-  '@types/react-dom@19.1.7(@types/react@19.1.9)':
-    dependencies:
-      '@types/react': 19.1.9
-
-  '@types/react-syntax-highlighter@15.5.13':
-    dependencies:
-      '@types/react': 19.1.9
-
-  '@types/react@19.1.9':
-    dependencies:
-      csstype: 3.1.3
-
-  '@types/unist@2.0.11': {}
-
-  '@typescript-eslint/eslint-plugin@8.39.0(@typescript-eslint/parser@8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2))(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2)':
-    dependencies:
-      '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2)
-      '@typescript-eslint/scope-manager': 8.39.0
-      '@typescript-eslint/type-utils': 8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2)
-      '@typescript-eslint/utils': 8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2)
-      '@typescript-eslint/visitor-keys': 8.39.0
-      eslint: 9.32.0(jiti@2.5.1)
-      graphemer: 1.4.0
-      ignore: 7.0.5
-      natural-compare: 1.4.0
-      ts-api-utils: 2.1.0(typescript@5.9.2)
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/parser@8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2)':
-    dependencies:
-      '@typescript-eslint/scope-manager': 8.39.0
-      '@typescript-eslint/types': 8.39.0
-      '@typescript-eslint/typescript-estree': 8.39.0(typescript@5.9.2)
-      '@typescript-eslint/visitor-keys': 8.39.0
-      debug: 4.4.1
-      eslint: 9.32.0(jiti@2.5.1)
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/project-service@8.39.0(typescript@5.9.2)':
-    dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.39.0(typescript@5.9.2)
-      '@typescript-eslint/types': 8.39.0
-      debug: 4.4.1
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/scope-manager@8.39.0':
-    dependencies:
-      '@typescript-eslint/types': 8.39.0
-      '@typescript-eslint/visitor-keys': 8.39.0
-
-  '@typescript-eslint/tsconfig-utils@8.39.0(typescript@5.9.2)':
-    dependencies:
-      typescript: 5.9.2
-
-  '@typescript-eslint/type-utils@8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2)':
-    dependencies:
-      '@typescript-eslint/types': 8.39.0
-      '@typescript-eslint/typescript-estree': 8.39.0(typescript@5.9.2)
-      '@typescript-eslint/utils': 8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2)
-      debug: 4.4.1
-      eslint: 9.32.0(jiti@2.5.1)
-      ts-api-utils: 2.1.0(typescript@5.9.2)
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/types@8.39.0': {}
-
-  '@typescript-eslint/typescript-estree@8.39.0(typescript@5.9.2)':
-    dependencies:
-      '@typescript-eslint/project-service': 8.39.0(typescript@5.9.2)
-      '@typescript-eslint/tsconfig-utils': 8.39.0(typescript@5.9.2)
-      '@typescript-eslint/types': 8.39.0
-      '@typescript-eslint/visitor-keys': 8.39.0
-      debug: 4.4.1
-      fast-glob: 3.3.3
-      is-glob: 4.0.3
-      minimatch: 9.0.5
-      semver: 7.7.2
-      ts-api-utils: 2.1.0(typescript@5.9.2)
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/utils@8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.32.0(jiti@2.5.1))
-      '@typescript-eslint/scope-manager': 8.39.0
-      '@typescript-eslint/types': 8.39.0
-      '@typescript-eslint/typescript-estree': 8.39.0(typescript@5.9.2)
-      eslint: 9.32.0(jiti@2.5.1)
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/visitor-keys@8.39.0':
-    dependencies:
-      '@typescript-eslint/types': 8.39.0
-      eslint-visitor-keys: 4.2.1
-
-  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-android-arm64@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-darwin-arm64@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-darwin-x64@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-freebsd-x64@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
-    dependencies:
-      '@napi-rs/wasm-runtime': 0.2.12
-    optional: true
-
-  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
-    optional: true
-
-  abort-controller@3.0.0:
-    dependencies:
-      event-target-shim: 5.0.1
-
-  accepts@2.0.0:
-    dependencies:
-      mime-types: 3.0.1
-      negotiator: 1.0.0
-
-  acorn-jsx@5.3.2(acorn@8.15.0):
-    dependencies:
-      acorn: 8.15.0
-
-  acorn@8.15.0: {}
-
-  agentkeepalive@4.6.0:
-    dependencies:
-      humanize-ms: 1.2.1
-
-  ai@5.0.8(zod@3.25.76):
-    dependencies:
-      '@ai-sdk/gateway': 1.0.4(zod@3.25.76)
-      '@ai-sdk/provider': 2.0.0
-      '@ai-sdk/provider-utils': 3.0.1(zod@3.25.76)
-      '@opentelemetry/api': 1.9.0
-      zod: 3.25.76
-
-  ajv@6.12.6:
-    dependencies:
-      fast-deep-equal: 3.1.3
-      fast-json-stable-stringify: 2.1.0
-      json-schema-traverse: 0.4.1
-      uri-js: 4.4.1
-
-  ansi-styles@4.3.0:
-    dependencies:
-      color-convert: 2.0.1
-
-  argparse@2.0.1: {}
-
-  aria-query@5.3.2: {}
-
-  array-buffer-byte-length@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      is-array-buffer: 3.0.5
-
-  array-includes@3.1.9:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      is-string: 1.1.1
-      math-intrinsics: 1.1.0
-
-  array.prototype.findlast@1.2.5:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      es-shim-unscopables: 1.1.0
-
-  array.prototype.findlastindex@1.2.6:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      es-shim-unscopables: 1.1.0
-
-  array.prototype.flat@1.3.3:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-shim-unscopables: 1.1.0
-
-  array.prototype.flatmap@1.3.3:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-shim-unscopables: 1.1.0
-
-  array.prototype.tosorted@1.1.4:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-shim-unscopables: 1.1.0
-
-  arraybuffer.prototype.slice@1.0.4:
-    dependencies:
-      array-buffer-byte-length: 1.0.2
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      is-array-buffer: 3.0.5
-
-  ast-types-flow@0.0.8: {}
-
-  async-function@1.0.0: {}
-
-  asynckit@0.4.0: {}
-
-  autoprefixer@10.4.21(postcss@8.5.6):
-    dependencies:
-      browserslist: 4.25.1
-      caniuse-lite: 1.0.30001731
-      fraction.js: 4.3.7
-      normalize-range: 0.1.2
-      picocolors: 1.1.1
-      postcss: 8.5.6
-      postcss-value-parser: 4.2.0
-
-  available-typed-arrays@1.0.7:
-    dependencies:
-      possible-typed-array-names: 1.1.0
-
-  axe-core@4.10.3: {}
-
-  axobject-query@4.1.0: {}
-
-  balanced-match@1.0.2: {}
-
-  body-parser@2.2.0:
-    dependencies:
-      bytes: 3.1.2
-      content-type: 1.0.5
-      debug: 4.4.1
-      http-errors: 2.0.0
-      iconv-lite: 0.6.3
-      on-finished: 2.4.1
-      qs: 6.14.0
-      raw-body: 3.0.0
-      type-is: 2.0.1
-    transitivePeerDependencies:
-      - supports-color
-
-  brace-expansion@1.1.12:
-    dependencies:
-      balanced-match: 1.0.2
-      concat-map: 0.0.1
-
-  brace-expansion@2.0.2:
-    dependencies:
-      balanced-match: 1.0.2
-
-  braces@3.0.3:
-    dependencies:
-      fill-range: 7.1.1
-
-  browserslist@4.25.1:
-    dependencies:
-      caniuse-lite: 1.0.30001731
-      electron-to-chromium: 1.5.199
-      node-releases: 2.0.19
-      update-browserslist-db: 1.1.3(browserslist@4.25.1)
-
-  bytes@3.1.2: {}
-
-  call-bind-apply-helpers@1.0.2:
-    dependencies:
-      es-errors: 1.3.0
-      function-bind: 1.1.2
-
-  call-bind@1.0.8:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      es-define-property: 1.0.1
-      get-intrinsic: 1.3.0
-      set-function-length: 1.2.2
-
-  call-bound@1.0.4:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      get-intrinsic: 1.3.0
-
-  callsites@3.1.0: {}
-
-  caniuse-lite@1.0.30001731: {}
-
-  chalk@4.1.2:
-    dependencies:
-      ansi-styles: 4.3.0
-      supports-color: 7.2.0
-
-  character-entities-legacy@1.1.4: {}
-
-  character-entities@1.2.4: {}
-
-  character-reference-invalid@1.1.4: {}
-
-  chownr@3.0.0: {}
-
-  class-variance-authority@0.7.1:
-    dependencies:
-      clsx: 2.1.1
-
-  client-only@0.0.1: {}
-
-  clsx@2.1.1: {}
-
-  color-convert@2.0.1:
-    dependencies:
-      color-name: 1.1.4
-
-  color-name@1.1.4: {}
-
-  color-string@1.9.1:
-    dependencies:
-      color-name: 1.1.4
-      simple-swizzle: 0.2.2
-    optional: true
-
-  color@4.2.3:
-    dependencies:
-      color-convert: 2.0.1
-      color-string: 1.9.1
-    optional: true
-
-  combined-stream@1.0.8:
-    dependencies:
-      delayed-stream: 1.0.0
-
-  comma-separated-tokens@1.0.8: {}
-
-  compare-versions@6.1.1: {}
-
-  concat-map@0.0.1: {}
-
-  content-disposition@1.0.0:
-    dependencies:
-      safe-buffer: 5.2.1
-
-  content-type@1.0.5: {}
-
-  cookie-signature@1.2.2: {}
-
-  cookie@0.7.2: {}
-
-  cors@2.8.5:
-    dependencies:
-      object-assign: 4.1.1
-      vary: 1.1.2
-
-  cross-spawn@7.0.6:
-    dependencies:
-      path-key: 3.1.1
-      shebang-command: 2.0.0
-      which: 2.0.2
-
-  csstype@3.1.3: {}
-
-  damerau-levenshtein@1.0.8: {}
-
-  data-view-buffer@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-data-view: 1.0.2
-
-  data-view-byte-length@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-data-view: 1.0.2
-
-  data-view-byte-offset@1.0.1:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-data-view: 1.0.2
-
-  debug@3.2.7:
-    dependencies:
-      ms: 2.1.3
-
-  debug@4.4.1:
-    dependencies:
-      ms: 2.1.3
-
-  deep-is@0.1.4: {}
-
-  define-data-property@1.1.4:
-    dependencies:
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
-      gopd: 1.2.0
-
-  define-properties@1.2.1:
-    dependencies:
-      define-data-property: 1.1.4
-      has-property-descriptors: 1.0.2
-      object-keys: 1.1.1
-
-  delayed-stream@1.0.0: {}
-
-  depd@2.0.0: {}
-
-  detect-libc@2.0.4: {}
-
-  doctrine@2.1.0:
-    dependencies:
-      esutils: 2.0.3
-
-  dotenv@17.2.1: {}
-
-  dunder-proto@1.0.1:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      es-errors: 1.3.0
-      gopd: 1.2.0
-
-  e2b@1.13.2:
-    dependencies:
-      '@bufbuild/protobuf': 2.6.3
-      '@connectrpc/connect': 2.0.0-rc.3(@bufbuild/protobuf@2.6.3)
-      '@connectrpc/connect-web': 2.0.0-rc.3(@bufbuild/protobuf@2.6.3)(@connectrpc/connect@2.0.0-rc.3(@bufbuild/protobuf@2.6.3))
-      compare-versions: 6.1.1
-      openapi-fetch: 0.9.8
-      platform: 1.3.6
-
-  ee-first@1.1.1: {}
-
-  electron-to-chromium@1.5.199: {}
-
-  emoji-regex@9.2.2: {}
-
-  encodeurl@2.0.0: {}
-
-  enhanced-resolve@5.18.3:
-    dependencies:
-      graceful-fs: 4.2.11
-      tapable: 2.2.2
-
-  es-abstract@1.24.0:
-    dependencies:
-      array-buffer-byte-length: 1.0.2
-      arraybuffer.prototype.slice: 1.0.4
-      available-typed-arrays: 1.0.7
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      data-view-buffer: 1.0.2
-      data-view-byte-length: 1.0.2
-      data-view-byte-offset: 1.0.1
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      es-set-tostringtag: 2.1.0
-      es-to-primitive: 1.3.0
-      function.prototype.name: 1.1.8
-      get-intrinsic: 1.3.0
-      get-proto: 1.0.1
-      get-symbol-description: 1.1.0
-      globalthis: 1.0.4
-      gopd: 1.2.0
-      has-property-descriptors: 1.0.2
-      has-proto: 1.2.0
-      has-symbols: 1.1.0
-      hasown: 2.0.2
-      internal-slot: 1.1.0
-      is-array-buffer: 3.0.5
-      is-callable: 1.2.7
-      is-data-view: 1.0.2
-      is-negative-zero: 2.0.3
-      is-regex: 1.2.1
-      is-set: 2.0.3
-      is-shared-array-buffer: 1.0.4
-      is-string: 1.1.1
-      is-typed-array: 1.1.15
-      is-weakref: 1.1.1
-      math-intrinsics: 1.1.0
-      object-inspect: 1.13.4
-      object-keys: 1.1.1
-      object.assign: 4.1.7
-      own-keys: 1.0.1
-      regexp.prototype.flags: 1.5.4
-      safe-array-concat: 1.1.3
-      safe-push-apply: 1.0.0
-      safe-regex-test: 1.1.0
-      set-proto: 1.0.0
-      stop-iteration-iterator: 1.1.0
-      string.prototype.trim: 1.2.10
-      string.prototype.trimend: 1.0.9
-      string.prototype.trimstart: 1.0.8
-      typed-array-buffer: 1.0.3
-      typed-array-byte-length: 1.0.3
-      typed-array-byte-offset: 1.0.4
-      typed-array-length: 1.0.7
-      unbox-primitive: 1.1.0
-      which-typed-array: 1.1.19
-
-  es-define-property@1.0.1: {}
-
-  es-errors@1.3.0: {}
-
-  es-iterator-helpers@1.2.1:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-set-tostringtag: 2.1.0
-      function-bind: 1.1.2
-      get-intrinsic: 1.3.0
-      globalthis: 1.0.4
-      gopd: 1.2.0
-      has-property-descriptors: 1.0.2
-      has-proto: 1.2.0
-      has-symbols: 1.1.0
-      internal-slot: 1.1.0
-      iterator.prototype: 1.1.5
-      safe-array-concat: 1.1.3
-
-  es-object-atoms@1.1.1:
-    dependencies:
-      es-errors: 1.3.0
-
-  es-set-tostringtag@2.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      has-tostringtag: 1.0.2
-      hasown: 2.0.2
-
-  es-shim-unscopables@1.1.0:
-    dependencies:
-      hasown: 2.0.2
-
-  es-to-primitive@1.3.0:
-    dependencies:
-      is-callable: 1.2.7
-      is-date-object: 1.1.0
-      is-symbol: 1.1.1
-
-  escalade@3.2.0: {}
-
-  escape-html@1.0.3: {}
-
-  escape-string-regexp@4.0.0: {}
-
-  eslint-config-next@15.4.3(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2):
-    dependencies:
-      '@next/eslint-plugin-next': 15.4.3
-      '@rushstack/eslint-patch': 1.12.0
-      '@typescript-eslint/eslint-plugin': 8.39.0(@typescript-eslint/parser@8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2))(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2)
-      '@typescript-eslint/parser': 8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2)
-      eslint: 9.32.0(jiti@2.5.1)
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.32.0(jiti@2.5.1))
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2))(eslint-import-resolver-typescript@3.10.1)(eslint@9.32.0(jiti@2.5.1))
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.32.0(jiti@2.5.1))
-      eslint-plugin-react: 7.37.5(eslint@9.32.0(jiti@2.5.1))
-      eslint-plugin-react-hooks: 5.2.0(eslint@9.32.0(jiti@2.5.1))
-    optionalDependencies:
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - eslint-import-resolver-webpack
-      - eslint-plugin-import-x
-      - supports-color
-
-  eslint-import-resolver-node@0.3.9:
-    dependencies:
-      debug: 3.2.7
-      is-core-module: 2.16.1
-      resolve: 1.22.10
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.32.0(jiti@2.5.1)):
-    dependencies:
-      '@nolyfill/is-core-module': 1.0.39
-      debug: 4.4.1
-      eslint: 9.32.0(jiti@2.5.1)
-      get-tsconfig: 4.10.1
-      is-bun-module: 2.0.0
-      stable-hash: 0.0.5
-      tinyglobby: 0.2.14
-      unrs-resolver: 1.11.1
-    optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2))(eslint-import-resolver-typescript@3.10.1)(eslint@9.32.0(jiti@2.5.1))
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.32.0(jiti@2.5.1)):
-    dependencies:
-      debug: 3.2.7
-    optionalDependencies:
-      '@typescript-eslint/parser': 8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2)
-      eslint: 9.32.0(jiti@2.5.1)
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.32.0(jiti@2.5.1))
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2))(eslint-import-resolver-typescript@3.10.1)(eslint@9.32.0(jiti@2.5.1)):
-    dependencies:
-      '@rtsao/scc': 1.1.0
-      array-includes: 3.1.9
-      array.prototype.findlastindex: 1.2.6
-      array.prototype.flat: 1.3.3
-      array.prototype.flatmap: 1.3.3
-      debug: 3.2.7
-      doctrine: 2.1.0
-      eslint: 9.32.0(jiti@2.5.1)
-      eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.32.0(jiti@2.5.1))
-      hasown: 2.0.2
-      is-core-module: 2.16.1
-      is-glob: 4.0.3
-      minimatch: 3.1.2
-      object.fromentries: 2.0.8
-      object.groupby: 1.0.3
-      object.values: 1.2.1
-      semver: 6.3.1
-      string.prototype.trimend: 1.0.9
-      tsconfig-paths: 3.15.0
-    optionalDependencies:
-      '@typescript-eslint/parser': 8.39.0(eslint@9.32.0(jiti@2.5.1))(typescript@5.9.2)
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-
-  eslint-plugin-jsx-a11y@6.10.2(eslint@9.32.0(jiti@2.5.1)):
-    dependencies:
-      aria-query: 5.3.2
-      array-includes: 3.1.9
-      array.prototype.flatmap: 1.3.3
-      ast-types-flow: 0.0.8
-      axe-core: 4.10.3
-      axobject-query: 4.1.0
-      damerau-levenshtein: 1.0.8
-      emoji-regex: 9.2.2
-      eslint: 9.32.0(jiti@2.5.1)
-      hasown: 2.0.2
-      jsx-ast-utils: 3.3.5
-      language-tags: 1.0.9
-      minimatch: 3.1.2
-      object.fromentries: 2.0.8
-      safe-regex-test: 1.1.0
-      string.prototype.includes: 2.0.1
-
-  eslint-plugin-react-hooks@5.2.0(eslint@9.32.0(jiti@2.5.1)):
-    dependencies:
-      eslint: 9.32.0(jiti@2.5.1)
-
-  eslint-plugin-react@7.37.5(eslint@9.32.0(jiti@2.5.1)):
-    dependencies:
-      array-includes: 3.1.9
-      array.prototype.findlast: 1.2.5
-      array.prototype.flatmap: 1.3.3
-      array.prototype.tosorted: 1.1.4
-      doctrine: 2.1.0
-      es-iterator-helpers: 1.2.1
-      eslint: 9.32.0(jiti@2.5.1)
-      estraverse: 5.3.0
-      hasown: 2.0.2
-      jsx-ast-utils: 3.3.5
-      minimatch: 3.1.2
-      object.entries: 1.1.9
-      object.fromentries: 2.0.8
-      object.values: 1.2.1
-      prop-types: 15.8.1
-      resolve: 2.0.0-next.5
-      semver: 6.3.1
-      string.prototype.matchall: 4.0.12
-      string.prototype.repeat: 1.0.0
-
-  eslint-scope@8.4.0:
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 5.3.0
-
-  eslint-visitor-keys@3.4.3: {}
-
-  eslint-visitor-keys@4.2.1: {}
-
-  eslint@9.32.0(jiti@2.5.1):
-    dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.32.0(jiti@2.5.1))
-      '@eslint-community/regexpp': 4.12.1
-      '@eslint/config-array': 0.21.0
-      '@eslint/config-helpers': 0.3.0
-      '@eslint/core': 0.15.1
-      '@eslint/eslintrc': 3.3.1
-      '@eslint/js': 9.32.0
-      '@eslint/plugin-kit': 0.3.4
-      '@humanfs/node': 0.16.6
-      '@humanwhocodes/module-importer': 1.0.1
-      '@humanwhocodes/retry': 0.4.3
-      '@types/estree': 1.0.8
-      '@types/json-schema': 7.0.15
-      ajv: 6.12.6
-      chalk: 4.1.2
-      cross-spawn: 7.0.6
-      debug: 4.4.1
-      escape-string-regexp: 4.0.0
-      eslint-scope: 8.4.0
-      eslint-visitor-keys: 4.2.1
-      espree: 10.4.0
-      esquery: 1.6.0
-      esutils: 2.0.3
-      fast-deep-equal: 3.1.3
-      file-entry-cache: 8.0.0
-      find-up: 5.0.0
-      glob-parent: 6.0.2
-      ignore: 5.3.2
-      imurmurhash: 0.1.4
-      is-glob: 4.0.3
-      json-stable-stringify-without-jsonify: 1.0.1
-      lodash.merge: 4.6.2
-      minimatch: 3.1.2
-      natural-compare: 1.4.0
-      optionator: 0.9.4
-    optionalDependencies:
-      jiti: 2.5.1
-    transitivePeerDependencies:
-      - supports-color
-
-  espree@10.4.0:
-    dependencies:
-      acorn: 8.15.0
-      acorn-jsx: 5.3.2(acorn@8.15.0)
-      eslint-visitor-keys: 4.2.1
-
-  esquery@1.6.0:
-    dependencies:
-      estraverse: 5.3.0
-
-  esrecurse@4.3.0:
-    dependencies:
-      estraverse: 5.3.0
-
-  estraverse@5.3.0: {}
-
-  esutils@2.0.3: {}
-
-  etag@1.8.1: {}
-
-  event-target-shim@5.0.1: {}
-
-  eventsource-parser@3.0.3: {}
-
-  express@5.1.0:
-    dependencies:
-      accepts: 2.0.0
-      body-parser: 2.2.0
-      content-disposition: 1.0.0
-      content-type: 1.0.5
-      cookie: 0.7.2
-      cookie-signature: 1.2.2
-      debug: 4.4.1
-      encodeurl: 2.0.0
-      escape-html: 1.0.3
-      etag: 1.8.1
-      finalhandler: 2.1.0
-      fresh: 2.0.0
-      http-errors: 2.0.0
-      merge-descriptors: 2.0.0
-      mime-types: 3.0.1
-      on-finished: 2.4.1
-      once: 1.4.0
-      parseurl: 1.3.3
-      proxy-addr: 2.0.7
-      qs: 6.14.0
-      range-parser: 1.2.1
-      router: 2.2.0
-      send: 1.2.0
-      serve-static: 2.2.0
-      statuses: 2.0.2
-      type-is: 2.0.1
-      vary: 1.1.2
-    transitivePeerDependencies:
-      - supports-color
-
-  fast-deep-equal@3.1.3: {}
-
-  fast-glob@3.3.1:
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.8
-
-  fast-glob@3.3.3:
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.8
-
-  fast-json-stable-stringify@2.1.0: {}
-
-  fast-levenshtein@2.0.6: {}
-
-  fastq@1.19.1:
-    dependencies:
-      reusify: 1.1.0
-
-  fault@1.0.4:
-    dependencies:
-      format: 0.2.2
-
-  fdir@6.4.6(picomatch@4.0.3):
-    optionalDependencies:
-      picomatch: 4.0.3
-
-  file-entry-cache@8.0.0:
-    dependencies:
-      flat-cache: 4.0.1
-
-  fill-range@7.1.1:
-    dependencies:
-      to-regex-range: 5.0.1
-
-  finalhandler@2.1.0:
-    dependencies:
-      debug: 4.4.1
-      encodeurl: 2.0.0
-      escape-html: 1.0.3
-      on-finished: 2.4.1
-      parseurl: 1.3.3
-      statuses: 2.0.2
-    transitivePeerDependencies:
-      - supports-color
-
-  find-up@5.0.0:
-    dependencies:
-      locate-path: 6.0.0
-      path-exists: 4.0.0
-
-  flat-cache@4.0.1:
-    dependencies:
-      flatted: 3.3.3
-      keyv: 4.5.4
-
-  flatted@3.3.3: {}
-
-  for-each@0.3.5:
-    dependencies:
-      is-callable: 1.2.7
-
-  form-data-encoder@1.7.2: {}
-
-  form-data@4.0.4:
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      es-set-tostringtag: 2.1.0
-      hasown: 2.0.2
-      mime-types: 2.1.35
-
-  format@0.2.2: {}
-
-  formdata-node@4.4.1:
-    dependencies:
-      node-domexception: 1.0.0
-      web-streams-polyfill: 4.0.0-beta.3
-
-  forwarded@0.2.0: {}
-
-  fraction.js@4.3.7: {}
-
-  framer-motion@12.23.12(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
-    dependencies:
-      motion-dom: 12.23.12
-      motion-utils: 12.23.6
-      tslib: 2.8.1
-    optionalDependencies:
-      react: 19.1.0
-      react-dom: 19.1.0(react@19.1.0)
-
-  fresh@2.0.0: {}
-
-  function-bind@1.1.2: {}
-
-  function.prototype.name@1.1.8:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      functions-have-names: 1.2.3
-      hasown: 2.0.2
-      is-callable: 1.2.7
-
-  functions-have-names@1.2.3: {}
-
-  get-intrinsic@1.3.0:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      function-bind: 1.1.2
-      get-proto: 1.0.1
-      gopd: 1.2.0
-      has-symbols: 1.1.0
-      hasown: 2.0.2
-      math-intrinsics: 1.1.0
-
-  get-proto@1.0.1:
-    dependencies:
-      dunder-proto: 1.0.1
-      es-object-atoms: 1.1.1
-
-  get-symbol-description@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-
-  get-tsconfig@4.10.1:
-    dependencies:
-      resolve-pkg-maps: 1.0.0
-
-  glob-parent@5.1.2:
-    dependencies:
-      is-glob: 4.0.3
-
-  glob-parent@6.0.2:
-    dependencies:
-      is-glob: 4.0.3
-
-  globals@14.0.0: {}
-
-  globalthis@1.0.4:
-    dependencies:
-      define-properties: 1.2.1
-      gopd: 1.2.0
-
-  gopd@1.2.0: {}
-
-  graceful-fs@4.2.11: {}
-
-  graphemer@1.4.0: {}
-
-  groq-sdk@0.29.0:
-    dependencies:
-      '@types/node': 18.19.121
-      '@types/node-fetch': 2.6.13
-      abort-controller: 3.0.0
-      agentkeepalive: 4.6.0
-      form-data-encoder: 1.7.2
-      formdata-node: 4.4.1
-      node-fetch: 2.7.0
-    transitivePeerDependencies:
-      - encoding
-
-  has-bigints@1.1.0: {}
-
-  has-flag@4.0.0: {}
-
-  has-property-descriptors@1.0.2:
-    dependencies:
-      es-define-property: 1.0.1
-
-  has-proto@1.2.0:
-    dependencies:
-      dunder-proto: 1.0.1
-
-  has-symbols@1.1.0: {}
-
-  has-tostringtag@1.0.2:
-    dependencies:
-      has-symbols: 1.1.0
-
-  hasown@2.0.2:
-    dependencies:
-      function-bind: 1.1.2
-
-  hast-util-parse-selector@2.2.5: {}
-
-  hastscript@6.0.0:
-    dependencies:
-      '@types/hast': 2.3.10
-      comma-separated-tokens: 1.0.8
-      hast-util-parse-selector: 2.2.5
-      property-information: 5.6.0
-      space-separated-tokens: 1.1.5
-
-  highlight.js@10.7.3: {}
-
-  highlightjs-vue@1.0.0: {}
-
-  http-errors@2.0.0:
-    dependencies:
-      depd: 2.0.0
-      inherits: 2.0.4
-      setprototypeof: 1.2.0
-      statuses: 2.0.1
-      toidentifier: 1.0.1
-
-  humanize-ms@1.2.1:
-    dependencies:
-      ms: 2.1.3
-
-  iconv-lite@0.6.3:
-    dependencies:
-      safer-buffer: 2.1.2
-
-  ignore@5.3.2: {}
-
-  ignore@7.0.5: {}
-
-  import-fresh@3.3.1:
-    dependencies:
-      parent-module: 1.0.1
-      resolve-from: 4.0.0
-
-  imurmurhash@0.1.4: {}
-
-  inherits@2.0.4: {}
-
-  internal-slot@1.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      hasown: 2.0.2
-      side-channel: 1.1.0
-
-  ipaddr.js@1.9.1: {}
-
-  is-alphabetical@1.0.4: {}
-
-  is-alphanumerical@1.0.4:
-    dependencies:
-      is-alphabetical: 1.0.4
-      is-decimal: 1.0.4
-
-  is-array-buffer@3.0.5:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-
-  is-arrayish@0.3.2:
-    optional: true
-
-  is-async-function@2.1.1:
-    dependencies:
-      async-function: 1.0.0
-      call-bound: 1.0.4
-      get-proto: 1.0.1
-      has-tostringtag: 1.0.2
-      safe-regex-test: 1.1.0
-
-  is-bigint@1.1.0:
-    dependencies:
-      has-bigints: 1.1.0
-
-  is-boolean-object@1.2.2:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-bun-module@2.0.0:
-    dependencies:
-      semver: 7.7.2
-
-  is-callable@1.2.7: {}
-
-  is-core-module@2.16.1:
-    dependencies:
-      hasown: 2.0.2
-
-  is-data-view@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-      is-typed-array: 1.1.15
-
-  is-date-object@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-decimal@1.0.4: {}
-
-  is-extglob@2.1.1: {}
-
-  is-finalizationregistry@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-
-  is-generator-function@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      get-proto: 1.0.1
-      has-tostringtag: 1.0.2
-      safe-regex-test: 1.1.0
-
-  is-glob@4.0.3:
-    dependencies:
-      is-extglob: 2.1.1
-
-  is-hexadecimal@1.0.4: {}
-
-  is-map@2.0.3: {}
-
-  is-negative-zero@2.0.3: {}
-
-  is-number-object@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-number@7.0.0: {}
-
-  is-promise@4.0.0: {}
-
-  is-regex@1.2.1:
-    dependencies:
-      call-bound: 1.0.4
-      gopd: 1.2.0
-      has-tostringtag: 1.0.2
-      hasown: 2.0.2
-
-  is-set@2.0.3: {}
-
-  is-shared-array-buffer@1.0.4:
-    dependencies:
-      call-bound: 1.0.4
-
-  is-string@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-symbol@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-      has-symbols: 1.1.0
-      safe-regex-test: 1.1.0
-
-  is-typed-array@1.1.15:
-    dependencies:
-      which-typed-array: 1.1.19
-
-  is-weakmap@2.0.2: {}
-
-  is-weakref@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-
-  is-weakset@2.0.4:
-    dependencies:
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-
-  isarray@2.0.5: {}
-
-  isexe@2.0.0: {}
-
-  iterator.prototype@1.1.5:
-    dependencies:
-      define-data-property: 1.1.4
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      get-proto: 1.0.1
-      has-symbols: 1.1.0
-      set-function-name: 2.0.2
-
-  jiti@2.5.1: {}
-
-  js-tokens@4.0.0: {}
-
-  js-yaml@4.1.0:
-    dependencies:
-      argparse: 2.0.1
-
-  json-buffer@3.0.1: {}
-
-  json-schema-traverse@0.4.1: {}
-
-  json-schema@0.4.0: {}
-
-  json-stable-stringify-without-jsonify@1.0.1: {}
-
-  json5@1.0.2:
-    dependencies:
-      minimist: 1.2.8
-
-  jsx-ast-utils@3.3.5:
-    dependencies:
-      array-includes: 3.1.9
-      array.prototype.flat: 1.3.3
-      object.assign: 4.1.7
-      object.values: 1.2.1
-
-  keyv@4.5.4:
-    dependencies:
-      json-buffer: 3.0.1
-
-  language-subtag-registry@0.3.23: {}
-
-  language-tags@1.0.9:
-    dependencies:
-      language-subtag-registry: 0.3.23
-
-  levn@0.4.1:
-    dependencies:
-      prelude-ls: 1.2.1
-      type-check: 0.4.0
-
-  lightningcss-darwin-arm64@1.30.1:
-    optional: true
-
-  lightningcss-darwin-x64@1.30.1:
-    optional: true
-
-  lightningcss-freebsd-x64@1.30.1:
-    optional: true
-
-  lightningcss-linux-arm-gnueabihf@1.30.1:
-    optional: true
-
-  lightningcss-linux-arm64-gnu@1.30.1:
-    optional: true
-
-  lightningcss-linux-arm64-musl@1.30.1:
-    optional: true
-
-  lightningcss-linux-x64-gnu@1.30.1:
-    optional: true
-
-  lightningcss-linux-x64-musl@1.30.1:
-    optional: true
-
-  lightningcss-win32-arm64-msvc@1.30.1:
-    optional: true
-
-  lightningcss-win32-x64-msvc@1.30.1:
-    optional: true
-
-  lightningcss@1.30.1:
-    dependencies:
-      detect-libc: 2.0.4
-    optionalDependencies:
-      lightningcss-darwin-arm64: 1.30.1
-      lightningcss-darwin-x64: 1.30.1
-      lightningcss-freebsd-x64: 1.30.1
-      lightningcss-linux-arm-gnueabihf: 1.30.1
-      lightningcss-linux-arm64-gnu: 1.30.1
-      lightningcss-linux-arm64-musl: 1.30.1
-      lightningcss-linux-x64-gnu: 1.30.1
-      lightningcss-linux-x64-musl: 1.30.1
-      lightningcss-win32-arm64-msvc: 1.30.1
-      lightningcss-win32-x64-msvc: 1.30.1
-
-  locate-path@6.0.0:
-    dependencies:
-      p-locate: 5.0.0
-
-  lodash.merge@4.6.2: {}
-
-  loose-envify@1.4.0:
-    dependencies:
-      js-tokens: 4.0.0
-
-  lowlight@1.20.0:
-    dependencies:
-      fault: 1.0.4
-      highlight.js: 10.7.3
-
-  lucide-react@0.532.0(react@19.1.0):
-    dependencies:
-      react: 19.1.0
-
-  magic-string@0.30.17:
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.4
-
-  math-intrinsics@1.1.0: {}
-
-  media-typer@1.1.0: {}
-
-  merge-descriptors@2.0.0: {}
-
-  merge2@1.4.1: {}
-
-  micromatch@4.0.8:
-    dependencies:
-      braces: 3.0.3
-      picomatch: 2.3.1
-
-  mime-db@1.52.0: {}
-
-  mime-db@1.54.0: {}
-
-  mime-types@2.1.35:
-    dependencies:
-      mime-db: 1.52.0
-
-  mime-types@3.0.1:
-    dependencies:
-      mime-db: 1.54.0
-
-  minimatch@3.1.2:
-    dependencies:
-      brace-expansion: 1.1.12
-
-  minimatch@9.0.5:
-    dependencies:
-      brace-expansion: 2.0.2
-
-  minimist@1.2.8: {}
-
-  minipass@7.1.2: {}
-
-  minizlib@3.0.2:
-    dependencies:
-      minipass: 7.1.2
-
-  mkdirp@3.0.1: {}
-
-  motion-dom@12.23.12:
-    dependencies:
-      motion-utils: 12.23.6
-
-  motion-utils@12.23.6: {}
-
-  ms@2.1.3: {}
-
-  nanoid@3.3.11: {}
-
-  napi-postinstall@0.3.2: {}
-
-  natural-compare@1.4.0: {}
-
-  negotiator@1.0.0: {}
-
-  next-themes@0.4.6(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
-    dependencies:
-      react: 19.1.0
-      react-dom: 19.1.0(react@19.1.0)
-
-  next@15.4.3(@opentelemetry/api@1.9.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
-    dependencies:
-      '@next/env': 15.4.3
-      '@swc/helpers': 0.5.15
-      caniuse-lite: 1.0.30001731
-      postcss: 8.4.31
-      react: 19.1.0
-      react-dom: 19.1.0(react@19.1.0)
-      styled-jsx: 5.1.6(react@19.1.0)
-    optionalDependencies:
-      '@next/swc-darwin-arm64': 15.4.3
-      '@next/swc-darwin-x64': 15.4.3
-      '@next/swc-linux-arm64-gnu': 15.4.3
-      '@next/swc-linux-arm64-musl': 15.4.3
-      '@next/swc-linux-x64-gnu': 15.4.3
-      '@next/swc-linux-x64-musl': 15.4.3
-      '@next/swc-win32-arm64-msvc': 15.4.3
-      '@next/swc-win32-x64-msvc': 15.4.3
-      '@opentelemetry/api': 1.9.0
-      sharp: 0.34.3
-    transitivePeerDependencies:
-      - '@babel/core'
-      - babel-plugin-macros
-
-  node-domexception@1.0.0: {}
-
-  node-fetch@2.7.0:
-    dependencies:
-      whatwg-url: 5.0.0
-
-  node-releases@2.0.19: {}
-
-  normalize-range@0.1.2: {}
-
-  object-assign@4.1.1: {}
-
-  object-inspect@1.13.4: {}
-
-  object-keys@1.1.1: {}
-
-  object.assign@4.1.7:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-      has-symbols: 1.1.0
-      object-keys: 1.1.1
-
-  object.entries@1.1.9:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  object.fromentries@2.0.8:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-object-atoms: 1.1.1
-
-  object.groupby@1.0.3:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-
-  object.values@1.2.1:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  on-finished@2.4.1:
-    dependencies:
-      ee-first: 1.1.1
-
-  once@1.4.0:
-    dependencies:
-      wrappy: 1.0.2
-
-  openapi-fetch@0.9.8:
-    dependencies:
-      openapi-typescript-helpers: 0.0.8
-
-  openapi-typescript-helpers@0.0.8: {}
-
-  optionator@0.9.4:
-    dependencies:
-      deep-is: 0.1.4
-      fast-levenshtein: 2.0.6
-      levn: 0.4.1
-      prelude-ls: 1.2.1
-      type-check: 0.4.0
-      word-wrap: 1.2.5
-
-  own-keys@1.0.1:
-    dependencies:
-      get-intrinsic: 1.3.0
-      object-keys: 1.1.1
-      safe-push-apply: 1.0.0
-
-  p-limit@3.1.0:
-    dependencies:
-      yocto-queue: 0.1.0
-
-  p-locate@5.0.0:
-    dependencies:
-      p-limit: 3.1.0
-
-  parent-module@1.0.1:
-    dependencies:
-      callsites: 3.1.0
-
-  parse-entities@2.0.0:
-    dependencies:
-      character-entities: 1.2.4
-      character-entities-legacy: 1.1.4
-      character-reference-invalid: 1.1.4
-      is-alphanumerical: 1.0.4
-      is-decimal: 1.0.4
-      is-hexadecimal: 1.0.4
-
-  parseurl@1.3.3: {}
-
-  path-exists@4.0.0: {}
-
-  path-key@3.1.1: {}
-
-  path-parse@1.0.7: {}
-
-  path-to-regexp@8.2.0: {}
-
-  picocolors@1.1.1: {}
-
-  picomatch@2.3.1: {}
-
-  picomatch@4.0.3: {}
-
-  platform@1.3.6: {}
-
-  possible-typed-array-names@1.1.0: {}
-
-  postcss-value-parser@4.2.0: {}
-
-  postcss@8.4.31:
-    dependencies:
-      nanoid: 3.3.11
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
-  postcss@8.5.6:
-    dependencies:
-      nanoid: 3.3.11
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
-  prelude-ls@1.2.1: {}
-
-  prismjs@1.27.0: {}
-
-  prismjs@1.30.0: {}
-
-  prop-types@15.8.1:
-    dependencies:
-      loose-envify: 1.4.0
-      object-assign: 4.1.1
-      react-is: 16.13.1
-
-  property-information@5.6.0:
-    dependencies:
-      xtend: 4.0.2
-
-  proxy-addr@2.0.7:
-    dependencies:
-      forwarded: 0.2.0
-      ipaddr.js: 1.9.1
-
-  punycode@2.3.1: {}
-
-  qs@6.14.0:
-    dependencies:
-      side-channel: 1.1.0
-
-  queue-microtask@1.2.3: {}
-
-  range-parser@1.2.1: {}
-
-  raw-body@3.0.0:
-    dependencies:
-      bytes: 3.1.2
-      http-errors: 2.0.0
-      iconv-lite: 0.6.3
-      unpipe: 1.0.0
-
-  react-dom@19.1.0(react@19.1.0):
-    dependencies:
-      react: 19.1.0
-      scheduler: 0.26.0
-
-  react-icons@5.5.0(react@19.1.0):
-    dependencies:
-      react: 19.1.0
-
-  react-is@16.13.1: {}
-
-  react-syntax-highlighter@15.6.1(react@19.1.0):
-    dependencies:
-      '@babel/runtime': 7.28.2
-      highlight.js: 10.7.3
-      highlightjs-vue: 1.0.0
-      lowlight: 1.20.0
-      prismjs: 1.30.0
-      react: 19.1.0
-      refractor: 3.6.0
-
-  react@19.1.0: {}
-
-  reflect.getprototypeof@1.0.10:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      get-proto: 1.0.1
-      which-builtin-type: 1.2.1
-
-  refractor@3.6.0:
-    dependencies:
-      hastscript: 6.0.0
-      parse-entities: 2.0.0
-      prismjs: 1.27.0
-
-  regexp.prototype.flags@1.5.4:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-errors: 1.3.0
-      get-proto: 1.0.1
-      gopd: 1.2.0
-      set-function-name: 2.0.2
-
-  resolve-from@4.0.0: {}
-
-  resolve-pkg-maps@1.0.0: {}
-
-  resolve@1.22.10:
-    dependencies:
-      is-core-module: 2.16.1
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-
-  resolve@2.0.0-next.5:
-    dependencies:
-      is-core-module: 2.16.1
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-
-  reusify@1.1.0: {}
-
-  router@2.2.0:
-    dependencies:
-      debug: 4.4.1
-      depd: 2.0.0
-      is-promise: 4.0.0
-      parseurl: 1.3.3
-      path-to-regexp: 8.2.0
-    transitivePeerDependencies:
-      - supports-color
-
-  run-parallel@1.2.0:
-    dependencies:
-      queue-microtask: 1.2.3
-
-  safe-array-concat@1.1.3:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-      has-symbols: 1.1.0
-      isarray: 2.0.5
-
-  safe-buffer@5.2.1: {}
-
-  safe-push-apply@1.0.0:
-    dependencies:
-      es-errors: 1.3.0
-      isarray: 2.0.5
-
-  safe-regex-test@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-regex: 1.2.1
-
-  safer-buffer@2.1.2: {}
-
-  scheduler@0.26.0: {}
-
-  semver@6.3.1: {}
-
-  semver@7.7.2: {}
-
-  send@1.2.0:
-    dependencies:
-      debug: 4.4.1
-      encodeurl: 2.0.0
-      escape-html: 1.0.3
-      etag: 1.8.1
-      fresh: 2.0.0
-      http-errors: 2.0.0
-      mime-types: 3.0.1
-      ms: 2.1.3
-      on-finished: 2.4.1
-      range-parser: 1.2.1
-      statuses: 2.0.2
-    transitivePeerDependencies:
-      - supports-color
-
-  serve-static@2.2.0:
-    dependencies:
-      encodeurl: 2.0.0
-      escape-html: 1.0.3
-      parseurl: 1.3.3
-      send: 1.2.0
-    transitivePeerDependencies:
-      - supports-color
-
-  set-function-length@1.2.2:
-    dependencies:
-      define-data-property: 1.1.4
-      es-errors: 1.3.0
-      function-bind: 1.1.2
-      get-intrinsic: 1.3.0
-      gopd: 1.2.0
-      has-property-descriptors: 1.0.2
-
-  set-function-name@2.0.2:
-    dependencies:
-      define-data-property: 1.1.4
-      es-errors: 1.3.0
-      functions-have-names: 1.2.3
-      has-property-descriptors: 1.0.2
-
-  set-proto@1.0.0:
-    dependencies:
-      dunder-proto: 1.0.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-
-  setprototypeof@1.2.0: {}
-
-  sharp@0.34.3:
-    dependencies:
-      color: 4.2.3
-      detect-libc: 2.0.4
-      semver: 7.7.2
-    optionalDependencies:
-      '@img/sharp-darwin-arm64': 0.34.3
-      '@img/sharp-darwin-x64': 0.34.3
-      '@img/sharp-libvips-darwin-arm64': 1.2.0
-      '@img/sharp-libvips-darwin-x64': 1.2.0
-      '@img/sharp-libvips-linux-arm': 1.2.0
-      '@img/sharp-libvips-linux-arm64': 1.2.0
-      '@img/sharp-libvips-linux-ppc64': 1.2.0
-      '@img/sharp-libvips-linux-s390x': 1.2.0
-      '@img/sharp-libvips-linux-x64': 1.2.0
-      '@img/sharp-libvips-linuxmusl-arm64': 1.2.0
-      '@img/sharp-libvips-linuxmusl-x64': 1.2.0
-      '@img/sharp-linux-arm': 0.34.3
-      '@img/sharp-linux-arm64': 0.34.3
-      '@img/sharp-linux-ppc64': 0.34.3
-      '@img/sharp-linux-s390x': 0.34.3
-      '@img/sharp-linux-x64': 0.34.3
-      '@img/sharp-linuxmusl-arm64': 0.34.3
-      '@img/sharp-linuxmusl-x64': 0.34.3
-      '@img/sharp-wasm32': 0.34.3
-      '@img/sharp-win32-arm64': 0.34.3
-      '@img/sharp-win32-ia32': 0.34.3
-      '@img/sharp-win32-x64': 0.34.3
-    optional: true
-
-  shebang-command@2.0.0:
-    dependencies:
-      shebang-regex: 3.0.0
-
-  shebang-regex@3.0.0: {}
-
-  side-channel-list@1.0.0:
-    dependencies:
-      es-errors: 1.3.0
-      object-inspect: 1.13.4
-
-  side-channel-map@1.0.1:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      object-inspect: 1.13.4
-
-  side-channel-weakmap@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      object-inspect: 1.13.4
-      side-channel-map: 1.0.1
-
-  side-channel@1.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      object-inspect: 1.13.4
-      side-channel-list: 1.0.0
-      side-channel-map: 1.0.1
-      side-channel-weakmap: 1.0.2
-
-  simple-swizzle@0.2.2:
-    dependencies:
-      is-arrayish: 0.3.2
-    optional: true
-
-  source-map-js@1.2.1: {}
-
-  space-separated-tokens@1.1.5: {}
-
-  stable-hash@0.0.5: {}
-
-  statuses@2.0.1: {}
-
-  statuses@2.0.2: {}
-
-  stop-iteration-iterator@1.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      internal-slot: 1.1.0
-
-  string.prototype.includes@2.0.1:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-
-  string.prototype.matchall@4.0.12:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      gopd: 1.2.0
-      has-symbols: 1.1.0
-      internal-slot: 1.1.0
-      regexp.prototype.flags: 1.5.4
-      set-function-name: 2.0.2
-      side-channel: 1.1.0
-
-  string.prototype.repeat@1.0.0:
-    dependencies:
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-
-  string.prototype.trim@1.2.10:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-data-property: 1.1.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-object-atoms: 1.1.1
-      has-property-descriptors: 1.0.2
-
-  string.prototype.trimend@1.0.9:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  string.prototype.trimstart@1.0.8:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  strip-bom@3.0.0: {}
-
-  strip-json-comments@3.1.1: {}
-
-  styled-jsx@5.1.6(react@19.1.0):
-    dependencies:
-      client-only: 0.0.1
-      react: 19.1.0
-
-  supports-color@7.2.0:
-    dependencies:
-      has-flag: 4.0.0
-
-  supports-preserve-symlinks-flag@1.0.0: {}
-
-  tailwind-merge@3.3.1: {}
-
-  tailwindcss-animate@1.0.7(tailwindcss@4.1.11):
-    dependencies:
-      tailwindcss: 4.1.11
-
-  tailwindcss@4.1.11: {}
-
-  tapable@2.2.2: {}
-
-  tar@7.4.3:
-    dependencies:
-      '@isaacs/fs-minipass': 4.0.1
-      chownr: 3.0.0
-      minipass: 7.1.2
-      minizlib: 3.0.2
-      mkdirp: 3.0.1
-      yallist: 5.0.0
-
-  tinyglobby@0.2.14:
-    dependencies:
-      fdir: 6.4.6(picomatch@4.0.3)
-      picomatch: 4.0.3
-
-  to-regex-range@5.0.1:
-    dependencies:
-      is-number: 7.0.0
-
-  toidentifier@1.0.1: {}
-
-  tr46@0.0.3: {}
-
-  ts-api-utils@2.1.0(typescript@5.9.2):
-    dependencies:
-      typescript: 5.9.2
-
-  tsconfig-paths@3.15.0:
-    dependencies:
-      '@types/json5': 0.0.29
-      json5: 1.0.2
-      minimist: 1.2.8
-      strip-bom: 3.0.0
-
-  tslib@2.8.1: {}
-
-  type-check@0.4.0:
-    dependencies:
-      prelude-ls: 1.2.1
-
-  type-is@2.0.1:
-    dependencies:
-      content-type: 1.0.5
-      media-typer: 1.1.0
-      mime-types: 3.0.1
-
-  typed-array-buffer@1.0.3:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-typed-array: 1.1.15
-
-  typed-array-byte-length@1.0.3:
-    dependencies:
-      call-bind: 1.0.8
-      for-each: 0.3.5
-      gopd: 1.2.0
-      has-proto: 1.2.0
-      is-typed-array: 1.1.15
-
-  typed-array-byte-offset@1.0.4:
-    dependencies:
-      available-typed-arrays: 1.0.7
-      call-bind: 1.0.8
-      for-each: 0.3.5
-      gopd: 1.2.0
-      has-proto: 1.2.0
-      is-typed-array: 1.1.15
-      reflect.getprototypeof: 1.0.10
-
-  typed-array-length@1.0.7:
-    dependencies:
-      call-bind: 1.0.8
-      for-each: 0.3.5
-      gopd: 1.2.0
-      is-typed-array: 1.1.15
-      possible-typed-array-names: 1.1.0
-      reflect.getprototypeof: 1.0.10
-
-  typescript@5.9.2: {}
-
-  unbox-primitive@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      has-bigints: 1.1.0
-      has-symbols: 1.1.0
-      which-boxed-primitive: 1.1.1
-
-  undici-types@5.26.5: {}
-
-  undici-types@6.21.0: {}
-
-  unpipe@1.0.0: {}
-
-  unrs-resolver@1.11.1:
-    dependencies:
-      napi-postinstall: 0.3.2
-    optionalDependencies:
-      '@unrs/resolver-binding-android-arm-eabi': 1.11.1
-      '@unrs/resolver-binding-android-arm64': 1.11.1
-      '@unrs/resolver-binding-darwin-arm64': 1.11.1
-      '@unrs/resolver-binding-darwin-x64': 1.11.1
-      '@unrs/resolver-binding-freebsd-x64': 1.11.1
-      '@unrs/resolver-binding-linux-arm-gnueabihf': 1.11.1
-      '@unrs/resolver-binding-linux-arm-musleabihf': 1.11.1
-      '@unrs/resolver-binding-linux-arm64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-arm64-musl': 1.11.1
-      '@unrs/resolver-binding-linux-ppc64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-riscv64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-riscv64-musl': 1.11.1
-      '@unrs/resolver-binding-linux-s390x-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-x64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-x64-musl': 1.11.1
-      '@unrs/resolver-binding-wasm32-wasi': 1.11.1
-      '@unrs/resolver-binding-win32-arm64-msvc': 1.11.1
-      '@unrs/resolver-binding-win32-ia32-msvc': 1.11.1
-      '@unrs/resolver-binding-win32-x64-msvc': 1.11.1
-
-  update-browserslist-db@1.1.3(browserslist@4.25.1):
-    dependencies:
-      browserslist: 4.25.1
-      escalade: 3.2.0
-      picocolors: 1.1.1
-
-  uri-js@4.4.1:
-    dependencies:
-      punycode: 2.3.1
-
-  vary@1.1.2: {}
-
-  web-streams-polyfill@4.0.0-beta.3: {}
-
-  webidl-conversions@3.0.1: {}
-
-  whatwg-url@5.0.0:
-    dependencies:
-      tr46: 0.0.3
-      webidl-conversions: 3.0.1
-
-  which-boxed-primitive@1.1.1:
-    dependencies:
-      is-bigint: 1.1.0
-      is-boolean-object: 1.2.2
-      is-number-object: 1.1.1
-      is-string: 1.1.1
-      is-symbol: 1.1.1
-
-  which-builtin-type@1.2.1:
-    dependencies:
-      call-bound: 1.0.4
-      function.prototype.name: 1.1.8
-      has-tostringtag: 1.0.2
-      is-async-function: 2.1.1
-      is-date-object: 1.1.0
-      is-finalizationregistry: 1.1.1
-      is-generator-function: 1.1.0
-      is-regex: 1.2.1
-      is-weakref: 1.1.1
-      isarray: 2.0.5
-      which-boxed-primitive: 1.1.1
-      which-collection: 1.0.2
-      which-typed-array: 1.1.19
-
-  which-collection@1.0.2:
-    dependencies:
-      is-map: 2.0.3
-      is-set: 2.0.3
-      is-weakmap: 2.0.2
-      is-weakset: 2.0.4
-
-  which-typed-array@1.1.19:
-    dependencies:
-      available-typed-arrays: 1.0.7
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      for-each: 0.3.5
-      get-proto: 1.0.1
-      gopd: 1.2.0
-      has-tostringtag: 1.0.2
-
-  which@2.0.2:
-    dependencies:
-      isexe: 2.0.0
-
-  word-wrap@1.2.5: {}
-
-  wrappy@1.0.2: {}
-
-  xtend@4.0.2: {}
-
-  yallist@5.0.0: {}
-
-  yocto-queue@0.1.0: {}
-
-  zod-to-json-schema@3.24.6(zod@3.25.76):
-    dependencies:
-      zod: 3.25.76
-
-  zod@3.25.76: {}
diff --git a/postcss.config.mjs b/postcss.config.mjs
index 6a83185b6..f9600b447 100644
--- a/postcss.config.mjs
+++ b/postcss.config.mjs
@@ -1,7 +1,6 @@
-const config = {
+const config = {
   plugins: {
-    '@tailwindcss/postcss': {},
-    autoprefixer: {},
+    "@tailwindcss/postcss": {},
   },
 };
 
diff --git a/railway.json b/railway.json
new file mode 100644
index 000000000..46bcfcfea
--- /dev/null
+++ b/railway.json
@@ -0,0 +1,11 @@
+{
+  "$schema": "https://railway.app/railway.schema.json",
+  "build": {
+    "builder": "NIXPACKS"
+  },
+  "deploy": {
+    "startCommand": "npm start",
+    "restartPolicyType": "ON_FAILURE",
+    "restartPolicyMaxRetries": 10
+  }
+}
diff --git a/scripts/add-auth-button.js b/scripts/add-auth-button.js
new file mode 100644
index 000000000..e2ffc4228
--- /dev/null
+++ b/scripts/add-auth-button.js
@@ -0,0 +1,109 @@
+/**
+ * Script to automatically add auth button to home screen
+ * Run with: node scripts/add-auth-button.js
+ */
+
+import { readFileSync, writeFileSync } from 'fs';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const pagePath = join(__dirname, '..', 'app', 'page.tsx');
+
+console.log('🔧 Adding auth button to home screen...\n');
+
+try {
+  // Read the file
+  let content = readFileSync(pagePath, 'utf8');
+  
+  // Check if already integrated
+  if (content.includes('HomeScreenHeader')) {
+    console.log('✅ Auth button already integrated!');
+    process.exit(0);
+  }
+  
+  // Add import if not exists
+  if (!content.includes("import HomeScreenHeader from '@/components/HomeScreenHeader'")) {
+    const importLine = "import HomeScreenHeader from '@/components/HomeScreenHeader';";
+    const userButtonImport = "import UserButton from '@/components/auth/UserButton';";
+    
+    if (content.includes(userButtonImport)) {
+      content = content.replace(
+        userButtonImport,
+        `${userButtonImport}\n${importLine}`
+      );
+      console.log('✅ Added HomeScreenHeader import');
+    }
+  }
+  
+  // Replace the GitHub button with HomeScreenHeader
+  const oldHeader = `<div className="absolute top-0 left-0 right-0 z-20 px-6 py-4 flex items-center justify-between animate-[fadeIn_0.8s_ease-out]">
+            <ThemeLogo />
+            <a 
+              href="https://github.com/mendableai/open-lovable" 
+              target="_blank" 
+              rel="noopener noreferrer"
+              className="inline-flex items-center gap-2 bg-[#36322F] text-white px-3 py-2 rounded-[10px] text-sm font-medium [box-shadow:inset_0px_-2px_0px_0px_#171310,_0px_1px_6px_0px_rgba(58,_33,_8,_58%)] hover:translate-y-[1px] hover:scale-[0.98] hover:[box-shadow:inset_0px_-1px_0px_0px_#171310,_0px_1px_3px_0px_rgba(58,_33,_8,_40%)] active:translate-y-[2px] active:scale-[0.97] active:[box-shadow:inset_0px_1px_1px_0px_#171310,_0px_1px_2px_0px_rgba(58,_33,_8,_30%)] transition-all duration-200"
+            >
+              <FiGithub className="w-4 h-4" />
+              <span>Использовать этот шаблон</span>
+            </a>
+          </div>`;
+  
+  const newHeader = `<HomeScreenHeader />`;
+  
+  if (content.includes('Использовать этот шаблон')) {
+    // Try to replace
+    const lines = content.split('\n');
+    let inGitHubButton = false;
+    let startLine = -1;
+    let endLine = -1;
+    
+    for (let i = 0; i < lines.length; i++) {
+      if (lines[i].includes('Использовать этот шаблон')) {
+        // Find the start of the div
+        for (let j = i; j >= 0; j--) {
+          if (lines[j].includes('absolute top-0 left-0 right-0')) {
+            startLine = j;
+            break;
+          }
+        }
+        // Find the end
+        for (let j = i; j < lines.length; j++) {
+          if (lines[j].trim() === '</div>' && j > i) {
+            endLine = j;
+            break;
+          }
+        }
+        break;
+      }
+    }
+    
+    if (startLine !== -1 && endLine !== -1) {
+      const indent = lines[startLine].match(/^(\s*)/)[1];
+      lines.splice(startLine, endLine - startLine + 1, `${indent}<HomeScreenHeader />`);
+      content = lines.join('\n');
+      console.log('✅ Replaced GitHub button with HomeScreenHeader');
+    } else {
+      console.log('⚠️  Could not find exact location. Please edit manually.');
+      console.log('   See INTEGRATION_GUIDE.md for instructions.');
+      process.exit(1);
+    }
+  }
+  
+  // Write the file
+  writeFileSync(pagePath, content, 'utf8');
+  
+  console.log('\n✅ Successfully integrated auth button!');
+  console.log('\n📝 Next steps:');
+  console.log('   1. Test the changes: npm run dev');
+  console.log('   2. Commit: git add . && git commit -m "feat: Add auth button to home screen"');
+  console.log('   3. Push: git push origin main');
+  
+} catch (error) {
+  console.error('❌ Error:', error.message);
+  console.log('\n📚 Please follow manual instructions in INTEGRATION_GUIDE.md');
+  process.exit(1);
+}
diff --git a/scripts/test-supabase.js b/scripts/test-supabase.js
new file mode 100644
index 000000000..56cc6b1c2
--- /dev/null
+++ b/scripts/test-supabase.js
@@ -0,0 +1,153 @@
+/**
+ * Test script for Supabase integration
+ * Run with: node scripts/test-supabase.js
+ */
+
+import { createClient } from '@supabase/supabase-js';
+import dotenv from 'dotenv';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+// Load environment variables
+dotenv.config({ path: join(__dirname, '..', '.env.local') });
+
+const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
+const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY;
+const supabaseServiceKey = process.env.SUPABASE_SERVICE_ROLE_KEY;
+
+console.log('🧪 Testing Supabase Integration\n');
+console.log('=' .repeat(50));
+
+// Check environment variables
+console.log('\n📋 Checking environment variables...');
+if (!supabaseUrl) {
+  console.error('❌ NEXT_PUBLIC_SUPABASE_URL is not set');
+  process.exit(1);
+}
+if (!supabaseAnonKey) {
+  console.error('❌ NEXT_PUBLIC_SUPABASE_ANON_KEY is not set');
+  process.exit(1);
+}
+if (!supabaseServiceKey) {
+  console.warn('⚠️  SUPABASE_SERVICE_ROLE_KEY is not set (optional for server-side operations)');
+}
+
+console.log('✅ Environment variables are set');
+console.log(`   URL: ${supabaseUrl}`);
+console.log(`   Anon Key: ${supabaseAnonKey.substring(0, 20)}...`);
+if (supabaseServiceKey) {
+  console.log(`   Service Key: ${supabaseServiceKey.substring(0, 20)}...`);
+}
+
+// Test connection with anon key
+console.log('\n🔌 Testing connection with anon key...');
+const supabase = createClient(supabaseUrl, supabaseAnonKey);
+
+try {
+  // Try to query a system table to test connection
+  const { data, error } = await supabase
+    .from('_supabase_migrations')
+    .select('version')
+    .limit(1);
+
+  if (error) {
+    // If migrations table doesn't exist, that's OK - connection still works
+    if (error.code === '42P01') {
+      console.log('✅ Connection successful (migrations table not found, but connection works)');
+    } else {
+      console.error('❌ Connection error:', error.message);
+      console.error('   Code:', error.code);
+    }
+  } else {
+    console.log('✅ Connection successful');
+    if (data && data.length > 0) {
+      console.log(`   Found ${data.length} migration(s)`);
+    }
+  }
+} catch (err) {
+  console.error('❌ Connection failed:', err.message);
+  process.exit(1);
+}
+
+// Test service role connection if available
+if (supabaseServiceKey) {
+  console.log('\n🔐 Testing connection with service role key...');
+  const serviceClient = createClient(supabaseUrl, supabaseServiceKey);
+  
+  try {
+    const { data, error } = await serviceClient
+      .from('_supabase_migrations')
+      .select('version')
+      .limit(1);
+
+    if (error) {
+      if (error.code === '42P01') {
+        console.log('✅ Service role connection successful');
+      } else {
+        console.error('❌ Service role connection error:', error.message);
+      }
+    } else {
+      console.log('✅ Service role connection successful');
+    }
+  } catch (err) {
+    console.error('❌ Service role connection failed:', err.message);
+  }
+}
+
+// List available tables
+console.log('\n📊 Checking database schema...');
+try {
+  const { data: tables, error } = await supabase
+    .from('information_schema.tables')
+    .select('table_name')
+    .eq('table_schema', 'public')
+    .order('table_name');
+
+  if (error) {
+    console.log('⚠️  Could not list tables (this is normal if RLS is enabled)');
+    console.log('   You may need to query specific tables directly');
+  } else if (tables && tables.length > 0) {
+    console.log(`✅ Found ${tables.length} table(s) in public schema:`);
+    tables.forEach(table => {
+      console.log(`   - ${table.table_name}`);
+    });
+  } else {
+    console.log('ℹ️  No tables found in public schema');
+    console.log('   Create tables in Supabase Dashboard to get started');
+  }
+} catch (err) {
+  console.log('⚠️  Could not check schema:', err.message);
+}
+
+// Test auth functionality
+console.log('\n🔑 Testing auth functionality...');
+try {
+  const { data: { session }, error } = await supabase.auth.getSession();
+  
+  if (error) {
+    console.error('❌ Auth check failed:', error.message);
+  } else {
+    console.log('✅ Auth module is working');
+    if (session) {
+      console.log('   Current session found');
+    } else {
+      console.log('   No active session (this is normal)');
+    }
+  }
+} catch (err) {
+  console.error('❌ Auth test failed:', err.message);
+}
+
+// Summary
+console.log('\n' + '='.repeat(50));
+console.log('✅ Supabase integration test completed!');
+console.log('\n📚 Next steps:');
+console.log('   1. Create tables in Supabase Dashboard');
+console.log('   2. Set up Row Level Security (RLS) policies');
+console.log('   3. Test with your application code');
+console.log('   4. See SUPABASE_SETUP.md for examples');
+console.log('\n🔗 Dashboard: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum');
+console.log('=' .repeat(50) + '\n');
diff --git a/supabase.md b/supabase.md
new file mode 100644
index 000000000..ed1febb7c
--- /dev/null
+++ b/supabase.md
@@ -0,0 +1,1208 @@
+# Supabase Documentation
+
+Supabase is an open-source Firebase alternative that provides a complete backend-as-a-service platform built on PostgreSQL. It combines database, authentication, storage, real-time subscriptions, and edge functions into a unified ecosystem accessible through REST APIs, GraphQL, and client SDKs. Every Supabase project includes a full Postgres database with automatic API generation, Row Level Security (RLS), and real-time capabilities powered by database triggers and WebSocket connections.
+
+The platform is designed for rapid application development with developer-friendly tools including auto-generated documentation, SQL editor, table editor, local development CLI, and comprehensive client libraries for JavaScript, Flutter, Swift, Python, C#, and Kotlin. Supabase can be used for building everything from simple web apps to complex SaaS applications with features like social authentication, file storage with CDN delivery, serverless edge functions, AI/ML integrations with vector embeddings, and scheduled jobs via pg_cron.
+
+## JavaScript Client - Initialize Supabase Client
+
+Create a Supabase client instance to interact with all Supabase services including database, auth, storage, and realtime features. The client automatically handles authentication headers and provides a unified interface for all API calls.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+// Initialize the Supabase client with your project credentials
+const supabaseUrl = 'https://apbkobhfnmcqqzqeeqss.supabase.co'
+const supabaseKey = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...'
+const supabase = createClient(supabaseUrl, supabaseKey)
+
+// With custom options
+const supabaseWithOptions = createClient(supabaseUrl, supabaseKey, {
+  auth: {
+    autoRefreshToken: true,
+    persistSession: true,
+    detectSessionInUrl: true
+  },
+  db: {
+    schema: 'public'
+  },
+  global: {
+    headers: { 'x-custom-header': 'my-app' }
+  }
+})
+
+// Client is now ready for queries
+const { data, error } = await supabase
+  .from('instruments')
+  .select('*')
+```
+
+## JavaScript Client - Query Data
+
+Execute database queries using the auto-generated REST API with chainable query builder methods. Supports filtering, ordering, pagination, and nested relationships.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Simple select query
+const { data: instruments, error } = await supabase
+  .from('instruments')
+  .select('*')
+
+if (error) {
+  console.error('Error fetching instruments:', error)
+  throw error
+}
+console.log('Instruments:', instruments)
+
+// Query with filters, ordering, and pagination
+const { data: violins, error: violinError } = await supabase
+  .from('instruments')
+  .select('id, name, created_at')
+  .eq('type', 'string')
+  .ilike('name', '%violin%')
+  .order('created_at', { ascending: false })
+  .range(0, 9)  // First 10 results
+
+// Query with nested relationships
+const { data: orders, error: orderError } = await supabase
+  .from('orders')
+  .select(`
+    id,
+    total,
+    customer:customers (
+      name,
+      email
+    ),
+    items:order_items (
+      quantity,
+      product:products (
+        name,
+        price
+      )
+    )
+  `)
+  .gte('total', 100)
+
+// Single row query
+const { data: instrument, error: singleError } = await supabase
+  .from('instruments')
+  .select('*')
+  .eq('id', 1)
+  .single()  // Expects exactly one result
+```
+
+## JavaScript Client - Insert Data
+
+Insert new rows into your database tables with automatic validation and RLS policy enforcement.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Insert single row
+const { data: newInstrument, error } = await supabase
+  .from('instruments')
+  .insert({ name: 'trumpet', type: 'brass', price: 799.99 })
+  .select()
+  .single()
+
+if (error) {
+  console.error('Insert failed:', error)
+  throw error
+}
+console.log('Created instrument:', newInstrument)
+
+// Insert multiple rows
+const instruments = [
+  { name: 'flute', type: 'woodwind', price: 599.99 },
+  { name: 'saxophone', type: 'woodwind', price: 1299.99 },
+  { name: 'trombone', type: 'brass', price: 899.99 }
+]
+
+const { data: createdInstruments, error: bulkError } = await supabase
+  .from('instruments')
+  .insert(instruments)
+  .select()
+
+if (bulkError) {
+  console.error('Bulk insert failed:', bulkError)
+  throw bulkError
+}
+console.log(`Created ${createdInstruments.length} instruments`)
+
+// Upsert (insert or update if exists)
+const { data: upserted, error: upsertError } = await supabase
+  .from('instruments')
+  .upsert({ id: 1, name: 'violin', type: 'string', price: 1499.99 })
+  .select()
+```
+
+## JavaScript Client - Update Data
+
+Update existing rows with filters and RLS policy enforcement.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Update by ID
+const { data: updated, error } = await supabase
+  .from('instruments')
+  .update({ price: 899.99, updated_at: new Date().toISOString() })
+  .eq('id', 1)
+  .select()
+
+if (error) {
+  console.error('Update failed:', error)
+  throw error
+}
+console.log('Updated instrument:', updated)
+
+// Update multiple rows with filter
+const { data: discounted, error: discountError } = await supabase
+  .from('instruments')
+  .update({ price: supabase.sql`price * 0.9` })  // 10% discount
+  .eq('type', 'brass')
+  .select()
+
+console.log(`Applied discount to ${discounted.length} brass instruments`)
+
+// Conditional update
+const { data: result, error: condError } = await supabase
+  .from('instruments')
+  .update({ in_stock: false })
+  .eq('quantity', 0)
+  .select()
+```
+
+## JavaScript Client - Delete Data
+
+Remove rows from database tables with filter conditions and RLS enforcement.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Delete by ID
+const { error } = await supabase
+  .from('instruments')
+  .delete()
+  .eq('id', 1)
+
+if (error) {
+  console.error('Delete failed:', error)
+  throw error
+}
+console.log('Instrument deleted successfully')
+
+// Delete with multiple conditions
+const { data: deleted, error: deleteError } = await supabase
+  .from('instruments')
+  .delete()
+  .eq('in_stock', false)
+  .lt('price', 100)
+  .select()  // Return deleted rows
+
+console.log(`Deleted ${deleted.length} out-of-stock budget instruments`)
+
+// Delete all matching rows
+const { error: purgeError } = await supabase
+  .from('logs')
+  .delete()
+  .lt('created_at', new Date('2024-01-01').toISOString())
+
+if (!purgeError) {
+  console.log('Old logs purged successfully')
+}
+```
+
+## Authentication - Sign Up with Email
+
+Create new user accounts with email/password and optional metadata.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Basic email signup
+const { data, error } = await supabase.auth.signUp({
+  email: 'user@example.com',
+  password: 'securePassword123!',
+})
+
+if (error) {
+  console.error('Signup failed:', error.message)
+  throw error
+}
+
+console.log('User created:', data.user.id)
+console.log('Session:', data.session?.access_token)
+
+// Signup with user metadata
+const { data: userData, error: signupError } = await supabase.auth.signUp({
+  email: 'user@example.com',
+  password: 'securePassword123!',
+  options: {
+    data: {
+      first_name: 'John',
+      last_name: 'Doe',
+      age: 30,
+      subscription_plan: 'pro'
+    },
+    emailRedirectTo: 'https://example.com/welcome'
+  }
+})
+
+if (signupError) {
+  if (signupError.message.includes('already registered')) {
+    console.error('Email already in use')
+  }
+  throw signupError
+}
+
+// Metadata is accessible via user.user_metadata
+console.log('User metadata:', userData.user.user_metadata)
+```
+
+## Authentication - Sign In with Email
+
+Authenticate existing users and establish sessions.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Email/password sign in
+const { data, error } = await supabase.auth.signInWithPassword({
+  email: 'user@example.com',
+  password: 'securePassword123!',
+})
+
+if (error) {
+  console.error('Sign in failed:', error.message)
+  throw error
+}
+
+console.log('User:', data.user.email)
+console.log('Access token:', data.session.access_token)
+console.log('Refresh token:', data.session.refresh_token)
+
+// Access token is automatically included in subsequent requests
+const { data: profile, error: profileError } = await supabase
+  .from('profiles')
+  .select('*')
+  .eq('id', data.user.id)
+  .single()
+
+// Listen for auth state changes
+supabase.auth.onAuthStateChange((event, session) => {
+  console.log('Auth event:', event)
+  if (event === 'SIGNED_IN') {
+    console.log('User signed in:', session.user.email)
+  } else if (event === 'SIGNED_OUT') {
+    console.log('User signed out')
+  } else if (event === 'TOKEN_REFRESHED') {
+    console.log('Token refreshed')
+  }
+})
+```
+
+## Authentication - OAuth Sign In
+
+Authenticate users with third-party OAuth providers like Google, GitHub, and more.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Sign in with Google
+const { data, error } = await supabase.auth.signInWithOAuth({
+  provider: 'google',
+  options: {
+    redirectTo: 'https://example.com/auth/callback',
+    scopes: 'email profile',
+    queryParams: {
+      access_type: 'offline',
+      prompt: 'consent',
+    }
+  }
+})
+
+if (error) {
+  console.error('OAuth sign in failed:', error)
+  throw error
+}
+
+console.log('Redirect URL:', data.url)
+// User should be redirected to data.url to complete OAuth flow
+
+// Sign in with GitHub
+const { data: githubData, error: githubError } = await supabase.auth.signInWithOAuth({
+  provider: 'github',
+  options: {
+    redirectTo: 'https://example.com/auth/callback'
+  }
+})
+
+// Handle callback after OAuth redirect
+// The user is automatically signed in when they return to redirectTo URL
+const { data: { session }, error: sessionError } = await supabase.auth.getSession()
+
+if (session) {
+  console.log('User authenticated:', session.user.email)
+  console.log('OAuth provider:', session.user.app_metadata.provider)
+  console.log('Provider user data:', session.user.user_metadata)
+}
+
+// Sign out
+await supabase.auth.signOut()
+```
+
+## Authentication - Get Current User Session
+
+Retrieve the current user's session and authentication state.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Get current session
+const { data: { session }, error } = await supabase.auth.getSession()
+
+if (error) {
+  console.error('Failed to get session:', error)
+  throw error
+}
+
+if (session) {
+  console.log('User is authenticated')
+  console.log('User ID:', session.user.id)
+  console.log('Email:', session.user.email)
+  console.log('Access token:', session.access_token)
+  console.log('Expires at:', new Date(session.expires_at * 1000))
+} else {
+  console.log('No active session')
+}
+
+// Get current user (includes fetching fresh user data)
+const { data: { user }, error: userError } = await supabase.auth.getUser()
+
+if (user) {
+  console.log('User metadata:', user.user_metadata)
+  console.log('App metadata:', user.app_metadata)
+  console.log('Created at:', user.created_at)
+  console.log('Last sign in:', user.last_sign_in_at)
+}
+
+// Refresh session if needed
+const { data: refreshed, error: refreshError } = await supabase.auth.refreshSession()
+if (refreshed.session) {
+  console.log('Session refreshed, new token:', refreshed.session.access_token)
+}
+```
+
+## Authentication - Update User Metadata
+
+Update user profile information and custom metadata fields.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Update user metadata
+const { data, error } = await supabase.auth.updateUser({
+  data: {
+    first_name: 'Jane',
+    last_name: 'Smith',
+    age: 32,
+    preferences: {
+      theme: 'dark',
+      notifications: true
+    }
+  }
+})
+
+if (error) {
+  console.error('Update failed:', error)
+  throw error
+}
+
+console.log('Updated user:', data.user.email)
+console.log('New metadata:', data.user.user_metadata)
+
+// Update email
+const { data: emailData, error: emailError } = await supabase.auth.updateUser({
+  email: 'newemail@example.com'
+})
+
+if (!emailError) {
+  console.log('Confirmation email sent to new address')
+}
+
+// Update password
+const { data: passwordData, error: passwordError } = await supabase.auth.updateUser({
+  password: 'newSecurePassword456!'
+})
+
+if (!passwordError) {
+  console.log('Password updated successfully')
+}
+```
+
+## Storage - Upload File
+
+Upload files to Supabase Storage buckets with automatic content type detection and access control.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+import { readFile } from 'fs/promises'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Upload file from buffer
+const fileBuffer = await readFile('./image.jpg')
+const { data, error } = await supabase
+  .storage
+  .from('images')
+  .upload('public/avatar.jpg', fileBuffer, {
+    contentType: 'image/jpeg',
+    cacheControl: '3600',
+    upsert: false
+  })
+
+if (error) {
+  console.error('Upload failed:', error)
+  throw error
+}
+
+console.log('File uploaded:', data.path)
+
+// Upload from browser File object
+const fileInput = document.querySelector('#file-input')
+const file = fileInput.files[0]
+
+const { data: uploadData, error: uploadError } = await supabase
+  .storage
+  .from('documents')
+  .upload(`user-uploads/${Date.now()}-${file.name}`, file, {
+    cacheControl: '3600',
+    upsert: false
+  })
+
+// Get public URL
+const { data: publicUrlData } = supabase
+  .storage
+  .from('images')
+  .getPublicUrl('public/avatar.jpg')
+
+console.log('Public URL:', publicUrlData.publicUrl)
+
+// Upload with RLS policies (requires authenticated user)
+const { data: userData, error: authError } = await supabase.auth.getUser()
+const userId = userData.user?.id
+
+const { data: privateUpload, error: privateError } = await supabase
+  .storage
+  .from('private-files')
+  .upload(`${userId}/document.pdf`, fileBuffer)
+```
+
+## Storage - Download File
+
+Download files from storage buckets with signed URLs for private access.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+import { writeFile } from 'fs/promises'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Download file as Blob
+const { data, error } = await supabase
+  .storage
+  .from('images')
+  .download('public/avatar.jpg')
+
+if (error) {
+  console.error('Download failed:', error)
+  throw error
+}
+
+console.log('File downloaded, size:', data.size)
+
+// Save to disk
+const buffer = Buffer.from(await data.arrayBuffer())
+await writeFile('./downloaded-avatar.jpg', buffer)
+
+// Create signed URL for private files (expires in 1 hour)
+const { data: signedUrlData, error: urlError } = await supabase
+  .storage
+  .from('private-files')
+  .createSignedUrl('user-123/document.pdf', 3600)
+
+if (urlError) {
+  console.error('Failed to create signed URL:', urlError)
+  throw urlError
+}
+
+console.log('Signed URL (valid for 1 hour):', signedUrlData.signedUrl)
+
+// Get public URL (for public buckets only)
+const { data: publicUrlData } = supabase
+  .storage
+  .from('images')
+  .getPublicUrl('public/avatar.jpg')
+
+console.log('Public URL:', publicUrlData.publicUrl)
+
+// Download with transform (resize image)
+const { data: transformedData, error: transformError } = await supabase
+  .storage
+  .from('images')
+  .download('public/avatar.jpg', {
+    transform: {
+      width: 200,
+      height: 200,
+      resize: 'cover',
+      quality: 80
+    }
+  })
+```
+
+## Storage - List Files in Bucket
+
+List and search files within storage buckets with filtering and pagination.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// List all files in a bucket folder
+const { data: files, error } = await supabase
+  .storage
+  .from('images')
+  .list('public', {
+    limit: 100,
+    offset: 0,
+    sortBy: { column: 'name', order: 'asc' }
+  })
+
+if (error) {
+  console.error('List failed:', error)
+  throw error
+}
+
+console.log(`Found ${files.length} files:`)
+files.forEach(file => {
+  console.log(`- ${file.name} (${file.metadata.size} bytes, ${file.metadata.mimetype})`)
+  console.log(`  Created: ${file.created_at}, Updated: ${file.updated_at}`)
+})
+
+// Search for specific files
+const { data: jpgFiles, error: searchError } = await supabase
+  .storage
+  .from('images')
+  .list('public', {
+    search: '.jpg'
+  })
+
+console.log(`Found ${jpgFiles.length} JPG files`)
+
+// List with pagination
+async function listAllFiles(bucket, folder) {
+  let allFiles = []
+  let offset = 0
+  const limit = 100
+
+  while (true) {
+    const { data, error } = await supabase
+      .storage
+      .from(bucket)
+      .list(folder, { limit, offset })
+
+    if (error) throw error
+    if (data.length === 0) break
+
+    allFiles = allFiles.concat(data)
+    offset += limit
+  }
+
+  return allFiles
+}
+
+const allImages = await listAllFiles('images', 'public')
+console.log(`Total files: ${allImages.length}`)
+```
+
+## Storage - Delete Files
+
+Remove files from storage buckets.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Delete single file
+const { data, error } = await supabase
+  .storage
+  .from('images')
+  .remove(['public/avatar.jpg'])
+
+if (error) {
+  console.error('Delete failed:', error)
+  throw error
+}
+
+console.log('File deleted successfully')
+
+// Delete multiple files
+const filesToDelete = [
+  'public/image1.jpg',
+  'public/image2.jpg',
+  'public/image3.jpg'
+]
+
+const { data: multiData, error: multiError } = await supabase
+  .storage
+  .from('images')
+  .remove(filesToDelete)
+
+if (multiError) {
+  console.error('Batch delete failed:', multiError)
+  throw multiError
+}
+
+console.log(`Deleted ${filesToDelete.length} files`)
+
+// Delete all files in a folder (list then delete)
+const { data: files, error: listError } = await supabase
+  .storage
+  .from('images')
+  .list('temp-folder')
+
+if (!listError && files.length > 0) {
+  const pathsToDelete = files.map(file => `temp-folder/${file.name}`)
+
+  const { error: deleteError } = await supabase
+    .storage
+    .from('images')
+    .remove(pathsToDelete)
+
+  if (!deleteError) {
+    console.log(`Deleted ${files.length} files from temp-folder`)
+  }
+}
+```
+
+## Realtime - Subscribe to Database Changes
+
+Listen to real-time changes in your database tables using Postgres replication.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Subscribe to all changes on a table
+const channel = supabase
+  .channel('instruments-channel')
+  .on('postgres_changes',
+    { event: '*', schema: 'public', table: 'instruments' },
+    (payload) => {
+      console.log('Change received!', payload)
+      console.log('Event type:', payload.eventType) // INSERT, UPDATE, or DELETE
+      console.log('New record:', payload.new)
+      console.log('Old record:', payload.old)
+    }
+  )
+  .subscribe()
+
+// Subscribe to INSERT events only
+const insertChannel = supabase
+  .channel('instruments-inserts')
+  .on('postgres_changes',
+    { event: 'INSERT', schema: 'public', table: 'instruments' },
+    (payload) => {
+      console.log('New instrument added:', payload.new.name)
+    }
+  )
+  .subscribe()
+
+// Subscribe to UPDATE events with filter
+const updateChannel = supabase
+  .channel('expensive-instruments')
+  .on('postgres_changes',
+    {
+      event: 'UPDATE',
+      schema: 'public',
+      table: 'instruments',
+      filter: 'price=gt.1000'
+    },
+    (payload) => {
+      console.log('Expensive instrument updated:', payload.new)
+    }
+  )
+  .subscribe()
+
+// Subscribe to DELETE events
+const deleteChannel = supabase
+  .channel('instruments-deletes')
+  .on('postgres_changes',
+    { event: 'DELETE', schema: 'public', table: 'instruments' },
+    (payload) => {
+      console.log('Instrument deleted:', payload.old)
+    }
+  )
+  .subscribe()
+
+// Unsubscribe when done
+setTimeout(() => {
+  channel.unsubscribe()
+  console.log('Unsubscribed from changes')
+}, 60000)
+```
+
+## Realtime - Presence Tracking
+
+Track which users are currently online in a channel with shared state.
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Get current user
+const { data: { user } } = await supabase.auth.getUser()
+
+const channel = supabase.channel('room-1')
+
+// Track presence
+channel
+  .on('presence', { event: 'sync' }, () => {
+    const state = channel.presenceState()
+    console.log('Current users online:', Object.keys(state).length)
+
+    Object.values(state).forEach(users => {
+      users.forEach(user => {
+        console.log(`- ${user.username} (last seen: ${user.last_seen})`)
+      })
+    })
+  })
+  .on('presence', { event: 'join' }, ({ key, newPresences }) => {
+    console.log('User joined:', newPresences)
+  })
+  .on('presence', { event: 'leave' }, ({ key, leftPresences }) => {
+    console.log('User left:', leftPresences)
+  })
+  .subscribe(async (status) => {
+    if (status === 'SUBSCRIBED') {
+      // Send presence state
+      await channel.track({
+        user_id: user.id,
+        username: user.email,
+        online_at: new Date().toISOString(),
+        status: 'active'
+      })
+    }
+  })
+
+// Update presence state
+setInterval(async () => {
+  await channel.track({
+    user_id: user.id,
+    username: user.email,
+    last_seen: new Date().toISOString(),
+    status: 'active'
+  })
+}, 30000) // Update every 30 seconds
+
+// Untrack presence on leave
+window.addEventListener('beforeunload', async () => {
+  await channel.untrack()
+})
+```
+
+## Edge Functions - Create and Deploy
+
+Create serverless TypeScript functions that run globally at the edge.
+
+```bash
+# Initialize a new function
+supabase functions new hello-world
+
+# This creates: supabase/functions/hello-world/index.ts
+```
+
+```typescript
+// supabase/functions/hello-world/index.ts
+import { serve } from 'https://deno.land/std@0.168.0/http/server.ts'
+import { createClient } from 'https://esm.sh/@supabase/supabase-js@2'
+
+serve(async (req) => {
+  try {
+    // Get request method and parse body
+    const { method } = req
+    const body = method === 'POST' ? await req.json() : null
+
+    // Initialize Supabase client with service role
+    const supabaseUrl = Deno.env.get('SUPABASE_URL')!
+    const supabaseKey = Deno.env.get('SUPABASE_SERVICE_ROLE_KEY')!
+    const supabase = createClient(supabaseUrl, supabaseKey)
+
+    // Get authenticated user from request
+    const authHeader = req.headers.get('Authorization')!
+    const token = authHeader.replace('Bearer ', '')
+    const { data: { user }, error: userError } = await supabase.auth.getUser(token)
+
+    if (userError || !user) {
+      return new Response(
+        JSON.stringify({ error: 'Unauthorized' }),
+        { status: 401, headers: { 'Content-Type': 'application/json' } }
+      )
+    }
+
+    // Perform database operations
+    const { data: instruments, error } = await supabase
+      .from('instruments')
+      .select('*')
+      .limit(10)
+
+    if (error) throw error
+
+    // Return response
+    return new Response(
+      JSON.stringify({
+        message: 'Hello from Edge Function!',
+        user: user.email,
+        instruments: instruments,
+        timestamp: new Date().toISOString()
+      }),
+      {
+        status: 200,
+        headers: {
+          'Content-Type': 'application/json',
+          'Access-Control-Allow-Origin': '*'
+        }
+      }
+    )
+
+  } catch (error) {
+    return new Response(
+      JSON.stringify({ error: error.message }),
+      { status: 500, headers: { 'Content-Type': 'application/json' } }
+    )
+  }
+})
+```
+
+```bash
+# Deploy the function
+supabase functions deploy hello-world
+
+# Invoke the function
+curl -L -X POST 'https://apbkobhfnmcqqzqeeqss.supabase.co/functions/v1/hello-world' \
+  -H 'Authorization: Bearer YOUR_ANON_KEY' \
+  -H 'Content-Type: application/json' \
+  -d '{"name":"test"}'
+```
+
+## Database - Direct SQL Query via RPC
+
+Execute custom PostgreSQL functions exposed as RPC endpoints.
+
+```sql
+-- First create a function in SQL Editor
+CREATE OR REPLACE FUNCTION get_instruments_by_type(instrument_type TEXT)
+RETURNS TABLE (
+  id BIGINT,
+  name TEXT,
+  type TEXT,
+  price NUMERIC
+) AS $$
+BEGIN
+  RETURN QUERY
+  SELECT i.id, i.name, i.type, i.price
+  FROM instruments i
+  WHERE i.type = instrument_type
+  ORDER BY i.price DESC;
+END;
+$$ LANGUAGE plpgsql;
+```
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// Call the RPC function
+const { data, error } = await supabase
+  .rpc('get_instruments_by_type', { instrument_type: 'string' })
+
+if (error) {
+  console.error('RPC failed:', error)
+  throw error
+}
+
+console.log('String instruments:', data)
+
+// RPC with multiple parameters
+const { data: result, error: calcError } = await supabase
+  .rpc('calculate_order_total', {
+    order_id: 123,
+    discount_code: 'SAVE10'
+  })
+
+console.log('Order total:', result)
+
+// RPC that modifies data
+const { data: updated, error: updateError } = await supabase
+  .rpc('update_inventory', {
+    product_id: 456,
+    quantity_change: -5
+  })
+
+if (!updateError) {
+  console.log('Inventory updated:', updated)
+}
+```
+
+## Management API - Create Project
+
+Programmatically create and manage Supabase projects via the Management API.
+
+```bash
+# Get your access token from https://supabase.com/dashboard/account/tokens
+export SUPABASE_ACCESS_TOKEN="sbp_abc123..."
+
+# List organizations
+curl -H "Authorization: Bearer $SUPABASE_ACCESS_TOKEN" \
+  https://api.supabase.com/v1/organizations
+
+# Create a new project
+curl -X POST https://api.supabase.com/v1/projects \
+  -H "Authorization: Bearer $SUPABASE_ACCESS_TOKEN" \
+  -H "Content-Type: application/json" \
+  -d '{
+    "organization_id": "your-org-id",
+    "name": "My New Project",
+    "region": "us-east-1",
+    "db_pass": "YourSecurePassword123!",
+    "plan": "free"
+  }'
+```
+
+```javascript
+// Using JavaScript
+const SUPABASE_ACCESS_TOKEN = process.env.SUPABASE_ACCESS_TOKEN
+
+// Create project
+const response = await fetch('https://api.supabase.com/v1/projects', {
+  method: 'POST',
+  headers: {
+    'Authorization': `Bearer ${SUPABASE_ACCESS_TOKEN}`,
+    'Content-Type': 'application/json'
+  },
+  body: JSON.stringify({
+    organization_id: 'your-org-id',
+    name: 'My New Project',
+    region: 'us-east-1',
+    db_pass: 'YourSecurePassword123!',
+    plan: 'free'
+  })
+})
+
+const project = await response.json()
+console.log('Project created:', project.id)
+console.log('Project ref:', project.ref)
+console.log('Database URL:', project.database.host)
+
+// List all projects
+const listResponse = await fetch('https://api.supabase.com/v1/projects', {
+  headers: { 'Authorization': `Bearer ${SUPABASE_ACCESS_TOKEN}` }
+})
+const projects = await listResponse.json()
+console.log(`You have ${projects.length} projects`)
+
+// Get project details
+const detailsResponse = await fetch(`https://api.supabase.com/v1/projects/${project.ref}`, {
+  headers: { 'Authorization': `Bearer ${SUPABASE_ACCESS_TOKEN}` }
+})
+const details = await detailsResponse.json()
+console.log('Project status:', details.status)
+```
+
+## CLI - Local Development Setup
+
+Set up and run Supabase locally for development with Docker.
+
+```bash
+# Install Supabase CLI
+npm install -g supabase
+
+# Initialize local project
+cd your-project
+supabase init
+
+# Start local Supabase instance (requires Docker)
+supabase start
+
+# Output shows:
+# API URL: http://localhost:54321
+# GraphQL URL: http://localhost:54321/graphql/v1
+# DB URL: postgresql://postgres:postgres@localhost:54322/postgres
+# Studio URL: http://localhost:54323
+# anon key: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
+# service_role key: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
+
+# Create a migration
+supabase migration new create_instruments_table
+
+# Edit the migration file in supabase/migrations/
+# Then apply it
+supabase db reset
+
+# Generate TypeScript types from database schema
+supabase gen types typescript --local > types/supabase.ts
+
+# Run Edge Functions locally
+supabase functions serve
+
+# Deploy to production
+supabase link --project-ref your-project-ref
+supabase db push
+supabase functions deploy
+
+# Stop local instance
+supabase stop
+```
+
+```typescript
+// Use generated types for type safety
+import { Database } from './types/supabase'
+import { createClient } from '@supabase/supabase-js'
+
+const supabase = createClient<Database>(
+  process.env.SUPABASE_URL!,
+  process.env.SUPABASE_KEY!
+)
+
+// Now queries are fully typed
+const { data: instruments } = await supabase
+  .from('instruments')  // Type-checked table name
+  .select('id, name, type, price')  // Type-checked columns
+  .eq('type', 'string')  // Type-checked values
+
+// TypeScript knows the structure of instruments
+instruments?.forEach(instrument => {
+  console.log(instrument.name)  // TypeScript knows this exists
+})
+```
+
+## Row Level Security - Policies
+
+Implement database-level authorization with Row Level Security policies.
+
+```sql
+-- Enable RLS on a table
+ALTER TABLE instruments ENABLE ROW LEVEL SECURITY;
+
+-- Policy: Users can read all instruments
+CREATE POLICY "Anyone can read instruments"
+ON instruments
+FOR SELECT
+TO public
+USING (true);
+
+-- Policy: Users can only insert their own data
+CREATE POLICY "Users can insert own instruments"
+ON instruments
+FOR INSERT
+TO authenticated
+WITH CHECK (auth.uid() = user_id);
+
+-- Policy: Users can update their own instruments
+CREATE POLICY "Users can update own instruments"
+ON instruments
+FOR UPDATE
+TO authenticated
+USING (auth.uid() = user_id)
+WITH CHECK (auth.uid() = user_id);
+
+-- Policy: Users can delete their own instruments
+CREATE POLICY "Users can delete own instruments"
+ON instruments
+FOR DELETE
+TO authenticated
+USING (auth.uid() = user_id);
+
+-- Policy: Admin role can do everything
+CREATE POLICY "Admins can do everything"
+ON instruments
+FOR ALL
+TO authenticated
+USING (
+  (auth.jwt() ->> 'role') = 'admin'
+)
+WITH CHECK (
+  (auth.jwt() ->> 'role') = 'admin'
+);
+
+-- Complex policy: Users can see public instruments or their own
+CREATE POLICY "Users see public or own instruments"
+ON instruments
+FOR SELECT
+TO authenticated
+USING (
+  is_public = true
+  OR user_id = auth.uid()
+  OR (auth.jwt() ->> 'role') = 'admin'
+);
+```
+
+```javascript
+import { createClient } from '@supabase/supabase-js'
+
+// With RLS enabled, queries respect policies automatically
+const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)
+
+// User signs in
+const { data: { user } } = await supabase.auth.signInWithPassword({
+  email: 'user@example.com',
+  password: 'password'
+})
+
+// This query only returns instruments the user has access to
+const { data: instruments, error } = await supabase
+  .from('instruments')
+  .select('*')
+
+// This insert automatically sets user_id from JWT
+const { data: newInstrument, error: insertError } = await supabase
+  .from('instruments')
+  .insert({ name: 'Guitar', type: 'string', price: 599 })
+
+// User can only update/delete their own records
+const { error: updateError } = await supabase
+  .from('instruments')
+  .update({ price: 549 })
+  .eq('id', 123)  // Fails if user doesn't own this record
+```
+
+## Summary
+
+Supabase provides a comprehensive backend platform that eliminates the need for custom API development by automatically generating REST and GraphQL APIs from your PostgreSQL database schema. The platform's core strength lies in its tight integration between database operations, authentication, and authorization through Row Level Security policies, allowing developers to define access control rules at the database level that are automatically enforced across all API calls. With built-in support for real-time subscriptions via WebSockets, developers can build collaborative and reactive applications without managing WebSocket infrastructure.
+
+Primary use cases include building SaaS applications with user authentication and role-based access control, creating real-time collaborative tools with presence tracking and live data synchronization, developing mobile and web applications with file upload/download capabilities through Storage, and implementing serverless workflows with Edge Functions for webhooks, scheduled jobs, and third-party integrations. The platform supports both cloud-hosted and self-hosted deployments, offers comprehensive client libraries for all major frameworks and languages, and provides local development tools through the CLI for database migrations, type generation, and testing before production deployment. The Management API enables programmatic project creation and configuration, making Supabase suitable for agencies and platforms that need to provision isolated databases for multiple clients or tenants.
diff --git a/supabase/README.md b/supabase/README.md
new file mode 100644
index 000000000..381af8379
--- /dev/null
+++ b/supabase/README.md
@@ -0,0 +1,127 @@
+# Supabase Migrations
+
+Эта папка содержит SQL миграции для базы данных Supabase.
+
+## 📖 Структура
+
+```
+supabase/
+├── migrations/
+│   └── 001_initial_schema.sql    # Начальная схема БД
+└── README.md                      # Этот файл
+```
+
+## 🚀 Применение миграций
+
+### Вариант 1: Через Supabase Dashboard (рекомендуется)
+
+1. Откройте [SQL Editor](https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/editor)
+2. Скопируйте содержимое файла миграции
+3. Вставьте в редактор и нажмите "Run"
+
+### Вариант 2: Через Supabase CLI
+
+```bash
+# Установите Supabase CLI (если еще не установлен)
+npm install -g supabase
+
+# Инициализируйте проект
+supabase init
+
+# Примените миграции
+supabase db push
+```
+
+## 💾 Схема базы данных
+
+### Таблицы
+
+#### `profiles`
+Профили пользователей, связанные с `auth.users`
+- `id` (UUID) - Primary Key, ссылка на auth.users
+- `email` (TEXT) - Email пользователя
+- `full_name` (TEXT) - Полное имя
+- `avatar_url` (TEXT) - URL аватара
+- `created_at`, `updated_at` - Временные метки
+
+#### `projects`
+AI-генерируемые проекты
+- `id` (UUID) - Primary Key
+- `user_id` (UUID) - Владелец проекта
+- `name` (TEXT) - Название проекта
+- `description` (TEXT) - Описание
+- `sandbox_id` (TEXT) - ID E2B песочницы
+- `preview_url` (TEXT) - URL превью
+- `status` (TEXT) - Статус: active, archived, deleted
+- `metadata` (JSONB) - Дополнительные данные
+- `created_at`, `updated_at` - Временные метки
+
+#### `project_files`
+Файлы проектов
+- `id` (UUID) - Primary Key
+- `project_id` (UUID) - Ссылка на проект
+- `file_path` (TEXT) - Путь к файлу
+- `content` (TEXT) - Содержимое файла
+- `file_type` (TEXT) - Тип файла
+- `size_bytes` (INTEGER) - Размер в байтах
+- `created_at`, `updated_at` - Временные метки
+
+#### `generation_history`
+История генерации кода
+- `id` (UUID) - Primary Key
+- `project_id` (UUID) - Ссылка на проект
+- `user_id` (UUID) - Пользователь
+- `prompt` (TEXT) - Промпт для генерации
+- `model` (TEXT) - Используемая модель
+- `generated_files` (JSONB) - Список сгенерированных файлов
+- `status` (TEXT) - Статус: pending, completed, failed
+- `error_message` (TEXT) - Сообщение об ошибке
+- `metadata` (JSONB) - Дополнительные данные
+- `created_at` - Временная метка
+
+## 🔐 Row Level Security (RLS)
+
+Все таблицы защищены RLS политиками:
+- Пользователи видят только свои данные
+- Автоматическая проверка прав доступа
+- Безопасность на уровне базы данных
+
+## 🔄 Триггеры
+
+### `handle_new_user()`
+Автоматически создает профиль при регистрации нового пользователя.
+
+### `update_updated_at_column()`
+Автоматически обновляет поле `updated_at` при изменении записи.
+
+## 📈 Индексы
+
+Созданы индексы для оптимизации запросов:
+- По `user_id` для быстрого поиска данных пользователя
+- По `created_at` для сортировки по дате
+- По `status` для фильтрации проектов
+- По `file_path` для поиска файлов
+
+## 🆕 Создание новых миграций
+
+1. Создайте новый файл в `supabase/migrations/`
+2. Используйте формат: `00X_description.sql`
+3. Добавьте SQL код миграции
+4. Примените через Dashboard или CLI
+
+Пример:
+```sql
+-- 002_add_tags_table.sql
+CREATE TABLE IF NOT EXISTS public.tags (
+  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+  name TEXT UNIQUE NOT NULL,
+  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
+);
+```
+
+## 🔗 Полезные ссылки
+
+- **SQL Editor**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/editor
+- **Table Editor**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/editor
+- **Database Settings**: https://supabase.com/dashboard/project/lyuxhqhusukvpvwtkkum/settings/database
+- **Supabase Docs**: https://supabase.com/docs/guides/database
\ No newline at end of file
diff --git a/supabase/migrations/001_create_projects.sql b/supabase/migrations/001_create_projects.sql
new file mode 100644
index 000000000..ff9769051
--- /dev/null
+++ b/supabase/migrations/001_create_projects.sql
@@ -0,0 +1,53 @@
+-- Create projects table
+CREATE TABLE IF NOT EXISTS projects (
+  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
+  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
+  name TEXT NOT NULL,
+  description TEXT,
+  status TEXT DEFAULT 'active',
+  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
+  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
+);
+
+-- Enable RLS
+ALTER TABLE projects ENABLE ROW LEVEL SECURITY;
+
+-- Users can only see their own projects
+CREATE POLICY "Users can view own projects" ON projects
+  FOR SELECT USING (auth.uid() = user_id);
+
+-- Users can insert their own projects
+CREATE POLICY "Users can insert own projects" ON projects
+  FOR INSERT WITH CHECK (auth.uid() = user_id);
+
+-- Users can update their own projects
+CREATE POLICY "Users can update own projects" ON projects
+  FOR UPDATE USING (auth.uid() = user_id);
+
+-- Users can delete their own projects
+CREATE POLICY "Users can delete own projects" ON projects
+  FOR DELETE USING (auth.uid() = user_id);
+
+-- Create storage bucket for project files
+INSERT INTO storage.buckets (id, name, public) 
+VALUES ('projects', 'projects', false)
+ON CONFLICT (id) DO NOTHING;
+
+-- Storage policies
+CREATE POLICY "Users can upload own project files" ON storage.objects
+  FOR INSERT WITH CHECK (
+    bucket_id = 'projects' AND 
+    auth.uid()::text = (storage.foldername(name))[1]
+  );
+
+CREATE POLICY "Users can view own project files" ON storage.objects
+  FOR SELECT USING (
+    bucket_id = 'projects' AND 
+    auth.uid()::text = (storage.foldername(name))[1]
+  );
+
+CREATE POLICY "Users can delete own project files" ON storage.objects
+  FOR DELETE USING (
+    bucket_id = 'projects' AND 
+    auth.uid()::text = (storage.foldername(name))[1]
+  );
diff --git a/supabase/migrations/001_initial_schema.sql b/supabase/migrations/001_initial_schema.sql
new file mode 100644
index 000000000..dca57b054
--- /dev/null
+++ b/supabase/migrations/001_initial_schema.sql
@@ -0,0 +1,242 @@
+-- Initial database schema for Open Lovable
+-- Run this in Supabase SQL Editor to create example tables
+
+-- Enable UUID extension
+CREATE EXTENSION IF NOT EXISTS "uuid-ossp";
+
+-- ============================================
+-- Users Profile Table
+-- ============================================
+CREATE TABLE IF NOT EXISTS public.profiles (
+  id UUID PRIMARY KEY REFERENCES auth.users(id) ON DELETE CASCADE,
+  email TEXT UNIQUE NOT NULL,
+  full_name TEXT,
+  avatar_url TEXT,
+  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
+  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
+);
+
+-- Enable RLS
+ALTER TABLE public.profiles ENABLE ROW LEVEL SECURITY;
+
+-- Policies for profiles
+CREATE POLICY "Users can view own profile" 
+  ON public.profiles FOR SELECT 
+  USING (auth.uid() = id);
+
+CREATE POLICY "Users can update own profile" 
+  ON public.profiles FOR UPDATE 
+  USING (auth.uid() = id);
+
+CREATE POLICY "Users can insert own profile" 
+  ON public.profiles FOR INSERT 
+  WITH CHECK (auth.uid() = id);
+
+-- ============================================
+-- Projects Table (for AI-generated projects)
+-- ============================================
+CREATE TABLE IF NOT EXISTS public.projects (
+  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+  user_id UUID REFERENCES public.profiles(id) ON DELETE CASCADE,
+  name TEXT NOT NULL,
+  description TEXT,
+  sandbox_id TEXT,
+  preview_url TEXT,
+  status TEXT DEFAULT 'active' CHECK (status IN ('active', 'archived', 'deleted')),
+  metadata JSONB DEFAULT '{}'::jsonb,
+  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
+  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
+);
+
+-- Enable RLS
+ALTER TABLE public.projects ENABLE ROW LEVEL SECURITY;
+
+-- Policies for projects
+CREATE POLICY "Users can view own projects" 
+  ON public.projects FOR SELECT 
+  USING (auth.uid() = user_id);
+
+CREATE POLICY "Users can create own projects" 
+  ON public.projects FOR INSERT 
+  WITH CHECK (auth.uid() = user_id);
+
+CREATE POLICY "Users can update own projects" 
+  ON public.projects FOR UPDATE 
+  USING (auth.uid() = user_id);
+
+CREATE POLICY "Users can delete own projects" 
+  ON public.projects FOR DELETE 
+  USING (auth.uid() = user_id);
+
+-- ============================================
+-- Project Files Table
+-- ============================================
+CREATE TABLE IF NOT EXISTS public.project_files (
+  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+  project_id UUID REFERENCES public.projects(id) ON DELETE CASCADE,
+  file_path TEXT NOT NULL,
+  content TEXT,
+  file_type TEXT,
+  size_bytes INTEGER,
+  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
+  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
+  UNIQUE(project_id, file_path)
+);
+
+-- Enable RLS
+ALTER TABLE public.project_files ENABLE ROW LEVEL SECURITY;
+
+-- Policies for project_files
+CREATE POLICY "Users can view files of own projects" 
+  ON public.project_files FOR SELECT 
+  USING (
+    EXISTS (
+      SELECT 1 FROM public.projects 
+      WHERE projects.id = project_files.project_id 
+      AND projects.user_id = auth.uid()
+    )
+  );
+
+CREATE POLICY "Users can create files in own projects" 
+  ON public.project_files FOR INSERT 
+  WITH CHECK (
+    EXISTS (
+      SELECT 1 FROM public.projects 
+      WHERE projects.id = project_files.project_id 
+      AND projects.user_id = auth.uid()
+    )
+  );
+
+CREATE POLICY "Users can update files in own projects" 
+  ON public.project_files FOR UPDATE 
+  USING (
+    EXISTS (
+      SELECT 1 FROM public.projects 
+      WHERE projects.id = project_files.project_id 
+      AND projects.user_id = auth.uid()
+    )
+  );
+
+CREATE POLICY "Users can delete files in own projects" 
+  ON public.project_files FOR DELETE 
+  USING (
+    EXISTS (
+      SELECT 1 FROM public.projects 
+      WHERE projects.id = project_files.project_id 
+      AND projects.user_id = auth.uid()
+    )
+  );
+
+-- ============================================
+-- Generation History Table
+-- ============================================
+CREATE TABLE IF NOT EXISTS public.generation_history (
+  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+  project_id UUID REFERENCES public.projects(id) ON DELETE CASCADE,
+  user_id UUID REFERENCES public.profiles(id) ON DELETE CASCADE,
+  prompt TEXT NOT NULL,
+  model TEXT,
+  generated_files JSONB DEFAULT '[]'::jsonb,
+  status TEXT DEFAULT 'pending' CHECK (status IN ('pending', 'completed', 'failed')),
+  error_message TEXT,
+  metadata JSONB DEFAULT '{}'::jsonb,
+  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
+);
+
+-- Enable RLS
+ALTER TABLE public.generation_history ENABLE ROW LEVEL SECURITY;
+
+-- Policies for generation_history
+CREATE POLICY "Users can view own generation history" 
+  ON public.generation_history FOR SELECT 
+  USING (auth.uid() = user_id);
+
+CREATE POLICY "Users can create own generation history" 
+  ON public.generation_history FOR INSERT 
+  WITH CHECK (auth.uid() = user_id);
+
+-- ============================================
+-- Indexes for performance
+-- ============================================
+CREATE INDEX IF NOT EXISTS idx_projects_user_id ON public.projects(user_id);
+CREATE INDEX IF NOT EXISTS idx_projects_status ON public.projects(status);
+CREATE INDEX IF NOT EXISTS idx_projects_created_at ON public.projects(created_at DESC);
+
+CREATE INDEX IF NOT EXISTS idx_project_files_project_id ON public.project_files(project_id);
+CREATE INDEX IF NOT EXISTS idx_project_files_file_path ON public.project_files(file_path);
+
+CREATE INDEX IF NOT EXISTS idx_generation_history_user_id ON public.generation_history(user_id);
+CREATE INDEX IF NOT EXISTS idx_generation_history_project_id ON public.generation_history(project_id);
+CREATE INDEX IF NOT EXISTS idx_generation_history_created_at ON public.generation_history(created_at DESC);
+
+-- ============================================
+-- Functions and Triggers
+-- ============================================
+
+-- Function to update updated_at timestamp
+CREATE OR REPLACE FUNCTION update_updated_at_column()
+RETURNS TRIGGER AS $$
+BEGIN
+  NEW.updated_at = NOW();
+  RETURN NEW;
+END;
+$$ LANGUAGE plpgsql;
+
+-- Triggers for updated_at
+CREATE TRIGGER update_profiles_updated_at 
+  BEFORE UPDATE ON public.profiles 
+  FOR EACH ROW EXECUTE FUNCTION update_updated_at_column();
+
+CREATE TRIGGER update_projects_updated_at 
+  BEFORE UPDATE ON public.projects 
+  FOR EACH ROW EXECUTE FUNCTION update_updated_at_column();
+
+CREATE TRIGGER update_project_files_updated_at 
+  BEFORE UPDATE ON public.project_files 
+  FOR EACH ROW EXECUTE FUNCTION update_updated_at_column();
+
+-- Function to create profile on user signup
+CREATE OR REPLACE FUNCTION public.handle_new_user()
+RETURNS TRIGGER AS $$
+BEGIN
+  INSERT INTO public.profiles (id, email, full_name)
+  VALUES (
+    NEW.id,
+    NEW.email,
+    NEW.raw_user_meta_data->>'full_name'
+  );
+  RETURN NEW;
+END;
+$$ LANGUAGE plpgsql SECURITY DEFINER;
+
+-- Trigger to create profile on signup
+DROP TRIGGER IF EXISTS on_auth_user_created ON auth.users;
+CREATE TRIGGER on_auth_user_created
+  AFTER INSERT ON auth.users
+  FOR EACH ROW EXECUTE FUNCTION public.handle_new_user();
+
+-- ============================================
+-- Comments for documentation
+-- ============================================
+COMMENT ON TABLE public.profiles IS 'User profiles linked to auth.users';
+COMMENT ON TABLE public.projects IS 'AI-generated projects created by users';
+COMMENT ON TABLE public.project_files IS 'Files associated with projects';
+COMMENT ON TABLE public.generation_history IS 'History of AI code generation requests';
+
+-- ============================================
+-- Grant permissions (if needed)
+-- ============================================
+-- GRANT USAGE ON SCHEMA public TO authenticated;
+-- GRANT ALL ON ALL TABLES IN SCHEMA public TO authenticated;
+-- GRANT ALL ON ALL SEQUENCES IN SCHEMA public TO authenticated;
+
+-- ============================================
+-- Success message
+-- ============================================
+DO $$
+BEGIN
+  RAISE NOTICE 'Initial schema created successfully!';
+  RAISE NOTICE 'Tables created: profiles, projects, project_files, generation_history';
+  RAISE NOTICE 'RLS policies enabled for all tables';
+  RAISE NOTICE 'Indexes created for performance';
+END $$;
diff --git a/supabase/migrations/002_add_usage_limits.sql b/supabase/migrations/002_add_usage_limits.sql
new file mode 100644
index 000000000..65fa8c2cf
--- /dev/null
+++ b/supabase/migrations/002_add_usage_limits.sql
@@ -0,0 +1,274 @@
+-- Migration: Add usage limits and subscription tiers
+-- This adds support for Basic (5 requests) and Professional (15 requests) plans
+
+-- ============================================
+-- Subscription Plans Enum
+-- ============================================
+CREATE TYPE subscription_tier AS ENUM ('free', 'basic', 'professional');
+
+-- ============================================
+-- Update profiles table with subscription info
+-- ============================================
+ALTER TABLE public.profiles 
+ADD COLUMN IF NOT EXISTS subscription_tier subscription_tier DEFAULT 'free',
+ADD COLUMN IF NOT EXISTS requests_used INTEGER DEFAULT 0,
+ADD COLUMN IF NOT EXISTS requests_limit INTEGER DEFAULT 0,
+ADD COLUMN IF NOT EXISTS subscription_start_date TIMESTAMP WITH TIME ZONE,
+ADD COLUMN IF NOT EXISTS subscription_end_date TIMESTAMP WITH TIME ZONE,
+ADD COLUMN IF NOT EXISTS last_reset_date TIMESTAMP WITH TIME ZONE DEFAULT NOW();
+
+-- ============================================
+-- Usage History Table
+-- ============================================
+CREATE TABLE IF NOT EXISTS public.usage_history (
+  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+  user_id UUID REFERENCES public.profiles(id) ON DELETE CASCADE,
+  request_type TEXT NOT NULL, -- 'ai_generation', 'sandbox_creation', etc.
+  tokens_used INTEGER DEFAULT 0,
+  cost DECIMAL(10, 4) DEFAULT 0,
+  metadata JSONB DEFAULT '{}'::jsonb,
+  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
+);
+
+-- Enable RLS
+ALTER TABLE public.usage_history ENABLE ROW LEVEL SECURITY;
+
+-- Policies for usage_history
+CREATE POLICY "Users can view own usage history" 
+  ON public.usage_history FOR SELECT 
+  USING (auth.uid() = user_id);
+
+CREATE POLICY "Users can insert own usage history" 
+  ON public.usage_history FOR INSERT 
+  WITH CHECK (auth.uid() = user_id);
+
+-- ============================================
+-- Subscription History Table
+-- ============================================
+CREATE TABLE IF NOT EXISTS public.subscription_history (
+  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+  user_id UUID REFERENCES public.profiles(id) ON DELETE CASCADE,
+  tier subscription_tier NOT NULL,
+  start_date TIMESTAMP WITH TIME ZONE NOT NULL,
+  end_date TIMESTAMP WITH TIME ZONE,
+  payment_id TEXT,
+  amount DECIMAL(10, 2),
+  status TEXT DEFAULT 'active' CHECK (status IN ('active', 'expired', 'cancelled')),
+  metadata JSONB DEFAULT '{}'::jsonb,
+  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
+);
+
+-- Enable RLS
+ALTER TABLE public.subscription_history ENABLE ROW LEVEL SECURITY;
+
+-- Policies for subscription_history
+CREATE POLICY "Users can view own subscription history" 
+  ON public.subscription_history FOR SELECT 
+  USING (auth.uid() = user_id);
+
+-- ============================================
+-- Functions
+-- ============================================
+
+-- Function to get user's remaining requests
+CREATE OR REPLACE FUNCTION public.get_remaining_requests(user_uuid UUID)
+RETURNS INTEGER AS $$
+DECLARE
+  remaining INTEGER;
+  user_limit INTEGER;
+  user_used INTEGER;
+BEGIN
+  SELECT requests_limit, requests_used 
+  INTO user_limit, user_used
+  FROM public.profiles 
+  WHERE id = user_uuid;
+  
+  IF user_limit IS NULL THEN
+    RETURN 0;
+  END IF;
+  
+  remaining := user_limit - COALESCE(user_used, 0);
+  RETURN GREATEST(remaining, 0);
+END;
+$$ LANGUAGE plpgsql SECURITY DEFINER;
+
+-- Function to increment usage
+CREATE OR REPLACE FUNCTION public.increment_usage(
+  user_uuid UUID,
+  request_type_param TEXT DEFAULT 'ai_generation',
+  tokens_param INTEGER DEFAULT 0
+)
+RETURNS JSONB AS $$
+DECLARE
+  current_used INTEGER;
+  current_limit INTEGER;
+  remaining INTEGER;
+  result JSONB;
+BEGIN
+  -- Get current usage
+  SELECT requests_used, requests_limit 
+  INTO current_used, current_limit
+  FROM public.profiles 
+  WHERE id = user_uuid;
+  
+  -- Check if user has requests left
+  IF current_used >= current_limit THEN
+    RETURN jsonb_build_object(
+      'success', false,
+      'error', 'Request limit reached',
+      'requests_used', current_used,
+      'requests_limit', current_limit,
+      'requests_remaining', 0
+    );
+  END IF;
+  
+  -- Increment usage
+  UPDATE public.profiles 
+  SET requests_used = requests_used + 1
+  WHERE id = user_uuid;
+  
+  -- Log usage
+  INSERT INTO public.usage_history (user_id, request_type, tokens_used)
+  VALUES (user_uuid, request_type_param, tokens_param);
+  
+  -- Calculate remaining
+  remaining := current_limit - (current_used + 1);
+  
+  RETURN jsonb_build_object(
+    'success', true,
+    'requests_used', current_used + 1,
+    'requests_limit', current_limit,
+    'requests_remaining', remaining
+  );
+END;
+$$ LANGUAGE plpgsql SECURITY DEFINER;
+
+-- Function to set subscription tier
+CREATE OR REPLACE FUNCTION public.set_subscription_tier(
+  user_uuid UUID,
+  tier subscription_tier,
+  duration_days INTEGER DEFAULT 30
+)
+RETURNS JSONB AS $$
+DECLARE
+  new_limit INTEGER;
+  start_date TIMESTAMP WITH TIME ZONE;
+  end_date TIMESTAMP WITH TIME ZONE;
+BEGIN
+  -- Set limits based on tier
+  CASE tier
+    WHEN 'basic' THEN
+      new_limit := 5;
+    WHEN 'professional' THEN
+      new_limit := 15;
+    ELSE
+      new_limit := 0;
+  END CASE;
+  
+  start_date := NOW();
+  end_date := NOW() + (duration_days || ' days')::INTERVAL;
+  
+  -- Update profile
+  UPDATE public.profiles 
+  SET 
+    subscription_tier = tier,
+    requests_limit = new_limit,
+    requests_used = 0, -- Reset usage on new subscription
+    subscription_start_date = start_date,
+    subscription_end_date = end_date,
+    last_reset_date = NOW()
+  WHERE id = user_uuid;
+  
+  -- Log subscription change
+  INSERT INTO public.subscription_history (user_id, tier, start_date, end_date, status)
+  VALUES (user_uuid, tier, start_date, end_date, 'active');
+  
+  RETURN jsonb_build_object(
+    'success', true,
+    'tier', tier,
+    'requests_limit', new_limit,
+    'start_date', start_date,
+    'end_date', end_date
+  );
+END;
+$$ LANGUAGE plpgsql SECURITY DEFINER;
+
+-- Function to reset monthly usage
+CREATE OR REPLACE FUNCTION public.reset_monthly_usage()
+RETURNS INTEGER AS $$
+DECLARE
+  reset_count INTEGER;
+BEGIN
+  -- Reset usage for users whose subscription is still active
+  UPDATE public.profiles 
+  SET 
+    requests_used = 0,
+    last_reset_date = NOW()
+  WHERE 
+    subscription_end_date > NOW()
+    AND last_reset_date < (NOW() - INTERVAL '30 days');
+  
+  GET DIAGNOSTICS reset_count = ROW_COUNT;
+  RETURN reset_count;
+END;
+$$ LANGUAGE plpgsql SECURITY DEFINER;
+
+-- Function to check and expire subscriptions
+CREATE OR REPLACE FUNCTION public.expire_subscriptions()
+RETURNS INTEGER AS $$
+DECLARE
+  expired_count INTEGER;
+BEGIN
+  -- Set tier to free for expired subscriptions
+  UPDATE public.profiles 
+  SET 
+    subscription_tier = 'free',
+    requests_limit = 0,
+    requests_used = 0
+  WHERE 
+    subscription_end_date < NOW()
+    AND subscription_tier != 'free';
+  
+  GET DIAGNOSTICS expired_count = ROW_COUNT;
+  
+  -- Update subscription history
+  UPDATE public.subscription_history
+  SET status = 'expired'
+  WHERE 
+    end_date < NOW()
+    AND status = 'active';
+  
+  RETURN expired_count;
+END;
+$$ LANGUAGE plpgsql SECURITY DEFINER;
+
+-- ============================================
+-- Indexes for performance
+-- ============================================
+CREATE INDEX IF NOT EXISTS idx_profiles_subscription_tier ON public.profiles(subscription_tier);
+CREATE INDEX IF NOT EXISTS idx_profiles_subscription_end_date ON public.profiles(subscription_end_date);
+CREATE INDEX IF NOT EXISTS idx_usage_history_user_id ON public.usage_history(user_id);
+CREATE INDEX IF NOT EXISTS idx_usage_history_created_at ON public.usage_history(created_at DESC);
+CREATE INDEX IF NOT EXISTS idx_subscription_history_user_id ON public.subscription_history(user_id);
+CREATE INDEX IF NOT EXISTS idx_subscription_history_status ON public.subscription_history(status);
+
+-- ============================================
+-- Comments for documentation
+-- ============================================
+COMMENT ON TABLE public.usage_history IS 'Tracks individual API requests and usage';
+COMMENT ON TABLE public.subscription_history IS 'Tracks subscription changes and payments';
+COMMENT ON FUNCTION public.get_remaining_requests IS 'Returns number of requests remaining for user';
+COMMENT ON FUNCTION public.increment_usage IS 'Increments usage counter and logs the request';
+COMMENT ON FUNCTION public.set_subscription_tier IS 'Sets user subscription tier and limits';
+COMMENT ON FUNCTION public.reset_monthly_usage IS 'Resets monthly usage counters';
+COMMENT ON FUNCTION public.expire_subscriptions IS 'Expires subscriptions that have ended';
+
+-- ============================================
+-- Success message
+-- ============================================
+DO $$
+BEGIN
+  RAISE NOTICE 'Usage limits migration completed successfully!';
+  RAISE NOTICE 'Subscription tiers: free (0), basic (5), professional (15)';
+  RAISE NOTICE 'Functions created: get_remaining_requests, increment_usage, set_subscription_tier';
+END $$;
diff --git a/tailwind.config.ts b/tailwind.config.ts
index a8258a04b..892e55811 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,4 +1,4 @@
-import type { Config } from "tailwindcss";
+import type { Config } from "tailwindcss";
 
 const config: Config = {
   darkMode: "class",
diff --git a/test-results/.last-run.json b/test-results/.last-run.json
new file mode 100644
index 000000000..5fca3f84b
--- /dev/null
+++ b/test-results/.last-run.json
@@ -0,0 +1,4 @@
+{
+  "status": "failed",
+  "failedTests": []
+}
\ No newline at end of file
diff --git a/types/supabase.ts b/types/supabase.ts
new file mode 100644
index 000000000..4f6b74872
--- /dev/null
+++ b/types/supabase.ts
@@ -0,0 +1,69 @@
+/**
+ * Supabase Database Types
+ * 
+ * This file contains TypeScript types for your Supabase database.
+ * Update these types to match your actual database schema.
+ * 
+ * You can generate these types automatically using:
+ * npx supabase gen types typescript --project-id lyuxhqhusukvpvwtkkum > types/supabase.ts
+ */
+
+export type Json =
+  | string
+  | number
+  | boolean
+  | null
+  | { [key: string]: Json | undefined }
+  | Json[]
+
+// Example database schema - update to match your actual schema
+export interface Database {
+  public: {
+    Tables: {
+      // Example table - replace with your actual tables
+      users: {
+        Row: {
+          id: string
+          email: string
+          name: string | null
+          created_at: string
+          updated_at: string
+        }
+        Insert: {
+          id?: string
+          email: string
+          name?: string | null
+          created_at?: string
+          updated_at?: string
+        }
+        Update: {
+          id?: string
+          email?: string
+          name?: string | null
+          created_at?: string
+          updated_at?: string
+        }
+      }
+      // Add more tables here
+    }
+    Views: {
+      // Define your views here
+    }
+    Functions: {
+      // Define your database functions here
+    }
+    Enums: {
+      // Define your enums here
+    }
+  }
+}
+
+// Helper types for working with Supabase
+export type Tables<T extends keyof Database['public']['Tables']> = Database['public']['Tables'][T]['Row']
+export type Insertable<T extends keyof Database['public']['Tables']> = Database['public']['Tables'][T]['Insert']
+export type Updatable<T extends keyof Database['public']['Tables']> = Database['public']['Tables'][T]['Update']
+
+// Example usage:
+// type User = Tables<'users'>
+// type NewUser = Insertable<'users'>
+// type UserUpdate = Updatable<'users'>