| 1 | # Notification Components DOX |
| 2 | |
| 3 | ## Purpose |
| 4 | |
| 5 | - Own WebUI toast, modal, icon, and notification store behavior. |
| 6 | |
| 7 | ## Ownership |
| 8 | |
| 9 | - `notification-store.js` owns notification state and public helper actions. |
| 10 | - `notification-toast-stack.html` owns toast rendering. |
| 11 | - `notification-modal.html` owns notification detail modal UI. |
| 12 | - `notification-icons.html` owns shared notification icon markup. |
| 13 | |
| 14 | ## Local Contracts |
| 15 | |
| 16 | - Use the notification system for user-facing success, warning, info, and error feedback. |
| 17 | - Keep public helper names stable for core and plugin callers. |
| 18 | - Keep the toast stack visible above normal and legacy modal overlays while staying below confirmation dialogs. |
| 19 | - Reload actions must persist their notification as read before refreshing the page. |
| 20 | - Avoid exposing secrets or raw auth payloads in notification text. |
| 21 | |
| 22 | ## Work Guidance |
| 23 | |
| 24 | - Coordinate helper changes with plugin UI contracts and existing frontend imports. |
| 25 | |
| 26 | ## Verification |
| 27 | |
| 28 | - Smoke-test toast display, dismiss, modal details, and notification severity styling. |
| 29 | |
| 30 | ## Child DOX Index |
| 31 | |
| 32 | No child DOX files. |