FondationDémo simuléeConfigurableM · 2 à 4 jourssocle.backoffice-shell

Shell de back-office

Donner un cadre stable a tous les modules sans perdre les acces quand l'espace se resserre.

Le problème qu'il règle

Chaque nouveau dashboard recree sa navigation, son responsive et son panneau IA, puis reproduit les memes bugs de largeur.

Preuve — Démo simulée

Écrans complets, mais données en mémoire et paiement/OAuth simulés.

Empaquetage — Configurable

Piloté par un fichier de config, mais vit dans son projet.

Les écrans

Back-office · 1

Route	Écran	Ce qu'on y fait	La forme	Les états
`/*`	Shell global	Encadrer toutes les pages metier.	Sidebar, topbar, contenu centre et panneau assistant.	Sidebar ouverte/repliee, assistant ferme/docke/plein ecran, mobile/tablette.

Où l'IA intervient

L'autonomie se lit avant la technique. « Propose » est le défaut de la maison : l'outil prépare, une personne valide. Tout ce qui « agit » doit nommer son garde-fou.

LitTopbar et panneau droit

Conserve le meme fil et le contexte de la page courante.

Agent API + contexte de route

Ce qu'on peut activer dedans

Sidebar sectionnee

sidebar

256 px ouverte, rail 64 px replie, tooltips et badges.

Topbar

topbar

Titre, contexte, recherche, alertes et acces assistant.

Assistant docke

assistant

Ferme, 360 px, flottant tablette ou plein ecran.

Tiroir mobile

mobile

Navigation off-canvas et assistant plein ecran.

Sous le capot

Données

user_preferences
navigation_registry

Composants réutilisables

Sidebar
IconRail
Topbar
AssistantPanel
CommandPalette
MobileDrawer

Services externes

Aucun. Ce module ne dépend de personne.

Rôles et droits

· Navigation filtree par role

Ce qu'il faut autour

Il exige

Rien. Il s'installe seul.

Il ne cohabite pas avec

Aucun conflit connu.

D'autres en dépendent

Les pièges

Chacun vient d'un incident réel, relevé dans les commentaires du code d'origine. C'est la partie du catalogue qui vaut le plus cher : elle évite de repayer la même leçon.

Entre 901 et 1279 px, l'assistant doit flotter au lieu de reduire le contenu.
Replier signifie rail, jamais disparition du menu.

Ce qu'il ne fait pas, et ce qui reste à faire

Hors périmètre

· RBAC
· Agent metier

Pour le mettre vraiment sur étagère

· Extraire le shell et son registre de navigation.
· Ajouter tests geometriques aux cinq largeurs de reference.

Où c'est prouvé

Tiare Auto (base loueur)

Démo simulée

/home/jordy/projects/location-exemple/src/components/pro

Pahono (moteur Bookflow)

Livré

/home/jordy/projects/PACIFIK'AI/solutions/bookflow/dashboard/src/components/layout

Vérifié contre le code le 2026-08-27. Au-delà de quatre-vingt-dix jours sans revérification, une fiche décrit un souvenir, pas un dépôt.

Tous secteurs