Visual catalog from frontend/monorepo. Colors from
libs/unit/src/tokens.css.
| Тип | Плейсмент | Анімація |
|---|---|---|
| System notifications | global top banner, над nav | статичний, dismiss → localStorage |
| Page notifications | top bar / full-width banner / inline під title | статичний або CSSTransition ~300ms |
| Toasts | fixed, bottom-center | 120ms slide/fade, стек, pause on hover |
| Side panel notifications | dropdown у nav (іконка дзвіночка) | окремий компонент, без toast-анімації |
| Routing canvas notifications | червона обводка нод + errored border | outline, не toast |
| AI assistant | — | не реалізовано як notification |
Global top banner — показується над header/nav на рівні всього застосунку.
BankingPromo — Solidgate Treasury
apps/hub/src/features/banking/components/BankingPromo/ · feature toggle banking-promo
Банери на рівні сторінки: top bar alerts, onboarding banner, inline @monorepo/unit Notification.
BalanceAlertBanner — Chargebackhit Hub
Hub onboarding banner — secondary variant
Inline banner — warning
Inline banner — info
Inline banner — alert + actions (3DS Cascading)
@monorepo/unit Notification — тільки primary (success) і alert (error).
Fixed bottom-center — react-hot-toast/headless.
primary — toast.success
alert — toast.error
placement — bottom-center viewport
Persistent feed у nav — не toast, окремий inbox-компонент.
Hub inbox (nav)
apps/hub/src/app/components/notifications/
Частково реалізовано: зліва зверху summary-нотифікація з кількістю помилок (як на дизайні) — у коді є лише червона обводка нод і errored border на полях.
The sum of traffic percentages must be 100%
Не реалізовано як notification. Окремого AI assistant banner / toast / inbox item у монорепо немає. Найближче — Hub AI Analyst command bar (overlay + trigger ⌘I на analytics-сторінках), але це chat panel, не notification pattern.
AI Analyst — command bar (не notification)
Trigger button → full-screen chat overlay. Payment Analytics, Subscription Analytics V2.
Не входить до notification system (NotificationMapper, inbox, toast).