@lastbrain/app 2.0.1 → 2.0.3

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

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

package/dist/src/templates/DefaultDoc.js

@@ -0,0 +1,240 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardBody, CardHeader, Snippet, Alert } from "@lastbrain/ui";
+import { FileText, Rocket, Building2, BookOpen, Database, User, Shield, Zap, Palette, HardDrive, Link, Package, } 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("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(FileText, { size: 24 }), "LastBrain"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Framework modulaire pour cr\u00E9er rapidement des applications Next.js avec syst\u00E8me de modules, authentification et base de donn\u00E9es." }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [_jsx("strong", { children: "Require\\" }), "*"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["!", _jsx("a", { href: "https://img.shields.io/npm/v/@lastbrain/app?label=%40lastbrain%2Fapp", className: "text-blue-600 hover:underline", target: "_blank", rel: "noopener noreferrer", children: "npm version" })] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["!", _jsx("a", { href: "https://img.shields.io/npm/v/@lastbrain/core?label=%40lastbrain%2Fcore", className: "text-blue-600 hover:underline", target: "_blank", rel: "noopener noreferrer", children: "npm version" })] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["!", _jsx("a", { href: "https://img.shields.io/npm/v/@lastbrain/ui?label=%40lastbrain%2Fui", className: "text-blue-600 hover:underline", target: "_blank", rel: "noopener noreferrer", children: "npm version" })] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["!", _jsx("a", { href: "https://img.shields.io/npm/v/@lastbrain/module-auth?label=%40lastbrain%2Fmodule-auth", className: "text-blue-600 hover:underline", target: "_blank", rel: "noopener noreferrer", children: "npm version" })] })] })] }), _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("p", { className: "text-slate-600 dark:text-slate-400", children: [_jsx("strong", { children: "Note importante :" }), " LastBrain est un \u00E9cosyst\u00E8me de packages interconnect\u00E9s. L'application g\u00E9n\u00E9r\u00E9e utilise automatiquement", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/core" }), ",", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/ui" }), ", et les modules comme", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/module-auth" }), " ", "et", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/module-ai" }), ". Tous ces packages sont n\u00E9cessaires pour le bon fonctionnement."] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "# 1. Lancer Docker Desktop" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Attendre que Docker soit \u201CRunning\u201D." }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "# 2. Installer Supabase CLI (si pas d\u00E9j\u00E0 install\u00E9)" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `brew install supabase/tap/supabase` }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "# 3. Cr\u00E9er une nouvelle application (utilise @latest pour la version la plus r\u00E9cente)" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpx @lastbrain/app@latest init mon-app` }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "# 4. Acc\u00E9der au dossier" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `cd mon-app` }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "# 5. Initialiser Supabase" }), _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 mb-2", children: "# 6. D\u00E9marrer l'application si pas d\u00E9j\u00E0 lanc\u00E9 port :3000 par default" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm dev` }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Explication de la commande" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpx @lastbrain/app@latest init mon-app` }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: [_jsx("strong", { children: _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "pnpx" }) }), " ", ": Ex\u00E9cute un package npm sans l'installer globalement"] })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: [_jsx("strong", { children: _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/app@latest" }) }), " ", ": Package CLI de LastBrain en version la plus r\u00E9cente"] })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: [_jsx("strong", { children: _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "init" }) }), " ", ": Commande pour initialiser une nouvelle application"] })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: [_jsx("strong", { children: _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "mon-app" }) }), " ", ": Nom du dossier de votre application"] })] })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Cette commande va :" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsx("span", { children: "Cr\u00E9er la structure Next.js compl\u00E8te" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: ["Installer automatiquement tous les packages n\u00E9cessaires (", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/core" }), ",", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "@lastbrain/ui" }), ", modules...)"] })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsx("span", { children: "Configurer Supabase et les migrations" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsx("span", { children: "G\u00E9n\u00E9rer les routes des modules s\u00E9lectionn\u00E9s" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsx("span", { children: "G\u00E9n\u00E9rer le .env.local avec les variables d'environnement Supabase" })] })] }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Cr\u00E9ation du Compte Admin" }), _jsxs(Snippet, { hideSymbol: true, color: "primary", className: "text-sm mb-2", children: [_jsx("span", { children: `# Promouvoir votre compte en admin via Supabase` }), _jsx("span", { children: `update auth.users` }), _jsx("span", { children: `set raw_app_meta_data = jsonb_set(` }), _jsx("span", { children: `  coalesce(raw_app_meta_data, '{}'::jsonb),` }), _jsx("span", { children: `  '{roles}',` }), _jsx("span", { children: `  '["admin"]'::jsonb` }), _jsx("span", { children: `)` }), _jsx("span", { children: `where email = 'votre@email.com';` })] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Votre application est maintenant disponible sur", " ", _jsx("a", { href: "http://localhost:3000", className: "text-blue-600 hover:underline", target: "_blank", rel: "noopener noreferrer", children: "http://localhost:3000" }), " ", "! \uD83C\uDF89"] })] })] }), _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-sm text-slate-600 dark:text-slate-400 mb-2", children: "Le projet est organis\u00E9 en monorepo avec pnpm workspaces :" }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "@lastbrain/app" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Framework principal et CLI. Contient les layouts, scripts de build, templates et la logique de g\u00E9n\u00E9ration des pages." }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "@lastbrain/core" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Utilitaires et types partag\u00E9s. Contient les helpers Supabase, fonctions serveur et types TypeScript communs." }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "@lastbrain/ui" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Composants UI r\u00E9utilisables bas\u00E9s sur NextUI et Tailwind CSS. Fournit les composants Card, Button, Input, etc." }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "@lastbrain/module-\\*" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", 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: [_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-2", 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" })] }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Structure d'un module" }), _jsx(Alert, { hideIcon: true, color: "primary", className: "p-4 mb-4 whitespace-pre-wrap", children: `📁 module-mon-module/
+├── 📄 package.json
+├── 📄 mon-module.build.config.ts
+└── 📁 src/
+    ├── 📄 index.ts
+    ├── 📄 server.ts
+    ├── 📁 web/
+    ├── 📁 api/
+    ├── 📁 components/
+    └── 📁 supabase/
+        └── 📁 migrations/` }), _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", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "module-name.build.config.ts" }), " ", "d\u00E9finit les pages et APIs :"] }), _jsx(Alert, { hideIcon: true, color: "primary", className: "p-4 mb-4", children: _jsx("pre", { className: "whitespace-pre-wrap", children: `export default {
+  name: "Mon Module",
+  description: "Description du module",
+  pages: [
+    {
+      path: "/ma-page",
+      component: "./web/MaPage",
+      layout: "auth",
+    },
+  ],
+  apis: [
+    {
+      path: "/api/mon-api",
+      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: [_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-2", children: "LastBrain utilise Supabase pour la base de donn\u00E9es et l'authentification." }), _jsx("h4", { className: "font-medium mb-2", children: "D\u00E9marrer Supabase" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm db:init` }), _jsx("h4", { className: "font-medium mb-2", children: "Synchroniser les migrations" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm db:migrations:sync` }), _jsx("h4", { className: "font-medium mb-2", children: "Cr\u00E9er une migration" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "supabase migration new ma_migration" }), _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 mb-2", 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: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(User, { size: 24 }), "Cr\u00E9er un Compte Administrateur"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "1. Cr\u00E9er un compte" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Allez sur", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "/signup" }), " ", "et cr\u00E9ez votre compte"] }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "2. Promouvoir en administrateur" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Ex\u00E9cutez cette requ\u00EAte SQL dans le Studio Supabase (", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "http://localhost:54323" }), ") ou via psql :"] }), _jsxs(Snippet, { hideSymbol: true, color: "primary", className: "text-sm mb-2", children: [_jsx("span", { children: `update auth.users` }), _jsx("span", { children: `set raw_app_meta_data = jsonb_set(` }), _jsx("span", { children: `  coalesce(raw_app_meta_data, '{}'::jsonb),` }), _jsx("span", { children: `  '{roles}',` }), _jsx("span", { children: `  '["admin"]'::jsonb` }), _jsx("span", { children: `)` }), _jsx("span", { children: `where email = 'votre@email.com';` })] }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "3. Acc\u00E9der \u00E0 l'interface admin" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Vous pouvez maintenant acc\u00E9der \u00E0", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 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: [_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` }), _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 mb-2", children: `pnpm build:modules` }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Build de production" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm build` }), _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 mb-2", 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-sm text-slate-600 dark:text-slate-400 mb-2", children: "Le middleware prot\u00E8ge automatiquement vos routes selon ces r\u00E8gles :" }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Routes" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: [_jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "/auth/*" }), " ", "\u2192 Authentification requise"] })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: [_jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "/admin/*" }), " ", "\u2192 Superadmin uniquement"] })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: [_jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "/docs/*" }), " ", "\u2192 Acc\u00E8s public"] })] })] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Le middleware se trouve dans", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 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: [_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: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "packages/module-*/src" })] }), _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 mb-2", children: `pnpm build` }), _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 mb-2", children: `pnpm build:modules` }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "4. Appliquer les migrations" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "supabase migration up" }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "5. Tester" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", 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: [_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-2", 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."] }), _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."] }), _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 mb-2", 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" }), "."] }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "1. Ajouter une page et un menu custom" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "1. Cr\u00E9e une page dans l'app cible (exemple public) :" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "```tsx"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "// apps/lastbrain/app/nouvelle-page/page.tsx"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "export default function NouvellePage() {"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "return ", _jsx("div", { children: "Nouvelle Page" }), ";"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "}"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "```"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["2. D\u00E9clare le menu dans", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "apps/lastbrain/config/menu-custom.ts" }), " ", "(fichier optionnel, non \u00E9cras\u00E9 par les outils) :"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "```ts"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "import type { MenuCustom } from \"./menu-custom\";"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "export const menuCustom: MenuCustom = {"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "public: ["] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "{"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "title: \"Nouvelle Page\","] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "description: \"Une page custom\","] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "icon: \"Plus\","] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "path: \"/nouvelle-page\","] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "order: 100,"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "},"] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: " ]," }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "auth: [],"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "admin: [],"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "};"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "```"] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "3. Choisis le pr\u00E9fixe de route pour la section :" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "-", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "/" }), " ", "pour les pages publiques (header + palette + AppAside public)."] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "-", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "/auth/..." }), " ", "pour les pages authentifi\u00E9es (header + palette + AppAside auth)."] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "-", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "/admin/..." }), " ", "pour les pages admin (header + palette + AppAside admin)."] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["4. (Optionnel) Ajoute", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "order" }), ",", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "icon" }), ",", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "description" }), " ", "ou", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "shortcutDisplay" }), " ", "pour contr\u00F4ler le tri, l'ic\u00F4ne Lucide et l'affichage dans la palette."] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["5. Aucun rebuild sp\u00E9cial : le syst\u00E8me charge automatiquement", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "menu-custom.ts" }), " ", "et fusionne les menus custom avec la config existante dans le Header, le Aside et la palette (KeyboardKey)."] }), _jsx("h4", { className: "font-medium mb-2", children: "Cas d'usage rapides" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: ["Page publique custom : place ton fichier dans", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "apps/lastbrain/app/(custom)/nouvelle-page/page.tsx" }), " ", "et ajoute l'entr\u00E9e dans", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "menuCustom.public" }), " ", "avec", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "path: \"/nouvelle-page\"" }), "."] })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: ["Page auth custom : place la page dans", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "apps/lastbrain/app/(custom)/auth/ma-page/page.tsx" }), " ", "avec un", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "path: \"/auth/ma-page\"" }), " ", "dans", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "menuCustom.auth" }), "."] })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: ["Page admin custom : m\u00EAme principe avec un chemin", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "/admin/..." }), " ", "et une entr\u00E9e dans", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "menuCustom.admin" }), "."] })] })] }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "2. Masquer des menus et bloquer les routes (menu-ignored)" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["1. Cr\u00E9e", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "apps/lastbrain/config/menu-ignored.ts" }), " ", "si absent :"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "```ts"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "export const menuIgnored = {"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "public: [{ title: \"Boutique\", path: \"/shop\" }],"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "auth: ["] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "{ title: \"Mes commandes\", path: \"/auth/core-order/account/orders\" },"] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: " ]," }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "};"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: [" ", "```"] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["2. Le Header, l'AppAside et la palette excluent ces entr\u00E9es par", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "title" }), "."] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["3. Le middleware redirige toute route correspondante (", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "path" }), " ", "exact ou pr\u00E9fixe) vers", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "/404" }), "."] })] })] }), _jsxs(Card, { id: "section-storage", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(HardDrive, { size: 24 }), "Syst\u00E8me de Proxy Storage"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "LastBrain int\u00E8gre un syst\u00E8me de proxy pour les fichiers Supabase Storage qui permet d'utiliser des URLs propres avec contr\u00F4le d'acc\u00E8s granulaire." }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "URLs Proxy vs URLs Supabase" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: _jsx("strong", { children: "\u274C URL Supabase classique (longue)" }) }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "https://xxx.supabase.co/storage/v1/object/public/avatar/user_128_123456.webp" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: _jsx("strong", { children: "\u2705 URL Proxy (propre)" }) }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "/api/storage/avatar/user_128_123456.webp" }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Configuration des Buckets" }), _jsx("h4", { className: "font-medium mb-2", children: "\uD83D\uDCC2 avatar (Public)" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Photos de profil et avatars \u2022 10MB max \u2022 Types: JPEG, PNG, WebP, GIF" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "/api/storage/avatar/user_128_123456.webp" }), _jsx("h4", { className: "font-medium mb-2", children: "\uD83D\uDD12 app (Priv\u00E9)" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Fichiers priv\u00E9s des utilisateurs \u2022 100MB max \u2022 Authentification requise" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "/api/storage/app/user-id/documents/file.pdf" }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Utilisation dans le code" }), _jsx(Alert, { hideIcon: true, color: "primary", className: "p-4 mb-4", children: _jsx("pre", { className: "whitespace-pre-wrap", children: `// Upload d'un fichier
+import { uploadFile } from "@/api/storage";
+
+const proxyUrl = await uploadFile(
+  "avatar",
+  "user_128_123456.webp",
+  file,
+  "image/webp"
+);
+// Retourne: "/api/storage/avatar/user_128_123456.webp"
+
+// Conversion de chemin storage
+import { storagePathToProxyUrl } from "@/lib/storage";
+
+const proxyUrl = storagePathToProxyUrl("avatar/user_128_123456.webp");
+// Retourne: "/api/storage/avatar/user_128_123456.webp"` }) }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Avantages du syst\u00E8me" }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex items-start gap-2", children: _jsx("span", { children: "\u2705 URLs plus courtes et lisibles" }) }), _jsx("div", { className: "flex items-start gap-2", children: _jsx("span", { children: "\u2705 Contr\u00F4le d'acc\u00E8s granulaire" }) }), _jsx("div", { className: "flex items-start gap-2", children: _jsx("span", { children: "\u2705 Cache optimis\u00E9 (1 an)" }) }), _jsx("div", { className: "flex items-start gap-2", children: _jsx("span", { children: "\u2705 S\u00E9curit\u00E9 am\u00E9lior\u00E9e" }) }), _jsx("div", { className: "flex items-start gap-2", children: _jsx("span", { children: "\u2705 D\u00E9tection auto des types MIME" }) }), _jsx("div", { className: "flex items-start gap-2", children: _jsx("span", { children: "\u2705 Extensible facilement" }) })] })] })] }), _jsxs(Card, { id: "section-realtime", 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 }), "Syst\u00E8me Realtime"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "LastBrain int\u00E8gre un syst\u00E8me de notifications et de synchronisation en temps r\u00E9el bas\u00E9 sur Supabase Realtime. Le syst\u00E8me est enti\u00E8rement automatis\u00E9 et scalable." }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Configuration dans les modules" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Ajoutez la configuration realtime dans votre", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "build.config.ts" }), " ", "pour activer la synchronisation en temps r\u00E9el :"] }), _jsx(Alert, { hideIcon: true, color: "primary", className: "p-4 mb-4", children: _jsx("pre", { className: "whitespace-pre-wrap", children: `export default {
+  name: "Module Auth",
+  description: "Gestion de l'authentification",
+
+  // Configuration realtime
+  realtime: {
+    moduleId: "module-auth",
+    tables: [
+      {
+        schema: "public",
+        table: "user_notifications",
+        event: "*", // INSERT, UPDATE, DELETE ou *
+        filter: "owner_id=eq.\${USER_ID}",
+        broadcast: "user_notifications_updated",
+      },
+      {
+        schema: "public",
+        table: "user_profiles",
+        event: "*",
+        filter: "owner_id=eq.\${USER_ID}",
+        broadcast: "user_profile_updated",
+      },
+    ],
+  },
+
+  pages: [
+    // vos pages...
+  ],
+};` }) }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "G\u00E9n\u00E9ration automatique de la configuration" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Lors du build des modules, la configuration realtime est automatiquement g\u00E9n\u00E9r\u00E9e :" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm build:modules` }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Cela g\u00E9n\u00E8re automatiquement", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "config/realtime.ts" }), " ", "avec toutes les configurations des modules."] }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Utilisation dans les composants" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Utilisez les hooks pr\u00E9-construits pour \u00E9couter les changements :" }), _jsx("h4", { className: "font-medium mb-2", children: "1. Hook g\u00E9n\u00E9rique pour une table" }), _jsx(Alert, { hideIcon: true, color: "primary", className: "p-4 mb-4", children: _jsx("pre", { className: "whitespace-pre-wrap", children: `import { useTableRealtime } from "@lastbrain/core";
+
+function MonComposant() {
+  const signal = useTableRealtime("user_notifications");
+
+  useEffect(() => {
+    if (signal.hasUpdates) {
+      console.log("Nouvelle notification!");
+      // Recharger vos données
+      refetchNotifications();
+    }
+  }, [signal.tick]);
+}` }) }), _jsx("h4", { className: "font-medium mb-2", children: "2. Hook sp\u00E9cialis\u00E9 pour les notifications" }), _jsx(Alert, { hideIcon: true, color: "primary", className: "p-4 mb-4", children: _jsx("pre", { className: "whitespace-pre-wrap", children: `import { useNotifications } from "../hooks/useNotifications";
+
+function NotificationBell() {
+  const { notifications, loading, hasUpdates } = useNotifications();
+
+  return (
+    <div>
+      🔔 {notifications.length}
+      {hasUpdates && <span>•</span>}
+    </div>
+  );
+}` }) }), _jsx("h4", { className: "font-medium mb-2", children: "3. Hook bas niveau avec EventBus" }), _jsx(Alert, { hideIcon: true, color: "primary", className: "p-4 mb-4", children: _jsx("pre", { className: "whitespace-pre-wrap", children: `import { useRealtimeSignal } from "@lastbrain/core";
+
+function MonComposant() {
+  const signal = useRealtimeSignal("user_notifications_updated");
+
+  useEffect(() => {
+    if (signal.hasUpdates) {
+      // Événement spécifique reçu
+      const payload = signal.lastPayload;
+      console.log("Données reçues:", payload);
+    }
+  }, [signal.tick]);
+}` }) }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Architecture du syst\u00E8me" }), _jsx("h4", { className: "font-medium mb-2", children: "\uD83C\uDFAF EventBus Global" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Syst\u00E8me central de coordination des \u00E9v\u00E9nements realtime \u00E0 travers toute l'application." }), _jsx("h4", { className: "font-medium mb-2", children: "\uD83D\uDD0C RealtimeProvider" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Provider React qui \u00E9tablit les connexions Supabase Realtime bas\u00E9es sur la configuration des modules." }), _jsx("h4", { className: "font-medium mb-2", children: "\u26A1 Hooks Scalables" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Collection de hooks React pour \u00E9couter des tables ou \u00E9v\u00E9nements sp\u00E9cifiques avec auto-refresh." }), _jsx("h4", { className: "font-medium mb-2", children: "\uD83D\uDEE0\uFE0F Build int\u00E9gr\u00E9" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "G\u00E9n\u00E9ration automatique de la configuration TypeScript lors du build des modules." }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Avantages du syst\u00E8me" }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex items-start gap-2", children: _jsx("span", { children: "\u2705 Configuration d\u00E9clarative dans les modules" }) }), _jsx("div", { className: "flex items-start gap-2", children: _jsx("span", { children: "\u2705 G\u00E9n\u00E9ration automatique de config" }) }), _jsx("div", { className: "flex items-start gap-2", children: _jsx("span", { children: "\u2705 Hooks React pr\u00EAts \u00E0 l'emploi" }) }), _jsx("div", { className: "flex items-start gap-2", children: _jsx("span", { children: "\u2705 S\u00E9curit\u00E9 RLS de Supabase" }) }), _jsx("div", { className: "flex items-start gap-2", children: _jsx("span", { children: "\u2705 Scalable pour n'importe quelle table" }) }), _jsx("div", { className: "flex items-start gap-2", children: _jsx("span", { children: "\u2705 TypeScript avec types g\u00E9n\u00E9r\u00E9s" }) })] }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Exemples d'utilisation" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: [_jsx("strong", { children: "\uD83D\uDD14 Notifications" }), ": Affichage en temps r\u00E9el des nouvelles notifications avec badge et auto-refresh"] })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: [_jsx("strong", { children: "\uD83D\uDC65 Utilisateurs en ligne" }), ": Suivi des connexions/d\u00E9connexions des utilisateurs en direct"] })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: [_jsx("strong", { children: "\uD83D\uDCCA Donn\u00E9es collaboratives" }), ": Synchronisation automatique des modifications de donn\u00E9es entre utilisateurs"] })] })] })] })] }), _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-sm text-slate-600 dark:text-slate-400 mb-2", children: "Chaque module peut exporter un composant de documentation qui sera automatiquement int\u00E9gr\u00E9 dans cette page." }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Documentation auto-g\u00E9n\u00E9r\u00E9e" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Lorsque vous cr\u00E9ez un module, la documentation de base (", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "Doc.tsx" }), ") est automatiquement g\u00E9n\u00E9r\u00E9e \u00E0 partir du fichier", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "build.config.ts" }), ". Cette documentation inclut :"] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsx("span", { children: "Les pages disponibles" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsx("span", { children: "Les routes API" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsx("span", { children: "Les tables de base de donn\u00E9es" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsx("span", { children: "Les instructions d'installation" })] })] }), _jsx("h4", { className: "font-medium mb-2", children: "R\u00E9g\u00E9n\u00E9rer la documentation" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm update:module-docs` }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "# ou pour un module sp\u00E9cifique" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm update:module-docs auth` }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["\u26A0\uFE0F ", _jsx("strong", { children: "Important" }), " : Le fichier", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "Doc.tsx" }), " ", "est ", _jsx("strong", { children: "\u00E9cras\u00E9" }), " \u00E0 chaque g\u00E9n\u00E9ration. Ne le modifiez pas directement !"] }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Personnaliser la section \"Utilisation\"" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Pour ajouter du contenu personnalis\u00E9 qui ne sera", " ", _jsx("strong", { children: "jamais \u00E9cras\u00E9" }), ", cr\u00E9ez un fichier", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "DocUsageCustom.tsx" }), " ", ":"] }), _jsx("h4", { className: "font-medium mb-2", children: "\u00C9tape 1 : Cr\u00E9er le composant personnalis\u00E9" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Dans", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "packages/votre-module/src/components/DocUsageCustom.tsx" }), " ", ":"] }), _jsx(Alert, { hideIcon: true, color: "primary", className: "p-4 mb-4", children: _jsx("pre", { className: "whitespace-pre-wrap", children: `"use client";
+
+import { Card, CardBody, CardHeader, Alert, Tabs, Tab } from "@lastbrain/ui";
+import { Lightbulb } from "lucide-react";
+// Importez vos composants à documenter
+import { MonComposant } from "../web/components/MonComposant";
+
+export function DocUsageCustom() {
+  return (
+    <div className="space-y-6">
+      <Alert color="primary" className="mb-6">
+        <div className="flex items-start gap-2">
+          <Lightbulb size={20} className="mt-0.5 shrink-0" />
+          <div>
+            <p className="font-semibold">Introduction</p>
+            <p className="text-sm mt-1">
+              Description de votre module et de ses fonctionnalités principales.
+            </p>
+          </div>
+        </div>
+      </Alert>
+
+      <Tabs aria-label="Exemples d'utilisation">
+        <Tab key="exemple1" title="Exemple 1">
+          <Card className="mt-4">
+            <CardHeader>
+              <h3 className="text-xl font-semibold">MonComposant</h3>
+            </CardHeader>
+            <CardBody className="space-y-6">
+              <div>
+                <h4 className="text-lg font-semibold mb-2">Description</h4>
+                <p className="text-slate-600 dark:text-slate-400">
+                  Décrivez votre composant et son utilisation.
+                </p>
+              </div>
+
+              <div>
+                <h4 className="text-lg font-semibold mb-3">Exemple interactif</h4>
+                <MonComposant />
+              </div>
+
+              <div>
+                <h4 className="text-lg font-semibold mb-2">Code d'utilisation</h4>
+                <Alert color="default" className="p-4">
+                  <pre className="whitespace-pre-wrap text-sm">{\`import { MonComposant } from "@lastbrain/votre-module";
+
+export function MyApp() {
+  return <MonComposant />;
+}\`}</pre>
+                </Alert>
+              </div>
+
+              <div>
+                <h4 className="text-lg font-semibold mb-2">Props disponibles</h4>
+                <div className="overflow-x-auto">
+                  <table className="w-full text-sm">
+                    <thead className="border-b">
+                      <tr>
+                        <th className="text-left py-2 px-2">Prop</th>
+                        <th className="text-left py-2 px-2">Type</th>
+                        <th className="text-left py-2 px-2">Description</th>
+                      </tr>
+                    </thead>
+                    <tbody className="divide-y">
+                      <tr>
+                        <td className="py-2 px-2 font-mono">prop1</td>
+                        <td className="py-2 px-2">string</td>
+                        <td className="py-2 px-2">Description de la prop</td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </CardBody>
+          </Card>
+        </Tab>
+
+        <Tab key="exemple2" title="Exemple 2">
+          {/* Autres exemples */}
+        </Tab>
+      </Tabs>
+    </div>
+  );
+}` }) }), _jsx("h4", { className: "font-medium mb-2", children: "\u00C9tape 2 : Le g\u00E9n\u00E9rateur l'int\u00E8gre automatiquement" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Une fois", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "DocUsageCustom.tsx" }), " ", "cr\u00E9\u00E9, lancez la r\u00E9g\u00E9n\u00E9ration :"] }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm update:module-docs` }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Le script d\u00E9tecte automatiquement l'existence de", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "DocUsageCustom.tsx" }), " ", "et l'importe dans", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "Doc.tsx" }), " ", ":"] }), _jsx(Alert, { hideIcon: true, color: "primary", className: "p-4 mb-4", children: _jsx("pre", { className: "whitespace-pre-wrap", children: `// Doc.tsx (généré automatiquement)
+import { DocUsageCustom } from "./DocUsageCustom";
+
+// Dans la section Utilisation :
+<Card>
+  <CardHeader>
+    <h2>Utilisation</h2>
+  </CardHeader>
+  <CardBody>
+    <DocUsageCustom />
+  </CardBody>
+</Card>` }) }), _jsx("h4", { className: "font-medium mb-2", children: "\u00C9tape 3 : Mettre \u00E0 jour sans perdre vos modifications" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Vous pouvez maintenant r\u00E9g\u00E9n\u00E9rer la documentation autant de fois que vous voulez, votre fichier", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "DocUsageCustom.tsx" }), " ", "ne sera ", _jsx("strong", { children: "jamais \u00E9cras\u00E9" }), " :"] }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm update:module-docs` }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Exemple concret : Module AI" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Le module AI utilise cette approche pour documenter ses composants de g\u00E9n\u00E9ration :" }), _jsx(Alert, { hideIcon: true, color: "primary", className: "p-4 mb-4", children: _jsx("pre", { className: "whitespace-pre-wrap", children: `// packages/module-ai/src/components/DocUsageCustom.tsx
+import { TextareaGenerative } from "../web/components/TextareaGenerative";
+import { ImageGenerative } from "../web/components/ImageGenerative";
+
+export function DocUsageCustom() {
+  return (
+    <Tabs>
+      <Tab key="textarea" title="Génération de Texte">
+        <TextareaGenerative
+          prompt="Écris une courte description..."
+          model="gpt-4o-mini"
+        />
+      </Tab>
+      <Tab key="image" title="Génération d'Images">
+        <ImageGenerative
+          prompt="Un chat astronaute..."
+          model="dall-e-3"
+        />
+      </Tab>
+    </Tabs>
+  );
+}` }) }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Structure recommand\u00E9e" }), _jsx(Alert, { hideIcon: true, color: "primary", className: "p-4 mb-4 whitespace-pre-wrap", children: `packages/votre-module/
+├── src/
+│   ├── components/
+│   │   ├── Doc.tsx              # ⚠️ AUTO-GÉNÉRÉ - Ne pas modifier
+│   │   └── DocUsageCustom.tsx   # ✅ Votre contenu personnalisé
+│   ├── web/
+│   │   └── components/
+│   │       └── MonComposant.tsx # Vos composants à documenter
+│   └── votre-module.build.config.ts` }), _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: ["Si vous pr\u00E9f\u00E9rez cr\u00E9er une documentation compl\u00E8tement manuelle, 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(Alert, { hideIcon: true, color: "primary", className: "p-4 mb-4", children: _jsx("pre", { className: "whitespace-pre-wrap", children: `export function MonModuleDoc() {
+  return (
+    <div>
+      <h1>Mon Module</h1>
+      <p>Description...</p>
+    </div>
+  );
+}` }) }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Exporter la documentation" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Dans", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "src/index.ts" }), " ", ":"] }), _jsx(Alert, { hideIcon: true, color: "primary", className: "p-4 mb-4", children: _jsx("pre", { className: "whitespace-pre-wrap", children: `export { MonModuleDoc } from "./components/Doc.js";` }) })] })] }), _jsxs(Card, { id: "section-links", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Link, { size: 24 }), "Liens utiles & remerciements \uD83D\uDE4F"] }) }), _jsx(CardBody, { children: _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [_jsx(Card, { className: "hover:shadow-lg transition-shadow", isPressable: true, as: "a", href: "https://nextjs.org/docs", target: "_blank", rel: "noopener noreferrer", children: _jsxs(CardBody, { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Next.js" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-3", children: "Documentation officielle" }), _jsx("p", { className: "text-xs text-blue-600 dark:text-blue-400 truncate", children: "https://nextjs.org/docs" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow", isPressable: true, as: "a", href: "https://supabase.com/docs", target: "_blank", rel: "noopener noreferrer", children: _jsxs(CardBody, { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Supabase" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-3", children: "Documentation officielle" }), _jsx("p", { className: "text-xs text-blue-600 dark:text-blue-400 truncate", children: "https://supabase.com/docs" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow", isPressable: true, as: "a", href: "https://www.heroui.com/docs", target: "_blank", rel: "noopener noreferrer", children: _jsxs(CardBody, { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Heroui" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-3", children: "Composants UI" }), _jsx("p", { className: "text-xs text-blue-600 dark:text-blue-400 truncate", children: "https://www.heroui.com/docs" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow", isPressable: true, as: "a", href: "https://tailwindcss.com/docs", target: "_blank", rel: "noopener noreferrer", children: _jsxs(CardBody, { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Tailwind CSS" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-3", children: "Framework CSS" }), _jsx("p", { className: "text-xs text-blue-600 dark:text-blue-400 truncate", children: "https://tailwindcss.com/docs" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow", isPressable: true, as: "a", href: "https://lucide.dev/", target: "_blank", rel: "noopener noreferrer", children: _jsxs(CardBody, { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Lucide Icons" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-3", children: "Icones SVG" }), _jsx("p", { className: "text-xs text-blue-600 dark:text-blue-400 truncate", children: "https://lucide.dev/" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow", isPressable: true, as: "a", href: "https://stripe.com/docs", target: "_blank", rel: "noopener noreferrer", children: _jsxs(CardBody, { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Stripe" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-3", children: "Syst\u00E8me de paiement" }), _jsx("p", { className: "text-xs text-blue-600 dark:text-blue-400 truncate", children: "https://stripe.com/docs" })] }) })] }) })] }), _jsxs(Card, { id: "section-modules", className: "scroll-mt-32", children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Package, { size: 24 }), "Modules"] }) }), _jsxs(CardBody, { className: "space-y-6", children: [_jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Les modules LastBrain permettent d'ajouter des fonctionnalit\u00E9s compl\u00E8tes \u00E0 votre application de mani\u00E8re modulaire." }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-4", children: "Modules Disponibles" }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(Card, { className: "hover:shadow-lg transition-shadow border-l-4 border-l-blue-500", children: _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Ai" }), _jsx("span", { className: "text-xs bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 px-2 py-1 rounded", children: "FREE" })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Module LastBrain" }), _jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-500", children: [_jsx("strong", { children: "Pages:" }), " 1 auth, 1 admin"] }), _jsx(Snippet, { symbol: "\uD83D\uDCBB", hideSymbol: true, className: "text-sm", children: `pnpm lastbrain add-module ai` }), _jsx("a", { href: "https://github.com/Lastbrain-labs/lb-starter/tree/main/packages/module-ai", className: "text-sm text-blue-600 dark:text-blue-400 hover:underline inline-flex items-center gap-1", target: "_blank", rel: "noopener noreferrer", children: "\uD83D\uDCD6 Documentation \u2192" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow border-l-4 border-l-blue-500", children: _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Auth" }), _jsx("span", { className: "text-xs bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 px-2 py-1 rounded", children: "FREE" })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Module LastBrain" }), _jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-500", children: [_jsx("strong", { children: "Pages:" }), " 3 publique(s), 4 auth, 2 admin"] }), _jsx(Snippet, { symbol: "\uD83D\uDCBB", hideSymbol: true, className: "text-sm", children: `pnpm lastbrain add-module auth` }), _jsx("a", { href: "https://github.com/Lastbrain-labs/lb-starter/tree/main/packages/module-auth", className: "text-sm text-blue-600 dark:text-blue-400 hover:underline inline-flex items-center gap-1", target: "_blank", rel: "noopener noreferrer", children: "\uD83D\uDCD6 Documentation \u2192" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow border-l-4 border-l-purple-500", children: _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Billing Pro" }), _jsx("span", { className: "text-xs bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 px-2 py-1 rounded", children: "PRO" })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Module LastBrain" }), _jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-500", children: [_jsx("strong", { children: "Pages:" }), " 3 auth, 2 admin"] }), _jsx(Snippet, { symbol: "\uD83D\uDCBB", hideSymbol: true, className: "text-sm", children: `pnpm lastbrain add-module billing-pro` }), _jsx("span", { className: "text-xs text-slate-500 dark:text-slate-400 inline-flex items-center gap-1", children: "\uD83D\uDD12 Documentation priv\u00E9e" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow border-l-4 border-l-purple-500", children: _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Core Cart Pro" }), _jsx("span", { className: "text-xs bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 px-2 py-1 rounded", children: "PRO" })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Module LastBrain" }), _jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-500", children: [_jsx("strong", { children: "Pages:" }), " 2 auth, 1 admin"] }), _jsx(Snippet, { symbol: "\uD83D\uDCBB", hideSymbol: true, className: "text-sm", children: `pnpm lastbrain add-module core-cart-pro` }), _jsx("span", { className: "text-xs text-slate-500 dark:text-slate-400 inline-flex items-center gap-1", children: "\uD83D\uDD12 Documentation priv\u00E9e" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow border-l-4 border-l-purple-500", children: _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Core Commerce Pro" }), _jsx("span", { className: "text-xs bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 px-2 py-1 rounded", children: "PRO" })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Module LastBrain" }), _jsx(Snippet, { symbol: "\uD83D\uDCBB", hideSymbol: true, className: "text-sm", children: `pnpm lastbrain add-module core-commerce-pro` }), _jsx("span", { className: "text-xs text-slate-500 dark:text-slate-400 inline-flex items-center gap-1", children: "\uD83D\uDD12 Documentation priv\u00E9e" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow border-l-4 border-l-purple-500", children: _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Core Order Pro" }), _jsx("span", { className: "text-xs bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 px-2 py-1 rounded", children: "PRO" })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Module LastBrain" }), _jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-500", children: [_jsx("strong", { children: "Pages:" }), " 2 auth"] }), _jsx(Snippet, { symbol: "\uD83D\uDCBB", hideSymbol: true, className: "text-sm", children: `pnpm lastbrain add-module core-order-pro` }), _jsx("span", { className: "text-xs text-slate-500 dark:text-slate-400 inline-flex items-center gap-1", children: "\uD83D\uDD12 Documentation priv\u00E9e" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow border-l-4 border-l-purple-500", children: _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Core Payment Pro" }), _jsx("span", { className: "text-xs bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 px-2 py-1 rounded", children: "PRO" })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Module LastBrain" }), _jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-500", children: [_jsx("strong", { children: "Pages:" }), " 1 admin"] }), _jsx(Snippet, { symbol: "\uD83D\uDCBB", hideSymbol: true, className: "text-sm", children: `pnpm lastbrain add-module core-payment-pro` }), _jsx("span", { className: "text-xs text-slate-500 dark:text-slate-400 inline-flex items-center gap-1", children: "\uD83D\uDD12 Documentation priv\u00E9e" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow border-l-4 border-l-purple-500", children: _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Core Product Pro" }), _jsx("span", { className: "text-xs bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 px-2 py-1 rounded", children: "PRO" })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Module LastBrain" }), _jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-500", children: [_jsx("strong", { children: "Pages:" }), " 2 publique(s)"] }), _jsx(Snippet, { symbol: "\uD83D\uDCBB", hideSymbol: true, className: "text-sm", children: `pnpm lastbrain add-module core-product-pro` }), _jsx("span", { className: "text-xs text-slate-500 dark:text-slate-400 inline-flex items-center gap-1", children: "\uD83D\uDD12 Documentation priv\u00E9e" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow border-l-4 border-l-blue-500", children: _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Legal" }), _jsx("span", { className: "text-xs bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 px-2 py-1 rounded", children: "FREE" })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Module LastBrain" }), _jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-500", children: [_jsx("strong", { children: "Pages:" }), " 4 publique(s), 2 admin"] }), _jsx(Snippet, { symbol: "\uD83D\uDCBB", hideSymbol: true, className: "text-sm", children: `pnpm lastbrain add-module legal` }), _jsx("a", { href: "https://github.com/Lastbrain-labs/lb-starter/tree/main/packages/module-legal", className: "text-sm text-blue-600 dark:text-blue-400 hover:underline inline-flex items-center gap-1", target: "_blank", rel: "noopener noreferrer", children: "\uD83D\uDCD6 Documentation \u2192" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow border-l-4 border-l-blue-500", children: _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Project Board" }), _jsx("span", { className: "text-xs bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 px-2 py-1 rounded", children: "FREE" })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Module LastBrain" }), _jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-500", children: [_jsx("strong", { children: "Pages:" }), " 2 auth"] }), _jsx(Snippet, { symbol: "\uD83D\uDCBB", hideSymbol: true, className: "text-sm", children: `pnpm lastbrain add-module project-board` }), _jsx("a", { href: "https://github.com/Lastbrain-labs/lb-starter/tree/main/packages/module-project-board", className: "text-sm text-blue-600 dark:text-blue-400 hover:underline inline-flex items-center gap-1", target: "_blank", rel: "noopener noreferrer", children: "\uD83D\uDCD6 Documentation \u2192" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow border-l-4 border-l-purple-500", children: _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Recipes Pro" }), _jsx("span", { className: "text-xs bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 px-2 py-1 rounded", children: "PRO" })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Module LastBrain" }), _jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-500", children: [_jsx("strong", { children: "Pages:" }), " 4 auth"] }), _jsx(Snippet, { symbol: "\uD83D\uDCBB", hideSymbol: true, className: "text-sm", children: `pnpm lastbrain add-module recipes-pro` }), _jsx("span", { className: "text-xs text-slate-500 dark:text-slate-400 inline-flex items-center gap-1", children: "\uD83D\uDD12 Documentation priv\u00E9e" })] }) }), _jsx(Card, { className: "hover:shadow-lg transition-shadow border-l-4 border-l-blue-500", children: _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Tasks" }), _jsx("span", { className: "text-xs bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 px-2 py-1 rounded", children: "FREE" })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Module LastBrain" }), _jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-500", children: [_jsx("strong", { children: "Pages:" }), " 2 auth, 1 admin"] }), _jsx(Snippet, { symbol: "\uD83D\uDCBB", hideSymbol: true, className: "text-sm", children: `pnpm lastbrain add-module nom-du-module` }), _jsx("a", { href: "https://github.com/Lastbrain-labs/lb-starter/tree/main/packages/module-tasks", className: "text-sm text-blue-600 dark:text-blue-400 hover:underline inline-flex items-center gap-1", target: "_blank", rel: "noopener noreferrer", children: "\uD83D\uDCD6 Documentation \u2192" })] }) })] })] }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "Commandes" }), _jsx("h4", { className: "font-medium mb-2", children: "Installer un module" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm lastbrain add-module nom-du-module` }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm build:modules` }), _jsx("h4", { className: "font-medium mb-2", children: "Cr\u00E9er un nouveau module" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm lastbrain create-module nom-du-module` }), _jsx("h4", { className: "font-medium mb-2", children: "G\u00E9n\u00E9rer la documentation des modules" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm generate:module-docs` }), _jsx("h4", { className: "font-medium mb-2", children: "Supprimer un module" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm lastbrain remove-module nom-du-module` }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: `pnpm build:modules` }), _jsx("h3", { className: "text-lg font-semibold mb-2", children: "D\u00E9veloppement de modules" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: ["Pour cr\u00E9er un nouveau module, consultez la", " ", _jsx("a", { href: "./004_CREATE_MODULE.md", className: "text-blue-600 hover:underline", target: "_blank", rel: "noopener noreferrer", children: "documentation de cr\u00E9ation de modules" }), "."] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "La documentation de chaque module est g\u00E9n\u00E9r\u00E9e automatiquement depuis :" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: ["Le fichier", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "module-name.build.config.ts" }), " ", "pour les pages et APIs"] })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsx("span", { children: "Les fichiers de migration SQL pour les tables" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-green-600", children: "\u2705" }), _jsxs("span", { children: ["Le README.md est auto-g\u00E9n\u00E9r\u00E9 avec", " ", _jsx("code", { className: "text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded", children: "pnpm generate:module-docs" })] })] })] })] })] })] }));
+}

package/dist/src/templates/DocPage.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface ModuleDocConfig {
+    id: string;
+    name: string;
+    description: string;
+    content: React.ReactNode;
+    available: boolean;
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | "default" | undefined;
+    number?: number;
+}
+interface DocPageProps {
+    modules?: ModuleDocConfig[];
+    defaultContent?: React.ReactNode;
+}
+export declare function DocPage({ modules, defaultContent }: DocPageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocPage.d.ts.map

package/dist/src/templates/DocPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocPage.d.ts","sourceRoot":"","sources":["../../../src/templates/DocPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA+FnD,UAAU,eAAe;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,wBAAgB,OAAO,CAAC,EAAE,OAAY,EAAE,cAAc,EAAE,EAAE,YAAY,2CAiVrE"}