Mantis B2B — редизайн

Дизайн-система і цільовий UX ключових модулів для переходу Angular 1.6 → Angular 20 + PrimeNG (Aura, токени). Інтерактивні прототипи — клікайте, дані фейкові. Стрілки/Enter/Ctrl+K працюють.

CRM — цільові модулі

дашбордСводкиKPI, оборот по днях, статуси документів, топ брендів, «потребують уваги» каркас B · драуерДокументиСтрічка з тегами і збереженими видами, драуер швидкого перегляду, документ: bulk-редагування рядків, Підбір, Сканувати (фасовки) спліт CФінансиСписок платежів + закріплений інспектор: мультивалютні рядки, баланс контрагента, пов'язані документи каркас A · фільтр-панельЗвіти — універсальний шаблонОдин каркас для 10+ звітів: стек вимірів, дерево з рівнями, стан «сформуйте заново» широкий драуер 70%ТоварSKU→EAN (розгортання в списку), ~10 фільтрів, редагування у драуері: зображення за кольором, 2 типи цін + система знижок спліт CДовідникиГрупи → значення, структуровані властивості, контекст-фільтр, об'єднання дублікатів, прив'язка до SKU/EAN широкий драуер 70%КонтрагентиОборот за період, останній вхід, картка з логінами клієнта і швидкими переходами

Дилерська частина

порталКаталог + ПредзамовленняЖива сітка розмірів (к-ть = одразу в кошику, залишки в клітинках), «моя ціна» поруч із РРЦ, кошик-драуер; предзамовлення: 3 рівні → 1 екран, автозбереження в документ

Основа

as-isПоточна система (рекреація)Стрічка, Видаткова, Залишки — як зараз, для порівняння «до/після» Каркас AРейка + фільтр-панель модуля + драуер Каркас B — базовийОдин сайдбар, фільтр-бар зверху, збережені види Каркас CСпліт: список + закріплений інспектор
Дизайн-токени: styles.css → tokens/ (мапінг на PrimeNG definePreset — у readme.md). Компоненти: components/. Roboto 13px, PrimeIcons, Aura-щільність.
Хостинг: статичні файли, логін не потрібен. Потрібен доступ до інтернету з браузера (React, Babel, шрифти та іконки — з CDN).