37 - UI Runtime Safety Rules

Règles à respecter pour modifier l’interface DataLab0 sans casser le runtime desktop.

Règle critique

Interdiction : ne jamais cibler globalement [role="dialog"], .modal, .dialog, .overlay, .backdrop ou les layers workspace.

Pourquoi

Ces sélecteurs peuvent toucher plusieurs couches à la fois : fenêtres, overlays, modales, popovers, desktop layer ou debug layer. Une modification visuelle locale peut alors déplacer ou redimensionner tout le runtime.

Patterns interdits

[role="dialog"] { position: fixed !important; }
.overlay { inset: 0 !important; } sans namespace composant
.modal button { ... } appliqué à tout le produit
Modifier un parent runtime pour corriger une simple modale

Patterns autorisés

Utiliser des classes namespacées : .datalab-modal, .datalab-close-confirmation
Modifier uniquement le composant ciblé
Utiliser les tokens runtime
Documenter toute modification UI sensible