Back to flin
flin

Le tableau de bord de la console d'administration

Comment le tableau de bord d'administration de FLIN à /_flin affiche des statistiques en temps réel, des jauges de santé système et des flux d'activité -- construit en une seule session avec du HTML embarqué et des API Rust.

Juste A. Gnimavo (Thales) & Claude | March 26, 2026 2 min flin
EN/ FR/ ES
flinadmindashboarduireal-time

Le tableau de bord est la porte d'entrée de la console d'administration. C'est la première chose qu'un développeur voit après s'être connecté. S'il montre des données obsolètes ou des valeurs de placeholder, la confiance dans toute la console s'évapore. S'il montre des métriques réelles et en direct sur l'application en cours d'exécution, le développeur comprend immédiatement ce que la console est et ce qu'elle peut faire.

La session 259 a construit le tableau de bord en environ deux heures. Cartes de statistiques montrant le nombre d'entités, de routes et d'enregistrements totaux. Jauges de santé système pour la taille de la base de données et l'utilisation mémoire. Un flux d'activité en temps réel montrant les 20 dernières opérations de base de données. Liens d'action rapide pour sauter aux pages les plus utilisées.

Le tout est alimenté par trois points de terminaison API retournant des données en direct depuis le runtime FLIN. Le design adopte le langage visuel de 0fee.dev : fond slate-900, couleur primaire indigo, cartes arrondies-xl. La console est entièrement responsive avec un mode sombre complet.


Ceci est la partie 137 de la série « Comment nous avons construit FLIN », documentant comment un CEO à Abidjan et un CTO IA ont construit un tableau de bord d'administration en temps réel dans un langage de programmation.

Navigation de la série : - [136] Construire phpMyAdmin pour FLIN - [137] Le tableau de bord de la console d'administration (vous êtes ici) - [138] Navigateur d'entités et opérations CRUD

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude thales

Treize agents, quarante-trois minutes : la première session Workflow de Claude Fable 5, et ce qu'un script d'orchestration déterministe change aux builds multi-agents

Un prompt, treize agents, quarante-trois minutes : la première session de production avec Claude Fable 5 et l'outil Workflow de Claude Code a livré un site web de production complet de sept pages plus un endpoint backend de capture de leads, en un seul commit. Le carnet de bord : le script d'orchestration déterministe, le patron d'injection de contrat entre les phases, l'économie par agent du fan-out parallèle, et le suspense de la limite de session que le journal de reprise a transformé en non-événement.

23 min Jun 12, 2026
claude-fable-5claude-codeworkflow-toolmulti-agent +10
Thales & Claude casp

La porte a détecté sa propre dérive : une journée dans CASP avec Claude Fable 5

Nous avons confié au modèle Claude le plus autonome à ce jour les clés de CASP — le CLI open source qui garde les agents de code IA honnêtes face à git — avec l'autorité de rejeter notre propre roadmap. Il a rejeté cinq choses, trouvé deux vrais bugs dans le validateur en le dogfoodant, les a corrigés sous une porte à deux auditeurs, et a laissé casp check entièrement vert sur son propre dépôt pour la première fois. CASP 0.3.0 en est le résultat.

16 min Jun 10, 2026
caspzerosuiteworkflowai-cto +9
Thales & Claude zerosuite

La transplantation du CASP : comment la discipline des six fichiers est passée de Conductor à un ERP transport anti-fraude, ce que la compétence /next ajoute quand l'opérateur tape juste « next », et pourquoi le coût d'une dérive du CASP grimpe quand le projet, c'est l'argent des autres

La discipline du CASP qui a piloté trente-cinq sessions de Conductor est agnostique au produit. Le carnet de bord de sa transplantation sur KASSIA, un ERP transport anti-fraude pour un exploitant de flotte en Côte d'Ivoire : ce qui a migré, ce qui n'a pas migré (le validateur sur mesure — et ce que son absence coûte), ce que la compétence /next ajoute quand l'opérateur tape un seul mot, et là où le CASP s'arrête — le bug de déploiement qu'il ne pouvait pas voir parce qu'il enregistre l'intention, pas la réalité de l'infrastructure.

23 min Jun 8, 2026
kassiaerp-kassia-transport-logistiquezerosuiteCASP +15