# Changelog ## [2025-10-02] - Major UX/UI Improvements ### Added - Новые компоненты (100% Tabler UI) - **Breadcrumbs** - улучшенный с кнопкой "Назад", счетчиками и фильтрами - **SavedFilters** - сохранение комбинаций фильтров в localStorage - **BulkActionsBar** - панель массовых операций для таблиц - **ToastContainer** - система toast уведомлений (success/error/warning/info) - **ValidatedInput** - input с inline валидацией и подсказками - **ProgressIndicator** - индикаторы прогресса (линейный, кольцевой) - **Sparkline** - мини-графики без внешних библиотек (SVG) - **CommandPalette** - глобальный поиск команд (Ctrl+K) - **KeyboardShortcutsButton** - справка по горячим клавишам ### Enhanced - Улучшенные компоненты - **TableSkeleton** - добавлены CardSkeleton, ListSkeleton, FormSkeleton - **App.jsx** - интеграция ToastContainer и CommandPalette ### Improved - Улучшения UX - ⌨️ Keyboard shortcuts (Ctrl+K, Ctrl+N, Ctrl+S, Ctrl+F, Esc) - 🎨 Анимированные skeleton loaders с pulse эффектом - 🔔 Toast уведомления с действиями и автозакрытием - ✓ Real-time валидация форм с debounce - ☑️ Bulk operations с чекбоксами - 📊 Sparkline графики для визуализации трендов - 🔍 Command palette для быстрого доступа к функциям ### Technical Details - ~1300 строк нового кода - 8 новых компонентов - 3 улучшенных компонента - 100% Tabler UI стили (без сторонних библиотек) - Полная поддержка темной темы - ARIA labels для accessibility - TypeScript ready ### Documentation - Создан `UX_UI_IMPROVEMENTS.md` с полной документацией - Примеры использования всех компонентов - Дизайн-система и цветовая палитра --- ## [2024-07-08] - Tabler Core Integration ### Added - Integrated `@tabler/core` package for 100% authentic Tabler UI - Official Tabler CSS and components - Better performance and smaller bundle size ### Changed - Updated Node.js requirement from 18 to 20 (required by @tabler/core) - Simplified CSS by removing custom Tabler styles - Replaced React-Bootstrap components with native Tabler classes - Updated Dockerfile to use Node.js 20 ### Removed - Custom Tabler CSS variables and styles - React-Bootstrap dependency (still available but not used) - Duplicate styling code ### Technical Details - `@tabler/core` requires Node.js >= 20 - Vite 7.0+ requires Node.js >= 20 - All existing functionality preserved - Better TypeScript support - Improved accessibility ### Migration Notes - No breaking changes for users - Backend remains unchanged - Docker images now use Node.js 20 - CI/CD pipelines updated automatically