Front-end

Converser avec le savoir.
Le voir vivre.

La console est l’interface humaine d’Open BrAIn. On y pose des questions en langage naturel, on y examine des preuves, on y prend des décisions, et on y regarde le savoir de l’organisation évoluer comme un réseau vivant.

Mode démonstration Les captures de cette page proviennent de la console réelle, avec des données entièrement fictives.

Accueil de la console : salutation, propositions en attente, suggestions et barre de conversation
L’accueil. La console commence par ce qui demande votre attention : propositions en attente, réponses jugées insatisfaisantes. La navigation regroupe les vues métier : cerveau, concepts, mémoire, validation, signaux, sources, journal.

La conversation au centre

On interroge, on demande une action, on ouvre une vue. Le langage naturel est l’entrée principale.

Les vues à côté

La fiche, la preuve ou la proposition s’ouvrent dans un panneau, sans perdre le fil de la conversation.

Rien par accident

Toute action qui change le savoir passe par une confirmation explicite, avec une raison.

Des états honnêtes

Chargement, échec, hors ligne, base périmée ou droit insuffisant : chaque état est dit clairement.

BrainMap & Chronique

Le savoir comme un réseau qui évolue.

La BrainMap montre le savoir publié comme un cerveau : des territoires, des voisinages, des concepts reliés. La Chronique, synchronisée avec la carte, raconte ce qui a changé et quand, chaque événement étant relié à la publication et à la source qui l’expliquent.

BrainMap en synthèse, thème sombre, voisinages et macro-connexions
Synthèse des voisinages après quatre publications : chaque voisinage porte ses créations et ses retraits.
Chronique : nouvelle relation et relation retirée, avec la source
Chronique. Une relation ajoutée (trait plein), une relation retirée (pointillé), et la preuve de chaque changement.

Zoom sémantique

Domaine, voisinages, concepts : on descend de niveau en niveau, avec un fil d’Ariane et une recherche.

Couleurs des changements

Création et retrait de relations, avec une légende stable, activable à la demande. Les autres dynamiques sont en conception.

Période et frise

Une frise découpée en intervalles montre quand le savoir a bougé. Les zones hachurées signalent une couverture partielle.

Explorer un corpus

Des centaines de fiches, lisibles d’un coup d’œil.

Un catalogue de documents préparé peut être exploré localement, avant toute publication : territoires, familles, puis fiches, avec leurs références croisées. L’exemple ci-dessous porte sur une entreprise imaginaire, Norvane : 198 fiches et 648 références.

Carte d’un corpus fictif : neuf territoires reliés
Niveau 1 · Territoires. Offres, marchés, méthodes, plateforme… et 34 connexions entre territoires.
Famille Capteurs : fiches et liens
Niveau 3 · Fiches. La famille « Capteurs » : chaque fiche garde son texte d’origine et ses références.
BrainMap connectée sur un domaine synthétique de 10 000 concepts et 100 000 relations
À l’échelle : 10 000 concepts, 100 000 relations. Recette synthétique du mode connecté des 4 et 5 octobre : domaine publié en 202 versions et rapproché exhaustivement. Scène à chaud en moins de 41 ms au 95ᵉ centile. Qualification en cours : la première vue à froid et la mémoire du moteur graphe restent à optimiser.

Gouverner

Valider, tracer, administrer.

File des propositions à valider avec compteurs
À valider. La file des propositions, avec ce qui est en attente, approuvé et publié.
Administration des rôles : changement de rôle avec raison
Accès au domaine. Un changement de rôle exige une raison et laisse une trace au journal.
Vue lecteur : boutons de décision désactivés et explication
Un lecteur consulte, il ne décide pas. Les boutons sont désactivés et l’interface explique pourquoi.
Accueil de la console en thème sombre
Clair, sombre ou système. Le thème suit le réglage de l’appareil ou le choix de l’utilisateur.

Mobile

Dans la poche, sans rien perdre.

Sur téléphone, la navigation devient un rail d’icônes et les vues passent en superposition. Aucun débordement horizontal : c’est vérifié par un test automatisé.

La même conversation, les mêmes preuves, les mêmes garde-fous.

Fiche concept sur mobile
Réponse citée sur mobile

Mode connecté

Un espace de travail complet derrière la démonstration.

Connectée au back-end, la console ouvre des dossiers de travail : preuves d’une réponse, propositions, tâches, dossiers partagés, missions d’agents, revues de référence, signalements, imports. Trois dossiers s’y sont ajoutés récemment : Savoir à revoir, Confidentialité (avec le journal des lectures du secret) et Banque de questions.

Mode connecté : réponse sourcée, état de la connaissance et preuves de la réponse
Réponse sourcée en mode connecté. Les extraits retrouvés, la version servie, l’état de la connaissance (« Valide · décidé à la version 4 ») et, à droite, les preuves avec leur source. Domaine fictif « Norvane », servi par le cœur natif.

Utiliser mon chatbot

Un dossier explique pas à pas comment brancher son propre assistant : consulter et citer, signaler une erreur, suivre un signalement, proposer une correction. Les mêmes guides sont lisibles par l’assistant lui-même via MCP.

Capture issue de la recette synthétique du mode connecté.

Espace connecté : guides de parcours pour utiliser son propre chatbot via MCP
Utiliser mon chatbot. Les guides de parcours, côté humain.
Sous le capotChoixPourquoi
FrameworkReact 18, TypeScript, ViteTypage de bout en bout, contrats générés depuis l’API
Tests831 tests unitaires et de composants, 7 parcours navigateur sur la console de démonstrationLes parcours critiques (approuver, publier, échouer, reprendre) sont rejoués à chaque exécution complète de l’intégration continue
ModesDémonstration ou connectéLa démonstration n’envoie aucune requête hors de la page, ce qu’un test vérifie
SessionPasserelle avec session sécurisée, ou jeton manuelLe jeton reste en mémoire ; une session ne vaut jamais décision du responsable
AccessibilitéRôles et libellés ARIALes tests pilotent l’interface par ses rôles et ses libellés, comme le ferait un lecteur d’écran