Configuration UI (Heva Insights)

Hiérarchie d’affichage

• View : unité principale, associée à un contexte de données du DataModel.
• Sections : regroupent les panels, peuvent être affichées en pile, en onglets ou en mode présentation.
• Panels : contiennent les visualisations, cartes ou tableaux, chacun lié à un contexte de données.
• Charts & widgets : composants réutilisables, compatibilité responsive par défaut.

Variants & modes

• Chaque application définit un variant (ex. default, cartography) pilotant navigation, modules et comportements.
• Modes d’affichage configurables :
  • single-page : sections empilées.
  • tabs : navigation par onglets.
  • presentation : affichage plein écran, navigation séquentielle.
• Les modes peuvent être commutés à l’exécution, selon les permissions utilisateur.

Layout engine hybride

• Utilisation de CSS Grid par défaut pour un positionnement fluide.
• React Grid Layout (RGL) réservé aux sections nécessitant drag & resize.
• Possibilité d’introduire un mode masonry pour des galeries modulaires (optionnel).
• Règles de compaction : recalcul automatique lors de l’activation/désactivation de panels.

En construction : librairie de gabarits de layout et prévisualisation responsive dans le Studio.

Gestion du contexte data

• Chaque View/Section/Panel référence un ID de nœud du DataModel.
• Les composants consomment les données via un hook commun (ex. useDataView).
• Filtres et paramètres contextuels sont propagés hiérarchiquement (View → Section → Panel).

Composants dynamiques

• Modules additionnels : filtres rapides, sélecteurs de scénarios, notes contextuelles.
• Conditions d’affichage : activation selon rôles, filtres actifs ou état applicatif.
• Internationalisation : libellés et formats gérés par locale, fallback en anglais.

Thèmes et branding

• Tokens de design : couleurs, typographie, espacements, composants spécifiques.
• Modes clair/sombre : support natif, activables par tenant ou par app.
• Palette bi-ton : découplage des couleurs primaires/secondaires, titre appName scindé (Heva | One).

En construction : générateur de thèmes et preview instantanée multi-tenant.