Revue visuelle — refonte du portail

« Calme & Keystone » · captures du 26 juillet 2026 · thèmes clair et sombre, largeurs 1440 px (bureau) et 375 px (téléphone).

Ce que vous regardez — et ce qui manque

Cette revue couvre l’onglet Communications et la trousse de composants partagée : les seules surfaces refaites à ce jour. Le reste du portail (Accueil, Portefeuille, Location, Travaux, Comptabilité) n’est pas encore migré et n’apparaît pas ici.

Chaque image montre un composant isolé (Storybook) avec des données de démonstration — pas une page complète du portail. En vue « Tél. 375 », certaines vignettes ne rétrécissent pas : la story fixe elle-même la largeur de sa vitrine. Ce n’est donc pas un défaut du composant.

Accessibilité — état réel, sans filtre

67 constats de gravité « critique » ou « sérieuse » ont été mesurés automatiquement (axe) sur 33 des 199 stories : contraste insuffisant (39) · image sans texte alternatif (12) · attribut ARIA invalide (8) · champ sans étiquette (8). Les correctifs sont en cours sur une autre branche.

Les composants et les états touchés portent une pastille ⚠ ci-dessous. Rien n’est masqué : si un état est marqué, le défaut est réel aujourd’hui.

14 composants 145 états 199 stories 796 captures

Ouvrir le Storybook interactif ↗

⚠ seulement

CkAlertStrips

Console / Comms CK / CkAlertStrips · 6 états

Revue visuelle — refonte du portail

Ce que vous regardez — et ce qui manque

Accessibilité — état réel, sans filtre

Both dismissed — one slim pills row

Critical — dismissed pill

Critical — full strip

Critical — loading (no action)

Failed — dismissed pill

Failed — full strip

Duplicate

Duplicate Multi

Improve Loading

Improve Ready

Improve Unavailable

Preflight Failed

Default

Empty

Error

Loading

Pending Only

Read Only

Zero Data

Action bar · Envoyer blocked (no draft)

Action bar · Envoyer enabled

Action bar · sending (disabled)

Disclosure gear row (preview)

Do-not-reply (restricted — no signature)

Draft · edit mode

Draft · low confidence flag

Draft · preview mode

Draft · regenerating overlay

Empty sender (« Expéditeur inconnu »)

Historique · collapsed (default)

Historique · empty (premier message)

Message · attachments + signals

Narrow · pinned actions

Nav · first item (Prev disabled)

Nav · last item (Next disabled)

Provenance · règles appliquées + permanentes

Provenance · ungrounded (Régénérer)

Signature · excluded

Signature · included

Empty

Empty Filtered

Error

Error Bare

Loading

Loading Bare

A Repondre Active

Count Unavailable

Historique Active

With Pending

Empty — none in this filter

Empty — nothing handled yet

Error — no retry handler

Error — retryable

Filter — Envoyés

Filter — Rejetés

Filter — Tous

Loaded — every status

Loading — skeleton rows

Paged — 50 sur 214 affichés

Paged — loading the next page

Paged — tail reached

Empty — count outage (no false all-clear)

Empty — filtered (no results)

Empty — inbox zero

Empty — reconciling (server says N)

Group context menu (right-click ×N header)

Ingestion strip (stalled)

Loading

New-mail pill

Populated

Row context menu (right-click)

Selected + checked + master (some)

Single mailbox (no badges)

System segment active

Truncation

Unread + read mix

×N run group