From b9b889b0bf23df1c9cd36cace0c0970879aa4a7b Mon Sep 17 00:00:00 2001
From: Dev <dev@local>
Date: Tue, 20 Jan 2026 21:11:26 +0500
Subject: [PATCH] docs: add Phase 2 roadmap to refactor plan

---
 .ai/BENTO_REFACTOR.md | 55 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)

diff --git a/.ai/BENTO_REFACTOR.md b/.ai/BENTO_REFACTOR.md
index 93d1e71..8cbdfad 100644
--- a/.ai/BENTO_REFACTOR.md
+++ b/.ai/BENTO_REFACTOR.md
@@ -148,3 +148,58 @@ interface BentoCardProps {
 - `src/pages/Dashboard.tsx` — главный экран (монстр, но логику не трогаем)
 
 **Темы:** Есть dark и light (champagne). Bento-стили должны работать в обеих.
+
+---
+
+## Следующие этапы (Phase 2)
+
+### Этап 5: Остальные страницы пользователя
+> Применить bento-стили к основным страницам
+
+| # | Страница | Приоритет | Объём |
+|---|----------|-----------|-------|
+| 5.1 | Subscription.tsx | High | Большая — формы, тарифы, карточки |
+| 5.2 | Balance.tsx | High | Средняя — баланс, транзакции, методы оплаты |
+| 5.3 | Referral.tsx | Medium | Средняя — статистика, ссылка, условия |
+| 5.4 | Support.tsx | Medium | Малая — тикеты |
+| 5.5 | Profile.tsx | Low | Малая — настройки |
+| 5.6 | Info.tsx | Low | Малая — статичный контент |
+
+### Этап 6: Модалки
+> Обновить модальные окна в bento-стиле
+
+| # | Компонент | Заметки |
+|---|-----------|---------|
+| 6.1 | ConnectionModal | QR-код, кнопки подключения |
+| 6.2 | TopUpModal | Форма пополнения |
+| 6.3 | InsufficientBalancePrompt | Промпт о недостатке средств |
+
+### Этап 7: Header
+> Обновить шапку (опционально)
+
+| # | Задача | Заметки |
+|---|--------|---------|
+| 7.1 | Лого в bento-стиле | Скругления, тень |
+| 7.2 | Mobile menu | Floating стиль? |
+
+### Этап 8: Полировка
+> Финальные штрихи
+
+| # | Задача |
+|---|--------|
+| 8.1 | Анимации появления карточек (stagger) |
+| 8.2 | Микро-взаимодействия (hover glow) |
+| 8.3 | Тестирование на разных устройствах |
+| 8.4 | Performance check (особенно blur на mobile) |
+
+---
+
+## Changelog
+
+### 2026-01-20 — MVP Complete
+- ✅ Urbanist шрифт
+- ✅ CSS переменные Bento
+- ✅ BentoCard компонент
+- ✅ Floating TabBar
+- ✅ Dashboard в bento-стиле
+- ✅ Commit: `bf0bcfb`