@lastbrain/app 0.1.14 → 0.1.16

package/dist/templates/DefaultDoc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultDoc.d.ts","sourceRoot":"","sources":["../../src/templates/DefaultDoc.tsx"],"names":[],"mappings":"AAWA,wBAAgB,oBAAoB,4CAkcnC"}
+{"version":3,"file":"DefaultDoc.d.ts","sourceRoot":"","sources":["../../src/templates/DefaultDoc.tsx"],"names":[],"mappings":"AAaA,wBAAgB,oBAAoB,4CAioBnC"}

package/dist/templates/DefaultDoc.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, CardBody, CardHeader, Chip, Snippet } from "@lastbrain/ui";
-import { Rocket, Building2, BookOpen, Database, Palette, Link as LinkIcon, } from "lucide-react";
+import { Rocket, Building2, BookOpen, Database, Palette, Link as LinkIcon, Shield, Zap, } from "lucide-react";
 export function DefaultDocumentation() {
     return (_jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { id: "section-welcome", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Documentation LastBrain" }), _jsx(Chip, { color: "primary", variant: "flat", children: "v1.0.0" })] }) }), _jsx(CardBody, { className: "space-y-6", children: _jsx("div", { children: _jsx("p", { className: "text-slate-600 dark:text-slate-400 text-lg", children: "LastBrain est un framework modulaire pour cr\u00E9er des applications Next.js avec une architecture bas\u00E9e sur des modules r\u00E9utilisables." }) }) })] }), _jsxs(Card, { id: "section-quickstart", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Rocket, { size: 24 }), "D\u00E9marrage rapide"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Installation" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "pnpm install" })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Initialiser la base de donn\u00E9es" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "pnpm db:init" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "D\u00E9marre Supabase en local et applique les migrations" })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Ajouter des modules" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "pnpm lastbrain list-modules" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "pnpm lastbrain add-module auth" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: ["Modules disponibles : ", _jsx("strong", { children: "auth" }), " (authentification),", " ", _jsx("strong", { children: "ai" }), " (g\u00E9n\u00E9ration IA)"] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Construire les modules" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "pnpm build:modules" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "G\u00E9n\u00E8re les pages et routes \u00E0 partir des modules install\u00E9s" })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Lancer le serveur de d\u00E9veloppement" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "pnpm dev" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: ["Ouvre l'application sur", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "http://localhost:3000" })] })] })] })] }), _jsxs(Card, { id: "section-architecture", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Building2, { size: 24 }), "Architecture"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Le projet est organis\u00E9 en monorepo avec pnpm workspaces :" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "border-l-4 border-blue-500 pl-4", children: [_jsx("h3", { className: "font-semibold text-lg mb-1", children: _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/app" }) }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Framework principal et CLI. Contient les layouts, scripts de build, templates et la logique de g\u00E9n\u00E9ration des pages." })] }), _jsxs("div", { className: "border-l-4 border-green-500 pl-4", children: [_jsx("h3", { className: "font-semibold text-lg mb-1", children: _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/core" }) }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Utilitaires et types partag\u00E9s. Contient les helpers Supabase, fonctions serveur et types TypeScript communs." })] }), _jsxs("div", { className: "border-l-4 border-purple-500 pl-4", children: [_jsx("h3", { className: "font-semibold text-lg mb-1", children: _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/ui" }) }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Composants UI r\u00E9utilisables bas\u00E9s sur NextUI et Tailwind CSS. Fournit les composants Card, Button, Input, etc." })] }), _jsxs("div", { className: "border-l-4 border-orange-500 pl-4", children: [_jsx("h3", { className: "font-semibold text-lg mb-1", children: _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/module-*" }) }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Modules fonctionnels (auth, ai, etc.). Chaque module contient ses pages, APIs, composants, migrations et documentation." })] })] })] })] }), _jsxs(Card, { id: "section-create-module", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(BookOpen, { size: 24 }), "Documentation des modules"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Commande CLI" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "pnpm lastbrain create-module mon-module" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-4", children: ["Cr\u00E9e un nouveau module dans", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "packages/module-mon-module" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Structure d'un module" }), _jsx("div", { className: "bg-slate-50 dark:bg-slate-900 p-4 rounded-lg text-sm font-mono", children: _jsxs("div", { className: "space-y-1", children: [_jsx("div", { children: "\uD83D\uDCC1 module-mon-module/" }), _jsx("div", { className: "ml-4", children: "\u251C\u2500\u2500 \uD83D\uDCC4 package.json" }), _jsx("div", { className: "ml-4", children: "\u251C\u2500\u2500 \uD83D\uDCC4 mon-module.build.config.ts" }), _jsx("div", { className: "ml-4", children: "\u2514\u2500\u2500 \uD83D\uDCC1 src/" }), _jsx("div", { className: "ml-8", children: "\u251C\u2500\u2500 \uD83D\uDCC4 index.ts" }), _jsx("div", { className: "ml-8", children: "\u251C\u2500\u2500 \uD83D\uDCC4 server.ts" }), _jsx("div", { className: "ml-8", children: "\u251C\u2500\u2500 \uD83D\uDCC1 web/" }), _jsx("div", { className: "ml-8", children: "\u251C\u2500\u2500 \uD83D\uDCC1 api/" }), _jsx("div", { className: "ml-8", children: "\u251C\u2500\u2500 \uD83D\uDCC1 components/" }), _jsx("div", { className: "ml-8", children: "\u2514\u2500\u2500 \uD83D\uDCC1 supabase/" }), _jsx("div", { className: "ml-12", children: "\u2514\u2500\u2500 \uD83D\uDCC1 migrations/" })] }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Configuration du module" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Le fichier", " ", _jsxs("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: ["{slug}", ".build.config.ts"] }), " ", "d\u00E9finit les pages et APIs :"] }), _jsx("div", { className: "bg-slate-50 dark:bg-slate-900 p-4 rounded-lg text-sm font-mono overflow-x-auto", children: _jsx("pre", { children: `export default {
   name: "Mon Module",
@@ -18,7 +18,13 @@ export function DefaultDocumentation() {
       handler: "./api/mon-api"
     }
   ]
-}` }) })] })] })] }), _jsxs(Card, { id: "section-database", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Database, { size: 24 }), "Base de donn\u00E9es"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Supabase local" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-3", children: "LastBrain utilise Supabase pour la base de donn\u00E9es et l'authentification." }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium mb-1", children: "D\u00E9marrer Supabase :" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "pnpm db:init" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium mb-1", children: "Synchroniser les migrations :" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "pnpm db:migrations:sync" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium mb-1", children: "Cr\u00E9er une migration :" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "supabase migration new ma_migration" })] })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Migrations des modules" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: ["Les modules peuvent avoir leurs propres migrations dans", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "supabase/migrations/" }), ". Elles sont automatiquement synchronis\u00E9es lors du build."] })] })] })] }), _jsxs(Card, { id: "section-ui", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Palette, { size: 24 }), "Interface utilisateur"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Composants NextUI" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-3", children: ["Le package", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/ui" }), "r\u00E9exporte les composants NextUI avec une configuration Tailwind personnalis\u00E9e."] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Th\u00E8mes" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Le mode sombre/clair est g\u00E9r\u00E9 par", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "next-themes" }), ". Le switch est disponible dans le header de l'application."] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Tailwind CSS v4" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: ["Le projet utilise Tailwind CSS v4 avec un preset personnalis\u00E9 partag\u00E9 via", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/ui/tailwind.preset" }), "."] })] })] })] }), _jsxs(Card, { id: "section-module-docs", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(BookOpen, { size: 24 }), "Documenter ses modules"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Chaque module peut exporter un composant de documentation qui sera automatiquement int\u00E9gr\u00E9 dans cette page." }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Cr\u00E9er une documentation" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Dans votre module, cr\u00E9ez", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "src/components/Doc.tsx" }), " ", ":"] }), _jsx("div", { className: "bg-slate-50 dark:bg-slate-900 p-4 rounded-lg text-sm font-mono overflow-x-auto", children: _jsx("pre", { children: `export function MonModuleDoc() {
+}` }) })] })] })] }), _jsxs(Card, { id: "section-database", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Database, { size: 24 }), "Base de donn\u00E9es"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Supabase local" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-3", children: "LastBrain utilise Supabase pour la base de donn\u00E9es et l'authentification." }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium mb-1", children: "D\u00E9marrer Supabase :" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "pnpm db:init" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium mb-1", children: "Synchroniser les migrations :" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "pnpm db:migrations:sync" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium mb-1", children: "Cr\u00E9er une migration :" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "supabase migration new ma_migration" })] })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Migrations des modules" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: ["Les modules peuvent avoir leurs propres migrations dans", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "supabase/migrations/" }), ". Elles sont automatiquement synchronis\u00E9es lors du build."] })] })] })] }), _jsxs(Card, { id: "section-admin", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsx("h2", { className: "text-2xl font-semibold", children: "\uD83D\uDC64 Cr\u00E9er un Compte Administrateur" }) }), _jsx(CardBody, { className: "space-y-4", children: _jsxs("ol", { className: "list-decimal list-inside space-y-4", children: [_jsxs("li", { className: "text-lg", children: [_jsx("strong", { children: "Cr\u00E9er un compte" }), _jsxs("p", { className: "text-slate-600 dark:text-slate-400 ml-6 mb-2", children: ["Allez sur", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "/signup" }), " ", "et cr\u00E9ez votre compte"] })] }), _jsxs("li", { className: "text-lg", children: [_jsx("strong", { children: "Promouvoir en administrateur" }), _jsxs("p", { className: "text-slate-600 dark:text-slate-400 ml-6 mb-2", children: ["Ex\u00E9cutez cette requ\u00EAte SQL dans le Studio Supabase (", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "http://localhost:54323" }), ") ou via psql :"] }), _jsx("div", { className: "ml-6", children: _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: `update auth.users
+set raw_app_meta_data = jsonb_set(
+  coalesce(raw_app_meta_data, '{}'::jsonb),
+  '{roles}',
+  '["admin"]'::jsonb
+)
+where email = 'votre@email.com';` }) })] }), _jsxs("li", { className: "text-lg", children: [_jsx("strong", { children: "Acc\u00E9der \u00E0 l'interface admin" }), _jsxs("p", { className: "text-slate-600 dark:text-slate-400 ml-6", children: ["Vous pouvez maintenant acc\u00E9der \u00E0", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "/admin" })] })] })] }) })] }), _jsxs(Card, { id: "section-development", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Rocket, { size: 24 }), "D\u00E9veloppement"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Lancer le serveur de d\u00E9veloppement" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "pnpm dev" })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "G\u00E9n\u00E9rer les routes des modules" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "\u00C0 ex\u00E9cuter apr\u00E8s avoir ajout\u00E9 ou modifi\u00E9 des modules" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "pnpm build:modules" })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Build de production" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "pnpm build" })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "D\u00E9velopper un module" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "cd packages/module-auth" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "pnpm dev" })] })] })] }), _jsxs(Card, { id: "section-routes", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Shield, { size: 24 }), "Routes Prot\u00E9g\u00E9es"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsx("p", { className: "text-slate-600 dark:text-slate-400 mb-4", children: "Le middleware prot\u00E8ge automatiquement vos routes selon ces r\u00E8gles :" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "p-3 bg-slate-50 dark:bg-slate-900 rounded", children: [_jsx("code", { className: "text-blue-600 dark:text-blue-400", children: "/auth/*" }), _jsx("span", { className: "ml-2", children: "\u2192 Authentification requise" })] }), _jsxs("div", { className: "p-3 bg-slate-50 dark:bg-slate-900 rounded", children: [_jsx("code", { className: "text-purple-600 dark:text-purple-400", children: "/admin/*" }), _jsx("span", { className: "ml-2", children: "\u2192 Superadmin uniquement" })] }), _jsxs("div", { className: "p-3 bg-slate-50 dark:bg-slate-900 rounded", children: [_jsx("code", { className: "text-green-600 dark:text-green-400", children: "/docs/*" }), _jsx("span", { className: "ml-2", children: "\u2192 Acc\u00E8s public" })] })] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-4", children: ["Le middleware se trouve dans", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "middleware.ts" })] })] })] }), _jsxs(Card, { id: "section-workflow", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Zap, { size: 24 }), "Workflow de D\u00E9veloppement"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "1. Modifier un module" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["\u00C9ditez les fichiers dans", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "packages/module-*/src" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "2. Compiler le module" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "cd packages/module-auth" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "pnpm build" })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "3. R\u00E9g\u00E9n\u00E9rer les pages" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "cd apps/my-app" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "pnpm build:modules" })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "4. Appliquer les migrations" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "supabase migration up" })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "5. Tester" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm", children: "pnpm dev" })] })] })] }), _jsxs(Card, { id: "section-ui", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Palette, { size: 24 }), "Interface utilisateur"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Composants NextUI" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-3", children: ["Le package", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/ui" }), "r\u00E9exporte les composants NextUI avec une configuration Tailwind personnalis\u00E9e."] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Th\u00E8mes" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Le mode sombre/clair est g\u00E9r\u00E9 par", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "next-themes" }), ". Le switch est disponible dans le header de l'application."] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Tailwind CSS v4" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: ["Le projet utilise Tailwind CSS v4 avec un preset personnalis\u00E9 partag\u00E9 via", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/ui/tailwind.preset" }), "."] })] })] })] }), _jsxs(Card, { id: "section-module-docs", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(BookOpen, { size: 24 }), "Documenter ses modules"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Chaque module peut exporter un composant de documentation qui sera automatiquement int\u00E9gr\u00E9 dans cette page." }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Cr\u00E9er une documentation" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Dans votre module, cr\u00E9ez", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "src/components/Doc.tsx" }), " ", ":"] }), _jsx("div", { className: "bg-slate-50 dark:bg-slate-900 p-4 rounded-lg text-sm font-mono overflow-x-auto", children: _jsx("pre", { children: `export function MonModuleDoc() {
   return (
     <div>
       <h1>Mon Module</h1>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lastbrain/app",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "Framework modulaire Next.js avec CLI et système de modules",
   "private": false,
   "type": "module",
@@ -40,9 +40,9 @@
     "next-themes": "^0.4.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@lastbrain/module-auth": "0.1.0",
-    "@lastbrain/ui": "0.1.3",
-    "@lastbrain/core": "0.1.0"
+    "@lastbrain/core": "0.1.0",
+    "@lastbrain/module-auth": "0.1.1",
+    "@lastbrain/ui": "0.1.3"
   },
   "peerDependencies": {
     "next": ">=15.0.0"

package/src/templates/DefaultDoc.tsx

@@ -7,6 +7,8 @@ import {
   Database,
   Palette,
   Link as LinkIcon,
+  Shield,
+  Zap,
 } from "lucide-react";
 
 export function DefaultDocumentation() {
@@ -299,6 +301,197 @@ export function DefaultDocumentation() {
         </CardBody>
       </Card>
 
+      <Card id="section-admin" className="scroll-mt-32">
+        <CardHeader>
+          <h2 className="text-2xl font-semibold">
+            👤 Créer un Compte Administrateur
+          </h2>
+        </CardHeader>
+        <CardBody className="space-y-4">
+          <ol className="list-decimal list-inside space-y-4">
+            <li className="text-lg">
+              <strong>Créer un compte</strong>
+              <p className="text-slate-600 dark:text-slate-400 ml-6 mb-2">
+                Allez sur{" "}
+                <code className="px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded">
+                  /signup
+                </code>{" "}
+                et créez votre compte
+              </p>
+            </li>
+            <li className="text-lg">
+              <strong>Promouvoir en administrateur</strong>
+              <p className="text-slate-600 dark:text-slate-400 ml-6 mb-2">
+                Exécutez cette requête SQL dans le Studio Supabase (
+                <code className="px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded">
+                  http://localhost:54323
+                </code>
+                ) ou via psql :
+              </p>
+              <div className="ml-6">
+                <Snippet symbol="" hideSymbol className="text-sm">
+                  {`update auth.users
+set raw_app_meta_data = jsonb_set(
+  coalesce(raw_app_meta_data, '{}'::jsonb),
+  '{roles}',
+  '["admin"]'::jsonb
+)
+where email = 'votre@email.com';`}
+                </Snippet>
+              </div>
+            </li>
+            <li className="text-lg">
+              <strong>Accéder à l'interface admin</strong>
+              <p className="text-slate-600 dark:text-slate-400 ml-6">
+                Vous pouvez maintenant accéder à{" "}
+                <code className="px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded">
+                  /admin
+                </code>
+              </p>
+            </li>
+          </ol>
+        </CardBody>
+      </Card>
+
+      <Card id="section-development" className="scroll-mt-32">
+        <CardHeader>
+          <h2 className="text-2xl font-semibold flex items-center gap-2">
+            <Rocket size={24} />
+            Développement
+          </h2>
+        </CardHeader>
+        <CardBody className="space-y-4">
+          <div>
+            <h3 className="text-lg font-semibold mb-2">
+              Lancer le serveur de développement
+            </h3>
+            <Snippet symbol="" hideSymbol className="text-sm">
+              pnpm dev
+            </Snippet>
+          </div>
+          <div>
+            <h3 className="text-lg font-semibold mb-2">
+              Générer les routes des modules
+            </h3>
+            <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+              À exécuter après avoir ajouté ou modifié des modules
+            </p>
+            <Snippet symbol="" hideSymbol className="text-sm">
+              pnpm build:modules
+            </Snippet>
+          </div>
+          <div>
+            <h3 className="text-lg font-semibold mb-2">
+              Build de production
+            </h3>
+            <Snippet symbol="" hideSymbol className="text-sm">
+              pnpm build
+            </Snippet>
+          </div>
+          <div>
+            <h3 className="text-lg font-semibold mb-2">
+              Développer un module
+            </h3>
+            <Snippet symbol="" hideSymbol className="text-sm mb-2">
+              cd packages/module-auth
+            </Snippet>
+            <Snippet symbol="" hideSymbol className="text-sm">
+              pnpm dev
+            </Snippet>
+          </div>
+        </CardBody>
+      </Card>
+
+      <Card id="section-routes" className="scroll-mt-32">
+        <CardHeader>
+          <h2 className="text-2xl font-semibold flex items-center gap-2">
+            <Shield size={24} />
+            Routes Protégées
+          </h2>
+        </CardHeader>
+        <CardBody className="space-y-4">
+          <p className="text-slate-600 dark:text-slate-400 mb-4">
+            Le middleware protège automatiquement vos routes selon ces règles :
+          </p>
+          <div className="space-y-2">
+            <div className="p-3 bg-slate-50 dark:bg-slate-900 rounded">
+              <code className="text-blue-600 dark:text-blue-400">/auth/*</code>
+              <span className="ml-2">→ Authentification requise</span>
+            </div>
+            <div className="p-3 bg-slate-50 dark:bg-slate-900 rounded">
+              <code className="text-purple-600 dark:text-purple-400">
+                /admin/*
+              </code>
+              <span className="ml-2">→ Superadmin uniquement</span>
+            </div>
+            <div className="p-3 bg-slate-50 dark:bg-slate-900 rounded">
+              <code className="text-green-600 dark:text-green-400">
+                /docs/*
+              </code>
+              <span className="ml-2">→ Accès public</span>
+            </div>
+          </div>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mt-4">
+            Le middleware se trouve dans{" "}
+            <code className="px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded">
+              middleware.ts
+            </code>
+          </p>
+        </CardBody>
+      </Card>
+
+      <Card id="section-workflow" className="scroll-mt-32">
+        <CardHeader>
+          <h2 className="text-2xl font-semibold flex items-center gap-2">
+            <Zap size={24} />
+            Workflow de Développement
+          </h2>
+        </CardHeader>
+        <CardBody className="space-y-4">
+          <div>
+            <h3 className="text-lg font-semibold mb-2">1. Modifier un module</h3>
+            <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+              Éditez les fichiers dans{" "}
+              <code className="px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded">
+                packages/module-*/src
+              </code>
+            </p>
+          </div>
+          <div>
+            <h3 className="text-lg font-semibold mb-2">2. Compiler le module</h3>
+            <Snippet symbol="" hideSymbol className="text-sm mb-2">
+              cd packages/module-auth
+            </Snippet>
+            <Snippet symbol="" hideSymbol className="text-sm">
+              pnpm build
+            </Snippet>
+          </div>
+          <div>
+            <h3 className="text-lg font-semibold mb-2">3. Régénérer les pages</h3>
+            <Snippet symbol="" hideSymbol className="text-sm mb-2">
+              cd apps/my-app
+            </Snippet>
+            <Snippet symbol="" hideSymbol className="text-sm">
+              pnpm build:modules
+            </Snippet>
+          </div>
+          <div>
+            <h3 className="text-lg font-semibold mb-2">
+              4. Appliquer les migrations
+            </h3>
+            <Snippet symbol="" hideSymbol className="text-sm">
+              supabase migration up
+            </Snippet>
+          </div>
+          <div>
+            <h3 className="text-lg font-semibold mb-2">5. Tester</h3>
+            <Snippet symbol="" hideSymbol className="text-sm">
+              pnpm dev
+            </Snippet>
+          </div>
+        </CardBody>
+      </Card>
+
       <Card id="section-ui" className="scroll-mt-32">
         <CardHeader>
           <h2 className="text-2xl font-semibold flex items-center gap-2">