🤖 AI Drawer - Улучшения интерфейса
📋 Что было улучшено:
- ✅ Управление размером шрифта - добавлена панель с кнопками для изменения размера текста (мелкий, обычный, крупный, очень крупный)
- ✅ Аватарки для ассистента - добавлены дружелюбные аватарки с анимацией (🤖😊💡🧠) и возможность их смены
- ✅ Убрано излишнее затемнение - изменен фон с темного на светлый (#f8f9fa) с темным текстом (#212529) для максимальной читаемости
- ✅ Плавающий индикатор загрузки - уведомления о обработке запроса теперь появляются в центре экрана и не мешают диалогу
- ✅ Улучшенный скролл - добавлены стилизованные полосы прокрутки и автоматическая прокрутка к новым сообщениям
- ✅ Поле ввода сообщений - добавлено удобное поле для ввода с кнопкой отправки и поддержкой Enter
- ✅ Интеграция с n8n - восстановлена связка с n8n через n8n_proxy.php для обработки запросов
- ✅ Автоматическая инициализация - при открытии drawer автоматически отправляется контекст CRM в n8n
- ✅ Скрытие кнопки AI - кнопка AI скрывается когда drawer открыт
- ✅ Стриминг сообщений - ответы ассистента появляются постепенно с эффектом печатания
- ✅ Индикатор печатания - красивая анимация "печатает..." с точками
🎯 Как использовать:
- Нажмите "Открыть AI Drawer" - откроется панель справа
- Используйте кнопки размера шрифта - в верхней части панели есть кнопки для изменения размера текста
- Выберите аватарку ассистента - кнопки с эмодзи для смены внешнего вида ассистента (🤖😊💡🧠)
- Настройки сохраняются - выбранный размер шрифта и аватарка запоминаются в браузере
- Плавающие уведомления - при обработке запросов появляется красивое уведомление в центре экрана
- Автоматический скролл - новые сообщения автоматически прокручиваются в поле зрения
- Поле ввода сообщений - внизу панели есть поле для ввода с кнопкой "Отправить" и поддержкой клавиши Enter
- Интеграция с n8n - все сообщения отправляются в n8n через n8n_proxy.php для обработки
- Автоматическая инициализация - при открытии drawer ассистент сразу получает контекст CRM
- Умное скрытие кнопки - кнопка AI автоматически скрывается когда drawer открыт
- Стриминг сообщений - ответы ассистента появляются постепенно с эффектом печатания
- Индикатор печатания - красивая анимация "печатает..." с точками во время обработки
💡 Дополнительные возможности:
- 💾 Сохранение настроек - размер шрифта и аватарка сохраняются в localStorage
- 🎨 Улучшенный дизайн - светлая тема с высоким контрастом для комфортной работы
- 👁️ Максимальная читаемость - темный текст (#212529) на светлом фоне (#f8f9fa)
- 🎯 Цветовое разделение - сообщения пользователя (синие) и ассистента (с синей полоской)
- 😊 Дружелюбные аватарки - анимированные аватарки с разными характерами (робот, дружелюбный, помощник, умный)
- 📱 Адаптивность - работает на мобильных устройствах
- ⚡ Плавные анимации - все переходы и изменения происходят плавно