Status banner
canonOne sentence about the state of a page or a record, with an optional glyph, actions and dismiss; tones neutral, accent, positive, critical (no warning tone).
Owner approved wave A on 4 Oct 2026 (acrm !4579) and wave B on 6 Oct 2026 (acrm !4794, prototype proto/status-banner-b@83b789cc6). Wave A replaced .resv*, .fin-gap-banner, .zav-bez-smlouvy, .imp-reserved, .sr-rep-banner. Wave B replaced the dialog and accounting boxes .acc-fail (4 copies), .acc-warn, .acc-inv-warn, .pay-item-detail__warn, .aichat-warn, .ppf-conflict-title, .tl-log-fail; added title (tone only on glyph + title, body --fg) and actionsPlacement=below (RULES §15.6). No warning tone (RULES §15). Out of scope: .acrm-imp-banner, .dg-strip, .deal-cta; import K ověření / Konflikty still on .imp-reserved CSS until the owner decides. Dev checks: 4 Oct Závazky critical 1:1 with real data; 6 Oct Nová analytika rejected save = critical compact in the dialog, 1440/390 light/dark, brown 0, old classes 0. Other wave-B states not reachable with dev data (verified on fixtures in !4794, 46/52 pairs 0 px). Registry repaired 17 Oct 2026 (review F5): GoogleConnectBanner, RelationshipStatusBanner, RepBanner live in apps/web (see files), not exported by @acrm/ui; dropped from react[].
Used in 40 files · 26 areas · 69× — components/accounting, components/ai-employees, components/assistant, components/callwrapup, components/clen-tymu, components/decisions …
@acrm/ui <StatusBanner>.acrm-statusbanner .acrm-statusbanner.compact .acrm-statusbanner.is-neutral .acrm-statusbanner.is-accent +4SourceStoryChangelog since 4. 10. 2026
- 2. 11. 2026polish(status-banner): akce pod textem u tečky lícují s textem, ne o 10 px vpravoapps/web/src/ds/status-banner.cssŠtěpán · 59ac90948
- 6. 10. 2026feat(status-banner): vlna B — rámečky v dialozích a účetnictví na StatusBanner, červeně jen glyf + titulekpackages/ui/src/components/StatusBanner.tsxŠtěpán · aa6f74427
- 6. 10. 2026fix(blizkost): review UI celkuapps/web/src/ds/status-banner.cssClaude · 9ca6370de
- 4. 10. 2026feat(ds): StatusBanner — jeden pruh stavu (vlna A: pruhy na stránce)packages/ui/src/components/StatusBanner.tsxŠtěpán · ac5f18344