Обновление системной документации и UI Kit админ панели

- Обновлен CLAUDE.md с добавлением принципов качества кода
- Расширен interaction-integrity-rules.md новыми правилами взаимодействия
- Дополнен rules-complete.md техническими требованиями
- Добавлен демо-компонент вариантов кнопки "Назад" в UI Kit
- Обновлены компоненты админ панели и страницы создания расходников
- Уточнены visual-design-rules.md для компонента BackButton
- Исправлены ESLint ошибки и предупреждения

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

interaction-integrity-rules.md

@@ -470,6 +470,83 @@ ignores: ['diagnostic-script.js', 'legacy-config.js'] // конкретные ф
 **ПРИ НЕОПРЕДЕЛЕННОСТИ:** СТОП → Вопрос пользователю → Ждать ответа
 **ПРИ ОШИБКЕ В ПЛАНЕ:** СТОП → Сообщить проблему → Не выполнять до исправления
 
+### 6.4 🔄 КОМАНДЫ ОТКАТА ЧЕРЕЗ КОММЕНТАРИИ
+
+#### **ОСНОВНАЯ КОМАНДА:**
+
+```
+"откати [описание] через комментарии"
+```
+
+**Примеры использования:**
+
+- `"откати центрирование поиска через комментарии"`
+- `"откати изменения кнопки через комментарии"`
+- `"откати новую логику через комментарии"`
+
+#### **АЛГОРИТМ ВЫПОЛНЕНИЯ:**
+
+**ЭТАП 1: ВОССТАНОВЛЕНИЕ ИСХОДНОГО КОДА**
+
+1. Найти измененный код в текущих файлах
+2. Извлечь исходный код из git истории (`git show HEAD:путь/к/файлу`)
+3. Восстановить исходную функциональность
+
+**ЭТАП 2: СОЗДАНИЕ СИСТЕМЫ ПЕРЕКЛЮЧЕНИЯ** 4. Оставить **Вариант 1** (исходный) - активным 5. Добавить **Вариант 2** (измененный) в комментариях 6. Добавить четкие описания для каждого варианта
+
+**ПРИМЕР СТРУКТУРЫ КОДА:**
+
+```jsx
+// Вариант 1: Исходный (активный)
+<div className="flex items-center justify-between">
+  {/* исходный код */}
+</div>
+
+// Вариант 2: Измененный (для быстрого переключения)
+/*
+<div className="flex justify-center">
+  {/* измененный код */}
+</div>
+*/
+```
+
+#### **ДОПОЛНИТЕЛЬНЫЕ КОМАНДЫ:**
+
+**ОЧИСТКА КОММЕНТАРИЕВ:**
+
+- `"очисти комментарии"` - удалить все закомментированные варианты
+- `"удали вариант 2"` - удалить конкретный закомментированный вариант
+
+**ПЕРЕКЛЮЧЕНИЕ ВАРИАНТОВ:**
+
+- `"переключи на вариант 2"` - активировать закомментированный код
+- `"активируй измененный вариант"` - то же самое
+
+**ИНФОРМАЦИОННЫЕ КОМАНДЫ:**
+
+- `"покажи варианты"` - показать все доступные варианты в комментариях
+- `"какие есть варианты кода?"` - перечислить доступные варианты
+
+#### **ПРЕИМУЩЕСТВА МЕТОДА:**
+
+✅ **Мгновенный откат** - просто переставить комментарии
+✅ **Видимость всех вариантов** - код содержит историю изменений  
+✅ **Быстрые эксперименты** - легко переключаться между решениями
+✅ **Не усложняет архитектуру** - не требует feature flags или конфигов
+
+#### **ОГРАНИЧЕНИЯ:**
+
+⚠️ **Временное решение** - не для production кода
+⚠️ **Увеличивает объем кода** - нужно очищать перед финальным коммитом
+⚠️ **Только для небольших изменений** - не подходит для кардинальных переработок
+
+#### **ПРАВИЛА ПРИМЕНЕНИЯ:**
+
+- ✅ Использовать для UI экспериментов и небольших логических изменений
+- ✅ Всегда добавлять четкие комментарии с описанием вариантов
+- ✅ Очищать комментарии перед финальным коммитом
+- ❌ Не использовать для изменений архитектуры или критической логики
+
 ---
 
 ## 🚀 ЗАКЛЮЧЕНИЕ